@charset "UTF-8";
:root{color-scheme:dark}
*{box-sizing:border-box}
html{scroll-padding-top:65px}
body{margin:0;padding-bottom:40px;background:#000;color:#5a5a5a;font:14px/1.42857143 "Helvetica Neue",Helvetica,Arial,sans-serif}
a{color:#ff9919;text-decoration:none}
a:hover{color:#d47f15;text-decoration:underline}
button,input,select,textarea{font:inherit}
img{max-width:100%;height:auto;vertical-align:middle}
h1,h2,h3{font-family:inherit;font-weight:500;line-height:1.1;color:inherit;margin:20px 0 10px}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}
p{margin:0 0 10px}
:focus-visible{outline:2px solid #fff;outline-offset:4px}
.container{display:flow-root;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}
.container::before,.container::after{content:none}
.skip-link{position:fixed;left:15px;top:-100px;z-index:100;background:#000;padding:10px;color:#fff}
.skip-link:focus{top:5px}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;min-height:50px;background:#000;border:1px solid #000}
.nav-shell{display:flex;align-items:flex-start;justify-content:space-between;margin:auto;padding:0 15px}
.brand{display:block;padding:15px;height:50px;margin-left:-15px}
.brand img{display:block;width:150px;margin-top:-10px}
/* Navigation logo: "Infinity" centred under "Augoeides", tucked behind it. */
.brand{position:relative}
.brand .brand-main{position:relative;z-index:2}
.brand .brand-infinity{position:absolute;z-index:1;left:88px;top:31px;width:88px;margin:0;transform:translateX(-50%)}
#primary-navigation{display:flex;align-items:stretch;margin-right:-15px}
#primary-navigation>a,.nav-dropdown>summary{display:block;line-height:20px;padding:15px;color:#fff;cursor:pointer;font-size:14px;text-decoration:none;list-style:none}
#primary-navigation>a:hover,#primary-navigation>a:focus,.nav-dropdown>summary:hover{background:#ff9919;color:#fff}
.nav-dropdown{position:relative}
.nav-dropdown[open]>summary{background:#2e2e2e}
.nav-dropdown>summary::after{content:"";display:inline-block;margin-left:5px;vertical-align:middle;border:4px solid transparent;border-bottom:0;border-top-color:currentColor}
.nav-dropdown>summary::-webkit-details-marker{display:none}
.nav-dropdown-panel{position:absolute;top:100%;right:0;min-width:210px;padding:5px 0;background:#000;border:1px solid #333;box-shadow:0 6px 12px #0003}
.nav-dropdown-panel a{display:block;padding:3px 20px;white-space:nowrap;color:#fff;line-height:1.42857143}
.nav-dropdown-panel a:hover{background:#2e2e2e;text-decoration:none}
.nav-toggle{display:none;margin:8px 0;padding:7px 10px;background:#000;border:1px solid #2e2e2e;border-radius:4px;color:#fff;line-height:20px}
.content-header{background:url('/images/augoeides/mainheader.jpg') no-repeat center 30px}
.divider{margin:80px 0}
.header-logo{margin:0;text-align:center;line-height:0}
.header-logo img{display:block;margin:auto;width:800px;max-width:100%}
/* "Infinity" centred under "Augoeides", smaller and tucked behind it. */
.header-logo{position:relative;width:800px;max-width:100%;margin:0 auto}
.header-logo .logo-main{position:relative;z-index:2}
.header-logo .logo-infinity{position:absolute;z-index:1;left:50%;bottom:-22%;width:38%;transform:translateX(-50%)}
.header-links{display:grid;grid-template-columns:repeat(2,auto);justify-content:center;column-gap:60px;align-items:center;margin-inline:-15px}
.header-links>div{padding:0 15px;min-width:0}
.header-links a{display:block;margin-inline:auto;max-width:100%;background-repeat:no-repeat;background-size:100% 200%;background-position:center top}
.header-links a:hover,.header-links a:focus-visible{background-position:center bottom}
.reg-now,.fb{width:387px;aspect-ratio:387/59}
.reg-now{background-image:url('/images/augoeides/register.png')}
.fb{background-image:url('/images/augoeides/fb.png')}
.play-now{width:242px;aspect-ratio:242/83;margin-top:-14px;background-image:url('/images/augoeides/play.png')}
.content-black{background:#000;color:#afafaf}
.featurette{display:grid;grid-template-columns:7fr 5fr}
.featurette::before,.featurette::after{display:none}
.featurette-reverse{grid-template-columns:5fr 7fr}
.feature-copy,.feature-visual{min-width:0;padding:0 15px}
.feature-copy:first-child,.feature-visual:first-child{margin-left:-15px}
.feature-copy:last-child,.feature-visual:last-child{margin-right:-15px}
.feature-visual img{display:block;width:450px;height:auto;margin-inline:auto}
.featurette-heading{font-weight:300;line-height:1;letter-spacing:-1px}
.featurette-heading .text-muted{color:#fff}
.lead{font-size:16px;font-weight:300;line-height:1.4;margin-bottom:20px}
.featurette-divider{height:80px;background:#000}
.site-footer{padding-top:30px;color:#fff}
.footer-links{margin-bottom:15px}.footer-links a{margin-right:10px}
.footer-fine{font-size:12px;color:#afafaf}
.page-hero{padding:80px 15px 35px;text-align:center;background:url('/images/augoeides/mainheader.jpg') no-repeat center 30px}
.page-hero img{width:800px;max-width:100%}
.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:45px;padding-top:40px;padding-bottom:40px;color:#afafaf}
.reading-panel{min-width:0}.reading-panel h1,.reading-panel h2,.reading-panel h3{color:#fff}
.reading-panel h2{margin-top:30px}.reading-panel .lead{color:#afafaf}
.reading-panel .warn,.reading-panel .err,.reading-panel .ok{padding:15px;border:1px solid #444;background:#111;margin:20px 0;color:#ddd}
.reading-panel label{display:block;margin-top:14px}
.reading-panel input:not([type=checkbox]):not([type=hidden]),.reading-panel select{background:#fff;color:#333;border:1px solid #ccc;padding:8px;width:100%}
.reading-panel button,.reading-panel .btn{display:inline-block;background:#333;color:#fff;border:1px solid #555;padding:8px 15px;margin-top:14px;cursor:pointer}
.reading-panel .acc-form{max-width:450px;margin:auto}.reading-panel .acc-card{padding:18px;background:#111;margin:20px 0}
.reading-aside h2{font-weight:300;color:#fff}.eyebrow{color:#afafaf}
.guide-links a{display:block;padding:8px 0}.access-note{font-size:12px;margin-top:30px}
.information-nav{display:flex;gap:12px;flex-wrap:wrap;font-size:12px}
.updates-section{padding:85px 0 40px;color:#afafaf}.updates-section h1{color:#fff}
.news-post{display:grid;grid-template-columns:130px minmax(0,1fr);gap:30px;padding:35px 0;border-top:1px solid #333}
.news-empty{grid-template-columns:1fr}.news-list{margin-top:35px}
.news-meta{font-size:12px;color:#aaa}.news-meta time,.news-meta span{display:block}
.news-avatar{display:block;width:80px;max-height:100px;object-fit:contain;margin-bottom:12px}
.news-content h3{color:#fff;margin-top:0}.news-subtitle{font-size:18px;color:#ccc}
.news-body{color:#ddd;overflow-wrap:anywhere}.news-body h2,.news-body h3{color:#fff;margin:25px 0 10px}
.news-body img{max-width:100%!important;height:auto!important}.news-body table{display:block;max-width:100%;overflow-x:auto}
.news-body figcaption{color:#aaa!important}
.wqw-welcome{background:#111!important;border:1px solid #555!important;color:#ddd!important;box-shadow:0 20px 80px #0009!important}
.wqw-welcome h2,.wqw-welcome .wqw-currency-eyebrow{color:#fff!important}
.wqw-welcome-status{background:#222!important;border-color:#555!important}
.wqw-welcome-button{background:#333!important;border-color:#777!important;color:#fff!important;box-shadow:none!important}
.wqw-welcome a{color:#ff9919!important}
@media(min-width:768px){.container,.nav-shell{width:750px}.featurette-heading{font-size:50px}.lead{font-size:21px}}
@media(min-width:992px){.container,.nav-shell{width:970px}.featurette-heading{margin-top:120px}}
@media(min-width:1200px){.container,.nav-shell{width:1170px}}
@media(max-width:991px){.featurette,.featurette-reverse{grid-template-columns:1fr}.feature-copy,.feature-visual{margin-inline:0!important;padding-inline:0}.reading-layout{grid-template-columns:1fr}.header-links{gap:15px}.header-links>div{padding:0}.header-links{margin:0}}
@media(max-width:767px){
 .nav-shell{flex-wrap:wrap;width:100%}.nav-ready .nav-toggle:not([hidden]){display:block}
 #primary-navigation{width:100%;flex-direction:column;margin:0;padding:7px 0}.nav-ready #primary-navigation{display:none}.nav-ready #primary-navigation.is-open{display:flex}
 #primary-navigation>a,.nav-dropdown>summary{padding:10px 15px}.nav-dropdown-panel{position:static;border:0;box-shadow:none;padding-left:15px}
 .header-links{grid-template-columns:1fr;gap:25px}.header-links a{max-width:100%}.play-now{margin-top:0}
 .divider{margin:65px 0}.content-header{background-position:center 30px}.featurette-divider{height:60px}
 .featurette-heading{font-size:30px}.feature-visual img{max-width:100%}.news-post{grid-template-columns:1fr;gap:15px}.news-meta{display:flex;gap:15px;align-items:center}
 .reading-layout{gap:25px}.page-hero{padding-top:85px}.site-footer{font-size:13px}
}

/* Sub-page banner: same "Infinity" under the logo as on the home page. */
.hero-logo{position:relative;display:block;width:800px;max-width:100%;margin:0 auto}
.hero-logo .logo-main{position:relative;z-index:2}
.hero-logo .logo-infinity{position:absolute;z-index:1;left:50%;bottom:-22%;width:38%;transform:translateX(-50%)}
.page-hero{padding-bottom:70px}
/* Taller navigation bar so the stacked Augoeides/Infinity logo stays inside it. */
html{scroll-padding-top:80px}
.site-header{min-height:66px}
.brand{height:66px;padding:18px 15px}
#primary-navigation>a,.nav-dropdown>summary{padding:23px 15px}
.content-header{padding-top:16px;background-position:center 46px}
.page-hero{padding-top:101px;background-position:center 46px}
/* Smooth rainbow for the brand name in headings. */
.rainbow-text,.featurette-heading .text-muted{background:linear-gradient(90deg,#ff3b3b,#ff9919,#ffe14d,#4cd964,#34c3ff,#7a5cff,#ff4fd8,#ff3b3b);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;animation:rainbow-shift 8s linear infinite}
@keyframes rainbow-shift{from{background-position:0% 50%}to{background-position:300% 50%}}
@media (prefers-reduced-motion:reduce){.rainbow-text,.featurette-heading .text-muted{animation:none}}
.brand .brand-infinity{top:37px;width:80px;left:90px}

/* "Infinity" logo wrapper: the image fills the positioned box. */
.rainbow-logo{display:block}
.rainbow-logo img{display:block;width:100%!important;max-width:none!important;height:auto;margin:0!important;position:static!important;transform:none!important}

/* Announcement bar: fixed under the navigation on every page. */
.announce-bar{position:relative;display:flex;align-items:center;justify-content:center;height:36px;overflow:hidden;background:linear-gradient(180deg,#140f06 0%,#070604 100%);border-top:1px solid #8a5f14;border-bottom:1px solid #c9962e;box-shadow:inset 0 1px 0 rgba(242,210,122,.25),0 2px 10px rgba(0,0,0,.6)}
.announce-inner{display:flex;align-items:center;gap:14px;padding:0 70px;white-space:nowrap;font:600 13px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#f2d27a;text-shadow:0 1px 0 #000}
.announce-note{color:#e8c46a;text-transform:none;letter-spacing:.01em;font-weight:500}
.announce-icon{color:#ff9919;margin-right:4px}
.announce-sep{color:#8a5f14;font-size:11px}
.announce-online{display:inline-flex;align-items:center;gap:7px;color:#7dff8a}
.announce-dot{width:9px;height:9px;border-radius:50%;background:#3ddc55;box-shadow:0 0 6px #3ddc55;animation:announce-pulse 1.8s ease-in-out infinite}
@keyframes announce-pulse{0%,100%{opacity:1;box-shadow:0 0 4px #3ddc55}50%{opacity:.45;box-shadow:0 0 12px #3ddc55}}
.announce-dragon{position:absolute;top:50%;height:58px;width:auto;pointer-events:none;filter:drop-shadow(0 0 4px rgba(255,200,90,.45))}
.announce-dragon.left{left:calc(50% - 600px);transform:translateY(-50%) rotate(90deg)}
.announce-dragon.right{right:calc(50% - 600px);transform:translateY(-50%) rotate(-90deg) scaleX(-1)}
@media(max-width:1250px){.announce-dragon.left{left:8px}.announce-dragon.right{right:8px}}
@media(max-width:900px){.announce-inner>span:not(.announce-note):not(.announce-online),.announce-sep{display:none}.announce-inner{padding:0 56px;font-size:12px}}
@media (prefers-reduced-motion:reduce){.announce-dot{animation:none}}
/* Push page content below navigation + announcement bar. */
html{scroll-padding-top:116px}
.content-header{padding-top:52px;background-position:center 82px}
.page-hero{padding-top:137px;background-position:center 82px}

/* Announcement bar at the very top, fantasy font. */
.announce-bar{border-top:0}
.announce-inner{font-family:"Cinzel",Georgia,serif;font-weight:700;font-size:13px;letter-spacing:.06em}
.announce-note{font-family:"Cinzel",Georgia,serif;font-weight:600;text-transform:none}

/* Announcement bar is only on the play page now: content sits right below the navigation again. */
html{scroll-padding-top:80px}
.content-header{padding-top:16px;background-position:center 46px}
.page-hero{padding-top:101px;background-position:center 46px}