@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700;900&display=swap');
:root{color-scheme:dark;--gold:#d4bb88;--muted:#a4a3ac;--line:#ffffff17;--red:#a52932}*{box-sizing:border-box}body{margin:0;background:#0c0e13;color:#eeece7;font-family:Inter,'Microsoft YaHei',sans-serif}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{color:inherit}a{color:var(--gold)}.serif,h1,h2,h3{font-family:'Noto Serif SC','SimSun',serif}header{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:13px}.crest{font-size:32px;color:var(--gold);text-shadow:0 0 22px #bb292c}.brand strong{font:700 21px 'Noto Serif SC',serif;letter-spacing:3px}.en{display:block;font-size:8px;letter-spacing:4px;color:var(--gold);margin-top:7px}.version{border:1px solid #d4bb883c;border-radius:3px;color:var(--gold);padding:4px 7px;font-size:10px;margin-left:12px}.nav{display:flex;gap:30px;font-size:12px;color:#c7c3c2}.nav button,.ghost{border:0;background:transparent;color:inherit}.login{min-height:100vh;position:relative;isolation:isolate;overflow:hidden}.login:before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/guild.png') left center/cover no-repeat;clip-path:inset(0 33% 0 0)}.login:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080b1110 25%,#0b0d1460 48%,#0b0d14 68%),linear-gradient(0deg,#0b0d14 0%,transparent 35%,#0b0d1430)}.login header{background:#080b1130}.hero{min-height:calc(100vh - 150px);display:grid;grid-template-columns:1.18fr 1fr;align-items:center;padding:55px 7%;gap:11%}.story{align-self:end;padding-bottom:70px;text-shadow:0 2px 30px #000}.eyebrow{font-size:10px;letter-spacing:4px;color:var(--gold);display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:30px;height:1px;background:var(--gold)}.story h2{font-size:40px;letter-spacing:5px;line-height:1.6;margin:20px 0}.story p{font-size:13px;color:#d4cfc9;letter-spacing:2px}.loginbox{max-width:420px;width:100%;padding:20px 0}.ornament{color:var(--gold);font-size:38px;margin-bottom:20px}.loginbox h1{font-size:38px;letter-spacing:5px;margin:0 0 14px}.subtitle{font-size:13px;color:var(--muted);line-height:1.9;margin-bottom:32px}.tabs{display:flex;border-bottom:1px solid var(--line);gap:32px;margin-bottom:27px}.tabs button{border:0;background:none;color:var(--muted);padding:12px 0;font-size:14px}.tabs button.active{color:var(--gold);border-bottom:2px solid var(--gold)}label{display:block;font-size:12px;color:#c0b9af;margin-bottom:10px}input,select,textarea{width:100%;padding:15px 16px;color:#eee;background:#ffffff04;border:1px solid #ffffff20;border-radius:4px;outline:none;margin-bottom:20px}input:focus,textarea:focus{border-color:var(--gold);background:#d4bb8808}input::placeholder,textarea::placeholder{color:#686b77;font-size:12px}.pass{position:relative}.pass input{padding-right:55px}.pass button{position:absolute;right:12px;top:12px;border:0;background:none;color:var(--muted)}.row{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);gap:12px}.row label{font-size:11px;margin:0}.row input{width:auto;margin:0 6px 0 0;accent-color:var(--gold)}.primary{width:100%;background:linear-gradient(110deg,#86202a,#b8333d);border:1px solid #d1805e;color:#fff4e4;padding:16px 20px;border-radius:3px;box-shadow:0 8px 30px #9e202322;font-weight:bold;letter-spacing:3px;margin:25px 0 18px}.primary:hover{filter:brightness(1.18)}.primary span{float:right}.divider{display:flex;align-items:center;gap:18px;color:#666b79;font-size:10px;letter-spacing:2px;margin:16px 0}.divider:before,.divider:after{content:'';height:1px;background:var(--line);flex:1}.outline{background:transparent;border:1px solid #d4bb8838;border-radius:3px;padding:13px;width:100%;font-size:12px;color:var(--gold)}.fine{color:#676b78;font-size:10px;line-height:1.9;text-align:center;margin-top:24px}.fine a{text-decoration:none;color:#96939a}footer{padding:20px 5%;display:flex;justify-content:space-between;color:#686975;font-size:10px;letter-spacing:1px}.code{display:flex;gap:10px}.code input{min-width:0}.code button{white-space:nowrap;height:48px;width:145px}.notice{font-size:11px;line-height:1.8;color:#a39b8c;padding:10px 12px;background:#d4bb8808;border-left:2px solid #d4bb8850;margin-bottom:20px}.error{color:#ed9b94;font-size:12px;line-height:1.6}.home>header{background:#11131b}.home>.guild-navigation{padding:0 5%;display:flex;gap:25px;border-bottom:1px solid var(--line);overflow:auto}.home>.guild-navigation button{white-space:nowrap;background:none;border:0;padding:20px 0;color:#9a9eaa;font-size:12px}.home>.guild-navigation button.selected{color:var(--gold);border-bottom:2px solid var(--gold)}.content{max-width:1400px;margin:auto;padding:40px 5%}.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.welcome h1{font-size:26px;margin:0 0 10px}.welcome p{font-size:12px;color:var(--muted);margin:0}.tag{font-size:10px;color:var(--gold);border:1px solid #d4bb8833;padding:7px 10px}.banner{min-height:295px;padding:43px;border:1px solid #d4bb8833;position:relative;border-radius:5px;overflow:hidden;background:#16151a;margin-bottom:35px}.banner:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#12141c 10%,#12141ca0 55%,#12141c10),url('assets/guild.png') left 40%/cover;opacity:.7}.banner>*{position:relative}.banner h2{font-size:32px;letter-spacing:3px;margin:18px 0}.banner p{color:#bcb8b6;font-size:12px}.banner button{width:170px;margin:15px 0 0;font-size:12px;padding:13px}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin:28px 0 20px}.sectionhead h2{font-size:19px;letter-spacing:2px;margin:0}.sectionhead small{color:#626975;font-size:10px;letter-spacing:2px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{padding:26px 23px;background:linear-gradient(145deg,#1c1e28,#12151d);border:1px solid var(--line);border-radius:5px;text-align:left;position:relative;min-height:184px;transition:.2s}.card:hover{transform:translateY(-4px);border-color:#d4bb8860;background:#22212a}.icon{font-size:26px;color:var(--gold);margin-bottom:22px}.card h3{font:600 17px 'Microsoft YaHei';margin:0 0 12px}.card p{font-size:11px;line-height:1.8;color:#9095a3;margin:0}.arrow{position:absolute;right:22px;top:30px;color:#666}.bottom{display:grid;grid-template-columns:1.5fr 1fr;gap:23px;margin-top:30px}.panel{padding:25px;background:#141720;border:1px solid var(--line);border-radius:5px}.panel h3{font-size:16px;margin:0 0 20px}.news{padding:13px 0;border-top:1px solid var(--line);font-size:12px;display:flex;justify-content:space-between;gap:15px}.news small{color:#666e80}.status{color:#9baba1;font-size:11px}.dot{display:inline-block;width:6px;height:6px;background:#75ae8c;border-radius:50%;margin-right:8px}.close{position:absolute;right:15px;top:12px;background:none;border:0;font-size:24px;color:#aaa}dialog{width:min(560px,92vw);background:#151922;color:#eeece7;border:1px solid #d4bb8850;border-radius:8px;padding:35px;max-height:85vh}dialog::backdrop{background:#000a;backdrop-filter:blur(7px)}dialog h2{margin-top:0;font-size:24px}dialog p{font-size:13px;color:#9da3b0;line-height:1.9}.empty{padding:35px;text-align:center;border:1px dashed #ffffff20;border-radius:4px}.pill{display:inline-block;padding:5px 9px;border:1px solid #d4bb8830;color:var(--gold);font-size:10px;margin-right:8px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:15px 24px;background:#272530;border:1px solid #d4bb8870;border-radius:6px;font-size:13px;z-index:10;display:none}.messages{min-height:100px;max-height:220px;overflow:auto}.bubble{background:#ffffff06;padding:10px 13px;margin:8px 0;font-size:12px;line-height:1.8}.bubble strong{color:var(--gold)}@media(min-width:1700px){.hero{gap:18%}.login:before{background-position:left 40%}}@media(max-width:950px){.hero{grid-template-columns:1fr 1fr;gap:5%;padding:40px 5%}.story h2{font-size:28px}.loginbox h1{font-size:30px}.grid{grid-template-columns:repeat(2,1fr)}.nav{gap:15px}}@media(max-width:650px){header{height:75px}.brand strong{font-size:17px}.nav{display:none}.hero{display:block;min-height:calc(100vh - 130px);padding:35px 7%}.login:before{clip-path:none;background-position:25% center;opacity:.28}.login:after{background:#0b0d1499}.story{display:none}.loginbox{margin:auto}.loginbox h1{font-size:33px}.ornament{margin-bottom:10px}.content{padding:25px 5%}.welcome h1{font-size:21px}.welcome .tag{display:none}.banner{padding:26px;min-height:270px}.banner h2{font-size:26px}.grid{gap:10px}.card{padding:20px 16px}.card p{font-size:10px}.bottom{grid-template-columns:1fr}footer{font-size:8px;gap:12px}.home>.guild-navigation{gap:22px}.row{font-size:10px}}
/* Reference artwork is kept at its native aspect ratio, with real controls aligned over it. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reference-login{width:100%;min-height:100svh;background:#090a0e;display:flex;align-items:center;justify-content:center}.reference-stage{position:relative;width:min(100vw,177.6833svh);aspect-ratio:1672/941;flex-shrink:0}.reference-art{display:block;width:100%;height:100%;object-fit:contain}.art-input{position:absolute;padding:0 1%;margin:0;border:0;border-radius:0;background:transparent;color:#ded6c8;font-family:'Microsoft YaHei',sans-serif;font-size:clamp(7px,.96vw,18px);height:4.3%;width:16.55%;left:76.7%;box-shadow:none}.art-username{top:54.23%}.art-password{top:61.45%;width:14.4%}.art-input::placeholder{color:transparent}.art-input:focus,.art-input:not(:placeholder-shown){background:#1a1b1ef5;outline:none}.art-input:focus{box-shadow:0 1px 0 #cfba8c}.art-eye,.art-submit,.art-register{position:absolute;border:0;background:transparent;margin:0;padding:0;border-radius:0}.art-eye{left:91.9%;top:61.3%;width:2.2%;height:4.4%}.art-eye:hover{background:#d5bd8e18}.art-submit{left:72.05%;top:67.9%;width:23.7%;height:7.55%;clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%)}.art-submit:hover{background:#ffcf8d1c}.art-submit:active{background:#0003}.art-register{left:84.8%;top:77.3%;width:4.8%;height:3.4%}.art-register:hover{background:#d8814c1a}.art-error{position:absolute;left:73.5%;top:81.2%;width:21%;margin:0;text-align:center;color:#ffb6a1;background:#0b0b0fbc;font-size:clamp(8px,.9vw,16px);line-height:1.6}.art-error:empty{display:none}.register-page{min-height:100svh;background:linear-gradient(90deg,#08090d00 25%,#08090d88 58%,#08090ddd 75%),url('assets/login-reference.png') left center/cover no-repeat;display:flex;align-items:center;justify-content:flex-end;padding:32px max(6vw,24px);position:relative}.register-card{width:480px;padding:28px 34px;background:linear-gradient(145deg,#151519fa,#101014fa);border:1px solid #ad8a5860;box-shadow:0 20px 100px #0009;position:relative}.register-card:before,.register-card:after{content:'◆';position:absolute;color:#b29b75;font-size:14px;top:-10px;left:-7px}.register-card:after{left:auto;right:-7px}.back-login{border:0;background:none;color:#a69c8e;font-size:11px;padding:0;margin-bottom:10px}.register-emblem{width:65px;height:50px;margin:0 auto;background:url('assets/login-reference.png') 84% 18%/360px auto no-repeat;display:none}.register-card h1{font-size:29px;color:#e1ceb0;letter-spacing:3px;margin:10px 0;text-align:center}.register-sub{font:12px 'Noto Serif SC',serif;color:#b4a491;text-align:center;letter-spacing:2px;margin:0 0 25px}.register-card label{font-size:11px;margin-bottom:8px;color:#baae9d}.register-card input{font-size:12px;padding:12px;height:43px;margin-bottom:15px;border-color:#a8967540;background:#1f1f2480}.register-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}.register-card .pass button{top:9px}.binding-tabs{display:flex;gap:24px;margin:0 0 18px;border-bottom:1px solid #ffffff12}.binding-tabs button{border:0;padding:8px 0;background:none;color:#7f7b77;font-size:12px}.binding-tabs button.active{color:var(--gold);border-bottom:1px solid var(--gold)}.register-card .code{gap:10px}.register-card .code input{flex:1}.register-card .code button{height:43px;font-size:11px;width:140px}.verification-hint{color:#8f887e;font-size:10px;line-height:1.8;margin:0 0 10px}.register-submit{margin:12px 0;font-family:'Noto Serif SC',serif;font-size:18px;padding:12px;border-color:#b29162}.register-bottom{text-align:center;font-size:11px;color:#8d8986;margin:13px 0 0}.register-bottom button{color:#d49c7a;text-decoration:underline}.register-card .error{margin:6px 0;font-size:11px}.guild-mark{display:block;width:52px;height:52px;background:url('assets/login-reference.png') -251px -29px/334.4px 188.2px no-repeat}.home .brand strong{letter-spacing:2px}@media(max-width:650px){.reference-stage{width:100vw}.register-page{padding:20px 15px;background-position:35% center}.register-card{padding:24px;width:min(100%,440px)}.register-card h1{font-size:25px}.register-duo{grid-template-columns:1fr;gap:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.register-page{background-image:linear-gradient(90deg,#08090d00 25%,#08090d99 48%,#08090d 69%),url('assets/login-reference.png')}

/* Complete, smaller wordmark beside the reference-inspired emblem. */
.home>header{gap:12px}.home .brand{gap:9px;flex-shrink:0;min-width:0}.home .brand>div{flex-shrink:0}.home .brand strong{display:block;font-size:17px;letter-spacing:1.5px;line-height:1.5;white-space:nowrap}.home .brand .en{letter-spacing:2.2px;font-size:7px}.home .guild-mark{width:55px;height:55px;object-fit:contain;display:block;background:none;flex-shrink:0}.home .version{margin-left:6px}.home>header>.row{min-width:0}.home>header>.row>span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:650px){.home .brand strong{font-size:14px;letter-spacing:1px}.home .guild-mark{width:42px;height:42px}.home .brand{gap:6px}.home .version{font-size:8px;padding:3px 4px;margin-left:2px}.home .brand .en{font-size:6px;letter-spacing:1px}.home>header>.row>span{display:none}.home>header>.row button{font-size:10px;white-space:nowrap}}

