/* Osi2: spacious inventory windows; all selectors are scoped to the new theme. */
:root{--osi-gold:#b28a48;--osi-light:#ebce8f;--osi-stone:#151515;--osi-ink:#32281a;--osi-muted:#806b48;--osi-paper:#ead39d}
.osi-body{margin:0!important;min-width:0!important;width:100%!important;background:#151515 url("stone.svg") repeat!important;color:#e6d7b7;font:15px/1.6 Georgia,"Times New Roman",serif}
.osi-body *{box-sizing:border-box}.osi-body [hidden]{display:none!important}.osi-body a{color:inherit;text-decoration:none!important}.osi-body button{font:inherit;cursor:pointer}.osi-body button,.osi-body input,.osi-body summary,.osi-body select{touch-action:manipulation}.osi-body button:focus-visible,.osi-body a:focus-visible,.osi-body input:focus-visible,.osi-body summary:focus-visible,.osi-body select:focus-visible{outline:2px solid #edcc80;outline-offset:4px}.osi-body img{max-width:100%}.osi-body h1,.osi-body h2,.osi-body h3,.osi-body p{margin:0}.osi-body button{border-radius:2px}.osi-site{min-height:100vh;width:100%;border:1px solid #82642f;box-shadow:inset 0 0 0 4px #090909,inset 0 0 0 5px #6b542e;padding:0 30px;background:linear-gradient(90deg,#08080840,transparent 15%,transparent 85%,#08080840)}
.osi-header{height:110px!important;min-height:0!important;width:100%!important;margin:0!important;padding:0 6px!important;display:flex!important;align-items:center;gap:35px;background:none!important;position:relative!important}
.osi-logo{display:block;flex:0 0 194px;line-height:0}.osi-logo img{width:194px;height:auto;display:block}.osi-nav{display:flex;justify-content:center;align-items:stretch;gap:12px;flex:1;height:54px}.osi-nav>a,.osi-nav>button{display:flex;align-items:center;justify-content:center;padding:0 22px;background:linear-gradient(180deg,#25221a50,#09090990);border:1px solid #78603a;box-shadow:inset 0 0 0 3px #131210;color:#d8bd7b;font-size:15px;font-weight:bold;white-space:nowrap;text-transform:uppercase;letter-spacing:.6px;transition:background .2s,border-color .2s}.osi-nav>a:hover,.osi-nav>button:hover,.osi-nav>.is-active{background:linear-gradient(180deg,#48331f80,#15120b);border-color:#c89a4c;color:#ffe3a0}.osi-nav>.is-active{box-shadow:inset 0 -2px #b99151,inset 0 0 0 3px #131210}.osi-menu-button{display:none}.osi-languages{position:relative;z-index:20;font:13px/1.4 Arial,sans-serif;color:#dac8a3;flex-shrink:0}.osi-languages summary{display:flex;gap:14px;align-items:center;padding:14px 8px;cursor:pointer;list-style:none}.osi-languages summary::-webkit-details-marker{display:none}.osi-languages>div{position:absolute;right:0;top:100%;width:140px;border:1px solid var(--osi-gold);background:#181714;padding:6px;box-shadow:0 8px 25px #0008}.osi-languages a{display:block;padding:8px 10px}.osi-languages a:hover,.osi-languages a[aria-current]{background:#a27d4128;color:#ffdb8a}.osi-status{border-top:1px solid #8f6c36;border-bottom:1px solid #73582c;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;gap:30px;color:#c5b58f;font:12px/1.6 Arial,sans-serif;background:linear-gradient(90deg,#08090877,#0c0c0ca0,#08090877)}.osi-status>div{display:flex;align-items:center;gap:12px}.osi-status strong{font:19px/1 Georgia,serif;color:#ecd59e;margin-left:4px}.osi-status-dot{width:7px;height:7px;background:#b39b6b;border-radius:50%;box-shadow:0 0 8px #b8a06866}.osi-capacity{flex:1;max-width:410px}.osi-meter{height:12px;flex:1;border:1px solid #79653f;box-shadow:inset 0 0 0 2px #080808;background:repeating-linear-gradient(90deg,#1d211a 0,#1d211a 15px,#13160f 16px,#13160f 18px);padding:2px}.osi-meter i{display:block;height:100%;background:linear-gradient(#a5c967,#647b36)}.osi-status>a{white-space:nowrap;color:#d4bf91}.osi-layout{display:grid;grid-template-columns:318px minmax(0,1fr);gap:28px;padding:28px 0 30px;align-items:start}.osi-sidebar,.osi-main{min-width:0;display:flex;flex-direction:column;gap:26px}.osi-panel,.osi-parchment{border:1px solid #a78042;position:relative;border-radius:3px;box-shadow:0 5px 14px #0004,inset 0 0 0 3px #17130d,inset 0 0 0 4px #77603b}.osi-panel{background:#121212 url("stone.svg") repeat}.osi-panel:before,.osi-panel:after,.osi-parchment:before,.osi-parchment:after{content:"";position:absolute;width:14px;height:14px;pointer-events:none;border-color:#dec17d;z-index:2}.osi-panel:before,.osi-parchment:before{left:5px;top:5px;border-left:2px solid;border-top:2px solid}.osi-panel:after,.osi-parchment:after{right:5px;bottom:5px;border-right:2px solid;border-bottom:2px solid}.osi-panel-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #79623e;margin:6px 6px 0;padding:14px 15px;background:linear-gradient(180deg,#1e1d1b,#111);color:#e5ca8d}.osi-panel-title h2{font-size:18px;letter-spacing:.5px;font-weight:normal}.osi-panel-title>span{color:#9b7a43}.osi-character-stage{position:relative;margin:14px 13px 0;min-height:329px;overflow:hidden;background:#080908}.osi-art{display:block;width:100%;height:100%}.osi-warrior{height:281px;overflow:hidden}.osi-warrior .osi-art{height:100%;width:100%;object-fit:contain}.osi-class-caption{text-align:center;padding:12px 10px 14px;background:linear-gradient(0deg,#0c0c0c,#171713)}.osi-class-caption h3{font-size:18px;font-weight:normal;letter-spacing:2px;color:#e6c47e}.osi-class-caption p{font:12px/1.6 Arial,sans-serif;color:#a89778;padding-top:5px}.osi-portrait-stage{height:281px;background:radial-gradient(#4a3521,#0b0b0b 70%);padding:44px 68px}.osi-portrait-stage svg{height:190px;filter:drop-shadow(0 8px 14px #000)}.osi-class-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:16px 13px 18px}.osi-class-tabs button{padding:3px;border:1px solid #716042;background:#0b0b0b;color:#b2a387;min-width:0;transition:border-color .2s}.osi-class-tabs button[aria-selected=true]{border-color:#ed9d59;box-shadow:0 0 8px #a8241790,inset 0 0 6px #ab2d1c}.osi-class-tabs svg{height:49px}.osi-class-tabs span{display:block;font:10px/1.4 Georgia,serif;padding:7px 0 3px;text-align:center;overflow-wrap:anywhere}.osi-panel-body{padding:22px}.osi-field{display:block;margin-bottom:15px}.osi-field>span{display:block;margin-bottom:6px;font:12px/1.5 Arial,sans-serif;color:#b8aa8e}.osi-field input{display:block;width:100%;height:42px;padding:9px 12px;background:#0e0f0c;border:1px solid #6f6246;border-radius:2px;box-shadow:inset 0 2px 8px #0007;color:#eee3cf;font:15px/1.5 Arial,sans-serif}.osi-button,.osi-body #sub_page .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:9px 24px;color:#ffe4a6!important;border:1px solid #d1a04b;outline:1px solid #30200c;outline-offset:2px;background:linear-gradient(135deg,#64160f,#96251b 45%,#4d100d)!important;box-shadow:inset 0 0 0 3px #35100c,inset 0 0 12px #d753231e,0 3px 7px #0005;font:17px/1.4 Georgia,serif;text-transform:uppercase;letter-spacing:.3px;text-align:center;transition:filter .2s;cursor:pointer;border-radius:2px}.osi-button:hover,.osi-body #sub_page .button:hover{filter:brightness(1.16)}.osi-login .osi-button{width:100%}.osi-captcha{display:flex;justify-content:center;margin:18px 0}.osi-auth-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:21px;font-size:12px;color:#c9b793}.osi-auth-links a:hover,.osi-footer a:hover{color:#edce8a}.osi-welcome{padding-bottom:20px;text-align:center}.osi-small-link{display:block;text-align:center;margin-top:15px;font-size:13px}
.osi-banner{min-height:181px;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden}.osi-banner-art{position:absolute;inset:0;opacity:.44}.osi-banner-art svg{width:100%;height:100%}.osi-banner:after{background:none}.osi-banner-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d0d0cf5,#14120caf 50%,#110e0c77)}.osi-banner-copy,.osi-banner>.osi-button{z-index:1;position:relative}.osi-banner-copy p{font:11px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:2px;color:#d9bb7a;margin-bottom:11px}.osi-banner h1{font-size:clamp(24px,2.15vw,34px);font-weight:normal;line-height:1.25;color:#f5e5be;max-width:430px;text-shadow:0 2px 4px #000}.osi-banner>.osi-button{min-width:205px;flex-shrink:0}.osi-parchment{background:linear-gradient(90deg,#bda16a30,transparent 7%,transparent 93%,#ba9a633d),url("parchment.svg"),#ead39d;color:var(--osi-ink);padding:23px 28px;box-shadow:0 5px 14px #0004,inset 0 0 0 3px #392b16,inset 0 0 0 4px #d0ad68,inset 0 0 26px #9972384f}.osi-parchment:before,.osi-parchment:after{color:#5e411c}.osi-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;padding-bottom:15px;border-bottom:1px solid #ac8c5270}.osi-section-heading h2{font-size:20px;font-weight:normal;text-transform:uppercase;letter-spacing:.6px;line-height:1.3}.osi-section-note{font:11px/1.5 Arial,sans-serif;color:#79653f;text-align:right}.osi-section-heading>a{font-size:24px;color:#6f4c23}.osi-news-row{display:block;border-bottom:1px solid #ae8b5055}.osi-news-row:last-of-type{border-bottom:0}.osi-news-row summary{list-style:none;display:flex;align-items:center;gap:22px;padding:17px 0;cursor:pointer}.osi-news-row summary::-webkit-details-marker{display:none}.osi-news-image{display:block;width:136px;height:81px;border:1px solid #8d713d;flex-shrink:0;overflow:hidden;box-shadow:0 2px 3px #5b411727}.osi-news-image img{width:100%;height:100%;object-fit:cover;display:block}.osi-news-text{min-width:0;display:flex;flex-direction:column;gap:5px}.osi-eyebrow{font:10px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:.7px;color:#8b652f}.osi-news-text strong{font-size:22px;font-weight:normal;line-height:1.25}.osi-excerpt{font-size:14px;color:#78633f;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.osi-open-mark{margin-left:auto;flex-shrink:0;color:#7c5725;font-size:24px;font-weight:normal}.osi-news-row[open] .osi-open-mark{transform:rotate(45deg)}.osi-news-detail{padding:8px 0 24px;font-size:15px;line-height:1.9;overflow-wrap:anywhere}.osi-text-button{display:block;background:none;border:0;color:#684719;font:12px/1.5 Arial,sans-serif!important;text-decoration:underline;padding:12px 0 0;margin-left:auto}.osi-empty{display:flex;gap:26px;align-items:center;min-height:171px}.osi-empty-art{width:200px;height:117px;flex-shrink:0;border:1px solid #947447}.osi-empty h3{font-size:25px;font-weight:normal;margin-bottom:10px;line-height:1.3}.osi-empty p{font-size:14px;color:#77613c;max-width:440px;line-height:1.8}.osi-item-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;padding:5px 0 8px}.osi-item{background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0;padding:0;color:#4f3b1f}.osi-item-slot{display:flex;align-items:center;justify-content:center;width:70px;height:70px;overflow:hidden;background:radial-gradient(#302c24,#0a0a09);border:1px solid #c39b54;outline:1px solid #59401c;outline-offset:2px;box-shadow:inset 0 0 0 3px #0b0b0a,0 3px 7px #5f421a55;border-radius:2px;transition:transform .2s,outline-color .2s}.osi-item:hover .osi-item-slot{transform:translateY(-3px);outline-color:#bb7129}.osi-item>span:last-child{font-size:13px;text-align:center}.osi-item-slot img{object-fit:contain;max-width:60px;max-height:60px}.osi-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.osi-bottom-grid .osi-parchment{min-height:220px}.osi-ranking table{border-collapse:collapse;width:100%;font:14px/1.5 Georgia,serif}.osi-ranking th{font-weight:normal;color:#806a43;font-size:12px;padding:0 0 9px;text-align:left}.osi-ranking td{padding:9px 0;border-top:1px solid #ac8c5240}.osi-ranking td:first-child{width:36px;color:#955420}.osi-ranking th:last-child,.osi-ranking td:last-child{text-align:right}.osi-events ul{list-style:none;margin:0;padding:0}.osi-events li{padding:12px 0;border-top:1px solid #ac8c5240;display:flex;flex-direction:column;gap:5px}.osi-events li:first-child{border:0}.osi-events strong{font-weight:normal;font-size:18px}.osi-events li span{font:12px Arial,sans-serif;color:#826b40}.osi-empty-small{display:flex;gap:18px;align-items:center;min-height:95px;color:#826d48}.osi-empty-small>span{font-size:34px;color:#a58a55}.osi-empty-small p{font-size:14px;line-height:1.8;max-width:230px}.osi-footer{display:flex!important;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #81613760;padding:24px 7px 28px!important;margin:0!important;width:100%!important;min-height:0!important;background:none!important;color:#95866c;font:11px/1.6 Arial,sans-serif}.osi-footer>div{display:flex;flex-wrap:wrap;gap:24px}.osi-footer:before,.osi-footer:after{display:none!important}.osi-dialog{border:1px solid #c5a261;background:#ead39d url("parchment.svg");padding:38px;max-width:480px;width:calc(100% - 40px);color:#352515;box-shadow:inset 0 0 0 4px #5e431f}.osi-dialog::backdrop{background:#000b}.osi-dialog h2{font-size:24px;margin-bottom:16px}.osi-dialog p{margin-bottom:26px;line-height:1.8}.osi-modal-close{position:absolute;right:12px;top:8px;background:none;border:none;color:#6e4d29;font:28px Georgia!important;padding:2px 8px;cursor:pointer}.osi-skip{position:fixed;left:15px;top:-100px;z-index:100;background:#ead39d;color:#32281a!important;padding:12px}.osi-skip:focus{top:10px}
/* Keep legacy forms, selectors, AJAX IDs, payment panels and captcha intact. */
.osi-body .d-none{display:none!important}.osi-body #sub_page{width:calc(100% - 60px)!important;max-width:1080px;min-width:0!important;margin:32px auto 45px!important;padding:34px!important;background:#ead39d url("parchment.svg")!important;color:#3b2b18;border:1px solid #b89350;box-shadow:inset 0 0 0 4px #4b361a;min-height:260px}.osi-body #sub_page>h1{font:normal 28px/1.4 Georgia!important;text-align:left;color:#443019!important;padding:0 0 18px!important;letter-spacing:.5px;margin:0 0 24px!important;border-bottom:1px solid #a48a5860;height:auto!important;background:none!important}.osi-body #sub_page h1:after,.osi-body #sub_page h2:after{display:none!important}.osi-body #sub_page>h2{font:normal 21px/1.5 Georgia!important;color:#6d4f24;margin:14px 0 24px}.osi-body #sub_page form{max-width:620px;margin:auto}.osi-body #sub_page .input_div{max-width:100%;min-height:46px;height:auto;margin-bottom:16px!important;border:1px solid #9d8253!important;background:#fff4d466!important;border-radius:2px!important;color:#43321e}.osi-body #sub_page .input_div input,.osi-body #sub_page .input_div select,.osi-body #sub_page .input_div textarea{color:#35291b!important;background:transparent!important;max-width:100%;min-width:0;font:15px/1.6 Arial,sans-serif!important;box-sizing:border-box;padding:11px 12px}.osi-body #sub_page input::placeholder{color:#806c4c!important}.osi-body #sub_page .icon{color:#8e713f!important}.osi-body #sub_page a{color:#7c391f}.osi-body #sub_page table{width:100%!important;max-width:100%;border-collapse:collapse}.osi-body #sub_page th,.osi-body #sub_page td{background:transparent!important;color:#43321d;border-bottom:1px solid #a58d5e50;padding:14px 12px!important;font:14px/1.5 Arial,sans-serif!important}.osi-body #sub_page th{color:#75521f!important;font-weight:600!important}.osi-body #sub_page tr:hover{background:#7951210b!important}.osi-body #sub_page .note,.osi-body #sub_page .alert{background:#dcc08777!important;border:1px solid #b99b65;color:#5b4220!important;padding:16px!important;margin:18px 0;line-height:1.8}.osi-body #sub_page .page_table{width:100%!important;max-width:100%;flex-wrap:wrap;gap:12px}.osi-body #sub_page .g-recaptcha{margin:14px auto}.osi-body .hr{display:none!important}.osi-body .modal{position:fixed;inset:0;z-index:99;background:#000b;display:flex;align-items:center;justify-content:center;padding:20px}.osi-body .modal-content{position:relative;width:600px;max-width:100%;max-height:80vh;overflow:auto;padding:32px;background:#ead39d url("parchment.svg");border:1px solid #b99153;color:#3f2d17}.osi-body .modal_div{line-height:1.8}.osi-body .modal-content h2{font:24px Georgia;margin-bottom:20px}.osi-body .table-scroll{overflow-x:auto;max-width:100%}.osi-body .swal2-container{font-family:Arial,sans-serif}
@media(min-width:1650px){.osi-site{padding-left:3vw;padding-right:3vw}.osi-layout{grid-template-columns:340px minmax(0,1fr);gap:34px}.osi-main,.osi-sidebar{gap:30px}.osi-banner{min-height:206px}.osi-parchment{padding:28px 34px}.osi-warrior{height:300px}.osi-news-row summary{padding:23px 0}.osi-news-image{width:164px;height:95px}.osi-item-grid{padding:12px 0}.osi-status{padding:14px 24px}}
@media(max-width:1200px){.osi-site{padding:0 20px}.osi-header{gap:18px}.osi-logo{flex-basis:155px}.osi-logo img{width:155px}.osi-nav{gap:8px}.osi-nav>a,.osi-nav>button{padding:0 13px;font-size:13px}.osi-layout{grid-template-columns:292px minmax(0,1fr);gap:22px}.osi-parchment{padding:22px}.osi-banner{padding:26px;flex-wrap:wrap;gap:18px}.osi-banner>.osi-button{min-width:175px;font-size:15px}.osi-banner h1{font-size:26px}.osi-section-heading h2{font-size:18px}.osi-news-image{width:106px;height:76px}.osi-news-row summary{gap:16px}.osi-news-text strong{font-size:20px}.osi-item-grid{gap:15px}.osi-item-slot{width:57px;height:60px}.osi-bottom-grid{gap:22px}.osi-section-note{font-size:10px}.osi-empty-art{width:140px;height:110px}.osi-empty h3{font-size:22px}.osi-warrior{height:260px}.osi-character-stage{min-height:310px}.osi-class-tabs{gap:7px}.osi-class-tabs span{font-size:9px}.osi-portrait-stage{height:260px;padding:36px 55px}}
@media(max-width:900px){.osi-header{height:94px!important;flex-wrap:wrap;gap:16px}.osi-logo{margin-right:auto;flex:0 0 158px}.osi-logo img{width:158px}.osi-menu-button{display:flex;align-items:center;gap:14px;background:#1a1712;color:#d9bf83;border:1px solid #85673b;padding:10px 16px;font-size:13px!important}.osi-nav{display:none;position:absolute;top:85px;left:0;right:0;background:#131210;z-index:30;height:auto;box-shadow:0 12px 18px #0008;border:1px solid #927040;padding:12px;grid-template-columns:repeat(2,1fr)}.osi-nav.is-open{display:grid}.osi-nav>a,.osi-nav>button{min-height:46px}.osi-layout{grid-template-columns:250px minmax(0,1fr);gap:20px}.osi-bottom-grid{grid-template-columns:1fr}.osi-item-grid{grid-template-columns:repeat(3,1fr);gap:23px 18px}.osi-status{padding:12px 8px;gap:20px;font-size:11px}.osi-status>a{display:none}.osi-status>div{gap:8px}.osi-capacity{max-width:250px}.osi-warrior{height:215px}.osi-character-stage{min-height:270px}.osi-class-tabs{gap:6px;padding:13px 10px 16px}.osi-class-tabs svg{height:42px}.osi-class-tabs span{font-size:8px}.osi-panel-title{padding:12px}.osi-panel-title h2{font-size:16px}.osi-panel-body{padding:19px}.osi-banner-copy p{font-size:10px}.osi-banner{min-height:209px}.osi-news-row summary{flex-wrap:wrap;gap:14px}.osi-news-image{display:none}.osi-news-text{flex:1}.osi-empty{flex-direction:column;align-items:flex-start;gap:18px}.osi-empty-art{width:100%;height:110px}.osi-section-note{max-width:90px}.osi-portrait-stage{height:215px;padding:30px 44px}.osi-portrait-stage svg{height:155px}}
@media(max-width:680px){.osi-site{padding:0 15px;border-width:1px}.osi-header{height:88px!important;padding:0 2px!important;gap:10px}.osi-logo{flex-basis:137px}.osi-logo img{width:137px}.osi-menu-button{padding:9px 11px}.osi-languages summary{padding:9px 3px;gap:6px}.osi-status{flex-wrap:wrap;gap:12px;padding:13px 5px}.osi-status>div:first-child{width:100%;justify-content:flex-start}.osi-status strong{margin-left:auto;font-size:18px}.osi-status .osi-capacity{width:100%;max-width:none}.osi-capacity>.osi-meter{margin-left:8px}.osi-layout{display:flex;flex-direction:column;padding:22px 0;gap:23px}.osi-sidebar,.osi-main{width:100%;gap:23px}.osi-sidebar{display:contents}.osi-character{order:1;width:100%}.osi-login{order:3;width:100%}.osi-main{order:2}.osi-character-stage{max-width:320px;margin:15px auto 0;min-height:0}.osi-warrior{height:274px}.osi-portrait-stage{height:274px;padding:44px 72px}.osi-portrait-stage svg{height:186px}.osi-class-tabs{max-width:355px;margin:auto;gap:12px;padding:18px 18px 21px}.osi-class-tabs svg{height:49px}.osi-class-tabs span{font-size:10px}.osi-panel-title h2{font-size:18px}.osi-panel-title{padding:13px 16px}.osi-panel-body{padding:24px}.osi-banner{min-height:195px;padding:25px}.osi-banner h1{font-size:27px;max-width:300px}.osi-banner-copy p{font-size:10px}.osi-parchment{padding:22px}.osi-section-heading{margin-bottom:14px;padding-bottom:14px}.osi-section-heading h2{font-size:18px}.osi-news-image{display:block;width:82px;height:75px}.osi-news-row summary{flex-wrap:nowrap;padding:17px 0;gap:14px}.osi-news-text strong{font-size:18px}.osi-eyebrow{font-size:9px}.osi-excerpt{font-size:12px}.osi-open-mark{font-size:19px}.osi-item-slot{width:67px;height:67px}.osi-item-grid{padding:9px 0;gap:23px}.osi-item>span:last-child{font-size:12px}.osi-bottom-grid{gap:23px}.osi-bottom-grid .osi-parchment{min-height:205px}.osi-empty-art{height:135px}.osi-empty{min-height:200px}.osi-empty h3{font-size:23px}.osi-footer{flex-direction:column;align-items:flex-start;gap:15px;padding:22px 6px!important;font-size:10px}.osi-footer>div{gap:17px}.osi-body #sub_page{width:100%!important;margin:24px 0!important;padding:24px 18px!important}.osi-body #sub_page>h1{font-size:24px!important}.osi-body #sub_page .d-flex{flex-wrap:wrap;gap:8px}.osi-body #sub_page .input_div{width:100%!important;flex-wrap:nowrap}.osi-body #sub_page .input_div input,.osi-body #sub_page .input_div select{font-size:16px!important}.osi-body #sub_page .button{max-width:100%;min-width:0;width:auto;height:auto;white-space:normal;line-height:1.5;font-size:15px!important}.osi-body #sub_page .g-recaptcha{max-width:100%}.osi-dialog{padding:30px}}
@media(prefers-reduced-motion:reduce){.osi-body *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.osi-body #sub_page form{width:100%!important;max-width:620px!important;min-width:0!important}.osi-body #sub_page>h1,.osi-body #sub_page>h2{width:100%!important;max-width:100%!important}.osi-body #sub_page label,.osi-body #sub_page .policy_div{color:#47331b!important;white-space:normal;overflow-wrap:anywhere}.osi-body #sub_page .policy_div a{color:#8c3c1e!important}.osi-body #sub_page .input_div .icon{flex:0 0 40px}.osi-body #sub_page .input_div input,.osi-body #sub_page .input_div select{flex:1;width:calc(100% - 40px)!important}.osi-body #sub_page form>.alert{width:100%!important}

/* Keep the keyboard shortcut visually hidden until it receives focus. */
.osi-skip{position:absolute!important;top:0!important;left:0!important;width:1px!important;height:1px!important;clip-path:inset(50%);overflow:hidden!important;white-space:nowrap!important;padding:0!important}.osi-skip:focus{top:10px!important;left:15px!important;width:auto!important;height:auto!important;clip-path:none;padding:12px!important}
/* Centered crest and compact navigation on every page. */
.osi-header{height:auto!important;min-height:170px!important;display:grid!important;grid-template-columns:1fr auto 1fr;gap:14px 24px;padding:18px 6px 20px!important}
.osi-logo{grid-column:2;grid-row:1;justify-self:center}.osi-logo img{width:200px;height:auto}
.osi-nav{grid-column:1/-1;grid-row:2;width:100%;height:48px;flex-wrap:wrap;gap:12px}.osi-nav>a,.osi-nav>button{min-height:48px;font-size:13px;padding:0 24px}
.osi-languages{grid-column:3;grid-row:1;justify-self:end}.osi-menu-button{grid-column:1;grid-row:1;justify-self:start}
.osi-events-only{grid-template-columns:1fr}.osi-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.osi-video-card{min-width:0;overflow:hidden;border:1px solid #aa8b51;background:#b39b6120}.osi-video-card>a{display:block;padding:12px;overflow-wrap:anywhere;font-size:15px}.osi-video-play{display:block;position:relative;padding:0;width:100%;aspect-ratio:16/9;border:0;background:#191710;overflow:hidden}.osi-video-play img{display:block;object-fit:cover;width:100%;height:100%}.osi-video-play span{position:absolute;inset:0;display:grid;place-items:center;color:#ffe0a0;font-size:32px;text-shadow:0 2px 12px #000}.osi-video-card iframe{border:0;width:100%;aspect-ratio:16/9;display:block}
.osi-body #sub_page.osi-account{max-width:1180px!important}.osi-account-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}.osi-account-heading h1{font-size:30px;font-weight:normal;line-height:1.3}.osi-account-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 30px}.osi-account-stats>div{padding:20px;border:1px solid #a18551;background:#fff4d42e}.osi-account-stats span{display:block;font:12px Arial,sans-serif;color:#80623a;margin-bottom:8px}.osi-account-stats strong{font-size:22px;font-weight:normal}.osi-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.osi-account-section{border-top:1px solid #bda573;padding-top:20px;min-width:0}.osi-account-section h2{font-size:21px;font-weight:normal;margin-bottom:18px}.osi-account-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.osi-account-links a{display:flex;align-items:center;min-height:50px;padding:12px 16px;border:1px solid #ac8d55;background:#e9d39e;font-size:14px}.osi-account-links a:hover{background:#f5e3b7}.osi-account-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0}.osi-account-details>div{min-width:0;overflow-wrap:anywhere}.osi-account-details dt{font:12px Arial,sans-serif;color:#80623a;margin-bottom:5px}.osi-account-details dd{margin:0;font-size:15px}.osi-account-actions{display:flex;flex-wrap:wrap;gap:18px;margin:25px 0 15px}.osi-form-note{font:13px/1.6 Arial,sans-serif!important}.osi-body #showPassword{padding:22px;border:1px solid #a48a57;background:#f5e4b850;margin-bottom:25px}.osi-body #showPassword input{min-width:0;width:100%;padding:10px;font:15px monospace}.osi-body button:disabled{opacity:.55;cursor:wait}.osi-body #sub_page .copy_text{padding:8px;min-width:80px}.osi-body #sub_page .input_div .show_account,.osi-body #sub_page .input_div .show_password,.osi-body #sub_page .input_div .show_pin{width:auto!important;flex:1}
@media(max-width:1100px){.osi-header{min-height:120px!important;grid-template-columns:1fr auto 1fr}.osi-header .osi-logo{margin:0}.osi-header .osi-menu-button{display:flex;gap:10px;align-items:center;background:#18150f;border:1px solid #806a3f;color:#e7d19b;padding:12px 15px}.osi-header .osi-nav{display:none;position:static;width:100%;height:auto;grid-column:1/-1;grid-row:2;padding:10px;background:#15130f}.osi-header .osi-nav.is-open{display:flex}.osi-nav>a,.osi-nav>button{flex:1}.osi-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.osi-header{gap:10px!important;padding:15px 0!important;min-height:105px!important}.osi-logo img{width:142px!important}.osi-header .osi-menu-button{padding:10px;font-size:12px}.osi-header .osi-nav.is-open{display:grid;grid-template-columns:1fr 1fr}.osi-video-grid{grid-template-columns:1fr}.osi-account-grid{grid-template-columns:1fr}.osi-account-stats{grid-template-columns:1fr;gap:10px}.osi-account-stats>div{padding:13px 18px}.osi-account-stats span,.osi-account-stats strong{display:inline;margin-right:12px;font-size:16px}.osi-account-heading{align-items:flex-start;flex-direction:column;gap:15px}.osi-account-details{grid-template-columns:1fr}.osi-account-actions{flex-direction:column}.osi-body #showPassword .input_div{flex-wrap:wrap}.osi-body #showPassword .input_div label{flex:0 0 100%;padding:5px 0}.osi-account-heading h1{font-size:25px}}

/* Approved Osi2 artwork: keep the faces and wooden sign unobstructed. */
.osi-hero{margin:28px 0 0;padding:5px;overflow:hidden}
.osi-hero-image{display:block;width:100%;height:clamp(280px,32vw,480px);object-fit:cover;object-position:center top;border-bottom:1px solid #856334}
.osi-hero-caption{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;background:linear-gradient(90deg,#15130ff0,#171711bf)}
.osi-hero-caption h1{font-size:clamp(22px,2vw,30px);line-height:1.35;font-weight:normal;color:#ecd6a2}
.osi-hero-caption .osi-button{flex-shrink:0;min-width:200px}
.osi-portal-layout{grid-template-columns:286px minmax(0,1fr);gap:28px}
.osi-portal-layout .osi-empty-news{min-height:118px;padding:8px 0 14px}
.osi-portal-layout .osi-empty-news p{max-width:100%}
@media(min-width:1650px){.osi-portal-layout{grid-template-columns:310px minmax(0,1fr);gap:34px}}
@media(max-width:1000px){.osi-portal-layout{grid-template-columns:1fr;gap:24px}.osi-portal-layout .osi-main{order:0}.osi-portal-layout .osi-sidebar{order:1}.osi-portal-layout .osi-login .osi-panel-body{max-width:560px;width:100%;margin:auto}.osi-hero-caption{padding:22px}.osi-hero-caption .osi-button{min-width:170px;font-size:15px}}
@media(max-width:600px){.osi-hero{margin-top:18px}.osi-hero-image{height:auto;aspect-ratio:2/1;object-fit:contain}.osi-hero-caption{flex-direction:column;align-items:stretch;gap:17px;padding:21px 18px;text-align:center}.osi-hero-caption h1{font-size:23px}.osi-hero-caption .osi-button{width:100%}.osi-portal-layout{padding-top:22px}.osi-portal-layout .osi-empty-news{min-height:100px}}

/* A real login form over the existing, unchanged cinematic artwork. */
.osi-login-hero{isolation:isolate;padding:5px;background:#10100e;margin:24px 0 28px;overflow:hidden}
.osi-entry-image{position:absolute;top:5px;right:5px;width:78%;height:calc(100% - 10px);object-fit:cover;object-position:center 30%;z-index:-2}
.osi-entry-shade{position:absolute;inset:5px;z-index:-1;background:linear-gradient(90deg,#0c0e0dfc 0%,#0e0f0df5 23%,#10110ec9 34%,#10110e24 53%,transparent 70%),linear-gradient(0deg,#080b0cdf,transparent 47%)}
.osi-entry-grid{display:grid;grid-template-columns:350px minmax(0,1fr);align-items:center;gap:40px;min-height:570px;padding:30px 40px}
.osi-hero-login{position:relative;width:100%;min-width:0;background:transparent;border:0;box-shadow:none;order:0}
.osi-hero-login .osi-panel-title{padding:0 0 18px;margin:0 0 22px;background:none;border-bottom:1px solid #b28a4866}
.osi-hero-login .osi-panel-title h2{font-size:26px;line-height:1.3;letter-spacing:.3px;color:#f2d79c}
.osi-hero-login .osi-panel-body{padding:0}
.osi-hero-login .osi-field{margin-bottom:14px}
.osi-hero-login .osi-field>span{color:#d1c4aa;font-size:12px;margin-bottom:6px}
.osi-hero-login .osi-field input{height:44px;background:#0c100ee6;border-color:#8f794d;color:#fff0d6;box-shadow:inset 0 2px 7px #0006}
.osi-login-security.has-pin{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.osi-hero-login .osi-captcha{justify-content:flex-start;margin:4px 0 18px;min-height:144px}
.osi-hero-login .osi-button{min-height:46px;font-size:16px}
.osi-hero-login .osi-auth-links{margin-top:21px;gap:10px 18px;font-size:13px;line-height:1.5;color:#e0ceaa}
.osi-hero-login .osi-auth-links a:hover{text-decoration:underline!important;color:#ffe3a0}
.osi-hero-login .osi-auth-links a:last-child:nth-child(3){flex-basis:100%;font-size:12px;color:#bfb092}
.osi-hero-login .osi-welcome{text-align:left;font-size:23px;color:#ead19c;padding:6px 0 24px}
.osi-hero-login .osi-small-link{text-align:left}
.osi-login-notice{font:13px/1.7 Arial,sans-serif;color:#e8d5a5;border-left:2px solid #b28a48;padding:4px 0 4px 12px;margin-bottom:18px!important}
.osi-entry-copy{align-self:end;justify-self:end;max-width:430px;padding:0 5px 8px;text-align:right;text-shadow:0 2px 9px #000a;order:1}
.osi-entry-copy>p{font:11px/1.7 Arial,sans-serif;letter-spacing:1.7px;text-transform:uppercase;color:#ebca88;margin-bottom:9px}
.osi-entry-copy h1{font-size:clamp(27px,2.8vw,42px);font-weight:normal;line-height:1.2;color:#fff1ca;margin-bottom:22px}
.osi-entry-copy .osi-button{min-width:200px;text-shadow:none}
.osi-portal-full{display:block!important;padding-top:0!important}
.osi-portal-full>.osi-main{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:26px;align-items:start}
.osi-portal-full .osi-news{grid-column:1/-1}
.osi-portal-full .osi-bottom-grid{display:block}
.osi-inner .osi-login-hero{margin-bottom:36px}
@media(min-width:1650px){.osi-entry-grid{grid-template-columns:370px minmax(0,1fr);padding:38px 52px;min-height:610px}}
@media(max-width:1100px) and (min-width:901px){.osi-entry-grid{grid-template-columns:310px minmax(0,1fr);gap:24px;padding:28px}.osi-entry-copy h1{font-size:30px}.osi-entry-image{width:77%}}
@media(max-width:900px){.osi-entry-image{position:relative;top:auto;right:auto;width:100%;height:260px;object-position:center 25%;display:block}.osi-entry-shade{inset:5px 5px auto;height:280px;background:linear-gradient(0deg,#10100e,transparent 45%)}.osi-entry-grid{position:relative;grid-template-columns:1fr;min-height:0;padding:4px 28px 28px;gap:30px}.osi-hero-login{max-width:440px;justify-self:center}.osi-entry-copy{max-width:none;width:100%;padding:24px 0 0;text-align:center;border-top:1px solid #b28a484d;justify-self:stretch}.osi-entry-copy h1{font-size:28px;margin-bottom:20px}.osi-entry-copy .osi-button{width:100%;max-width:440px}.osi-portal-full>.osi-main{grid-template-columns:1fr}.osi-hero-login .osi-captcha{justify-content:center}.osi-entry-copy>p{font-size:10px}}
@media(max-width:600px){.osi-login-hero{margin-top:18px}.osi-entry-image{height:180px;object-position:center 22%}.osi-entry-shade{height:200px}.osi-entry-grid{padding:0 18px 22px;gap:25px}.osi-hero-login .osi-panel-title{margin-bottom:18px;padding-bottom:16px}.osi-hero-login .osi-panel-title h2{font-size:23px}.osi-hero-login .osi-field input{font-size:16px}.osi-login-security.has-pin{gap:12px}.osi-hero-login .osi-auth-links{font-size:12px;gap:10px}.osi-entry-copy h1{font-size:25px}}

/* Independent character layers; only opacity and transforms animate. */
.osi-scene-stage{position:absolute;top:5px;right:5px;width:calc(100% - 10px);height:calc(100% - 10px);overflow:hidden;z-index:0;isolation:isolate}
.osi-scene{position:absolute;inset:0;opacity:0;transition:opacity 2.4s ease-in-out;pointer-events:none}
.osi-scene.is-active{opacity:1;pointer-events:auto}
.osi-scene-background,.osi-scene-character,.osi-scene-aura{display:block;position:absolute;inset:0;width:100%;height:100%;user-select:none;pointer-events:none}
.osi-scene-background{object-fit:cover;object-position:center 30%}
.osi-scene-character,.osi-scene-aura{left:auto;width:78%;object-fit:contain;object-position:70% bottom;padding:22px 14px 0;transform:scale(1);transform-origin:62% 56%;transition:transform .9s cubic-bezier(.2,.6,.2,1)}
.osi-scene{--osi-rim:#ffe2a86b;--osi-halo:#e8b4564d}
.osi-scene[data-scene="warrior"]{--osi-rim:#d7edff80;--osi-halo:#9dcff14d}
.osi-scene-character{filter:drop-shadow(0 0 2px var(--osi-rim)) drop-shadow(0 0 9px var(--osi-halo)) drop-shadow(0 10px 13px #0006)}
.osi-scene-aura{filter:blur(10px) brightness(1.6) saturate(.75);mix-blend-mode:screen;opacity:.26;animation:osi-aura-breathe 6s ease-in-out infinite;animation-play-state:paused}
.osi-scene.is-active .osi-scene-aura{animation-play-state:running}
@keyframes osi-aura-breathe{0%,100%{opacity:.22}50%{opacity:.5}}
.osi-layered-hero .osi-entry-shade{z-index:1;pointer-events:none}
@media(min-width:901px){.osi-layered-hero .osi-entry-shade{background:linear-gradient(90deg,#0b0f0dfc 0%,#0b0f0df5 15%,#0b0f0deb 23%,#0b0f0dcd 31%,#0b0f0d9e 39%,#0b0f0d59 48%,#0b0f0d24 58%,#0b0f0d08 70%,#0b0f0d00 82%),linear-gradient(0deg,#080b0cb3,transparent 52%)}}
.osi-layered-hero .osi-entry-grid{position:relative;z-index:2;pointer-events:none}
.osi-layered-hero .osi-hero-login,.osi-layered-hero .osi-entry-copy{pointer-events:auto}
@media(hover:hover) and (pointer:fine){.osi-scene-stage:hover .is-active .osi-scene-character,.osi-scene-stage:hover .is-active .osi-scene-aura{transform:scale(1.055)}}
@media(max-width:1100px) and (min-width:901px){.osi-scene-character,.osi-scene-aura{width:77%;object-position:82% bottom}}
@media(max-width:900px){.osi-scene-stage{position:relative;top:auto;right:auto;width:100%;height:260px}.osi-scene-background{object-position:center 25%}.osi-scene-character,.osi-scene-aura{width:100%;object-position:center bottom;padding:10px 0 0}.osi-scene-aura{filter:blur(6px) brightness(1.6) saturate(.75)}}
@media(max-width:600px){.osi-scene-stage{height:210px}.osi-layered-hero .osi-entry-shade{height:230px}}
/* The source cape continues beyond its left canvas edge: align that edge with the scene, never float it in the landscape. */
.osi-scene[data-scene="sura"] .osi-scene-character,.osi-scene[data-scene="sura"] .osi-scene-aura{object-position:left bottom;padding-left:0;padding-right:0;transform-origin:36% 56%}
@media(prefers-reduced-motion:reduce){.osi-scene,.osi-scene-character,.osi-scene-aura{transition:none!important}.osi-scene-stage .osi-scene-character,.osi-scene-stage .osi-scene-aura{transform:none!important}.osi-scene-aura{animation:none!important;opacity:.26}}