#otera{--ot-gold:#d6bc75;--ot-ink:#372919;--ot-paper:#f1e4c6;--ot-green:#254539;color:#eadfc4;background:radial-gradient(ellipse at 10% 0%,#4a4030 0,transparent 43%),radial-gradient(ellipse at 100% 90%,#29342d 0,transparent 48%),#171c1d;font:14px/1.6 Arial,sans-serif;padding:28px;container-type:inline-size;color-scheme:dark}
#otera *{box-sizing:border-box}#otera [hidden]{display:none!important}
#otera button,#otera a{font:inherit}#otera button{cursor:pointer}#otera a{color:inherit}
#otera .ot-masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 6px 24px;border-bottom:1px solid #766543}
#otera .ot-logo{font:46px/1 Georgia,serif;letter-spacing:5px;color:#e1c875;text-shadow:0 2px 2px #000}
#otera .ot-tagline{font:10px/1.6 Georgia,serif;letter-spacing:2px;color:#bfae87;margin-top:9px}
#otera .ot-masthead-note{font:italic 16px/1.5 Georgia,serif;color:#cfc3aa;text-align:right}
#otera .ot-grid{display:grid;grid-template-columns:163px minmax(0,1fr);gap:23px;padding-top:25px;align-items:start}
#otera .ot-stone{position:relative;background:linear-gradient(95deg,#373b37,#212b28 65%,#3b3d34);border:3px ridge #828477;box-shadow:0 4px 8px #0005}
#otera .ot-stone:before,#otera .ot-stone:after{content:'◆';position:absolute;font-size:10px;color:#bdb9a7;top:-10px;text-shadow:0 1px #000}
#otera .ot-stone:before{left:-7px}#otera .ot-stone:after{right:-7px}
#otera .ot-nav-title{font:17px/1.4 Georgia,serif;font-variant:small-caps;color:#f1e8d1;padding:10px 12px;border-bottom:1px solid #837859;text-shadow:0 1px #000}
#otera .ot-nav button{display:block;width:100%;text-align:left;background:transparent;color:#c9cabc;border:0;border-bottom:1px solid #ffffff0d;padding:11px 12px;font-size:13px}
#otera .ot-nav button[aria-current=page]{color:#f1df9b;background:#344a3f;box-shadow:inset 3px 0 #c6a453}
#otera .ot-nav button:hover{background:#3d5045;color:#fff1ce}
#otera .ot-status{padding:19px 9px;font-size:12px;color:#bebbaa}
#otera .ot-status strong{display:block;color:#c5d5ac;font-weight:400;margin-bottom:5px}
#otera .ot-status-dot{display:inline-block;width:7px;height:7px;background:#b2c77b;border-radius:50%;margin-right:7px;box-shadow:0 0 8px #b2c77b55}
#otera .ot-sidebar-quote{border-top:1px solid #766543;margin:8px 8px 0;padding-top:17px;font:italic 15px/1.6 Georgia,serif;color:#c8b998}
#otera .ot-paper{position:relative;color:var(--ot-ink);background:radial-gradient(ellipse at 20% 10%,#fff9e380,transparent 65%),repeating-linear-gradient(32deg,#76562103 0 1px,transparent 1px 4px),var(--ot-paper);border:4px ridge #929184;box-shadow:inset 0 0 45px #956b3424,0 8px 20px #0004}
#otera .ot-ribbon{padding:9px 21px;background:linear-gradient(95deg,#263e2d,var(--ot-green),#1c3025);border-bottom:3px double #b49a5b;color:#f1e5bd;font:16px/1.4 Georgia,serif;font-variant:small-caps;letter-spacing:.8px;display:flex;justify-content:space-between;gap:10px}
#otera .ot-ribbon span:last-child{font:10px/2 Arial,sans-serif;letter-spacing:1px;color:#d5c898}
#otera .ot-hero{padding:34px 30px 28px}
#otera .ot-eyebrow{font:10px/1.5 Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#766044;margin-bottom:13px}
#otera h1{font:normal clamp(30px,4.6cqw,46px)/1.12 Georgia,serif;letter-spacing:-1.2px;margin:0 0 19px;color:#354535;text-wrap:balance}
#otera .ot-intro{font:15px/1.75 Arial,sans-serif;max-width:460px;margin:0 0 23px;color:#5a4b39}
#otera .ot-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
#otera .ot-primary{background:linear-gradient(#34578a,#182d52);color:#fff0bd;border:3px ridge #c3b070;padding:10px 23px;font:bold 15px/1.4 Georgia,serif;box-shadow:0 2px 0 #493e29, inset 0 0 0 1px #0c172a;text-shadow:0 1px #000}
#otera .ot-primary:hover{background:linear-gradient(#43699d,#203a65)}
#otera .ot-textbutton{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;color:#4f5944;padding:8px 0;font-size:12px}
#otera .ot-promise{font-size:11px;letter-spacing:.3px;color:#6c5b42;margin:17px 0 0}
#otera .ot-divider{display:flex;align-items:center;gap:13px;color:#8d7242;margin:25px 0 0;font-size:12px}
#otera .ot-divider:before,#otera .ot-divider:after{content:'';height:1px;background:#b5a27d;flex:1}
#otera .ot-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0 30px 30px}
#otera .ot-benefits h2{font:normal 17px/1.3 Georgia,serif;color:#43513c;margin:0 0 9px}
#otera .ot-benefits p{font-size:12px;line-height:1.7;color:#695941;margin:0}
#otera .ot-below{margin-top:22px}
#otera .ot-news{padding:22px 27px;display:grid;grid-template-columns:76px minmax(0,1fr);gap:17px}
#otera .ot-date{font:12px/1.7 Georgia,serif;color:#786748;border-right:1px solid #bcaa86}
#otera .ot-date b{display:block;font-size:29px;font-weight:400;line-height:1.15}
#otera h3{font:normal 22px/1.3 Georgia,serif;margin:0 0 9px;color:#3b4834}
#otera .ot-news p{font-size:13px;margin:0 0 8px;color:#66553f}
#otera .ot-news-more{border-top:1px solid #c5b38c;margin-top:14px;padding-top:14px}
#otera .ot-guide{padding:27px 30px}
#otera .ot-guide h1{font-size:34px}
#otera .ot-steps{list-style:none;margin:22px 0;padding:0;counter-reset:steps}
#otera .ot-steps li{counter-increment:steps;display:grid;grid-template-columns:33px 1fr;column-gap:13px;padding:15px 0;border-bottom:1px solid #c4b18b}
#otera .ot-steps li:before{content:counter(steps);color:#fff1c6;background:#3f5744;font:21px/32px Georgia,serif;width:32px;height:32px;text-align:center;border:1px solid #8d784d}
#otera .ot-steps h2{font:20px/1.5 Georgia,serif;margin:0;color:#3a4834}
#otera .ot-steps p{margin:5px 0 0;font-size:13px;color:#66553f}
#otera .ot-guide-note{font:italic 15px/1.6 Georgia,serif;color:#5f513a}
#otera .ot-footer{font-size:10px;text-align:center;color:#b5ad98;padding-top:27px;line-height:1.8}
@container(max-width:650px){#otera .ot-grid{grid-template-columns:1fr;gap:20px}#otera .ot-sidebar{display:contents}#otera .ot-nav{display:flex;flex-wrap:wrap}#otera .ot-nav-title{display:none}#otera .ot-nav button{width:auto;flex:1;white-space:nowrap;text-align:center;padding:12px 9px}#otera .ot-status,#otera .ot-sidebar-quote{display:none}#otera .ot-masthead-note{font-size:14px}#otera h1{font-size:37px}#otera .ot-hero{padding:28px 23px}#otera .ot-benefits{padding:0 23px 25px;gap:15px}}
@container(max-width:430px){#otera .ot-masthead-note{display:none}#otera .ot-logo{font-size:37px}#otera .ot-benefits{grid-template-columns:1fr;gap:18px}#otera .ot-benefits section+section{padding-top:16px;border-top:1px solid #c5b38c}#otera h1{font-size:31px}#otera .ot-ribbon{padding:9px 16px}#otera .ot-ribbon span:last-child{display:none}#otera .ot-hero,#otera .ot-guide{padding:25px 18px}#otera .ot-news{padding:22px 18px;grid-template-columns:1fr}#otera .ot-date{border:0}#otera .ot-date b{display:inline;font-size:12px;margin-right:5px}#otera .ot-intro{font-size:14px}#otera .ot-actions{gap:8px}#otera .ot-nav button{flex-basis:50%}}
@media(max-width:480px){#otera{padding:18px 12px}}
#otera .ot-hero{padding:27px 27px 22px}
#otera .ot-hero-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}
#otera h1{font-size:36px;margin-bottom:13px}
#otera .ot-intro{font-size:14px;margin-bottom:0;max-width:490px}
#otera .ot-hero-top .ot-actions{flex-direction:column;gap:5px;align-items:flex-start}
#otera .ot-hero-top .ot-primary{white-space:nowrap;padding:11px 18px}
#otera .ot-hero-top .ot-promise{font-size:11px;max-width:180px;margin-top:10px;line-height:1.7}
#otera .ot-window{position:relative;margin:23px 0 0;border:4px ridge #9f956f;background:#233026;box-shadow:0 3px 9px #49321444}
#otera .ot-world-image{display:block;width:100%;aspect-ratio:2.35;object-fit:cover;object-position:center 55%;image-rendering:pixelated}
#otera .ot-scene-caption{position:absolute;left:0;bottom:0;right:0;padding:32px 17px 13px;background:linear-gradient(transparent,#111d16ed);color:#fff0c9;display:flex;align-items:end;justify-content:space-between;gap:12px;text-shadow:0 1px 2px #000}
#otera .ot-scene-caption strong{font:22px/1.3 Georgia,serif;display:block}
#otera .ot-scene-caption span{font:12px/1.5 Arial,sans-serif}
#otera .ot-map-label{font-size:10px!important;color:#d8dbbd;text-align:right}
#otera .ot-gallery-tabs{display:flex;gap:0;border:1px solid #aa9467;border-top:0;background:#e3d2aa}
#otera .ot-gallery-tabs button{flex:1;border:0;border-right:1px solid #b6a079;padding:11px 9px;color:#675636;background:transparent;font:13px/1.4 Georgia,serif;min-height:44px}
#otera .ot-gallery-tabs button:last-child{border-right:0}
#otera .ot-gallery-tabs button[aria-pressed=true]{color:#f3e9c6;background:#314b3a;box-shadow:inset 0 -2px #c9ae64}
#otera .ot-gallery-tabs button:hover{box-shadow:inset 0 -3px #99783e}
#otera .ot-creatures-heading{text-align:center;font:24px/1.3 Georgia,serif;color:#3a4b37;margin:4px 0 5px}
#otera .ot-creatures-lead{text-align:center;font:12px/1.6 Arial,sans-serif;color:#736143;margin:0 0 20px}
#otera .ot-benefits{gap:0;padding:0 20px 26px}
#otera .ot-benefits section{text-align:center;padding:0 16px}
#otera .ot-benefits section+section{border-left:1px solid #bdab82}
#otera .ot-creature-plinth{height:104px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:radial-gradient(ellipse at 50% 90%,#9e78403b 0,transparent 49%)}
#otera .ot-creature-plinth img{width:96px;height:96px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 5px 2px #33291245)}
#otera .ot-creature-plinth img.ot-rat{width:64px;height:64px;align-self:end;margin-bottom:7px}
#otera .ot-benefits h2{font-size:20px;margin-bottom:2px}
#otera .ot-creature-name{display:block;font:10px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:1.5px;color:#866b42;margin-bottom:10px}
#otera .ot-side-beast{margin:25px 0 12px;text-align:center}
#otera .ot-side-beast img{width:96px;height:96px;image-rendering:pixelated;filter:drop-shadow(0 7px 7px #0009)}
#otera .ot-side-beast figcaption{font:italic 13px/1.5 Georgia,serif;color:#c6b68f;margin-top:10px}
#otera .ot-sidebar-quote{margin-top:20px}
#otera .ot-news-sprite{width:32px;height:32px;image-rendering:pixelated;vertical-align:middle;margin-right:7px}
@container(max-width:850px){#otera .ot-hero-top{grid-template-columns:1fr}#otera .ot-hero-top .ot-actions{flex-direction:row;align-items:center;gap:15px}#otera .ot-hero-top .ot-promise{max-width:none;margin:7px 0 0}#otera .ot-world-image{aspect-ratio:1.95}#otera .ot-hero-top .ot-textbutton{font-size:12px}}
@container(max-width:650px){#otera .ot-side-beast{display:none}#otera .ot-benefits{gap:0}#otera .ot-hero{padding:24px 20px}#otera h1{font-size:35px}#otera .ot-world-image{aspect-ratio:1.75}}
@container(max-width:430px){#otera .ot-hero{padding:24px 15px}#otera h1{font-size:30px}#otera .ot-world-image{aspect-ratio:1.2}#otera .ot-map-label{display:none}#otera .ot-gallery-tabs button{font-size:12px;padding:10px 4px}#otera .ot-benefits{grid-template-columns:1fr;padding:0 20px 24px}#otera .ot-benefits section{display:grid;grid-template-columns:80px 1fr;text-align:left;column-gap:15px;padding:17px 0}#otera .ot-benefits section+section{border-left:0;border-top:1px solid #bdab82}#otera .ot-creature-plinth{grid-row:1 / 5;height:80px;margin:0}#otera .ot-creature-plinth img{width:80px;height:80px}#otera .ot-creature-plinth img.ot-rat{width:56px;height:56px}#otera .ot-creatures-heading{font-size:23px;padding:0 18px}#otera .ot-creatures-lead{padding:0 25px;margin-bottom:5px}}
#otera .ot-nav a{display:block;padding:9px 12px;color:#d9d7c6;text-decoration:none;font-size:12px;min-height:38px}
#otera .ot-nav a:hover{background:#3d5045;color:#fff1ce}
#otera .ot-nav details{border-top:1px solid #676751}
#otera .ot-nav summary{padding:10px 12px;font:16px/1.5 Georgia,serif;color:#e3d7b6;cursor:pointer}
#otera .ot-nav details[open]{background:#162b25}
#otera .ot-nav .ot-download-nav{color:#f3df91;background:#314537}
#otera .ot-account-links{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:flex-end;font-size:12px;color:#d9c797}
#otera .ot-account-links a{padding:7px 0;text-underline-offset:4px}
#otera .ot-downloads{padding:27px 28px}
#otera .ot-downloads>p{color:#65533d;font-size:14px}
#otera .ot-download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}
#otera .ot-package{border:1px solid #b9a47a;background:#f8efd9;padding:18px 13px;display:flex;flex-direction:column;gap:10px}
#otera .ot-package h2{font:24px/1.3 Georgia,serif;color:#3b4b35;margin:0}
#otera .ot-package p{font-size:12px;color:#6b583b;line-height:1.6;margin:0}
#otera .ot-package .ot-package-size{font-size:11px;color:#786748}
#otera a.ot-download-link{display:block;margin-top:auto;padding:9px 8px;border:2px ridge #bea96c;text-decoration:none;text-align:center;color:#fff0bd;background:linear-gradient(#34578a,#182d52);font:14px/1.4 Georgia,serif;min-height:44px}
#otera .ot-package-note{font-size:11px!important}
#otera .ot-ready{border-top:1px solid #b9a47a;border-bottom:1px solid #b9a47a;padding:13px 0;font-size:12px!important;color:#40553c!important}
#otera .ot-install-help{padding:16px 0;border-top:1px solid #b9a47a;font-size:13px;color:#65533d}
#otera .ot-install-help h2{font:22px/1.4 Georgia,serif;color:#3b4b35;margin:0 0 9px}
#otera .ot-install-help ol{padding-left:20px;margin:0 0 14px}
#otera .ot-install-help li{margin-bottom:8px}
#otera .ot-secondary-action{display:inline-block;margin-top:10px;padding:7px 12px;background:#e3d1a9;border:1px solid #ab9262;color:#3e5139;text-decoration:none;font-size:12px;min-height:36px}
#otera .ot-news-archive{display:block;text-align:right;padding:0 25px 17px;font-size:12px}
@container(max-width:650px){#otera .ot-nav details{width:100%}#otera .ot-nav>button{flex-basis:33.3%}#otera .ot-account-links{font-size:12px;gap:10px}#otera .ot-downloads{padding:25px 20px}}
@container(max-width:480px){#otera .ot-download-grid{grid-template-columns:1fr}#otera .ot-package{gap:8px;padding:17px}#otera .ot-downloads h1{font-size:28px}#otera .ot-masthead{flex-wrap:wrap;gap:14px}#otera .ot-account-links{justify-content:flex-start}#otera .ot-nav>button{flex-basis:50%}}

/* Shared shell and responsive adapters for MyAAC's existing forms and tables. */
body.otera-body{margin:0;min-width:0;background:#171c1d;color:#372919;font:14px/1.6 Arial,sans-serif}
#otera{max-width:1240px;min-height:100vh;margin:auto;padding:30px 34px;color-scheme:normal}
#otera .ot-brand{text-decoration:none;display:block}#otera .ot-brand span{display:block}
#otera main,#otera .ot-sidebar{min-width:0}#otera .ot-nav a[aria-current=page]{color:#f1df9b;background:#344a3f;box-shadow:inset 3px 0 #c6a453}
#otera .ot-primary{text-decoration:none}#otera .ot-status-dot.is-offline{background:#aca18b;box-shadow:none}
#otera a:focus-visible,#otera button:focus-visible,#otera summary:focus-visible,#otera input:focus-visible,#otera select:focus-visible{outline:3px solid #a78026;outline-offset:3px}
#otera .ot-skip{position:absolute;top:8px;left:12px;z-index:10;padding:10px 18px;background:#f1e4c6;color:#254539;transform:translateY(-160%)}#otera .ot-skip:focus{transform:none}
#otera .ot-news h2{font:normal 22px/1.3 Georgia,serif;color:#3b4834;margin:0 0 9px}#otera .ot-news h2 a{text-decoration:none}#otera .ot-news h2 a:hover{text-decoration:underline}
#otera .ot-news+.ot-news{border-top:1px solid #bca882}#otera .ot-empty{padding:24px}
#otera .ot-page-content{padding:26px;overflow-x:auto;overflow-wrap:normal;color:#4e402e}
#otera .ot-page-content.ot-page-landing{padding:0;overflow:visible}
#otera .ot-page-content a{color:#294a42;text-underline-offset:3px}#otera .ot-page-content .ot-download-link{color:#fff0bd}
#otera .ot-page-title{font-size:30px;margin-bottom:22px}
#otera .ot-page-content table{max-width:100%;font-size:13px;line-height:1.55}#otera .ot-page-content td{padding:6px}
#otera .ot-page-content table table td{padding:4px}
#otera .ot-page-content .TableContainer{max-width:100%;box-sizing:border-box}
#otera .ot-page-content img{max-width:100%;height:auto}
#otera .ot-page-content input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=image]):not([type=hidden]),#otera .ot-page-content select,#otera .ot-page-content textarea{max-width:100%;min-height:36px;font:14px/1.4 Arial,sans-serif;background:#fffaf0;color:#352d23;border:1px solid #ab976d;padding:7px 9px;box-sizing:border-box}
#otera .ot-page-content input[type=checkbox],#otera .ot-page-content input[type=radio]{accent-color:#365342;width:17px;height:17px;vertical-align:middle}
#otera .ot-page-content code{background:#e2d3b3;color:#314638;padding:3px 6px;overflow-wrap:anywhere;white-space:pre-wrap}
#otera .ot-page-content p{line-height:1.75}
#otera .ot-install-help details{padding:15px 0;border-bottom:1px solid #b9a47a;scroll-margin-top:20px}
#otera .ot-install-help summary{cursor:pointer;color:#3b4b35;font:20px/1.5 Georgia,serif}
#otera .ot-install-help details[open] summary{margin-bottom:15px}
#otera .ot-install-help .ot-code{padding:12px;background:#e2d3b3;overflow:auto;white-space:pre-wrap}
#otera .ot-footer{max-width:900px;margin:auto;font-size:11px}#otera .ot-footer a{display:inline-block;padding:5px 0}
#otera .ot-page-content .ot-news-body h2{font:24px/1.4 Georgia,serif;color:#3b4834}
@container(max-width:650px){#otera .ot-nav>a{flex:1 0 50%;text-align:center;min-height:44px}#otera .ot-nav details{flex-basis:100%}#otera .ot-page-content{padding:20px 14px}#otera .ot-page-content td{padding:4px}#otera .ot-nav details a{padding-left:25px}}
@media(max-width:650px){#otera{padding:20px 12px}#otera .ot-masthead{flex-wrap:wrap;gap:15px}#otera .ot-page-content .LabelV{white-space:normal}#otera .ot-page-content input{min-width:0}}
#otera .ot-login-form{max-width:540px;margin:25px 0;display:grid;gap:10px}
#otera .ot-login-form>label{font-weight:bold}#otera .ot-login-form>input{width:100%}
#otera .ot-login-form .ot-actions{margin-top:10px}#otera .ot-login-form .ot-remember{font-weight:normal;margin-top:7px}
#otera .ot-new-account{border-top:1px solid #b9a47a;padding-top:24px;margin-top:28px;max-width:650px}
#otera .ot-new-account h2{font:26px/1.3 Georgia,serif;color:#3b4b35;margin:0 0 12px}
@container(max-width:480px){#otera #createaccount .TableContent>tbody>tr>td{display:block;width:100%!important}#otera #createaccount .TableContent>tbody>tr>td:empty{display:none}#otera #createaccount input:not([type=checkbox]):not([type=radio]):not([type=hidden]){width:100%}#otera #createaccount .OptionContainer{display:inline-block}#otera #createaccount .TableContainer{min-width:0}#otera .ot-login-form .ot-actions{align-items:flex-start;flex-direction:column}}
#otera .ot-faq-item summary{cursor:pointer;font-weight:bold;padding:9px 5px}#otera .ot-faq-item>div{padding:10px;line-height:1.8}#otera .white .ot-textbutton{color:#fff0bd}

/* Server information stays in the upper-right corner on every page. */
#otera .ot-header-right{display:grid;justify-items:end;gap:5px;margin-left:auto}
#otera .ot-header-status{text-align:right}
#otera .ot-status-heading{color:#afbea0;font-size:10px;letter-spacing:1.3px;text-transform:uppercase;line-height:1.7}
#otera .ot-online-count{display:flex;align-items:baseline;justify-content:flex-end;gap:7px;padding:2px 0;color:#e1c875;text-decoration:none;font:17px/1.4 Georgia,serif}
#otera .ot-online-count strong{font-size:26px;font-weight:normal;font-variant-numeric:tabular-nums}
#otera .ot-online-arrow{font:16px Arial,sans-serif;color:#a38c57}
#otera .ot-online-count:hover{color:#fff0bc}
#otera .ot-online-count:hover .ot-online-arrow{color:inherit}
#otera .ot-uptime{color:#bbae8c;font-size:10px;line-height:1.6;font-variant-numeric:tabular-nums}
#otera .ot-header-right .ot-account-links{font-size:11px;gap:15px;color:#bbae8c}
#otera .ot-header-right .ot-account-links a{padding:3px 0;text-decoration:none}
#otera .ot-header-right .ot-account-links a:hover{text-decoration:underline;color:#f0dd9f}
#otera .ot-header-right .ot-account-links:has(.ot-account-create){gap:9px;margin-top:5px}
#otera .ot-header-right .ot-account-links .ot-account-create,#otera .ot-header-right .ot-account-links .ot-account-login{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 15px;font:14px/1.4 Georgia,serif;text-decoration:none;border:1px solid #8e7950}
#otera .ot-header-right .ot-account-links .ot-account-create{background:linear-gradient(#e0c77e,#bea05a);color:#272c21;border-color:#e4ce8d;box-shadow:inset 0 0 0 1px #a88945,0 2px 4px #0004;font-weight:bold}
#otera .ot-header-right .ot-account-links .ot-account-create:hover{background:linear-gradient(#eedb9e,#d3b66b)}
#otera .ot-header-right .ot-account-links .ot-account-login{background:#22322a;color:#e3d3a8}
#otera .ot-header-right .ot-account-links .ot-account-login:hover{background:#314537;border-color:#c1a362;color:#fff0bc}
#otera .ot-page-content .white,#otera .ot-page-content .white a{color:#fff3ce}
#otera .ot-page-content tr[bgcolor="#505050"]{background:#304a3a}
#otera .ot-rankings h2{font:24px/1.4 Georgia,serif;color:#354535;margin:22px 0 18px}
#otera .ot-ranking-filters{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:20px}
#otera .ot-ranking-filters label{display:grid;gap:5px;min-width:170px;font-size:12px;font-weight:bold}
#otera .ot-table-scroll{overflow-x:auto;width:100%}
#otera .ot-ranking-table{width:100%;border-collapse:collapse;table-layout:auto;min-width:360px}
#otera .ot-ranking-table th{background:#304a3a;color:#fff3ce;text-align:left;font-weight:bold;padding:12px;white-space:nowrap}
#otera .ot-ranking-table td{padding:10px 12px;border-bottom:1px solid #c6b590}
#otera .ot-ranking-table tbody tr:nth-child(odd){background:#e5d4b4}
#otera .ot-ranking-table tbody tr:nth-child(even){background:#f2e4c8}
#otera .ot-ranking-table .ot-number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
#otera .ot-rank{width:45px}#otera .ot-ranked-player{display:flex;align-items:center;gap:10px;min-width:150px}
#otera .ot-ranked-player small{display:block;font-size:11px;color:#655c48}
#otera .ot-ranking-outfit{flex:0 0 52px;width:52px;height:52px;position:relative;overflow:hidden}
#otera .ot-ranking-outfit img{position:absolute;width:64px;height:64px;max-width:none;right:0;bottom:0;image-rendering:pixelated}
#otera .ot-ranking-pages{display:flex;justify-content:space-between;padding-top:15px}
#otera .ot-character-overview{display:flex;align-items:flex-start;gap:22px;margin-bottom:20px}
#otera .ot-character-portrait{flex:0 0 132px;margin:0;padding:10px 0;background:#ddcbab;border:1px solid #bba77f;text-align:center}
#otera .ot-character-portrait img{display:block;width:128px;height:128px;margin:auto;object-fit:contain;image-rendering:pixelated}
#otera .ot-character-portrait figcaption{font:12px/1.5 Georgia,serif;color:#4d523d}
#otera .ot-character-info{flex:1;min-width:0}
#otera .ot-character-info td:first-child{white-space:nowrap}
#otera .ot-equipment{display:grid;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(4,40px);gap:3px;padding:7px;background:#72694f;width:max-content;margin:12px auto}
#otera .ot-equipment-slot{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#343831;border:1px solid #ac9b74}
#otera .ot-equipment-slot img{width:32px;height:32px;max-width:none;object-fit:contain;image-rendering:pixelated}
#otera .ot-equipment .ot-slot-8{grid-column:2}#otera .ot-character-skull{text-align:center}
@container(max-width:650px){#otera .ot-character-overview{gap:14px;flex-direction:column}#otera .ot-character-portrait{display:flex;align-items:center;flex-basis:auto;width:100%;padding:0 15px;gap:20px;text-align:left}#otera .ot-character-portrait img{width:96px;height:96px;margin:0}#otera .ot-character-panels>tbody>tr{display:flex;flex-direction:column;gap:18px}#otera .ot-character-panels>tbody>tr>td{width:100%}#otera .ot-character-info td:first-child{white-space:normal}}
@container(max-width:480px){#otera .ot-masthead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 10px;padding:0 0 18px}#otera .ot-logo{font-size:32px;letter-spacing:3px}#otera .ot-tagline{font-size:8px;letter-spacing:1px}#otera .ot-header-right{display:contents}#otera .ot-header-status{align-self:center}#otera .ot-status-heading{font-size:8px;letter-spacing:.8px}#otera .ot-online-count{font-size:12px;gap:4px}#otera .ot-online-count strong{font-size:22px}#otera .ot-online-arrow{font-size:12px}#otera .ot-header-right .ot-account-links{grid-column:1/-1;justify-content:flex-end}#otera .ot-ranking-filters{gap:10px}#otera .ot-ranking-filters label{min-width:0;flex:1}#otera .ot-ranking-table th,#otera .ot-ranking-table td{padding:9px 7px}#otera .ot-ranking-table{min-width:340px}}
#otera .ot-portrait-sprite{display:block;position:relative;overflow:hidden;width:96px;height:96px;margin:auto;flex:0 0 96px}
#otera .ot-portrait-sprite img{position:absolute;max-width:none;width:128px;height:128px;right:16px;bottom:12px;margin:0}

/* Novedades del mundo: capturas grandes y detalles desplegables. */
#otera .ot-discover{border-top:1px solid #b9a47a;padding:32px 28px;background:#e9ddbf66}
#otera .ot-discover-heading{margin-bottom:26px}
#otera .ot-discover-heading h2{font:32px/1.25 Georgia,serif;color:#354535;margin:8px 0}
#otera .ot-discover-heading>p{margin:0;color:#716044;font-size:13px}
#otera .ot-feature{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:26px}
#otera .ot-feature+.ot-feature{margin-top:32px;padding-top:32px;border-top:1px solid #baa77f}
#otera .ot-feature figure{margin:0;min-width:0}
#otera .ot-feature figure a{display:block;border:3px ridge #b29d6c;background:#171c1d;box-shadow:0 3px 9px #3427142b}
#otera .ot-feature figure img{display:block;width:100%;height:auto;image-rendering:pixelated}
#otera .ot-feature figcaption{margin-top:8px;font-size:10px;color:#74654c}
#otera .ot-feature-tag{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#72603e}
#otera .ot-feature h3{font:27px/1.25 Georgia,serif;color:#354535;margin:8px 0 14px}
#otera .ot-feature p{font-size:12px;line-height:1.75;margin:0 0 12px;color:#5d503c}
#otera .ot-feature strong{color:#435039}
#otera .ot-feature details{border-top:1px solid #bba77f;padding-top:9px;margin-top:15px;font-size:12px;color:#5d503c}
#otera .ot-feature summary{cursor:pointer;color:#344e3d;font-weight:bold;padding:4px 0}
#otera .ot-feature li{margin:8px 0}#otera .ot-feature ul{padding-left:18px}
@container(max-width:760px){#otera .ot-feature{grid-template-columns:1fr;gap:20px}#otera .ot-discover{padding:26px 20px}#otera .ot-feature h3{font-size:25px}#otera .ot-feature p{font-size:13px}}