/* Discreet administrator link on the player login screen only. */
.admin-entry{position:fixed;right:22px;bottom:16px;z-index:10;padding:9px 3px;font-size:11px;line-height:1.4;letter-spacing:1px;color:#b5a9a1;text-decoration:none;opacity:.7;transition:color .15s,opacity .15s}.admin-entry:hover{color:#e4c8b4;opacity:1}.admin-entry:focus-visible{opacity:1;outline:1px solid #c9ac91;outline-offset:3px}@media(max-width:650px){.admin-entry{right:14px;bottom:10px;font-size:10px}}

/* v1.2.1.0: cover the viewport without letterboxing; keep controls on the right. */
.reference-login{position:relative;width:100%;height:100vh;min-height:100vh;height:100dvh;min-height:100dvh;overflow:hidden;--art-width:max(100vw,177.6833156dvh);--art-height:calc(var(--art-width) * 941 / 1672)}
.reference-login .reference-stage{position:absolute;right:0;top:min(calc((100dvh - var(--art-height)) / 2),calc(100dvh - var(--art-height) * .84));width:var(--art-width);height:var(--art-height);aspect-ratio:1672/941}
.reference-login .reference-art{width:100%;height:100%;object-fit:cover}
.reference-login .art-input{font-size:clamp(11px,calc(var(--art-width) * .0096),18px)}
.reference-login .art-error{font-size:clamp(11px,calc(var(--art-width) * .009),16px)}
@media(max-width:650px){.reference-login .art-error{position:fixed;left:16px;right:16px;bottom:52px;top:auto;width:auto}}
.announcement-item{display:block!important}.announcement-item p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8;color:#a8a5ad}.announcement-item strong{font-size:14px}.announcement-item small{display:block;margin-top:10px}

.home-announcements{display:flex;gap:28px;padding:20px 24px;margin:8px 0 22px;border:1px solid #524047;background:linear-gradient(110deg,#241319,#11131b);align-items:center}.announcement-label{color:#e2d3ca;font-size:16px;flex-shrink:0}.announcement-label small{display:block;font-size:8px;letter-spacing:2px;color:#9e7a83;margin-top:6px}#announcement-titles{display:flex;flex-wrap:wrap;gap:8px 24px;color:#8f8c98;font-size:12px}.announcement-title{background:none;border:0;color:#d1c4c9;text-align:left;cursor:pointer;font:inherit;padding:4px 0}.announcement-title:before{content:'◆';font-size:7px;color:#a7354d;margin-right:10px}.announcement-title:hover{color:#fff}.promotion-carousel{position:relative;border:1px solid #593039;margin-bottom:38px;background:linear-gradient(125deg,#2c101b,#11131b);overflow:hidden;border-radius:4px}.promotion-slide{position:relative;min-height:350px;isolation:isolate;display:flex;align-items:center}.promotion-slide[hidden]{display:none}.promotion-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.promotion-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b0b12e8,#100d1580 65%,#100d152b);z-index:-1}.promotion-copy{padding:44px 48px 65px;max-width:800px}.promotion-copy h2,.promotion-empty h2{font-size:32px;font-weight:500;line-height:1.5;letter-spacing:2px;margin:15px 0}.promotion-copy p{color:#c7b9c0;line-height:1.9;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.promotion-copy .primary{display:inline-block;margin-top:18px;padding:12px 28px;text-decoration:none;min-width:130px;text-align:center}.promotion-empty{padding:48px}.promotion-empty p{font-size:13px;color:#91828e}#promotion-controls{position:absolute;bottom:18px;right:25px;display:flex;gap:16px;align-items:center}#promotion-controls>div{display:flex;gap:8px}#promotion-controls button{cursor:pointer;background:#1a111bbc;color:#e1d3d8;border:1px solid #76515b;padding:5px 12px}#promotion-controls .promotion-dot{width:7px;height:7px;border:0;padding:0;border-radius:50%;background:#7e646d}#promotion-controls .selected{background:#e1b0b6;width:22px;border-radius:8px}.announcement-detail p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2;color:#c8bdc6}.announcement-detail small{color:#968b94}.announcement-detail h2{overflow-wrap:anywhere}.home>footer{margin-top:35px}@media(max-width:650px){.home-announcements{align-items:flex-start;gap:16px;padding:17px}.announcement-label{font-size:14px}#announcement-titles{display:block}.announcement-title{display:block;margin-bottom:7px}.promotion-slide{min-height:360px}.promotion-copy{padding:30px 23px 60px}.promotion-copy h2,.promotion-empty h2{font-size:24px}.promotion-copy p{font-size:12px}.promotion-empty{padding:30px 22px;min-height:240px}}
@media(max-width:650px){.home .welcome{flex-wrap:wrap;gap:12px}.home .welcome .tag{display:inline-flex;max-width:100%;overflow-wrap:anywhere;font-size:10px}}

.profile-card{max-width:760px;width:min(92vw,760px);margin:48px auto}.profile-card form{display:grid;gap:14px;margin:24px 0;padding-top:20px;border-top:1px solid #45352f}.profile-card label{display:grid;gap:8px}.profile-card input{width:100%;box-sizing:border-box}.profile-card p{font-size:13px;color:#b7aaa0;line-height:1.8}.profile-avatar{width:84px;height:84px;border-radius:50%;object-fit:cover;border:1px solid #9f8270}.avatar-crop{width:min(100%,320px);height:auto;border:1px solid #66514b;display:block;margin:16px 0}.profile-page{min-height:100dvh;height:auto;overflow:auto;display:block}.profile-card button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.profile-card{margin:16px auto;padding:20px}.home>header .row{flex-wrap:wrap;justify-content:flex-end;gap:8px}}

.privacy-links{position:fixed;left:18px;bottom:12px;display:flex;gap:14px;z-index:8}.privacy-links button{color:#c4b6ac;background:#0b0a0a77;border:0;padding:4px 8px;font-size:12px;cursor:pointer}
/* v1.6 profile fields and registration agreement */
.game-binding{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin:10px 0}.game-binding small{grid-column:1/-1}.profile-card select{width:100%;padding:12px;background:#151821;color:#eee;border:1px solid #64606b;border-radius:4px;margin-top:8px}.registration-consent{display:flex!important;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px!important;line-height:1.8}.registration-consent input[type=checkbox]{width:auto!important;margin:0 4px 0 0!important;accent-color:#a82d40}.registration-consent button{padding:0!important;color:#e4b8bc!important}.profile-card .avatar-crop{display:block;max-width:200px;width:100%;height:auto;margin:12px 0}@media(max-width:520px){.game-binding{grid-template-columns:1fr}}

/* v1.8 player navigation, agreements and optional profile details. */
.footer-legal{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:9px}
.footer-legal .ghost{padding:3px 0;font-size:11px;line-height:1.6;color:#b4a5a4;letter-spacing:0;cursor:pointer}
.footer-legal .ghost:hover{color:#e2c9bc}.footer-legal .ghost:focus-visible{outline:1px solid #bd8a80;outline-offset:4px}
.home>footer>div{min-width:0}.home>footer>span{align-self:flex-end;text-align:right;line-height:1.8}
.board-access-page{min-height:100dvh;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(ellipse at 50% 15%,#34131f55,transparent 65%),#0c0e15}
.board-access-card{width:min(100%,540px);padding:36px;border:1px solid #65404a;border-radius:8px;background:#17131c}
.board-access-card h1{font-size:25px;line-height:1.5;margin:23px 0 14px}.board-access-card p{font-size:14px;color:#c2b5bd;line-height:1.9;overflow-wrap:anywhere;margin-bottom:28px}
.board-access-card button{width:auto;max-width:100%;padding:12px 18px}
.profile-card textarea{box-sizing:border-box;width:100%;min-height:100px;margin:0;resize:vertical;line-height:1.8;padding:12px 14px;background:#16151d;border-color:#70606a}
.profile-card input[type=number]{max-width:240px;margin-bottom:0}.profile-card label{line-height:1.7}.profile-card form>p{margin:0 0 5px;font-size:12px;color:#a99da5;overflow-wrap:anywhere}
.profile-card input,.profile-card select{min-width:0}.profile-card select{margin-bottom:0}.profile-card .game-binding{padding-top:10px;border-top:1px solid #46323c55}.profile-card .game-binding input{margin-bottom:0}
@media(max-width:650px){.home>footer{flex-direction:column;align-items:flex-start;padding:22px 5%;gap:12px;letter-spacing:.3px}.home>footer>span{align-self:flex-start;text-align:left;font-size:9px}.footer-legal{gap:5px 14px}.footer-legal .ghost{font-size:11px;padding:6px 0}.board-access-card{padding:27px 22px}.board-access-card h1{font-size:22px}.board-access-card .eyebrow{letter-spacing:2px}.profile-card textarea{font-size:14px}.profile-card input[type=number]{max-width:100%}}

.inline-field-error{display:block;color:#ffb5b5;font-size:12px;line-height:1.5;margin:5px 0 10px;max-width:100%;overflow-wrap:anywhere}
[aria-invalid=true]{border-color:#e68a8a!important}
.reference-login .inline-field-error{position:absolute;left:76.7%;top:65.8%;width:18.3%;margin:0;font-size:clamp(9px,calc(var(--art-width)*.008),13px);line-height:1.25;background:#101014e8;z-index:2}
.reference-login .art-error{display:none}

.beta-login-note{position:fixed;top:10px;left:50%;transform:translateX(-50%);z-index:10;margin:0;padding:6px 12px;border:1px solid #b8a27666;background:#11151de8;color:#d8c398;font-size:12px;border-radius:4px}

/* Persistent guild shell and focused password onboarding. */
#guild-shell>.guild-navigation{position:sticky;top:0;z-index:20;background:#0c1119;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}
#guild-shell>.guild-navigation button{white-space:nowrap;flex:none}
#guild-content{min-height:60vh}
.guild-user{color:var(--gold)}
#guild-content .records-page,#guild-content .activities-page{min-height:0;background:transparent}
#guild-content .records-layout,#guild-content .activities-body{max-width:none;margin:0;padding:0}
#guild-content .board-access-page{min-height:40vh;padding:28px 0}
#guild-content .profile-page{min-height:0;padding:20px 0;background:transparent}
.password-onboarding .profile-card{max-width:460px;padding:28px}
.password-onboarding .profile-card>h1{font-size:25px;margin:22px 0 8px}
.password-onboarding .profile-card>button:disabled{display:none}
.profile-card .agreement-consent{display:flex;align-items:flex-start;justify-content:flex-start;gap:9px;font-size:13px;line-height:1.6;text-align:left}
.profile-card .agreement-consent input[type=checkbox]{width:16px!important;height:16px;min-height:16px;flex:0 0 16px;padding:0;margin:3px 0 0;accent-color:var(--gold)}
.profile-card .agreement-consent span{flex:1}
.password-onboarding form{gap:12px}
@media(max-width:600px){#guild-shell>header{gap:12px;flex-wrap:wrap}#guild-content{padding:18px 12px}.password-onboarding .profile-card{padding:22px 18px}}