/* Aurabra: viewport-fixed artwork and a three-column classic portal. */
html {scroll-behavior:smooth;scroll-padding-top:20px;background:#8ab8da!important;}
body.ab-showcase {margin:0!important;background:#8ab8da!important;font:14px/1.6 Arial,sans-serif;color:#48331e;isolation:isolate;}
body.ab-showcase::before,body.ab-showcase::after {content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:url('images/header/aurabra-client-background-a.png') center center / cover no-repeat;}
body.ab-showcase::before {filter:blur(18px);opacity:.7;}
body.ab-showcase::after {z-index:-1;background-size:contain;}
body.ab-showcase #ArtworkHelper {background:none!important;min-height:100vh;padding:0 0 30px!important;}
.ab-masthead {height:160px;position:relative;}
body.ab-showcase #AurabraLogoLink {position:relative!important;display:block;width:270px!important;height:154px!important;top:0!important;left:auto!important;margin:0 auto;transform:none!important;overflow:visible;}
body.ab-showcase #AurabraHeaderLogo {filter:none!important;opacity:1!important;object-fit:contain!important;width:100%!important;height:100%!important;}
body.ab-showcase #Bodycontainer {width:min(1280px,calc(100% - 32px))!important;max-width:1280px!important;padding:0!important;margin:0 auto!important;}
body.ab-showcase #ContentRow {display:grid!important;grid-template-columns:200px minmax(0,1fr) 200px!important;grid-template-areas:"menu content right";gap:20px!important;padding:0!important;}
body.ab-showcase #MenuColumn {grid-area:menu;display:block!important;}
body.ab-showcase #ContentColumn {grid-area:content;margin:0!important;padding:0!important;}
body.ab-showcase #ThemeboxesColumn {grid-area:right;display:flex!important;gap:14px;flex-direction:column;padding:0!important;}
body.ab-showcase #MenuColumn,body.ab-showcase #ContentColumn,body.ab-showcase #ThemeboxesColumn {width:auto!important;min-width:0;inset:auto!important;position:relative!important;}
.ab-frame {border:3px solid #42351f!important;outline:1px solid #dab05d;background:#e9d8b0;box-shadow:inset 0 0 0 1px #ffe8a8,0 2px 5px #0008;margin:0 0 14px;}
.ab-bar {display:flex;align-items:center;gap:9px;margin:0!important;min-height:43px;padding:8px 12px!important;border:1px solid #edc367;border-bottom:3px solid #87601e;background:linear-gradient(#286b9b,#134b75 48%,#082e50)!important;color:#ffe4a0!important;font:bold 14px/1.3 Georgia,serif!important;text-shadow:0 1px 2px #041a2b;letter-spacing:0!important;box-shadow:inset 0 1px #bce0ff55;}
.ab-seal-icon {display:inline-grid;place-items:center;width:26px;height:26px;flex-shrink:0;border:1px solid #d4af59;border-radius:50%;background:#124e7a;color:#ffe5a0;font:18px Georgia,serif;}
.ab-inset {padding:14px;text-align:center;}
.ab-button {display:flex;align-items:center;justify-content:center;min-height:30px;padding:6px 12px;border:1px solid #5a482a;border-radius:3px;background:linear-gradient(#3985b8,#15547d);color:#fff!important;font:600 12px/1.4 Arial,sans-serif!important;text-align:center;text-decoration:none!important;box-shadow:inset 0 1px #fff4,0 2px 4px #0002;}
.ab-button:hover {filter:brightness(1.12);}
.ab-button:focus-visible,details summary:focus-visible,a:focus-visible {outline:3px solid #1383c9;outline-offset:3px;}
.ab-muted {background:linear-gradient(#a59069,#78613e);}
.ab-gold {background:linear-gradient(#f6bd43,#d88812);color:#3b280e!important;}
.ab-login .ab-inset {display:grid;gap:8px;}
.ab-download {display:flex;gap:8px;align-items:center;justify-content:center;min-height:42px;margin:0 0 14px;border:1px solid #1c7840;background:linear-gradient(#36a754,#21803d);color:white!important;font:bold 14px Arial,sans-serif;text-decoration:none;box-shadow:0 2px 4px #0004;}
body.ab-showcase #Menu {display:block!important;width:100%!important;margin:0!important;padding:0!important;background:none!important;}
.ab-menu summary {cursor:pointer;list-style:none;}
.ab-menu summary::-webkit-details-marker {display:none;}
.ab-chevron {margin-left:auto;font:22px Arial;transition:transform .15s;}
.ab-menu:not([open]) .ab-chevron {transform:rotate(90deg);}
.ab-menu-links {padding:6px;background:linear-gradient(#efdfbd,#ddbe8f);}
.ab-menu-links a {display:flex;gap:9px;align-items:center;min-height:30px;padding:4px 8px;color:#63421e!important;text-decoration:none;font:13px/1.5 Arial,sans-serif;}
.ab-menu-links a>span {color:#17689a;}
.ab-menu-links a:hover,.ab-menu-links a[aria-current=page] {background:#bcbc86;color:#176640!important;}
body.ab-showcase #AurabraTopNav {position:static!important;display:flex!important;transform:none!important;width:100%!important;min-height:46px!important;margin:0 0 20px!important;top:auto!important;left:auto!important;padding:0 8px;border:3px solid #42351f!important;background:linear-gradient(#276c9a,#103854)!important;}
body.ab-showcase #AurabraTopNav>a {flex:1 1 auto;min-height:38px;padding:5px 9px;gap:8px;font:13px/1.3 Arial,sans-serif!important;letter-spacing:0;color:#f0eddf!important;border-right:1px solid #bba77444;}
.ab-online-dot {display:inline-block;width:7px;height:7px;border-radius:50%;background:#5edf6b;box-shadow:0 0 4px #36c958;}
.ab-languages {display:flex;align-items:center;justify-content:center;gap:4px;padding:0 8px;}
body.ab-showcase #AurabraTopNav .ab-languages a,.ab-languages span {font:11px Arial!important;padding:2px;color:#e2cf9e!important;min-height:0!important;}
.ab-languages span {background:#e0be70;color:#153a4c!important;border-radius:2px;}
.ab-ticker {margin-bottom:20px;}
.ab-ticker-lines {padding:4px 7px;}
.ab-ticker-lines>a {display:flex;align-items:center;gap:6px;padding:3px 4px;text-decoration:none;color:#344150!important;font:12px/1.5 Arial,sans-serif;}
.ab-ticker-lines>a:nth-child(even){background:#dbc397;}
.ab-ticker-lines time {flex:0 0 77px;color:#655233;}
.ab-ticker-lines span {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ab-ticker-lines b {margin-left:auto;color:#4a84a4;}
body.ab-showcase #News {padding:0!important;margin:0!important;background:#e9d8b0!important;width:100%!important;}
body.ab-showcase #ContentColumn .BoxContent {background:#eddfba!important;margin:0!important;border:0!important;padding:20px!important;width:100%!important;overflow-wrap:normal;min-width:0;font-size:14px;}
.ab-welcome {border:1px solid #b5914e;box-shadow:inset 0 0 0 2px #f8e9c5;padding:22px;background:#ecdbb3;color:#48331e;}
body.ab-showcase #ContentColumn .BoxContent .ab-welcome h2 {margin:0 0 24px!important;padding:0;background:none!important;color:#174e73!important;font:600 23px/1.4 Arial,sans-serif!important;text-align:center;text-shadow:none;}
body.ab-showcase #ContentColumn .BoxContent .ab-welcome h3 {margin:0 0 14px!important;color:#174e73!important;font:600 19px/1.5 Arial,sans-serif!important;}
body.ab-showcase #ContentColumn .BoxContent .ab-welcome p {margin:0 0 18px!important;color:#493923!important;font:14px/1.85 Arial,sans-serif!important;text-align:left;}
.ab-welcome strong {color:#143f5d;}
.ab-welcome hr {border:0;height:1px;background:linear-gradient(90deg,transparent,#af8845 15%,#af8845 85%,transparent);margin:30px 0;position:relative;}
.ab-welcome hr::after {content:'◆';position:absolute;left:50%;top:-11px;padding:0 10px;transform:translateX(-50%);background:#ecdbb3;color:#a47729;font-size:12px;}
.ab-system-shot {margin:18px auto 20px;max-width:600px;}
.ab-capture {position:relative;width:100%;overflow:hidden;border:1px solid #a98648;border-radius:5px;background:#272725;}
.ab-capture img {position:absolute;display:block;max-width:none!important;height:auto!important;}
.ab-capture-helper {aspect-ratio:842/470;}.ab-capture-helper img {width:228.03%!important;left:-64.13%;top:-55.32%;}
.ab-capture-hunt {aspect-ratio:752/555;}.ab-capture-hunt img {width:255.32%!important;left:-77.26%;top:-38.38%;}
.ab-capture-linked {aspect-ratio:1000/576;}.ab-capture-linked img {width:192%!important;left:-46%;top:-33.33%;}
.ab-capture-pass {aspect-ratio:1000/590;}.ab-capture-pass img {width:192%!important;left:-46%;top:-29.49%;}
.ab-system-shot figcaption {margin:8px 0 0;color:#776141;text-align:center;font:12px/1.5 Arial,sans-serif;}
body.ab-showcase #ContentColumn .BoxContent a.ab-inline-link {color:#145d8d!important;font-weight:bold;text-decoration:none!important;}
body.ab-showcase #ContentColumn .BoxContent .ab-login-actions a {color:#145d8d!important;}
body.ab-showcase #ContentColumn .TableContentAndRightShadow {font-size:13px;line-height:1.6;}
body.ab-showcase #ContentColumn table.TableContent td {font-size:13px;line-height:1.6;}
.ab-mobile-shortcuts {display:none;}
@media(max-width:900px){body.ab-showcase .ab-masthead{height:196px}.ab-mobile-shortcuts{display:flex;justify-content:center;gap:8px;padding:0 12px 10px}.ab-mobile-shortcuts a{flex:1;max-width:140px}}
.ab-sprite-gallery {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0;padding:14px 8px;border-top:1px solid #c9b07c;border-bottom:1px solid #c9b07c;background:#f7eaca66;}
.ab-sprite-gallery figure {display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:9px;min-width:0;margin:0;}
.ab-sprite-gallery img {object-fit:contain;image-rendering:pixelated;max-width:100%;}
.ab-sprite-gallery figcaption {color:#4b432f;text-align:center;font:12px/1.4 Arial,sans-serif;}
.ab-items-four {grid-template-columns:repeat(4,minmax(0,1fr));}
.ab-welcome-actions {display:flex;justify-content:center;gap:12px;margin-top:22px;flex-wrap:wrap;}
.ab-side {margin:0;text-align:center;}
.ab-side p {margin:8px 0 12px;font:12px/1.6 Arial,sans-serif;color:#594427;}
.ab-side small {display:block;margin:8px 0 0;font:10px/1.5 Arial,sans-serif;color:#786044;}
.ab-side strong {font:600 13px Arial,sans-serif;}
.ab-world .ab-bar {justify-content:center;}
.ab-world-state {color:#207736!important;font:700 18px/1.5 Arial,sans-serif!important;}
.ab-shop-art {background:radial-gradient(ellipse at top,#234e65,#061d30 90%);color:#edcb79;}
.ab-shop-art small {color:#b8c4c7;}
.ab-shop-art .ab-button {margin-top:14px;}
.ab-mini-sprites {display:flex;align-items:center;justify-content:center;height:90px;gap:4px;}
.ab-mini-sprites img {width:78px;height:78px;object-fit:contain;image-rendering:pixelated;}
.ab-boosted {display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 8px;}
.ab-boosted>div {min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;}
.ab-boosted img,.ab-boost-placeholder {display:block;object-fit:contain;image-rendering:pixelated;width:58px;height:58px;border:1px solid #a37c38;background:#f2dfb4;}
.ab-boosted strong {color:#155d8d;font-size:11px;text-transform:uppercase;}
.ab-boosted span {font:11px/1.4 Arial,sans-serif;overflow-wrap:anywhere;}
.ab-discord-mark {display:grid;place-items:center;width:50px;height:45px;margin:auto;border-radius:9px;background:#5865f2;color:white;font-size:34px;}
body.ab-showcase #Footer {margin:22px 0 0!important;padding:18px 12px!important;background:#123b53ed;border:1px solid #b18a41;color:#e8d6b3;}
body.ab-showcase #Footer .ab-footer-nav {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
#Footer .ab-footer-nav h3 {color:#edcc79;font-size:12px;margin:0 0 6px;}
#Footer .ab-footer-nav a {display:block;color:#d7e2e7;font-size:11px;line-height:1.8;text-decoration:none;}
#Footer>p {font-size:11px;text-align:center;margin:20px 0 0;}
@media(max-width:1100px){body.ab-showcase #ContentRow{grid-template-columns:180px minmax(0,1fr) 180px!important;gap:14px!important}.ab-bar{font-size:12px!important;padding:8px!important}.ab-welcome{padding:18px}body.ab-showcase #ContentColumn .BoxContent{padding:14px!important}body.ab-showcase #AurabraTopNav>a{font-size:11px!important;padding:5px;gap:4px}.ab-languages{padding:0 4px}}
@media(max-width:900px){body.ab-showcase #Bodycontainer{width:calc(100% - 24px)!important}body.ab-showcase #ContentRow{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"content" "menu" "right";gap:20px!important}body.ab-showcase #ThemeboxesColumn{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}body.ab-showcase #Menu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ab-login{max-width:340px;margin:0 auto 14px}.ab-download{max-width:340px;margin:0 auto 14px}.ab-menu{margin:0}.ab-masthead{height:150px}body.ab-showcase #AurabraLogoLink{height:145px!important}.ab-menu summary{font-size:14px!important}body.ab-showcase #AurabraTopNav{display:flex!important;flex-wrap:wrap;justify-content:center;margin-bottom:16px!important}body.ab-showcase #AurabraTopNav>a{flex:1 1 24%;font-size:12px!important}.ab-languages{min-height:28px}}
@media(max-width:500px){.ab-welcome{padding:16px 12px}body.ab-showcase #ContentColumn .BoxContent{padding:10px!important}body.ab-showcase #ContentColumn .BoxContent .ab-welcome h2{font-size:21px!important}.ab-sprite-gallery{gap:5px;padding:12px 0}.ab-outfits img{width:96px;height:96px}.ab-mounts img{width:100%;height:auto}.ab-sprite-gallery figcaption{font-size:10px}.ab-items-four{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-ticker-lines time{display:none}.ab-ticker-lines>a{min-height:28px}body.ab-showcase #Footer .ab-footer-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-welcome-actions{gap:8px}.ab-welcome-actions .ab-button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ab-chevron{transition:none}}