body.warm-charcoal.login-page{background:radial-gradient(ellipse at 50% 0,#322c22,#131512 65%);min-height:100dvh;}
.warm-charcoal .login-shell{width:min(480px,100%);padding:36px 20px;margin:auto;}
.warm-charcoal .login-shell .guild-wordmark{width:100%;max-width:380px;margin:0 auto 28px;align-items:center;}
.warm-charcoal .guild-logo-clean{width:100%;display:block;}
.warm-charcoal .guild-logo-clean img{width:100%;height:auto;display:block;}
.warm-charcoal .login-shell .panel{background:#20221d;border:1px solid #57503e;padding:32px;border-radius:6px;position:relative;}
.warm-charcoal .login-shell h1{font-family:Georgia,serif;font-size:32px;font-weight:400;}
.warm-charcoal .login-shell input{max-width:100%;min-width:0;}
.warm-charcoal .login-shell .button{width:100%;text-align:center;}
.warm-charcoal .login-shell [hidden]{display:none!important;}
@media(max-width:480px){.warm-charcoal .login-shell{padding:28px 16px}.warm-charcoal .login-shell .panel{padding:24px}}

/* Subtle guild linework: watchful wolf, citadel peaks and ember marks. */
body.warm-charcoal.login-page{background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDQwIiBoZWlnaHQ9Ijk2MCIgdmlld0JveD0iMCAwIDE0NDAgOTYwIiBmaWxsPSJub25lIj4KIDxnIHN0cm9rZT0iI2FkOTU3NiIgc3Ryb2tlLXdpZHRoPSIxLjE1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogIDwhLS0gV29sZiBpbiBwcm9maWxlOiBicm9rZW4gZnVyIGxpbmVzIHJhdGhlciB0aGFuIGEgZ2VvbWV0cmljIGVtYmxlbS4gLS0+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI1IDE1MCkiIG9wYWNpdHk9Ii4yNiI+CiAgIDxwYXRoIGQ9Ik0xMCAyMDggMTkgMTc5IDExIDE4NCAyNCAxNTAgMjEgMTMxIDQzIDk4IDU4IDczIDYyIDEzIDgyIDQxIDk1IDY4IDEyMSA3NiAxNDYgMTAwIDE2NyAxMDkgMTgyIDExMiAxNzggMTIzIDE1MyAxMzYgMTM3IDE1MyAxMTAgMTcxIDk2IDE5NCA3MiAyMTcgNTggMjQ4Ii8+CiAgIDxwYXRoIGQ9Ik02NiAzMyA3MiA3MCA4MyA3OE05NSA2OCA5NCA5MCAxMTkgMTA0IDEzOSAxMTJNMTM0IDEwN2wtMTggMyAxMCA0TTE2NCAxMTBsLTUgOSAxOCA0TTE1MyAxMzZsLTI0LTItMTcgOE0xMzcgMTUzbC0yNi0xLTE3IDE5LTE3IDEyTTExMCAxNzFsLTI4IDE0LTE4IDI1Ii8+CiAgIDxwYXRoIGQ9Ik01OCA3MyA0NiAxMDAgNDkgMTE0TTQzIDk4IDMwIDEyNyA0MSAxMTdNMjQgMTUwIDQ0IDEzMiAzMyAxNTdNMTkgMTc5IDM3IDE2NCAyNyAxOTFNMTAgMjA4IDMzIDE5MCAyMiAyMTlNNTggMjQ4bC0xMC0zNCAxNi00TTk1IDkxbC0xNCAxMiAyMC00TTc5IDExNGwtMjAgMTUgMjItNk02MiAxNDhsLTE2IDIyTTU4IDE3OWwtMTEgMTUiLz4KICAgPHBhdGggZD0iTS0xMCAyNDFDLTMzIDE3NC0yMCAxMDQgMjUgNzBNMyAyNTZjMjQgMTAgNTAgMTIgNzIgOCIgc3Ryb2tlLWRhc2hhcnJheT0iNDkgMTMgMTggMjAiLz4KICAgPHBhdGggZD0ibTIzIDIyNy04IDE1bTE3LTIyLTggMjVtMTctMjYtOCAxOG02MC02NS01IDEzbS01OC00MS04IDE1IiBvcGFjaXR5PSIuNiIvPgogIDwvZz4KICA8IS0tIEEgbW91bnRhaW4gZmllbGQgc2tldGNoIHdpdGggcmlkZ2UgY29udG91cnMgYW5kIHNwYXJzZSBoYXRjaGluZy4gLS0+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTk3IDU1NCkiIG9wYWNpdHk9Ii4yNSI+CiAgIDxwYXRoIGQ9Ik0tNjAgMTkyLTE1IDE0MiA5IDE1MSA1MSA3OCA2NSA4OCAxMjUtMjIgMTQ3IDI0IDE1OSAxOCAyMDUgOTMgMjIzIDcwIDI2MiAxMzkgMjg4IDEyMiAzMzIgMTg2Ii8+CiAgIDxwYXRoIGQ9Ik0xMjUtMjIgMTE1IDI4IDk2IDY5IDEwOCA2MSA5MSAxMDMgNzMgMTE3IDY0IDE1MU0xMjUtMjIgMTQzIDcyIDE2NiAxMjAgMTgyIDEyOCAyMTAgMTY5TTUxIDc4IDU0IDEyMiAzMiAxNjZNMjIzIDcwIDIxNCAxMDYgMjM4IDE1ME0tMTUgMTQyIDAgMTcwIi8+CiAgIDxwYXRoIGQ9Ik0tNjggMjA1YzU1LTEyIDcwIDExIDExOCAyczc4LTEzIDExNy0zIDkwIDMgMTY2LTVNLTI3IDIyMGM0Mi03IDcxIDcgMTAzIDBtMjMtMWM3Mi0xMSAxMzkgMTUgMjA0IDAiLz4KICAgPHBhdGggZD0ibTEwNyA2MS0xMiAyMW03LTQtMTIgMjNtOC03LTEzIDI0bS02IDQtOSAxNG04Mi01NCAxMyAyM20tOS01IDE1IDI1bS0xMi0xMyAxMSAyOW0tMTE0LTYtOCAxOG0xODgtMjYgMTIgMjFtLTYtMiAxNCAyMyIgb3BhY2l0eT0iLjYiLz4KICAgPHBhdGggZD0iTS0zMyA3NGMxOC03IDMzLTcgNDktMm0yMDEtOTJjMjUtNyA0My02IDY1IDBtLTUzIDloNzVNMjctMzBjMTctMTkgNDEtMjIgNjAtMTMiIG9wYWNpdHk9Ii41Ii8+CiAgPC9nPgogIDwhLS0gQSB3ZWF0aGVyZWQgc3dvcmQgYW5kIHNtYWxsIHNoaWVsZCwgbGlnaHRseSBldGNoZWQgaW4gdGhlIG1hcmdpbi4gLS0+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTE2MCAxOTcpIHJvdGF0ZSgyNCkiIG9wYWNpdHk9Ii4yNCI+CiAgIDxwYXRoIGQ9Ik0wLTkwLTEyLTYyLTkgNTdIOUwxMi02MlpNMC03NlY1N00tMzIgNjEtMjMgNTMtMTIgNTdIMTJMMjMgNTMgMzIgNjEgMTggNjdILTE4Wk0tNiA2N3YzN0g2VjY3TS05IDEwOGw5IDEyIDktMTItOS03WiIvPgogICA8cGF0aCBkPSJtLTYgNzQgMTIgNm0tMTIgMiAxMiA2bS0xMiAyIDEyIDZNLTktMjFsNSA1LTUgNU04IDIwbC01IDRNLTI0IDY5bC0xMSA4bTY0LTkgOCA1Ii8+CiAgPC9nPgogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM0MCA3MjcpIHJvdGF0ZSgtMTIpIiBvcGFjaXR5PSIuMjIiPgogICA8cGF0aCBkPSJNLTQ1LTQxUTAtNTYgNDUtNDFMNDAgMTJRMjcgNDggMCA2MVEtMjkgNDctNDEgMTFaTS0zNi0zM1EwLTQ1IDM2LTMzTDMyIDExUTE5IDM4IDAgNTBRLTIwIDM4LTMzIDEwWiIvPgogICA8cGF0aCBkPSJtLTE4IDIxIDI0LTQ0bS0xMiA1MSAyNC00NG0tMTIgNTAgMjItNDAiLz4KICAgPHBhdGggZD0ibS00MS0yMCA5IDRtNjcgMjkgNi0ybS0yNCAzMy02LTVNLTQtNDV2OCIvPgogIDwvZz4KICA8IS0tIFdvbGYgdHJhY2tzIHRocmVhZGluZyB1cCB0aGUgbGVmdCBtYXJnaW4uIC0tPgogIDxnIG9wYWNpdHk9Ii4yMCI+CiAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwNSA3MjEpIHJvdGF0ZSgtMjQpIj48cGF0aCBkPSJNLTEyIDEwUS0xNyAwLTktN1EwLTE3IDktN1ExNyAwIDEyIDEwUTYgMTUgMCAxMVEtNiAxNS0xMiAxMFoiLz48ZWxsaXBzZSBjeD0iLTE3IiBjeT0iLTE1IiByeD0iNCIgcnk9IjciLz48ZWxsaXBzZSBjeD0iLTYiIGN5PSItMjUiIHJ4PSI0IiByeT0iNyIvPjxlbGxpcHNlIGN4PSI2IiBjeT0iLTI1IiByeD0iNCIgcnk9IjciLz48ZWxsaXBzZSBjeD0iMTciIGN5PSItMTUiIHJ4PSI0IiByeT0iNyIvPjwvZz4KICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTU4IDYyNykgcm90YXRlKDgpIj48cGF0aCBkPSJNLTEyIDEwUS0xNyAwLTktN1EwLTE3IDktN1ExNyAwIDEyIDEwUTYgMTUgMCAxMVEtNiAxNS0xMiAxMFoiLz48ZWxsaXBzZSBjeD0iLTE3IiBjeT0iLTE1IiByeD0iNCIgcnk9IjciLz48ZWxsaXBzZSBjeD0iLTYiIGN5PSItMjUiIHJ4PSI0IiByeT0iNyIvPjxlbGxpcHNlIGN4PSI2IiBjeT0iLTI1IiByeD0iNCIgcnk9IjciLz48ZWxsaXBzZSBjeD0iMTciIGN5PSItMTUiIHJ4PSI0IiByeT0iNyIvPjwvZz4KICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQxIDUzMykgcm90YXRlKC0xNSkiPjxwYXRoIGQ9Ik0tOSA4US0xNCAwLTctNlEwLTEzIDctNlExNCAwIDkgOFE0IDEyIDAgOVEtNCAxMi05IDhaIi8+PGVsbGlwc2UgY3g9Ii0xMyIgY3k9Ii0xMiIgcng9IjMiIHJ5PSI1Ii8+PGVsbGlwc2UgY3g9Ii00IiBjeT0iLTIwIiByeD0iMyIgcnk9IjUiLz48ZWxsaXBzZSBjeD0iNSIgY3k9Ii0yMCIgcng9IjMiIHJ5PSI1Ii8+PGVsbGlwc2UgY3g9IjE0IiBjeT0iLTExIiByeD0iMyIgcnk9IjUiLz48L2c+CiAgPC9nPgogIDwhLS0gQnJva2VuIGNvbXBhc3Mgc3Ryb2tlcyBhbmQgc3RhciBwb2ludHMsIGxlYXZpbmcgdGhlIGNlbnRyZSBvcGVuLiAtLT4KICA8ZyBvcGFjaXR5PSIuMTkiPgogICA8cGF0aCBkPSJNMzg5IDEzMGwzMi01MiAyMCA2MC01Mi04IDc0IDMxLTIyLTIzTTQyMSA3OGwtNiA0MSAyNiAxOU0zNzcgMTUxYTUxIDUxIDAgMCAwIDcwIDM1TTQ1NiA4OWE1MSA1MSAwIDAgMSAyMyA2NU00MDQgMjAydjEyTTM3MCAxMDNsLTktNiIvPgogICA8cGF0aCBkPSJNOTgyIDEwM3YyMm0tMTEtMTFoMjJNMTA2MCAzNzh2MTdtLTgtOWgxNk0yOTcgNDY5djE2bS04LThoMTZNMTAxOCA4NjZ2MjBtLTEwLTEwaDIwIi8+CiAgIDxwYXRoIGQ9Ik01MzcgODJoNTJtLTE5IDdoMzRNODIwIDg3NWg2Nm0tMjYgOGgxMk02NSA4MzJoNTFtLTI3IDhoNDYiLz4KICAgPGNpcmNsZSBjeD0iOTc0IiBjeT0iMzM5IiByPSIyIi8+PGNpcmNsZSBjeD0iMTAyMSIgY3k9IjMwNSIgcj0iMiIvPjxjaXJjbGUgY3g9Ijk5MCIgY3k9IjI2MCIgcj0iMiIvPgogICA8cGF0aCBkPSJtOTc0IDMzOSA0Ny0zNC0zMS00NSIgc3Ryb2tlLWRhc2hhcnJheT0iMSA4Ii8+CiAgPC9nPgogPC9nPgo8L3N2Zz4K'),radial-gradient(ellipse at 50% 0,#322c22,#131512 65%);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat;}
@media(max-width:650px){body.warm-charcoal.login-page{background-size:auto 100%,cover;background-position:45% center,center;}}




/* Preview: sparse embers only. Logo and linework stay still. */
.login-embers{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;}
.login-page .login-shell{position:relative;z-index:1;}
.login-embers span{position:absolute;left:var(--x);top:var(--y);width:2px;height:3px;border-radius:70% 30% 60% 40%;background:#e5a265;box-shadow:0 0 5px 1px #d7763538;opacity:0;animation:ember-drift var(--duration) linear infinite;animation-delay:var(--delay);}
.login-embers span:nth-child(3n){width:1px;height:2px;background:#d4834d;box-shadow:none;}
.login-embers span:nth-child(4n){width:2px;height:2px;}
@keyframes ember-drift{
  0%{transform:translate3d(0,55px,0) rotate(0deg);opacity:0;}
  18%{opacity:.27;}
  48%{transform:translate3d(12px,-22px,0) rotate(32deg);opacity:.17;}
  70%{opacity:.23;}
  100%{transform:translate3d(-6px,-110px,0) rotate(70deg);opacity:0;}
}
@media(prefers-reduced-motion:reduce){.login-embers span{animation:none;opacity:.13;}}
.login-page.embers-playing .login-embers span{animation:ember-drift var(--duration) linear infinite;animation-delay:var(--delay);}
.login-page.embers-paused .login-embers span{animation-play-state:paused;}
body.login-page .ember-toggle{position:fixed;bottom:18px;right:20px;z-index:2;background:#181a16;border:1px solid #514838;color:#b8ab96;padding:7px 12px;font-size:11px;border-radius:4px;}
.login-embers span:nth-child(1){--x:8%;--y:74%;--duration:23s;--delay:-4s;}
.login-embers span:nth-child(2){--x:17%;--y:42%;--duration:28s;--delay:-17s;}
.login-embers span:nth-child(3){--x:27%;--y:86%;--duration:25s;--delay:-10s;}
.login-embers span:nth-child(4){--x:36%;--y:23%;--duration:31s;--delay:-22s;}
.login-embers span:nth-child(5){--x:64%;--y:82%;--duration:29s;--delay:-13s;}
.login-embers span:nth-child(6){--x:76%;--y:49%;--duration:24s;--delay:-19s;}
.login-embers span:nth-child(7){--x:88%;--y:78%;--duration:32s;--delay:-7s;}
.login-embers span:nth-child(8){--x:93%;--y:29%;--duration:27s;--delay:-21s;}
.login-embers span:nth-child(9){--x:12%;--y:16%;--duration:34s;--delay:-26s;}
.login-embers span:nth-child(10){--x:83%;--y:15%;--duration:30s;--delay:-9s;}
.login-embers span:nth-child(11){--x:43%;--y:91%;--duration:26s;--delay:-18s;}
.login-embers span:nth-child(12){--x:69%;--y:35%;--duration:33s;--delay:-24s;}
.login-embers span:nth-child(13){--x:5%;--y:48%;--duration:29s;--delay:-11s;}
.login-embers span:nth-child(14){--x:22%;--y:66%;--duration:32s;--delay:-23s;}
.login-embers span:nth-child(15){--x:31%;--y:39%;--duration:27s;--delay:-16s;}
.login-embers span:nth-child(16){--x:39%;--y:73%;--duration:35s;--delay:-9s;}
.login-embers span:nth-child(17){--x:57%;--y:17%;--duration:31s;--delay:-20s;}
.login-embers span:nth-child(18){--x:62%;--y:58%;--duration:26s;--delay:-15s;}
.login-embers span:nth-child(19){--x:72%;--y:93%;--duration:34s;--delay:-27s;}
.login-embers span:nth-child(20){--x:81%;--y:67%;--duration:28s;--delay:-12s;}
.login-embers span:nth-child(21){--x:96%;--y:54%;--duration:30s;--delay:-22s;}
.login-embers span:nth-child(22){--x:48%;--y:12%;--duration:33s;--delay:-8s;}
.login-embers span:nth-child(23){--x:19%;--y:95%;--duration:25s;--delay:-19s;}
.login-embers span:nth-child(24){--x:91%;--y:10%;--duration:36s;--delay:-25s;}