/* The sidebar uses the same display face and gold highlights as the AmaralOT logo. */
.portal .realm-sidebar {position:static;}
.portal .realm-sidebar .side-box,
.portal .realm-sidebar .realm-menu,
.portal .realm-right .side-box {
  border:3px solid #35231b;
  border-radius:15px;
  outline:1px solid #d6a758;
  outline-offset:0;
  background:linear-gradient(125deg,#fff0cf,#eedbb7);
  box-shadow:inset 0 0 0 2px #ffedbd,0 4px 0 #201b19,0 7px 15px #0005;
}
.portal .realm-sidebar .box-title,
.portal .realm-right .box-title {
  min-height:46px;
  justify-content:center;
  padding:10px 8px;
  border:0;
  border-image:none;
  border-bottom:2px solid #c48e43;
  background:radial-gradient(ellipse at 50% 0,#54736c66,transparent 85%),linear-gradient(#344e49,#172b2d);
  box-shadow:inset 0 2px 0 #9eb48b44,inset 0 -2px 0 #11201e;
  font:700 19px/1.25 AmaralMartel,Georgia,serif;
  letter-spacing:-.35px;
  text-align:center;
  color:#ffdc82;
  text-shadow:-1px -1px 0 #352117,1px -1px 0 #352117,-1px 1px 0 #352117,1px 1px 0 #352117,0 2px 0 #9a5c2e,0 3px 2px #080e12;
}
.portal .realm-sidebar .box-title img {filter:drop-shadow(0 2px 1px #0008);}
.portal .realm-sidebar .side-body,
.portal .realm-right .side-body {box-shadow:none;}
.portal .realm-sidebar .realm-menu {
  padding-bottom:7px;
  background:linear-gradient(125deg,#2f4643,#182c30);
  box-shadow:inset 0 0 0 1px #78918566,0 4px 0 #201b19,0 7px 15px #0005;
}
.portal .realm-menu>.box-title:not(:first-child) {margin-top:13px;border-top:2px solid #c48e43;}
.portal .realm-menu>a {
  position:relative;
  display:flex;
  align-items:center;
  min-height:43px;
  margin:7px 7px 0;
  padding:9px 22px 9px 11px;
  border:2px solid #281c18;
  border-radius:9px;
  background:linear-gradient(#49665b,#293f39);
  box-shadow:inset 0 1px 0 #abc29177,inset 0 0 0 1px #b2945066,0 2px 0 #101f21;
  color:#ffe5a2;
  font:700 14px/1.35 AmaralMartel,Georgia,serif;
  letter-spacing:-.15px;
  text-decoration:none;
  text-shadow:0 1px 0 #25180d,0 2px 1px #14221e;
  transition:background-color .14s,transform .14s,box-shadow .14s;
}
.portal .realm-menu>a::after {
  content:'›';position:absolute;right:9px;top:50%;transform:translateY(-50%);
  font:700 20px/1 Georgia,serif;color:#d7ad62;
}
.portal .realm-menu>a:hover,
.portal .realm-menu>a:focus-visible {
  padding-left:11px;
  color:#fff1bf;
  background:linear-gradient(#637d63,#3d5948);
  box-shadow:inset 0 1px 0 #e1e5a188,inset 0 0 0 1px #e4bd61,0 3px 0 #101f21;
  transform:translateY(-1px);
}
.portal .realm-menu>a:active {transform:translateY(1px);box-shadow:inset 0 1px 3px #0006;}
.portal .realm-sidebar .button,
.portal .realm-right .button {
  min-height:45px;
  padding:10px 8px;
  border:2px solid #57331e;
  border-radius:10px;
  background:linear-gradient(#ffdf8f,#dfab50);
  box-shadow:inset 0 2px 0 #fff0bc,0 3px 0 #8d592a,0 4px 5px #35200d22;
  font:700 16px/1.35 AmaralMartel,Georgia,serif;
  letter-spacing:-.3px;
  color:#49301c;
  text-shadow:0 1px 0 #ffe9a2;
}
.portal .realm-sidebar .button:hover,
.portal .realm-right .button:hover {background:linear-gradient(#ffeab1,#edbf69);color:#382315;}
.portal .realm-sidebar .button-red {
  background:linear-gradient(#b66547,#89432f);
  border-color:#4a281f;
  color:#ffe7ac;
  box-shadow:inset 0 2px 0 #e5986f,0 3px 0 #5a3027,0 4px 5px #35200d22;
  text-shadow:0 2px 0 #532c22;
}
.portal .realm-sidebar .button-red:hover {background:linear-gradient(#cc8058,#a35538);color:#fff0c8;}
.portal .realm-sidebar .create-link {font-size:11px;font-weight:700;margin-top:13px;}
.portal .realm-sidebar a:focus-visible,
.portal .realm-right a:focus-visible {outline:3px solid #58c8da;outline-offset:2px;}
@media(max-width:680px) {
  .portal .realm-sidebar .box-title,.portal .realm-right .box-title {min-height:43px;padding:8px 6px;font-size:17px;}
  .portal .realm-sidebar .button,.portal .realm-right .button {min-height:44px;padding:10px 5px;font-size:14px;}
  .portal .realm-sidebar .create-link {font-size:10px;}
}
@media(prefers-reduced-motion:reduce) {.portal .realm-menu>a {transition:none;transform:none;}}


/* A brighter adventure palette, with the existing AmaralOT artwork and font. */

.portal {--paper:#dfcda5;--ink:#3f3426;--gold:#d5af45;}
.portal header.classic-masthead {height:294px;padding-top:24px;}
.portal .brand-play {margin-top:17px;text-align:center;}
.portal .brand-play>p {margin:7px 0 0;color:#fff0cd;font:10px/1.5 Verdana,sans-serif;text-shadow:0 2px 3px #071c30;}
.portal .classic-tabs {
  border:3px solid #453326;border-image:none;border-radius:13px;overflow:hidden;
  background:linear-gradient(#245569,#1b4257);
  box-shadow:inset 0 2px 0 #5d919b,0 3px 0 #162e35,0 5px 10px #0004;
}
.portal .classic-tabs>a {min-height:45px;border-right:1px solid #106574;font:700 15px/1.3 AmaralMartel,Georgia,serif;color:#fff4c5;text-shadow:0 2px 0 #225764;}
.portal .classic-tabs>a:hover,.portal .classic-tabs>a[aria-current] {background:linear-gradient(#d5b044,#bd9431);color:#49341e;text-shadow:0 1px 0 #d9bb62;}
.portal .tab-status {color:#f5f7d8;font-weight:700;}
.portal .tab-status:before {background:#c3ef94;box-shadow:0 0 0 3px #ffffff20;}
.portal .realm-sidebar .side-box,.portal .realm-sidebar .realm-menu,.portal .realm-right .side-box,
.portal .realm-content>.classic-box,.portal .realm-content>.parchment {
  border:3px solid #57402b;border-radius:17px;outline:1px solid #a98646;outline-offset:0;
  background:linear-gradient(125deg,#e0cda3,#d2bb8a);
  box-shadow:inset 0 0 0 2px #ead6a4,0 4px 0 #352f23,0 8px 15px #0003;
}
.portal .realm-sidebar .realm-menu {background:linear-gradient(#9fb9ae,#879f99);padding-bottom:8px;}
.portal .box-title,.portal .parchment>.section-heading,.portal .parchment>.account-heading,
.portal .realm-sidebar .box-title,.portal .realm-right .box-title {
  border:0;border-image:none;border-bottom:3px solid #b28b42;
  background:radial-gradient(ellipse at 50% 0,#77a7a714,transparent 80%),linear-gradient(#2b6879,#235366);
  box-shadow:inset 0 2px 0 #67939e55,inset 0 -2px 0 #125b6999;
}
.portal .box-title {font:700 21px/1.3 AmaralMartel,Georgia,serif;padding:11px 15px;color:#e3c46f;letter-spacing:-.3px;text-shadow:0 1px 0 #744522,0 2px 0 #194c56,1px 0 0 #194c56,-1px 0 0 #194c56;}
.portal .realm-sidebar .box-title,.portal .realm-right .box-title {font-size:19px;padding:10px 7px;}
.portal .realm-menu>.box-title:not(:first-child) {border-top:2px solid #f8e3a6;}
.portal .realm-menu>a {background:linear-gradient(#245569,#1e4d63);border-color:#29515a;color:#fff4c5;box-shadow:inset 0 2px 0 #9ce0cb88,inset 0 0 0 1px #79c6bb55,0 2px 0 #35565a;text-shadow:0 2px 0 #195965;}
.portal .realm-menu>a:after {color:#dec16c;}
.portal .realm-menu>a:hover,.portal .realm-menu>a:focus-visible {background:linear-gradient(#3f7e89,#306474);color:#fff4c5;text-shadow:0 1px 0 #1b4257;box-shadow:inset 0 2px 0 #c7f4d7aa,inset 0 0 0 1px #b5e7c9,0 3px 0 #35565a;}
.portal .button,.portal button,.portal .realm-sidebar .button,.portal .realm-right .button {
  border:2px solid #79502b;border-radius:11px;min-height:45px;
  background:linear-gradient(#dbb643,#c79b2f);color:#49321d;
  box-shadow:inset 0 2px 0 #e9ca70,0 4px 0 #ac7637,0 5px 7px #63462733;
  font:700 17px/1.4 AmaralMartel,Georgia,serif;letter-spacing:-.2px;text-shadow:0 1px 0 #d9bb62;
}
.portal .button:hover,.portal button:hover,.portal .realm-sidebar .button:hover,.portal .realm-right .button:hover {background:linear-gradient(#e3c056,#cea338);color:#382717;}
.portal .realm-sidebar .button-red {background:linear-gradient(#3c7040,#264f2d);color:#f1dba2;border-color:#213e25;border-radius:13px;box-shadow:inset 0 2px 0 #73965b,inset 0 -2px 0 #204426,0 4px 0 #1c3820,0 5px 7px #142e1833;text-shadow:0 1px 0 #18351d;}
.portal .realm-sidebar .button-red:hover {background:linear-gradient(#487c48,#305b32);color:#f4dfad;}
.portal a.button-download {
  position:relative;display:flex;align-items:center;justify-content:center;
  min-height:57px;padding:12px 18px 12px 54px;
  border:3px solid #785027;border-radius:15px;background:linear-gradient(#dbb643,#c79b2f);
  box-shadow:inset 0 3px 0 #e8cc78,inset 0 -2px 0 #e7a735,0 5px 0 #a7642b,0 8px 12px #3c261f33;
  color:#49301a;font:700 21px/1.3 AmaralMartel,Georgia,serif;letter-spacing:-.3px;text-shadow:0 1px 0 #dfc369;
}
.portal a.button-download:before {content:'↓';position:absolute;left:11px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:31px;height:33px;border:2px solid #b57b37;border-radius:10px;background:#d9b64e;font:700 26px/1 Georgia,serif;box-shadow:0 2px 0 #d79d4b;}
.portal a.button-download:hover {background:linear-gradient(#e3c056,#cea338);color:#382513;}
.portal a.button-download:active {transform:translateY(2px);box-shadow:inset 0 2px 3px #d9a443,0 3px 0 #a7642b;}
.portal .brand-play a.button-download {width:288px;max-width:100%;font-size:21px;}
.portal .realm-sidebar a.button-download {min-height:61px;padding:10px 7px 10px 39px;font-size:15px;}
.portal .realm-sidebar a.button-download:before {left:6px;width:25px;height:30px;font-size:22px;border-radius:8px;}
.portal .realm-sidebar .button,.portal .realm-right .button {font-size:16px;}
.portal .realm-content .section-heading h2 {font:700 27px/1.2 AmaralMartel,Georgia,serif;color:#e3c46f;text-shadow:0 2px 0 #18545e;letter-spacing:-.4px;}
.portal .section-heading .eyebrow {color:#e5f2cf;}
.portal .section-heading p {color:#f1f8e6;}
.portal .realm-content .parchment {background:linear-gradient(125deg,#dfcda5,#d2bb8b);}
.portal .showcase-intro h2,.portal .showcase-copy h3,.portal .world-card h3,.portal .first-steps h3 {font-family:AmaralMartel,Georgia,serif;font-weight:700;letter-spacing:-.3px;color:#53412a;}
.portal .showcase-intro h2 {font-size:28px;line-height:1.3;}
.portal .showcase-intro p {font-size:12px;}
.portal .showcase-card,.portal .world-card {border:2px solid #b7955d;border-radius:13px;background:#dfc99b;box-shadow:0 3px 0 #d1ae73,0 5px 8px #6c492411;overflow:hidden;}
.portal .showcase-stage {border-bottom:2px solid #c1a46c;background:radial-gradient(ellipse at 50% 90%,#e7d4a24d,transparent 70%),linear-gradient(#80b0a4,#63968f);}
.portal .showcase-cosmic .showcase-stage {background:radial-gradient(ellipse at 50% 90%,#e4cda24d,transparent 70%),linear-gradient(#83a9bf,#607f98);}
.portal .showcase-arcane .showcase-stage {background:radial-gradient(ellipse at 50% 90%,#dec9ad4d,transparent 70%),linear-gradient(#a2a0c4,#8190b1);}
.portal .showcase-teal .showcase-stage {background:radial-gradient(ellipse at 50% 90%,#d6dfac4d,transparent 70%),linear-gradient(#87b8ae,#62959c);}
.portal .showcase-rose .showcase-stage {background:radial-gradient(ellipse at 50% 90%,#dfcba54d,transparent 70%),linear-gradient(#cba7b5,#b08ca4);}
.portal .showcase-forest .showcase-stage {background:radial-gradient(ellipse at 50% 90%,#dee3bf4d,transparent 70%),linear-gradient(#a6c18e,#7da58f);}
.portal .showcase-orbit {border:2px solid #f5e3ab99;box-shadow:0 2px 5px #30626c22;}
.portal .showcase-copy h3 {font-size:20px;}
.portal .showcase-copy p {font-size:11px;color:#6b573d;}
.portal .showcase-type {color:#6c593c;}
.portal .showcase-footer .button {font-size:17px;}
.portal .welcome-banner {background:linear-gradient(100deg,#0d7583eb,#1b7e9399),url('/images/amaralot-background.png') center 43%/cover;}
.portal .welcome-banner h2 {font:700 34px/1.2 AmaralMartel,Georgia,serif;color:#ffe8a8;text-shadow:0 2px 0 #185562;}
.portal .welcome-banner p {color:#fff9e9;font-size:13px;text-shadow:0 1px 2px #145463;}
.portal .welcome-banner .eyebrow {color:#dcf3d9;}
.portal .welcome-banner .button {font-size:17px;padding:11px 18px;}
.portal .welcome-actions .hero-guide {color:#fff2c2;font-size:12px;}
.portal .welcome-perks {color:#fff8dd;gap:7px;}
.portal .welcome-perks li {padding:4px 8px;border-radius:20px;border:1px solid #a6d9ce77;background:#09616b66;}
.portal .founder-invitation {border:2px solid #689f8c;border-radius:16px;background:linear-gradient(125deg,#d8eedb,#c4e1d6);box-shadow:0 3px 0 #47766d;}
.portal .founder-invitation h2 {font:700 25px/1.3 AmaralMartel,Georgia,serif;color:#2b5a5b;}
.portal .founder-invitation p,.portal .founder-invitation .founder-detail {color:#345e58;}
.portal .founder-invitation strong,.portal .founder-invitation .eyebrow {color:#244f4b;}
.portal .download-panel {background:linear-gradient(125deg,#dec386,#ccaf6f);border:2px solid #c59b4e;border-radius:14px;flex-wrap:wrap;}
.portal .download-panel strong {font:700 20px/1.3 AmaralMartel,Georgia,serif;color:#554025;}
.portal .download-panel .button-download {white-space:normal;}
.portal .download-choice,.portal .download-choice-recommended {border:2px solid #c39b50;border-radius:16px;background:linear-gradient(125deg,#ddc997,#cfb37a);box-shadow:inset 0 2px 0 #e7d1a0,0 3px 0 #d3af6b;}
.portal .download-choice h3 {font:700 23px/1.3 Verdana,sans-serif;letter-spacing:-.5px;}
.portal .download-choice-badge {background:#d5ecd4;border:1px solid #78a48e;border-radius:20px;color:#28574d;}
.portal .download-file-icon {border:2px solid #2c6670;border-radius:10px;background:linear-gradient(#51b6b4,#27828e);color:#fff3bf;box-shadow:inset 0 2px 0 #a5e9d1,0 3px 0 #205965;font-family:AmaralMartel,Georgia,serif;}
.portal .download-choice-action a.button-download {font-size:22px;min-height:61px;}
.portal .step-number {background:linear-gradient(#ffe4a0,#efc375);border:2px solid #ab8245;border-radius:11px;color:#68502b;font-family:AmaralMartel,Georgia,serif;box-shadow:0 2px 0 #c39a54;}
.portal input,.portal select {border-radius:9px;border:2px solid #bba57c;background:#e4d5b5;}
.portal input:focus-visible,.portal select:focus-visible,.portal a:focus-visible,.portal button:focus-visible {outline:3px solid #23b8c3;outline-offset:3px;}
.portal .portal-footer .footer-brand {font-family:AmaralMartel,Georgia,serif;color:#ffe099;}
.portal .portal-footer small .button {display:block;width:fit-content;max-width:100%;margin:12px auto 0;font-size:13px;min-height:39px;padding:8px 15px;color:#49321d;}
@media(max-width:1000px) {
  .portal .classic-tabs>a {padding:10px 13px;font-size:14px;}
  .portal .realm-content .section-heading h2 {font-size:25px;}
}
@media(max-width:680px) {
  .portal header.classic-masthead {height:265px;padding-top:32px;}
  .portal .brand-play {margin-top:14px;}
  .portal .brand-play a.button-download {width:269px;font-size:20px;min-height:54px;}
  .portal .brand-play>p {font-size:9px;}
  .portal .classic-tabs {border-radius:11px;}
  .portal .classic-tabs>a {font-size:11px;padding:10px 5px;min-height:43px;}
  .portal .realm-sidebar .box-title,.portal .realm-right .box-title {font-size:16px;min-height:43px;}
  .portal .realm-sidebar .button,.portal .realm-right .button {font-size:14px;}
  .portal .realm-sidebar a.button-download {font-size:14px;}
  .portal .box-title {font-size:19px;padding:10px 12px;}
  .portal .welcome-banner h2 {font-size:29px;}
  .portal .welcome-banner p {font-size:12px;}
  .portal .welcome-banner .button {font-size:16px;}
  .portal .showcase-copy h3 {font-size:19px;}
  .portal .showcase-copy p {font-size:11px;line-height:1.8;}
  .portal .showcase-intro h2 {font-size:26px;}
  .portal .showcase-intro p {font-size:12px;}
  .portal .showcase-footer .button {font-size:16px;}
  .portal .realm-content .section-heading h2 {font-size:25px;}
  .portal .download-choice-action a.button-download {font-size:20px;}
}

.portal .classic-brand h1 {color:#dfb954;}
.portal .classic-brand h1 span {color:#e8cb79;}

.portal .showcase-intro p,.portal .showcase-copy p,.portal .world-card p,.portal .side-body p,.portal details p,.portal .download-choice>p,.portal .download-choice-steps,.portal .first-steps p {color:#57432c;}

.portal .login-box .button-red:before {content:"✦";display:inline-block;margin-right:7px;color:#d9be69;font-size:.9em;text-shadow:0 2px 0 #264329;}