@font-face{font-family:Realm;src:url('/static/realm/runescape.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;font-family:Cantarell,system-ui,sans-serif;background:#100f18;color:#e2dfec;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 80% 0,#3f29513c,transparent 65%),#100f18}button,input{font:inherit}a{color:#d4c1f1;text-decoration:none}a:hover{color:#fff}button,a,input{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #d1bc7d;outline-offset:4px}.auth-shell{display:grid;grid-template-columns:minmax(380px,1.04fr) minmax(420px,.96fr);min-height:100svh;max-width:1800px;margin:auto}.auth-world{position:relative;min-height:780px;overflow:hidden;border-right:1px solid #c4b38824;background:linear-gradient(180deg,#10151be8 0,#1720258c 40%,#111d1b75 66%,#111820ed 100%),url('/static/realm/world.webp') center/cover}.auth-brand{position:relative;z-index:2;display:inline-flex;gap:12px;align-items:center;margin:45px 8%;font:30px Realm,serif;letter-spacing:4px;color:#ede1be}.auth-brand>span{font-size:38px;color:#d1b470}.auth-brand>b{color:#bc99e3;font-weight:normal}.auth-world-copy{position:relative;z-index:2;margin:50px 8% 0;max-width:570px}.eyebrow{font-size:10px;letter-spacing:2.6px;color:#bba978;font-weight:600}.auth-world-copy h1{font:clamp(38px,3.3vw,62px)/1.04 Realm,serif;font-weight:normal;color:#f0e7cf;margin:22px 0}.auth-world-copy>p:last-child{max-width:370px;font-size:13px;line-height:1.9;color:#c1c6c0}.auth-adventurer{position:absolute;bottom:62px;right:11%;height:48%;width:65%;filter:drop-shadow(0 15px 16px #0008);pointer-events:none}.auth-world-footer{position:absolute;left:8%;right:8%;bottom:28px;display:flex;gap:24px;padding-top:20px;border-top:1px solid #bea87335;color:#c6c4b5;font-size:10px}.auth-panel{padding:42px clamp(30px,5vw,95px);max-width:720px;width:100%;margin:auto;align-self:start}.auth-panel-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:65px}.auth-panel-top>a{font-size:11px}.auth-intro h2{font:42px/1.08 Realm,serif;color:#ece0c1;font-weight:normal;margin:18px 0}.auth-intro>p{color:#a9a5b7;font-size:13px;line-height:1.8;max-width:470px}.auth-intro{margin-bottom:30px}label{display:block;font-size:11px;letter-spacing:.25px;color:#cfc9dd;margin:23px 0 9px}label>span{color:#868095;font-size:10px}input{width:100%;min-height:47px;padding:12px 14px;border:1px solid #aca0bf38;border-radius:5px;background:#1d1b27;color:#efeaf7;transition:border-color .15s;outline:none}input:focus{border-color:#b196d3}input[readonly]{color:#b9aad0;font-size:11px}small{display:block;color:#8c879b;font-size:10px;line-height:1.7;margin-top:9px}.password-field{position:relative}.password-field>input{padding-right:65px}.password-field>button{position:absolute;right:6px;top:6px;bottom:6px;border:0;background:transparent;color:#b8a1d3;padding:0 12px;font-size:10px;cursor:pointer}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:12px 18px;font-size:12px;border:1px solid transparent;border-radius:5px;cursor:pointer;text-align:center;transition:filter .15s}.primary{background:linear-gradient(120deg,#ccb779,#b0945a);color:#201d16;border-color:#e0cc90;font-weight:600}.primary:hover{color:#201d16;filter:brightness(1.1)}.secondary{background:#282333;color:#c7b5df;border-color:#a797be38}.secondary:hover{background:#332b42;color:#efe7fa}form>.primary{width:100%;margin-top:30px}button:disabled{opacity:.55;cursor:wait}.auth-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin:25px 0 40px;font-size:11px;line-height:1.8}.auth-links>span{color:#8f899d;font-size:10px}.auth-footer{display:flex;gap:12px;align-items:center;color:#80788c;font-size:10px;line-height:1.8;margin-top:45px;border-top:1px solid #a798bc20;padding-top:25px}.auth-footer>span{font-size:25px;color:#af9965}.auth-notice{font-size:12px;color:#c8b7e1;line-height:1.7}.auth-notice:not(:empty){padding:13px 16px;background:#65478224;border:1px solid #a88bcb40;border-radius:4px;margin:0 0 24px}.auth-notice.error{color:#efc0b1;background:#63362926;border-color:#ac73603a}.credential-ready{display:flex;align-items:center;gap:9px;color:#b4d1b1;font-size:11px;padding:12px 15px;border:1px solid #87ac7838;background:#4a704826;border-radius:4px;margin:25px 0}.account-card{border:1px solid #a694ba2c;background:linear-gradient(140deg,#2c243d55,#1a182580);padding:23px;border-radius:7px;margin-top:23px}.account-card h3,.recovery-save h3{font:28px Realm,serif;font-weight:normal;margin:13px 0;color:#e1d4b4}.account-card p,.recovery-save p{font-size:11px;line-height:1.8;color:#aba4b9}.account-card>a{font-size:11px}.account-actions{display:flex;gap:10px;flex-wrap:wrap}.account-list{display:grid;gap:10px;margin-top:22px}.account-row{display:flex;align-items:center;gap:14px;padding-top:13px;border-top:1px solid #a393b525;font-size:11px}.account-row>div:first-child{flex:1;min-width:0}.account-row strong{display:block;font-weight:500;overflow-wrap:anywhere}.account-row small{font-size:9px;margin-top:5px}.account-row button{font-size:9px;min-height:30px;padding:7px 10px}.private-result{margin-top:20px;border:1px solid #bba46b50;background:#63532e1c;padding:15px;border-radius:4px}.private-result label{margin-top:0}.private-result button{margin-top:10px}.recovery-save{margin-top:25px;padding:25px;background:#35294255;border:1px solid #a88bcb50;border-radius:6px}.recovery-save code{display:block;font-family:monospace;font-size:11px;color:#dac9ed;background:#17141e;padding:12px 10px;margin:9px 0;overflow-wrap:anywhere}.recovery-save .primary,.recovery-save .secondary{width:100%;margin-top:12px}.noscript{text-align:center;padding:30px;color:#f3d9b3}[hidden]{display:none!important}@media(min-width:1700px){.auth-world{min-height:100svh}.auth-panel{padding-top:65px}}@media(max-width:1000px){.auth-world-copy h1{font-size:42px}.auth-world{min-height:800px}.auth-world-footer{gap:12px;flex-wrap:wrap}.auth-panel{padding:35px 30px}.auth-world-copy{margin-top:35px}}@media(max-width:760px){.auth-shell{display:block}.auth-world{min-height:280px;height:280px;border-right:0;border-bottom:1px solid #b5a07930}.auth-brand{margin:23px 7%;font-size:24px}.auth-world-copy{margin:4px 7%;max-width:70%}.auth-world-copy h1{font-size:30px;margin:13px 0}.auth-world-copy>p:last-child{display:none}.auth-world-copy .eyebrow{font-size:8px}.auth-adventurer{height:70%;width:38%;right:1%;bottom:0;opacity:.95}.auth-world-footer{display:none}.auth-panel{padding:30px 24px;max-width:560px}.auth-panel-top{margin-bottom:32px}.auth-intro h2{font-size:36px}.auth-footer{margin-top:35px}.account-card{padding:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

@media(max-width:760px){.auth-world-copy{max-width:66%}.auth-world-copy h1{font-size:27px}.auth-adventurer{right:1%;width:34%;height:62%}.auth-world-copy h1{position:relative;text-shadow:0 2px 10px #100f18}}