/* Osi2 account pages: existing forms and actions, framed in the same game UI. */
.osi-online-line{font-variant-numeric:tabular-nums;white-space:nowrap}
.osi-status .osi-online-line strong{min-width:65px;margin-left:0;color:#f0d8a0}
.osi-preview-badge{font:9px/1 Arial,sans-serif;letter-spacing:.6px;border:1px solid #92723f;border-radius:2px;padding:4px 6px;color:#d8c392;background:#b08b3921;text-transform:uppercase;cursor:help}
.osi-capacity-label{display:flex;flex-direction:column;gap:3px;white-space:nowrap}
.osi-capacity-label small{font-size:9px;color:#9c8d70}
.osi-status .osi-meter i{transition:width 1.8s ease;background:linear-gradient(#a5c967,#6f8d3d);box-shadow:0 0 8px #a5c96725}
.osi-status [data-osi-online-percent]{min-width:32px;font-variant-numeric:tabular-nums}

.osi-journey{margin:26px 0 32px;padding:5px;overflow:hidden;isolation:isolate;background:#101410}
.osi-journey-landscape{position:absolute;inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);object-fit:cover;object-position:center;z-index:-2}
.osi-journey:before{z-index:3}
.osi-journey:after{z-index:3}
.osi-journey-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,590px);align-items:center;gap:55px;padding:44px;background:linear-gradient(90deg,#07110b2b,#10191005 44%,#10120d8c),linear-gradient(0deg,#06110de6 0%,#07100f6b 36%,transparent 75%)}
.osi-journey-story{align-self:end;padding:0 0 45px 10px;max-width:470px;text-shadow:0 2px 10px #0009}
.osi-journey-story .osi-eyebrow{font-size:11px;letter-spacing:2px;color:#f4d999}
.osi-journey-story h2{font-size:clamp(32px,3.1vw,49px);line-height:1.15;font-weight:normal;color:#fff0cc;margin:17px 0}
.osi-journey-story>p:last-of-type{font-size:17px;line-height:1.6;color:#ead9b4;max-width:320px}
.osi-journey-login{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:30px;padding-top:20px;border-top:1px solid #c49a4d66;font-size:13px;color:#cfbc94}
.osi-journey-login a{color:#ffe0a0!important;border-bottom:1px solid #cbac6a80;padding-bottom:2px}
.osi-body #sub_page.osi-register-form{width:100%!important;max-width:none!important;min-width:0;margin:0!important;padding:28px 30px!important;border:1px solid #b39150;background:linear-gradient(90deg,#ad8a4930,transparent 10%,transparent 90%,#ad8a4929),url('parchment.svg'),#ead39d;box-shadow:inset 0 0 0 3px #453117,inset 0 0 0 4px #c6a669,0 15px 45px #0005}
.osi-body #sub_page.osi-register-form>h1{font-size:28px!important;text-align:left;margin:0 0 20px!important;padding:0 0 17px!important;border-bottom:1px solid #ac8c5280;line-height:1.2;color:#3c2812}
.osi-body #sub_page.osi-register-form h1:after{display:none}
.osi-body #sub_page.osi-register-form form{max-width:none!important;margin:0;padding-top:0!important}
.osi-register-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}
.osi-body #sub_page.osi-register-form .osi-register-fields>.input_div{margin:0!important;min-width:0;height:48px;background:#171811!important;border:1px solid #9e8147!important;box-shadow:inset 0 2px 6px #0007!important;border-radius:2px}
.osi-body #sub_page.osi-register-form .input_div input,.osi-body #sub_page.osi-register-form .input_div select{min-width:0;background:transparent!important;color:#f4e4c2!important;border:0!important;font:13px/1.4 Arial,sans-serif!important;height:46px!important;padding:10px 8px!important;box-shadow:none!important}
.osi-body #sub_page.osi-register-form .input_div input::placeholder{color:#c4b493!important;opacity:1}
.osi-body #sub_page.osi-register-form .input_div .icon{flex:0 0 36px!important;width:36px;background:none!important;color:#bca16c!important;border:0;padding:8px}
.osi-body #sub_page.osi-register-form .input_div .icon svg{width:19px;height:19px}
.osi-body #sub_page.osi-register-form .input_div select{width:calc(100% - 36px)!important;max-width:100%}
.osi-body #sub_page.osi-register-form option{color:#e8d8b6;background:#161812}
.osi-body #sub_page.osi-register-form label{font:12px/1.7 Arial,sans-serif!important;text-align:left;max-width:100%}
.osi-register-form input[type=checkbox]{accent-color:#863321;margin:0 7px 0 0;vertical-align:middle}
.osi-body #sub_page.osi-register-form .alert{font:12px/1.7 Arial,sans-serif;border:1px solid #ae8b515e;background:#b59a4920;color:#60461e;margin:0 0 18px;padding:12px 14px;box-shadow:none}
.osi-body #sub_page.osi-register-form .d-flex.justify-content-center{text-align:left!important}
.osi-body #sub_page.osi-register-form #register>.d-flex:has(>label){justify-content:flex-start!important}
.osi-body #sub_page.osi-register-form #register>.d-flex:has(>button){margin-top:20px}
.osi-body #sub_page.osi-register-form #register>.d-flex>button{width:100%!important}
.osi-body #sub_page.osi-register-form #showPassword{margin:0!important;padding:14px;background:#fff3d157}
.osi-body #sub_page.osi-register-form #showPassword .input_div{flex-wrap:wrap;gap:8px;height:auto;margin:15px 0;background:transparent;border:0}
.osi-body #sub_page.osi-register-form #showPassword .input_div>label{flex-basis:100%;font-weight:bold!important}
.osi-body #sub_page.osi-register-form #showPassword .input_div>input{background:#171811!important;padding:12px!important;min-width:120px;width:calc(100% - 100px)!important}
.osi-body #sub_page.osi-register-form #showPassword .copy_text{color:#eee0bd;background:#4c3920;border:1px solid #9c7b43}
.osi-body #sub_page.osi-register-form .osi-account-actions{gap:13px;flex-direction:column;margin:24px 0 12px}
.osi-register-form .osi-account-actions .osi-button{font-size:13px;line-height:1.5}
.osi-register-form .osi-form-note{font-size:12px!important}
.osi-register-form .note{color:#554124;line-height:1.7}
.osi-body #sub_page.osi-register-form .g-recaptcha{width:304px!important;min-width:304px;max-width:none!important;flex:0 0 304px}
.osi-page-register .hr{display:none}

.osi-body #sub_page.osi-account{width:100%!important;max-width:none!important;margin:26px 0 32px!important;padding:5px!important;background:#11140f url('stone.svg')!important;border:1px solid #ad8644;box-shadow:inset 0 0 0 3px #342511,inset 0 0 0 4px #9c7b41}
.osi-account-banner{position:relative;isolation:isolate;overflow:hidden;padding:38px 40px 28px;min-height:280px;background:#111820}
.osi-account-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 15%;z-index:-2}
.osi-account-banner:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a101aeb,#0a101a91 50%,#0a101a1a),linear-gradient(0deg,#0e1312e6,transparent 80%);z-index:-1}
.osi-account-banner .osi-account-heading{margin:0 0 28px;align-items:center}
.osi-account-banner .osi-eyebrow{color:#d7ba7d;letter-spacing:1.4px}
.osi-body #sub_page.osi-account .osi-account-banner h1{font-size:38px!important;line-height:1.2;text-align:left;color:#f9e4b8;margin:10px 0!important;letter-spacing:.4px;overflow-wrap:anywhere}
.osi-body #sub_page.osi-account h1:after{display:none}
.osi-account-intro{font-size:14px;color:#c0c4bb}
.osi-account-banner .osi-account-stats{display:flex;flex-wrap:wrap;gap:0;margin:0;max-width:820px;border-top:1px solid #c1a16d55;padding-top:20px}
.osi-account-banner .osi-account-stats>div{flex:1;min-width:145px;padding:0 24px;border:0;border-right:1px solid #b28a4840;background:none}
.osi-account-banner .osi-account-stats>div:first-child{padding-left:0}
.osi-account-banner .osi-account-stats>div:last-child{border:0}
.osi-account-banner .osi-account-stats span{display:block;font-size:11px;color:#aeb6ac;margin:0 0 8px}
.osi-account-banner .osi-account-stats strong{display:block;font-size:21px;color:#f2dcae}
.osi-account-content{padding:30px}
.osi-account-content .osi-account-grid{gap:24px;align-items:stretch}
.osi-account-content .osi-account-section{padding:24px;border:1px solid #b79860;box-shadow:inset 0 0 0 3px #48351d,inset 0 0 0 4px #c5a66c;background:#ead39d url('parchment.svg');color:#382a17;min-width:0}
.osi-body #sub_page.osi-account .osi-account-section h2{text-align:left;font-size:21px!important;font-weight:normal;letter-spacing:.2px;margin:0 0 22px!important;padding:0 0 15px;border-bottom:1px solid #aa8b5266;line-height:1.3;color:#493417;display:flex;align-items:center;gap:12px}
.osi-account-icon{display:inline-grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:1px solid #bda069;box-shadow:inset 0 0 0 2px #18150e;background:#202218;color:#ecd099}
.osi-account-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.osi-account-content .osi-account-links{gap:10px}
.osi-account-content .osi-account-links a{min-height:49px;font-size:13px;border:1px solid #b599635c;background:#ffefc32b;padding:12px 14px;transition:background .2s,border-color .2s}
.osi-account-content .osi-account-links a:hover{background:#fff0c788;border-color:#9b7342}
.osi-account-content .osi-account-section:has(>.osi-account-details){grid-column:1/-1}
.osi-account-content .osi-account-details{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px;line-height:1.55}
.osi-account-content .osi-account-details dt{font-size:11px}
.osi-account-content .osi-account-details dd{font-size:15px}
.osi-account-content .osi-small-link{text-align:left;font-size:12px;color:#7b5026;margin-top:24px;text-decoration:underline!important}

/* Scenic mastheads for related account forms, with their existing form body intact. */
.osi-body:is(.osi-page-change,.osi-page-forget,.osi-page-phone,.osi-page-coupon,.osi-page-support,.osi-page-streamers) #sub_page{position:relative;isolation:isolate;max-width:900px!important;padding-top:195px!important;overflow:hidden}
.osi-body:is(.osi-page-change,.osi-page-forget,.osi-page-phone,.osi-page-coupon,.osi-page-support,.osi-page-streamers) #sub_page:before{content:'';position:absolute;top:5px;left:5px;right:5px;height:160px;background:linear-gradient(0deg,#ead39d,transparent 55%),url('pages/sanctuary.webp') center 40%/cover;z-index:-1;border-bottom:1px solid #c1a06155}
.osi-body:is(.osi-page-change,.osi-page-forget,.osi-page-phone) #sub_page form{max-width:480px!important;margin-inline:auto}
.osi-body:is(.osi-page-change,.osi-page-forget,.osi-page-phone) #sub_page h1{font-size:27px!important}
.osi-body:is(.osi-page-change,.osi-page-forget,.osi-page-phone) #sub_page .reset_tab{background:#71512a25!important;color:#59421e!important;border-color:#b0965c!important}
.osi-body:is(.osi-page-change,.osi-page-forget,.osi-page-phone) #sub_page .reset_tab.active{background:#6e4b21!important;color:#f8e6ba!important}
.osi-page-login .osi-entry-copy h1{max-width:420px}

@media(min-width:1700px){.osi-journey-grid{padding:52px 64px;grid-template-columns:minmax(0,1fr) 620px;gap:85px}.osi-journey-story{max-width:560px}.osi-journey-story h2{font-size:54px}}
@media(max-width:1100px){.osi-journey-grid{padding:26px;gap:30px;grid-template-columns:minmax(0,1fr) minmax(440px,520px)}.osi-journey-story{padding:0 0 30px}.osi-journey-story h2{font-size:34px}.osi-body #sub_page.osi-register-form{padding:25px!important}.osi-account-content{padding:22px}.osi-account-content .osi-account-section{padding:22px}}
@media(max-width:900px){.osi-journey-grid{grid-template-columns:1fr;padding:0;gap:0;background:none}.osi-journey-landscape{height:310px;object-position:center 40%}.osi-journey-story{align-self:stretch;max-width:none;padding:72px 28px 26px;background:linear-gradient(0deg,#091510e6,transparent 100%);min-height:280px;display:flex;flex-direction:column;justify-content:flex-end}.osi-journey-story h2{font-size:33px;margin:10px 0}.osi-journey-story>p:last-of-type{font-size:15px;max-width:none}.osi-journey-login{margin-top:19px;padding-top:14px}.osi-body #sub_page.osi-register-form{border:0;border-top:1px solid #b39150;box-shadow:inset 0 0 20px #b1914d30;padding:28px!important}.osi-account-banner{padding:30px 26px}.osi-account-content .osi-account-grid{grid-template-columns:1fr}.osi-account-content{padding:20px}.osi-account-banner .osi-account-stats strong{font-size:19px}}
@media(max-width:600px){.osi-status .osi-online-line{gap:8px}.osi-status .osi-online-line strong{margin-left:auto}.osi-status .osi-preview-badge{font-size:8px;padding:4px}.osi-status .osi-capacity{gap:9px}.osi-capacity-label{font-size:11px}.osi-capacity-label small{font-size:8px}.osi-journey{margin:20px 0 24px}.osi-journey-story{padding:55px 22px 24px;min-height:260px}.osi-journey-story h2{font-size:30px}.osi-journey-story .osi-eyebrow{font-size:9px}.osi-journey-login{font-size:12px}.osi-body #sub_page.osi-register-form{padding:24px 18px!important}.osi-body #sub_page.osi-register-form>h1{font-size:25px!important}.osi-register-fields{grid-template-columns:1fr;gap:12px}.osi-body #sub_page.osi-register-form .input_div input,.osi-body #sub_page.osi-register-form .input_div select{font-size:16px!important}.osi-register-form .g-recaptcha{transform:scale(.88);transform-origin:center center;margin:-5px -18px}.osi-account-banner{padding:28px 20px}.osi-account-banner .osi-account-heading{flex-direction:row;align-items:flex-start;gap:15px}.osi-account-banner .osi-account-heading .osi-button{min-height:36px;font-size:11px;padding:8px 12px;white-space:nowrap}.osi-body #sub_page.osi-account .osi-account-banner h1{font-size:29px!important}.osi-account-intro{font-size:12px}.osi-account-banner .osi-account-stats{row-gap:18px}.osi-account-banner .osi-account-stats>div{min-width:100px;padding:0 12px}.osi-account-banner .osi-account-stats strong{font-size:16px}.osi-account-banner .osi-account-stats span{font-size:10px}.osi-account-content{padding:13px}.osi-account-content .osi-account-section{padding:20px}.osi-account-content .osi-account-links{grid-template-columns:1fr 1fr}.osi-account-content .osi-account-links a{font-size:12px;padding:10px}.osi-account-content .osi-account-details{grid-template-columns:1fr}.osi-body:is(.osi-page-change,.osi-page-forget,.osi-page-phone,.osi-page-coupon,.osi-page-support,.osi-page-streamers) #sub_page{padding-top:155px!important}.osi-body:is(.osi-page-change,.osi-page-forget,.osi-page-phone,.osi-page-coupon,.osi-page-support,.osi-page-streamers) #sub_page:before{height:125px;background-image:linear-gradient(0deg,#ead39d,transparent 55%),url('pages/sanctuary-small.webp')}}
@media(prefers-reduced-motion:reduce){.osi-status .osi-meter i{transition:none}}
@media(max-width:600px){.osi-account-banner .osi-account-heading{flex-direction:column;align-items:flex-start}.osi-account-banner .osi-account-heading>div{min-width:0;max-width:100%}}
@media(max-width:360px){.osi-register-form .g-recaptcha{transform:scale(.76);margin:-9px -36px}}