@font-face{font-family:EntryBody;src:url('/modern/fonts/barlow-regular.ttf');font-display:swap}
@font-face{font-family:EntryHeading;src:url('/modern/fonts/cinzel.ttf');font-display:swap}
html.account-pending body>:not(#account-entry){display:none!important}
#account-entry[hidden]{display:none}
#account-entry.entry--signed-out #entry-nav{display:none}
#account-entry{position:fixed;inset:0;z-index:10000;overflow:auto;background:radial-gradient(ellipse at 15% 15%,#183b4740,transparent 60%),#080f18;color:#edf3f5;font:23.8px/1.5 EntryBody,'Segoe UI',sans-serif;box-sizing:border-box}
#account-entry *{box-sizing:border-box}
#account-entry .entry-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);max-width:1960px;width:calc(100% - 64px);margin:44px auto 64px;padding:0;gap:0;border:1px solid #354955;border-radius:22px;overflow:hidden;box-shadow:0 24px 80px #0005}
#account-entry .entry-hero{display:flex;flex-direction:column;justify-content:space-between;min-height:760px;padding:56px 48px 28px;background:linear-gradient(180deg,#061420db 0%,#09162250 42%,#06121a10 65%,#06121aee 100%),url('/modern/assets/generated-v9/rift-terrace.png') 56% center/cover;position:relative}
#account-entry .entry-eyebrow{font:600 16.8px/1.5 EntryBody,sans-serif;letter-spacing:.18em;color:#87dccc;margin:0 0 18px}
#account-entry h1{font:500 clamp(47.6px,4.48vw,72.8px)/1.2 EntryHeading,Georgia,serif;letter-spacing:-.025em;margin:0 0 24px;color:#fff6df;text-shadow:0 3px 22px #000a}
#account-entry .entry-hero-description{max-width:546px;color:#d0e0e5;font-size:26.6px;line-height:1.6}
#account-entry .entry-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
#account-entry .entry-tags span{padding:6px 10px;border:1px solid #8edfd047;border-radius:5px;background:#091822aa;color:#d4e8e5;font-size:14px;letter-spacing:.08em}
#account-entry .entry-art-caption{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #b9d1c52b;padding-top:18px;color:#c6d7d7;font-size:14px;letter-spacing:.18em;margin-top:70px}
#account-entry .entry-panel{min-width:0;padding:44px 42px;background:linear-gradient(145deg,#172b39,#101c29)}
#account-entry #entry-panel-title{font:500 42px/1.25 EntryHeading,Georgia,serif;margin:0 0 12px;color:#f5eee0}
#account-entry .entry-intro{margin:0 0 28px;color:#b6cad3}
#account-entry h2{font:600 28px/1.4 EntryBody,sans-serif;color:#edf3f5;margin:22px 0 12px}
#account-entry h3{font:600 25.2px/1.4 EntryBody,sans-serif;margin:0 0 6px;color:#edf3f5}
#account-entry .entry-create>p{font-size:19.6px;color:#b6cad3;margin:0 0 16px}
#account-entry button{min-height:64.4px;padding:15.4px 25.2px;border:1px solid #486374;border-radius:8px;background:#233c4c;color:#edf3f5;font:600 22.4px/1.3 EntryBody,'Segoe UI',sans-serif;cursor:pointer;white-space:normal;transition:background .15s,border-color .15s}
#account-entry button:hover:not(:disabled){background:#315368;border-color:#80dfd0}
#account-entry .entry-primary{background:linear-gradient(115deg,#a2eddd,#6bcebd);border-color:#97e7d7;color:#092720;width:100%;min-height:72.8px;box-shadow:0 5px 20px #6bcebd15}
#account-entry .entry-primary:hover:not(:disabled){background:#b6f3e7}
#account-entry #entry-generate{display:flex;align-items:center;justify-content:space-between;gap:12px}
#account-entry button:disabled{opacity:.45;cursor:default}
#account-entry label{font-size:19.6px;font-weight:600;color:#e2edf0}
#account-entry input:not([type=checkbox]){display:block;width:100%;min-width:0;min-height:67.2px;padding:16.8px;margin:8px 0 14px;background:#091723;color:#edf3f5;border:1px solid #486374;border-radius:8px;font:22.4px/1.4 EntryBody,sans-serif}
#account-entry #entry-code{font-family:monospace;font-size:19.6px}
#account-entry input::placeholder{color:#8aa2b0}
#account-entry .entry-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
#account-entry .entry-check{display:flex;align-items:flex-start;gap:10px;margin:20px 0;line-height:1.6}
#account-entry input[type=checkbox]{margin-top:6px;flex-shrink:0;accent-color:#80dfd0}
#account-entry #entry-login{border-top:1px solid #344b5b;margin-top:26px;padding-top:4px}
#account-entry #entry-login button{width:100%}
#account-entry .entry-guest{border-top:1px solid #344b5b;margin-top:24px;padding-top:22px}
#account-entry .entry-guest button{width:100%;background:transparent}
#account-entry .entry-guest p{color:#9fb6c3;font-size:18.2px;margin:12px 0 0}
#account-entry .entry-warning{margin-top:24px;padding:16px 18px;border:1px solid #8a723f73;border-left:3px solid #d3ad62;border-radius:8px;background:#b38c2410;color:#d9c8a2}
#account-entry .entry-warning strong{display:block;font-size:19.6px;color:#edcf91;margin-bottom:6px}
#account-entry .entry-warning p{font-size:16.8px;line-height:1.6;margin:0}
#account-entry .entry-name-form{padding:18px;background:#07162266;border:1px solid #395565;border-radius:10px;margin:0 0 26px}
#account-entry .entry-field-help{font-size:18.2px;color:#9fb6c3;margin:8px 0 12px}
#account-entry .entry-name-row{display:flex;align-items:center;gap:10px}
#account-entry .entry-name-row input{margin:0}
#account-entry .entry-name-row button{flex-shrink:0}
#account-entry :focus-visible{outline:2px solid #80dfd0;outline-offset:4px}
#entry-status{color:#b8eddd;font-size:19.6px;margin:16px 0 0}
#entry-status:empty{display:none}
@media(min-width:1700px){#account-entry .entry-layout{margin-top:64px}}
@media(max-width:1200px){#account-entry .entry-layout{width:calc(100% - 36px);grid-template-columns:1fr 1fr;margin-top:26px}#account-entry .entry-hero{padding:36px 28px}#account-entry .entry-panel{padding:32px 26px}#account-entry .entry-name-row{flex-direction:column;align-items:stretch}}
@media(max-width:1000px){#account-entry .entry-layout{grid-template-columns:1fr;max-width:812px;margin:20px auto 32px}#account-entry .entry-hero{min-height:300px;padding:30px;background-position:50% 42%}#account-entry h1{font-size:47.6px;margin-bottom:14px}#account-entry .entry-hero-description{font-size:22.4px;margin:0}#account-entry .entry-tags{margin-top:18px}#account-entry .entry-art-caption{display:none}#account-entry .entry-panel{padding:28px 24px}#account-entry .entry-name-row{flex-direction:row}}
@media(max-width:420px){#account-entry .entry-name-row{flex-direction:column}#account-entry .entry-buttons button{flex:1}#account-entry .entry-layout{width:calc(100% - 24px)}#account-entry .entry-hero{padding:26px 22px}}
#account-entry input[type=checkbox]{width:20px;height:20px}
#account-entry .entry-hero-copy{min-width:0;overflow-wrap:anywhere}
@media(max-width:550px){}