@import url(https://fonts.googleapis.com/css?family=Rajdhani|Play|Russo+One);.footer b,.newsletter label{display:block}#login-box,#register-box{background-color:rgba(75,86,123,.4);box-shadow:2px 2px 10px #000}#login-header,#register-header{background-color:rgba(0,0,0,.4);margin:3px;letter-spacing:1px}#logo_login,.account-content,.account-detail p,.account-game,.footer,.game-banner,.icon_tiles,.jssora22l,.jssora22r,.patreon-plans,.progress-bar,.tweet-image,.tweet_slider{overflow:hidden}.account-detail p,.detail-value span,.no-wrap{white-space:nowrap}body,html{height:100%;background-color:#000;font-family:Play,sans-serif;font-size:14pt}.legal-body blockquote{border:0!important}.blog-home-post-divider{clear:left;margin-bottom:20px}.blog-home-post{background:linear-gradient(to bottom,rgba(230,230,230,.2) 35%,rgba(230,230,230,0));padding:5px 20px;border-radius:0 0 5px 5px;color:#fff!important}.blog-home-post h2{font-family:'Russo One',sans-serif;margin:10px 0;color:#fff!important}.blog-home-post i{color:#888}.account-game-section-content,.apply-fonts,.blog-home-post p,.callout p,.register-below-header{font-family:Play,sans-serif}.blog-home-col:nth-child(2n) .blog-home-post{background:linear-gradient(to bottom,rgba(240,240,240,.2) 35%,rgba(240,240,240,0))}.no-decoration-white,.no-decoration-white *{text-decoration:none!important;color:#ccc}.no-decoration,.no-decoration *{text-decoration:none!important;color:#000}.fade-black-bottom{position:absolute;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 75%,rgba(0,0,0,0),#000);height:100%;width:100%;padding:1px}.fade-black-top{background:linear-gradient(to top,rgba(0,0,0,0) 50%,rgba(0,0,0,0),#000);width:100%;height:100%;padding:0}.fade-white-bottom{background:linear-gradient(to bottom,rgba(255,255,255,0) 80%,rgba(255,255,255,0),#fff);height:100%;width:100%;padding:0}.pxg-sm-logo,header{background-repeat:no-repeat;position:relative}.home-wrapper{position:relative;margin:0;padding:0}header{background-image:url('images/phanxgames_banner.jpg');background-attachment:scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;background-position:center 40%;text-align:center;color:#fff;height:45%;min-height:500px;margin:0;padding:0}header #intro-logo{width:355px;max-width:100%;position:relative;top:-100px;transition:.5s}header .intro-text{padding-top:110px;padding-bottom:30px}header .intro-text .intro-lead-in{font-family:'Russo One',sans-serif;font-size:22px;line-height:22px;margin-bottom:25px;color:#aaa;position:relative;top:-50px;transition:.5s}header .intro-text .intro-paragraph{font-family:Play,sans-serif;font-weight:400;font-size:15px;margin-bottom:25px;position:relative;top:-30px;transition:.5s}@media (min-width:928px){header{height:65%;min-height:550px}header .intro-text{padding-top:140px;padding-bottom:20px}header #intro-logo{width:450px;position:relative;top:0;transition:.5s}header .intro-text .intro-lead-in{font-family:'Russo One',sans-serif;font-size:40px;line-height:40px;margin-bottom:25px;position:relative;top:0;color:#aaa;transition:.5s}header .intro-text .intro-paragraph{font-family:Play,sans-serif;font-weight:400;font-size:25px;margin-bottom:50px;position:relative;top:0;transition:.5s}}#patreon-status,.patreon-lower span{font-weight:700}.white-section{background-color:#fff}#navbar{z-index:2000}.pxg-sm-logo{border:1px solid #666;border-radius:3px;background-image:url('images/pxglogo.png');background-size:32px 32px;width:32px;height:32px;top:10px;margin-right:20px;margin-left:5px}.height-100{height:100px}.absolute-wrapper{position:absolute;width:100%;z-index:100}#header,.account-game .link,.container-relative,.funding-option,.jssorb05,.relative-wrapper{position:relative}.home-navbar{background-image:linear-gradient(to bottom,#333,#666)!important;margin-top:30px;height:65px}.home-navbar li a{color:#fff!important;height:63px;border-left:1px solid rgba(155,155,155,.1);border-right:1px solid rgba(155,155,155,.1);line-height:33px!important}.home-navbar .active{background-image:linear-gradient(to top,#666,#aaa)!important}.home-nav-top,.home-navbar,.navbar-fixed-top{transition:.8s}.home-nav-top{margin:0!important}.home-nav-top .navbar-right{margin-right:10px}.home-navbar li a:focus,.home-navbar li a:hover{text-decoration:none;background-image:linear-gradient(to top,#aaa,#ccc)!important;color:#000!important}.navbar-inverse{background-image:linear-gradient(to bottom,#000,#333);margin:0}.funding-title{font-size:30pt;text-align:center;font-family:'Russo One',sans-serif;color:#7e7;text-shadow:2px 4px 6px #000}.funding-option{padding:20px 20px 120px;margin:10px;background-color:#0b0d10;border-radius:20px;min-height:550px}.funding-option .lower{position:absolute;bottom:10px;margin:auto;width:95%}.funding-option h2{text-align:center;font-family:Rajdhani,sans-serif}.donation-thankyou,.funding-option h3{font-family:'Russo One',sans-serif;text-align:center}.funding-option h3{font-size:24pt;color:#80d6ff}.funding-option div{margin-top:30px;font-family:Play,sans-serif}.funding-option ul li{margin:20px 0}.funding-option a{margin:auto;text-align:center}.funding-option b{font-size:15pt;color:#df5}.donation-thankyou{font-size:38pt;margin:70px auto auto}.donation-thankyou-sub{font-size:18pt;font-family:Play,sans-serif;text-align:center;margin:30px auto auto;color:#ccc}.donation-group{min-width:300px;width:80%;margin:auto;margin-top:0!important}.donation-group button,.donation-group input{height:50px;font-size:20px}.donation-label{font-size:12pt;color:#999;margin:15px}.patreon-goal{font-size:15pt;font-family:Play,sans-serif}.patreon-goal span{font-size:19pt;margin-left:10px}#patreon-status{font-size:19pt}.patreon-box{background-color:rgba(0,0,0,.6);color:#fff}.patreon-box-inner{margin:35px 0 55px;border-radius:20px 20px 0 0;background-image:linear-gradient(to bottom,rgba(255,255,255,.2),rgba(255,255,255,.1) 30%,rgba(255,255,255,0));padding:20px}.blog,.breadcrumb{border-radius:10px}.patreon-header{font-size:20pt;font-family:'Russo One',sans-serif;color:#fa0;text-shadow:2px 2px 2px #000}#goal-percentage,.patreon-lower{font-family:Play,sans-serif;position:relative}.patreon-progress{height:32px;background-image:linear-gradient(to bottom,#333 0,#666 100%)!important}.patreon-lower{top:0;font-size:14pt;margin-right:155px}.patreon-lower a{text-decoration:underline!important;color:#80d6ff}#goal-percentage{color:#fff;margin-left:5px;line-height:30px;text-shadow:2px 2px 2px #000}body{padding-bottom:0;font-size:14pt}.footer{background-color:#141d33;width:100%;min-height:250px;color:#c7c8cb;padding:50px;margin:0}.footer .container{padding:0}.section-marker{position:relative;top:-100px}#phanxgames_logo{width:500px;min-width:250px;position:absolute;left:0;top:80px;z-index:1001}.register-icons-box{text-align:center;padding:50px 10px 10px;border-radius:10px;margin:auto auto 10px;background-color:rgba(255,255,255,.7);color:#000}.register-icons-box h3{display:block;margin:20px 20px 30px;font-size:20pt;font-family:'Russo One',sans-serif}.register-icons-box p{margin-bottom:40px;font-family:Play,sans-serif}.register-icons{font-size:10vw}.callout-font-green{color:#0f0;font-family:'Russo One',sans-serif;font-weight:400}.account-game .status-red,.icon-red,.text-red{color:#900}.icon-green{color:#093}.icon-blue{color:#039}.icon-cyan{color:#0cf}.footer b{margin-bottom:20px}.footer-menu{list-style:none;padding:0;margin-bottom:40px}.footer-menu li{padding:0;margin:2px 2px 2px 20px;height:25px}.footer-menu a{color:#999;transition:color .2s,font-weight .2s;text-decoration:none!important}.footer-menu a:hover{color:#fff;font-weight:700}.newsletter div{margin:0}.newsletter form{margin:15px;padding:0}.larger>li>a{padding:12px 24px!important;font-size:24px!important;line-height:2!important;background-color:rgba(0,0,0,.9);transition:background-color .2s ease-in-out;outline:0;margin-right:5px;border-radius:5px}.larger>li.active>a{background-color:#eff!important;color:#164278!important;box-shadow:0 0 2px #000;outline:0}.larger>li>a:hover{background-color:#fff!important;color:#08f!important;box-shadow:0 0 2px #000}.main-menu{position:absolute;right:0;top:120px;z-index:999;transition:top .2s ease-in-out}.main-menu a{color:#cdf}.adjust-top{top:60px}.adjust-top a{background-color:rgba(33,33,33,.7)!important}.section-title-orange{font-size:40pt;color:#fa0!important;font-family:'Russo One',sans-serif;text-align:center;margin:80px 30px 30px}.section-title,.section-title-gray{font-size:50pt;font-family:'Russo One',sans-serif;text-align:center}.section-title-gray{color:#999!important;text-shadow:none!important;margin:80px 70px 70px}#popup_body a,.section-subtitle{color:#0ff!important}.section-title{text-shadow:0 0 15px #000,2px 2px 2px #000;margin:80px 50px 50px}.section-subtitle{font-size:30pt;text-shadow:0 0 15px #000,2px 2px 2px #000,2px 2px 2px #000;font-weight:200;text-align:center;margin:-30px 70px 70px}.margin-lower{margin-bottom:50px}.margin-lower-sm{margin-bottom:20px}.blog-post-full-header,.margin-lower-md{margin-bottom:30px}.margin-lower-none{margin-bottom:0!important}.float-right{float:right}.breadcrumb-container{padding:0;margin-top:5px}.breadcrumb{background:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,.5),rgba(0,0,0,0));margin:0;padding:10px;font-family:Play,sans-serif;font-size:16pt}.purple-bar{height:10px;background:linear-gradient(to top,#0a3a75,#1e74d6,#06213f)}.blue-bar{height:10px;background:linear-gradient(to top,#037,#049,#013)}.green-bar{height:10px;background:linear-gradient(to top,#070,#090,#030)}.yellow-bar{height:10px;background:linear-gradient(to top,#770,#990,#330)}.orange-bar{height:10px;background:linear-gradient(to top,#730,#940,#310)}.teal-bar{height:10px;background:linear-gradient(to top,#077,#099,#033)}.blog-title,.blog-title:hover{text-decoration:none;color:#fff!important}.media-tile,.media-tile-inner{text-decoration:none!important}.blog-category-header{color:#fa0;font-size:30pt}.blog-category-desc{margin-bottom:50px;color:#999;font-size:16pt}.billing-table a,.blog-category-desc a,.blog-post-preview p a,.content-body a{text-decoration:underline}.blog{margin-top:10px;margin-bottom:30px}.blog-side-col{background:linear-gradient(to bottom,rgba(0,0,0,.5) 80%,rgba(0,0,0,0));min-height:500px;padding-bottom:50px;border-radius:0 10px 10px 0}.blog-content-col,.blog-one-col{background:linear-gradient(to bottom,rgba(0,0,0,.8) 90%,rgba(0,0,0,0));padding:30px;min-height:500px}.blog-content-col{border-radius:10px 0 0 10px}.blog-one-col{border-radius:10px 10px 0 0}.blog .list-group-item{background:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));border:0;border-bottom:1px solid #333;border-radius:0;cursor:pointer;color:#ccc}.blog .list-group-item:hover{background:linear-gradient(to right,rgba(55,55,55,.5),rgba(0,0,0,0));color:#fff}.blog .badge{font-size:12pt;font-weight:100;margin-top:2px;min-width:50px;border-radius:7px;background-color:#333}.blog-header-image{border-top:1px solid rgba(255,255,255,.5);background-repeat:no-repeat;background-position:center center;background-size:cover;height:150px;border-radius:10px 10px 0 0;image-rendering:auto;image-rendering:crisp-edges;image-rendering:pixelated}.blog-header-small{height:100px;border-radius:5px 5px 0 0!important;margin-top:10px;font-family:Rajdhani,sans-serif}.blog-post-preview{background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(100,100,100,.1));border-radius:0 0 10px 10px;padding:10px}.blog-post-preview h3{font-size:34pt!important}.blog-post-subtitle{font-size:12pt;margin-bottom:15px;font-family:Play,sans-serif;color:#777}.blog-post-preview p{text-align:justify;font-family:Play,sans-serif;color:#ccc}.blog-post-preview img{max-width:70vw;height:auto!important}.blog-preview-footer{margin:20px 0 10px}.blog-readmore{float:left;font-family:'Russo One',sans-serif}#register-box h3,#register-header,.blog-post-categories,.comment,.media-tile-inner,.team-pane{font-family:Play,sans-serif}.blog-post-categories{text-align:right}.blog-post-categories a,.blog-post-categories span{margin-right:10px;font-size:12pt;color:#777}.blog-post-categories a,.game-content a{text-decoration:underline;white-space:nowrap}.blog-separator{background:linear-gradient(to right,rgba(0,0,0,0),#fff,rgba(0,0,0,0));height:1px;margin:30px}.comment{padding:20px}.comment h4{margin:0 0 10px;padding:0}.comment:nth-child(2n){background:linear-gradient(to bottom,rgba(0,0,0,.5) 80%,rgba(0,0,0,0))}.comment:nth-child(odd){background:linear-gradient(to bottom,rgba(33,33,33,.5) 80%,rgba(0,0,0,0))}.account-game .status-grey,.comment p{color:#999}.comment-date{float:right;color:#777;font-size:10pt}.comment-avatar{max-width:75px;max-height:75px}.comment-hidden{opacity:.1}.blog-comment-form{margin:20px 50px 0}.blog-comment-form label{font-weight:400;font-size:10pt}.blog-comment-form .form-control,.blog-comment-form .g-recaptcha{margin-bottom:15px}.container-header h1{font-size:32pt;margin-bottom:30px;position:relative}.content-top-bar{background:linear-gradient(to right,rgba(0,0,0,0),#08f 5%,#08f);height:5px}.content-container{margin:0 15px;background:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,.5) 10%,rgba(0,0,0,.8) 20%,rgba(0,0,0,0));min-height:500px}.container-inner{margin:0 20px}.content-row{padding-bottom:50px}.content-table{display:table;table-layout:fixed;height:100%;margin:0;padding:0;min-height:600px}.content-sidemenu{background:linear-gradient(to right,rgba(0,0,0,0),#000);padding:0;color:#000;text-align:right}.content-sidemenu .divider{background:linear-gradient(to right,rgba(0,0,0,0),#08f);height:1px}.account-box-content ul,.content-sidemenu li,.content-sidemenu ul{list-style:none;margin:0;padding:0}.content-sidemenu li{margin-bottom:1px}.content-sidemenu li a{display:block;margin:0;padding:20px 20px 20px 0;background:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,.8));transition:background .3s;text-decoration:none}.content-sidemenu li a:hover{background:linear-gradient(to right,rgba(0,0,0,0),rgba(255,255,255,.8));color:#000}.active_sidemenu_item{background:linear-gradient(to right,rgba(0,0,0,0),rgba(255,255,255,.8))!important;color:#000}.content-body{background-color:rgba(255,255,255,.8);padding:30px 30px 100px;color:#000;border-radius:0;min-height:500px}.content-body p{text-align:justify}.media-row{color:#000;text-align:center}.media-container{margin:100px 50px 20px}.media-tile{display:block;background-color:rgba(0,0,0,.001);margin:10px;position:relative}.media-tile-inner{display:block;position:relative;transition:.4s;color:#000;border-radius:5px;background-color:rgba(255,255,255,.5);box-shadow:0 0 0 #000;padding:0!important}.media-tile div{padding:5px 0}.media-tile img{width:100%;max-width:250px;max-height:150px;border-radius:5px 5px 0 0}.media-tile:hover .media-tile-inner{top:-10px;transition:.4s;text-decoration:none!important;color:#000;background-color:#fff;box-shadow:0 5px 5px rgba(0,0,0,.5)}.account-inner-content{padding:10px 30px;color:#000}.account-area{margin:5px 5px 50px}.account-header{position:relative;padding-top:30px}.account-header .nav-tabs a{background-color:rgba(0,0,0,.5);border-bottom:1px solid #fff}.account-header h1{position:absolute;right:5px;top:-5px;text-align:right}.account-header .nav-tabs{margin-left:10px}.account-body{background-color:rgba(255,255,255,.8);min-height:500px}.account-warning{padding:10px 10px 1px;color:#000;font-size:12pt}.account-game,.account-game-section{padding:10px;text-decoration:none!important;display:block}.account-games-header{color:#000;margin:15px 10px}.account-game-section{background-color:#141d33;color:#ccc!important;margin:5px;border-radius:10px 10px 0 0}.account-game-section h4{font-family:'Russo One',sans-serif!important}.account-game-section .indicator{background-color:rgba(255,255,255,.5);float:right;color:#fff;font-size:15px;padding:5px;margin-top:7px}.account-game{border:1px solid #bbb;margin:0 10px 10px;background-color:#eee;font-size:12pt;clear:both}.account-box-header,.billing-order-header{border-bottom:2px solid rgba(147,156,178,.5);font-weight:700}.account-game:active,.account-game:hover{background-color:#fff;text-decoration:none!important}#login-footer a,.game-card:hover,.icon_tiles a,.social-button a{text-decoration:none}.account-game .status{float:right;margin-right:5px;margin-top:28px;font-weight:700;color:#090}.account-game .status-orange{color:#a60}.account-game .icon{width:75px;height:75px;background-repeat:no-repeat;background-size:75px 75px;float:left;position:relative}.account-game .reward-icon{color:#fff;background:linear-gradient(to bottom,#093,#031);border-radius:50%;width:30px;height:30px;font-size:18px;padding:6px;position:absolute;top:50px;left:50px}.account-game .info{margin-left:90px;margin-right:20px;display:flex;justify-content:center;flex-direction:column;height:75px}.account-game .arrow{float:right;font-size:32pt;margin-top:16px;color:#aaa!important}.account-game .info h3{color:#039;margin:0 0 5px;padding:0;font-weight:700;font-size:14pt}.account-game .info p{color:#444;margin:0;padding:0}.account-game .info div{color:#000;font-size:14pt}.game-icon-rpglegend{background-image:url('/images/aetherstory_icon.png')}.redeem-key-btn{margin:10px 10px 20px}.large-button,.redeem-key-btn .btn{width:100%}.redeem-key-btn-sm{float:right;margin:0 10px 0 0}.redeem-key-input{width:100%!important}.clear-both{clear:both}.strike-out{text-decoration:line-through;color:#555}.online-widget,.text-icon{text-decoration:none!important}.account-box,.detail-row,.margin-10,.socialarea{margin:10px}.detail-label{text-align:right;padding:5px 10px 5px 5px;font-weight:700}.detail-value,.detail-value-blank{padding:5px;min-height:30px}.detail-value{background-color:rgba(230,230,230,.5)}.detail-value span{background-color:rgba(180,180,180,.5);padding:2px 5px;margin-right:5px;border-radius:5px}.display-none,.hide-after-5{display:none}input[type=checkbox]{width:20px;height:20px}.account-left-fix{height:12px}.account-right-fix{height:52px}.account-box-header{padding:10px;color:#333;margin:0;font-size:12pt}.account-box-content{padding:10px;color:#555;font-size:12pt}.account-box-content ol{margin:0 0 0 20px;padding:0}.account-box-content li{margin:5px 0 15px;padding:0}.account-box-content .divider{border-bottom:1px solid #999}.account-detail h4{color:#999;font-size:10pt;margin:0;padding:0}.account-detail p{margin:2px 0 10px;padding:0;text-overflow:ellipsis}.account-footer-bar{background:linear-gradient(to right,#08f,#039,#039,#08f);height:10px}.billing-footer-content,.billing-table table>tbody>tr:nth-of-type(odd){background-color:rgba(255,255,255,.5)}#login-header,#logo_login,.callout,.game-banner,.social-button a{background-repeat:no-repeat}.billing-table{color:#000;margin:20px;padding:10px}.billing-table tr:first-child{background-color:rgba(0,0,0,0)!important;border-bottom:2px solid #8b7c72}.billing-order-header{font-size:30pt;padding-bottom:20px}.billing-order-right{margin:60px 30px 30px}.billing-footer{width:300px;margin-top:50px}.billing-footer-content{padding:20px}#circle,.white-bar{background-color:#fff}.text-green{color:#090}.text-center{text-align:center}.text-right{text-align:right}.stream-right h3{font-size:18pt!important;color:#f6b620;text-shadow:2px 2px 2px rgba(0,0,0,.5);font-family:Play,sans-serif!important;margin-top:22px}.white-bar{min-height:10px;box-shadow:-10px 0 15px #000,10px 0 15px #000;margin-bottom:10px}.account-content{padding:10px;color:#000}.game-banner{background-size:cover;height:110px;position:relative;border-radius:10px 10px 0 0;margin:10px 10px 0}.game-banner h1{margin-top:-200px}.game-banner h2{display:block;position:absolute;font-weight:700;font-size:22pt;color:#fff;top:60px;left:98px;text-shadow:0 0 2px #000;margin:0;padding:0}.icon_tiles a,.icon_tiles img{padding:5px;border-radius:10px}.game-banner .icon{background-color:rgba(255,255,255,.8);border-radius:10px;margin:10px 20px;padding:10px;display:inline-block}.game-banner .icon img{height:70px}.game-content{border-radius:0 0 10px 10px;background-color:#eee;padding:20px;margin:0 10px 10px}.game-rewards{color:#555;margin:40px 0 20px;font-weight:700;font-size:18pt;padding-bottom:10px;border-bottom:2px solid #ccc}.rpglegend-banner{background-image:url('/images/aetherstory-banner-light.png');background-position:center}.callout,.callout-aethertitle{background-position:center center}.margin-top-30{margin:30px 10px 10px}.icon_tiles{padding:2px}.icon_tiles a{display:block;float:left;margin:10px;width:180px;height:190px;text-align:center}.icon_tiles a:hover{background-color:#c1c1c1}.icon_tiles a:active{position:relative;top:2px;left:2px}.faq-list li:before,.large-list li:before{position:absolute;left:0;font-size:28pt;font-weight:700}.icon_tiles img{margin:auto;background-color:#ccc}.icon_tiles span{display:block;width:180px;text-align:center}.large-list{list-style:none;counter-reset:my-badass-counter}.large-list li{position:relative;padding-left:50px;margin:40px 0}.large-list li:before{content:counter(my-badass-counter) ".";counter-increment:my-badass-counter;top:-7px;color:#8b7c72}.large-list h4{font-size:20pt!important;color:#840;font-weight:700}.faq-list{list-style:none;margin-right:50px}.faq-list li{position:relative;padding-left:40px}.faq-list li:before{content:"Q";top:-10px;color:#aaa}.faq-list h4{font-size:16pt!important;color:#840;font-weight:700}.callout{display:table;width:100%;height:200px;color:#fff;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;background-attachment:fixed;-o-background-size:cover}.callout-aethertitle,.callout-dizwin,.callout-forests,.callout-monsters,.callout-pxgbg-fixed,.callout-temple{background-attachment:scroll!important}.callout h3{font-family:Rajdhani,sans-serif;font-size:24pt}.apply-fonts h2,.callout h2{font-family:'Russo One',sans-serif}.callout-aethertitle{background-image:url('images/aether_skyline.png');image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;-ms-interpolation-mode:nearest-neighbor}.callout-dizwin,.callout-dizwin-full{background-image:url('images/anamtemple.png');image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;-ms-interpolation-mode:nearest-neighbor}.callout-dizwin{background-position:center -50px}.callout-dizwin-full{background-position:center top}.callout-forests{background-image:url('images/forests.jpg');image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;-ms-interpolation-mode:nearest-neighbor}.callout-temple{background-image:url('images/temple.png');image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;-ms-interpolation-mode:nearest-neighbor;background-position:center center}.callout-sm{height:auto!important}.callout-monsters{background-image:url('images/alpha2.png');background-position:center 30%}.callout-pxgbg,.callout-pxgbg-fixed{background-image:url('images/bg.jpg')}.callout-ceonead{background-image:url('images/ceonead.jpg')}.callout-padding{padding:10px 150px!important}.game-thumbnail{max-width:17vw;min-width:170px;display:inline-block}.team-pane{width:330px;margin:20px auto;background-color:#eee;padding:30px;height:420px;border-radius:15px}.social-button,.social-button a{width:50px;border-radius:50%;height:50px}.team-pane h3{margin:0 0 15px}.apply-fonts h3{font-family:Rajdhani,sans-serif;font-size:30pt}.icon-left{margin:30px 5px}.callout-box,.callout-box-sm{background:0!important}.callout-box .container{margin-top:150px;background-color:rgba(0,0,0,.5)!important;padding:10px 30px;border-radius:10px}.callout-box-sm .container{margin-top:5px;background-color:rgba(0,0,0,.5)!important;padding:10px}.copyrightrow{border-top:1px solid #334;padding-top:20px;color:#556}.social-button{display:inline-block;margin:5px}.social-button a{background-size:50px;display:block;filter:grayscale(100%);-webkit-filter:grayscale(1);transition:filter .2s,-webkit-filter .2s}#circle,#online-label,.online-widget .label,.spinner-wave>div{display:inline-block}.social-button a:hover{filter:grayscale(0%);-webkit-filter:grayscale(0)}#social-facebook{background-image:url('images/facebook.png')}#social-itchio{background-image:url('images/ico_itchio.png')}#social-twitter{background-image:url('images/twitter.png')}#social-youtube{background-image:url('images/youtube.png')}#social-email{background-image:url('images/email.png')}#social-discord{background-image:url('images/discord.png')}#social-twitch{background-image:url('images/twitch.png')}#social-deviantart{background-image:url('images/deviantart.png')}.newsletter-sidebar{margin:0;padding:5px 20px 50px;text-align:center;background:linear-gradient(to bottom,rgba(0,0,0,.8),rgba(0,0,0,0));border-radius:10px 10px 0 0}#register-box,.login-label,.login-set{text-align:left}.newsletter-sidebar h3{font-size:22pt;color:#fff}.newsletter-sidebar p{font-size:14pt;font-weight:lighter;color:#999}.newsletter-sidebar .input-group{margin-bottom:5px}#register-box{border:1px solid #111;border-radius:15px;margin:30px auto auto;max-width:550px}.register-checkbox input{width:20px;height:20px;position:relative;top:4px;margin-right:5px}#register-box h3{text-align:center;font-size:22pt;font-weight:400}#register-box p{display:block;margin:10px}.contact-error{background-color:rgba(255,0,0,.2)!important}.register-error{color:#fa0}.register-field-err{color:#fda;background-color:rgba(255,0,0,.3);border:1px solid red}#register-header{padding:10px;border-radius:10px;font-size:20pt;font-weight:700;text-align:center}.register-set{padding:5px 50px}.register-label{font-size:12pt;font-weight:400}.lower-button{max-width:550px;margin:50px 0;padding:20px;font-size:18pt}.lower-button .glyphicon{margin-right:5px}.smaller-logo{width:50%;max-width:500px;margin-top:50px}#login-footer,.login-set{margin:20px}#popup_icon{float:left;margin-right:20px}.input-field{padding:5px}.online-widget{padding:20px;border-radius:20px;background-color:#0b0d10;color:#fff!important;width:300px;display:block}.online-widget .label{margin:4px 0 2px;font-size:12pt;color:#999;line-height:15px;text-align:left}.online-widget .status{display:inline-block;float:right}#circle{border-radius:50%;width:15px;height:15px;margin-right:10px}#login-box,.popup{border:1px solid #111}#online-label{font-size:15pt;font-weight:700}#logo_login{display:block;width:420px;margin:50px auto auto;height:138px;background-image:url('/images/logo.png');background-size:420px 138px}#logo_login span{margin:0 0 0 -2000px}#login-box{border-radius:15px;margin:30px auto auto;width:400px}#login-header{padding:10px 10px 10px 35px;border-radius:10px;font-size:20pt;font-weight:700;text-align:center;font-family:Play,sans-serif;background-image:url('/images/lock.png');background-position:80px 18px}#login-footer,.login-field input,.login-label{font-size:14pt;font-family:Play,sans-serif}.login-label{margin:auto auto 10px;font-weight:400}#loading,#login-footer,.patreon-column h3,.spinner-wave,.tweet-image{text-align:center}#loading,.popup{display:none;margin:50px auto auto;background-color:rgba(75,86,123,.9);box-shadow:2px 2px 10px #000;left:0;right:0;z-index:1001;color:#fff}.login-field input{margin:auto;background-color:#acbec5;border:1px solid #344154;border-radius:5px;padding:5px;color:#000}.login-field input:focus{box-shadow:0 0 5px 2px #fff inset}#login-footer a{color:#acbec5}#login-outside{margin:auto;width:400px;padding:10px}#login-outside .login-button{background-color:#526079!important;line-height:50px!important;height:50px!important;font-size:16pt}#popup_modal{background-color:rgba(0,0,0,.5);width:100%;height:100%;position:fixed;z-index:1000;top:0;left:0;right:0;display:none}.popup{border-radius:15px;width:800px;position:absolute}#loading,#popup_body{border:1px solid #111}.popup p a{color:#80d6ff}#popup_body{overflow-y:scroll;overflow-x:none;height:500px;width:95%;margin:10px auto auto;background-color:rgba(0,0,0,.8);padding:2px}.standout{font-size:16pt;font-weight:700;color:#f6b620}.about-logo{margin:30px}#loading{border-radius:15px;width:400px;position:absolute;padding:30px}.spinner-wave{margin:30px auto;width:100px;height:50px}.spinner-wave>div{background-color:#fff;height:100%;width:6px;-webkit-animation:1.2s ease-in-out infinite wave;animation:1.2s ease-in-out infinite wave}.spinner-wave div:nth-child(2){-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner-wave div:nth-child(3){-webkit-animation-delay:-1s;animation-delay:-1s}.spinner-wave div:nth-child(4){-webkit-animation-delay:-.9s;animation-delay:-.9s}.spinner-wave div:nth-child(5){-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes wave{0%,100%,40%{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes wave{0%,100%,40%{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}#jssor_1{border:10px solid rgba(0,0,0,.5);border-radius:5px}.jssorb05 .av,.jssorb05 div,.jssorb05 div:hover{position:absolute;width:16px;height:16px;background:url('images/slides_b05.png') no-repeat;overflow:hidden;cursor:pointer}.jssorb05 div{background-position:-7px -7px}.jssorb05 .av:hover,.jssorb05 div:hover{background-position:-37px -7px}.jssorb05 .av{background-position:-67px -7px}.jssorb05 .dn,.jssorb05 .dn:hover{background-position:-97px -7px}.jssora22l,.jssora22r{display:block;position:absolute;width:40px;height:58px;cursor:pointer;background:url('images/slides_a22.png') center center no-repeat}.game-card,.tweet{display:inline-block}.jssora22l{background-position:-10px -31px}.jssora22r{background-position:-70px -31px}.jssora22l:hover{background-position:-130px -31px}.jssora22r:hover{background-position:-190px -31px}.jssora22l.jssora22ldn{background-position:-250px -31px}.jssora22r.jssora22rdn{background-position:-310px -31px}.btn-gray,.btn-gray.focus,.btn-gray:focus{color:#000;background:rgba(255,255,255,.5);border-color:#8c8c8c}.btn-gray:hover{color:#444;background-color:#ccc;border-color:#adadad}.btn-gray.active,.btn-gray:active,.open>.dropdown-toggle.btn-gray{color:#888;background-color:#ccc;border-color:#adadad;background-image:none}.btn-gray.active.focus,.btn-gray.active:focus,.btn-gray.active:hover,.btn-gray:active.focus,.btn-gray:active:focus,.btn-gray:active:hover,.open>.dropdown-toggle.btn-gray.focus,.open>.dropdown-toggle.btn-gray:focus,.open>.dropdown-toggle.btn-gray:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-gray.disabled.focus,.btn-gray.disabled:focus,.btn-gray.disabled:hover,.btn-gray[disabled].focus,.btn-gray[disabled]:focus,.btn-gray[disabled]:hover,fieldset[disabled] .btn-gray.focus,fieldset[disabled] .btn-gray:focus,fieldset[disabled] .btn-gray:hover{background-color:#fff;border-color:#ccc}.btn-gray .badge{color:#fff;background-color:#333}.tweet-image img{max-width:150px;max-height:100px;margin:auto}.tweet{padding:20px;border-radius:15px;min-height:150px;font-family:Play,sans-serif;font-size:14pt;position:relative;background-color:rgba(0,0,0,.5);color:#fff}.tweet a{text-decoration:underline!important}.tweet-details{margin-top:20px;color:#ccc;font-size:12pt}.tweet-details a,.tweet-details a:hover{text-decoration:none!important;color:#ccc!important}.tweet-image{width:150px;height:100px;background-color:#000;float:left;margin-right:30px;color:#aaa;line-height:100px}.tweet_slider{width:100%;height:160px}.twitter_title{font-size:14pt;margin:0 0 15px 10px;color:#f6b620;text-shadow:2px 2px 5px #000}.twitter_title a{color:#80d6ff;text-decoration:underline!important}.progress-bar span{line-height:30px;text-shadow:2px 2px 2px #000}.pagination>li>a,.pagination>li>span,.pagination>li>span:focus,.pagination>li>span:hover{background-color:rgba(100,100,100,.3)!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff}.game-card,.patreon-column ul li:nth-child(2n){color:#000}.pagination>li>a:focus,.pagination>li>a:hover{background-color:rgba(255,255,255,.8)!important;border:1px solid rgba(255,255,255,.4)!important}.pagination .active a{background-color:rgba(255,255,255,.9)!important;border:1px solid rgba(255,255,255,.5)!important;color:#000!important}.blog-comment-form input,.blog-comment-form textarea{background-color:#fff!important;color:#1a2230!important;border:1px solid #9fb0c4!important}.blog-comment-form input:focus,.blog-comment-form textarea:focus{background-color:#fff!important;border:1px solid var(--pxg-brand)!important}.patreon-column{border-radius:10px;padding:20px;margin:20px 0}.patreon-column h3{font-weight:700}.patreon-column h3 span{font-weight:400!important}.patreon-column ul{font-size:10pt;margin:0;padding:0}.patreon-column .btn{margin-top:10px;width:100%;max-width:200px}.patreon-column .popular{position:absolute;display:block;top:15px;margin:10px 5px;border-radius:15px;background-color:rgba(255,0,0,.3);padding:5px 40px;color:#fff;font-weight:700;font-size:10pt;text-align:center;text-shadow:0 0 2px rgba(55,55,55,.8);text-transform:uppercase}.patreon-column ul li{margin:5px 1px 5px 10px;padding:5px 0 0 5px;border-bottom:1px solid #eee}.patreon-column ul li:nth-child(odd){color:rgba(0,0,0,.8)}.patreon-column .previous{color:rgba(0,0,0,.2)!important}.patreon-col-1{background:linear-gradient(to bottom,#ffc8c8,rgba(255,255,255,.5))}.patreon-col-2{background:linear-gradient(to bottom,#ffdec8,rgba(255,255,255,.5))}.patreon-col-3{background:linear-gradient(to bottom,#ffffc8,rgba(255,255,255,.5))}.patreon-col-4{background:linear-gradient(to bottom,#deffde,rgba(255,255,255,.5))}.patreon-col-5{background:linear-gradient(to bottom,#c8ffc8,rgba(255,255,255,.5))}.patreon-col-6{background:linear-gradient(to bottom,#c8ffff,rgba(255,255,255,.5))}.patreon-descriptions h3{margin-top:40px;color:#577382}.game-card{width:450px;margin-right:20px}.game-card *{padding:0;margin:0 0 10px}
/* ===== Item 226: the one layout, in the shared web design language (studio/web-design-language.md). Dark only.
   Tokens are the only colours the new parts use; legacy page bodies keep their own styles above. ===== */
:root{--frame:1152px;--gutter:32px;--pxg-bg:#0b1018;--pxg-bg-alt:#070a10;--pxg-surface:#121a26;--pxg-surface-2:#1a2433;--pxg-border:rgba(128,166,214,.18);--pxg-border-strong:rgba(128,166,214,.38);--pxg-text:#e6edf6;--pxg-text-2:#a9b7c9;--pxg-text-3:#7a8aa0;--pxg-brand:#2f6db3;--pxg-brand-hover:#3d82cf;--pxg-brand-text:#80d6ff;--pxg-accent:#cdf03c;--pxg-accent-hover:#ddff66;--pxg-accent-soft:rgba(205,240,60,.35);--pxg-radius:12px;--pxg-display:'Russo One',var(--pxg-sans);--pxg-body:Play,var(--pxg-sans);--pxg-label:Rajdhani,var(--pxg-sans);--pxg-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--pxg-sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color-scheme:dark}
html,body{background-color:var(--pxg-bg)}
.pxg-ext{display:inline-block;width:12px;height:12px;margin-left:5px;vertical-align:-1px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.7}
img.pixel,.pxg-pixel{image-rendering:pixelated}
/* header */
.navbar.pxg-nav{margin:0;border:0;border-bottom:1px solid var(--pxg-border);border-radius:0;background:var(--pxg-bg-alt);background-image:none;box-shadow:none;font-family:var(--pxg-sans);min-height:60px;position:relative;z-index:2000}
.pxg-nav .navbar-brand.pxg-brand{display:flex;align-items:center;gap:10px;height:60px;padding:0 15px;color:var(--pxg-text);font-weight:700;font-size:17px;letter-spacing:-.01em;text-shadow:none}
.pxg-nav .navbar-brand.pxg-brand img{border-radius:4px;image-rendering:pixelated}
.pxg-nav .navbar-nav>li>a{color:var(--pxg-text-2);font-size:14px;font-weight:600;text-shadow:none;padding-top:20px;padding-bottom:20px}
.pxg-nav .navbar-nav>li>a:hover,.pxg-nav .navbar-nav>li>a:focus,.pxg-nav .navbar-nav>.open>a,.pxg-nav .navbar-nav>.open>a:hover,.pxg-nav .navbar-nav>.open>a:focus{color:var(--pxg-text);background:transparent;background-image:none;box-shadow:none}
.pxg-nav .navbar-nav>li.pxg-nav-cta>a{margin:12px 0 12px 8px;padding:0 16px;line-height:36px;border-radius:8px;background:var(--pxg-accent);color:#0b1018;font-weight:700}
.pxg-nav .navbar-nav>li.pxg-nav-cta>a:hover,.pxg-nav .navbar-nav>li.pxg-nav-cta>a:focus{background:var(--pxg-accent-hover);color:#0b1018}
.pxg-nav .dropdown-menu{background:var(--pxg-surface);border:1px solid var(--pxg-border);border-radius:10px;box-shadow:0 12px 30px -10px rgba(0,0,0,.7);padding:6px 0;min-width:230px}
.pxg-nav .dropdown-menu>li>a,.pxg-nav .pxg-logout-btn{display:block;width:100%;padding:6px 18px;color:var(--pxg-text-2);font-size:14px;text-align:left;text-decoration:none;background:transparent;background-image:none;border:0}
.pxg-nav .dropdown-menu>li>a:hover,.pxg-nav .dropdown-menu>li>a:focus,.pxg-nav .pxg-logout-btn:hover,.pxg-nav .pxg-logout-btn:focus{color:var(--pxg-text);background:var(--pxg-surface-2);background-image:none}
.pxg-nav .dropdown-menu .divider{background:var(--pxg-border);margin:6px 0}
.pxg-nav .dropdown-header{font-family:var(--pxg-mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pxg-text-3);padding:8px 18px 4px}
.pxg-nav .pxg-logout{margin:0}
.pxg-nav .navbar-toggle{border-color:var(--pxg-border-strong);margin-top:13px}
.pxg-nav .navbar-collapse{border-color:var(--pxg-border);box-shadow:none}
@media (max-width:767px){.pxg-nav .navbar-nav .open .dropdown-menu{background:transparent;border:0;box-shadow:none}.pxg-nav .navbar-nav .open .dropdown-menu>li>a,.pxg-nav .navbar-nav .open .dropdown-menu .pxg-logout-btn{color:var(--pxg-text-2);padding-left:30px}.pxg-nav .navbar-nav>li>a{padding-top:10px;padding-bottom:10px}.pxg-nav .navbar-nav>li.pxg-nav-cta>a{display:inline-block;margin:6px 15px}}
@media (min-width:768px) and (max-width:991px){.pxg-nav .navbar-nav>li>a{padding-left:8px;padding-right:8px;font-size:13px}.pxg-nav .navbar-brand.pxg-brand span{display:none}}
/* footer */
.pxg-footer{background:var(--pxg-bg-alt);border-top:1px solid var(--pxg-border);font-family:var(--pxg-sans);color:var(--pxg-text-2)}
.pxg-footer-inner{box-sizing:content-box;max-width:var(--frame);margin:0 auto;padding:48px var(--gutter) 40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.6fr);gap:40px}
.pxg-footer-logo{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:17px;color:var(--pxg-text)!important;text-decoration:none!important}
.pxg-footer-logo img{border-radius:4px;image-rendering:pixelated}
.pxg-footer-brand p{margin:12px 0 18px;font-size:14px;line-height:1.6;max-width:280px}
.pxg-footer-cols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.pxg-footer-col h3{margin:0 0 12px;font-family:var(--pxg-mono);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pxg-text-3)}
.pxg-footer-col a{display:block;padding:4px 0;font-size:14px;color:var(--pxg-text-2);text-decoration:none}
.pxg-footer-col a:hover{color:var(--pxg-brand-text);text-decoration:none}
.pxg-footer-base{border-top:1px solid var(--pxg-border);padding:18px var(--gutter);text-align:center;font-size:13px;color:var(--pxg-text-3)}
.pxg-newsletter label{display:block;font-family:var(--pxg-mono);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pxg-text-3);margin:0 0 8px}
.pxg-newsletter-row{display:flex;gap:8px;max-width:320px}
.pxg-newsletter .form-control{background:var(--pxg-surface);border:1px solid var(--pxg-border-strong);color:var(--pxg-text);height:36px;box-shadow:none}
@media (max-width:991px){.pxg-footer-inner{grid-template-columns:minmax(0,1fr);gap:32px}.pxg-footer-cols{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.pxg-footer-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}}
/* buttons */
.pxg-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 20px;border-radius:999px;border:1px solid transparent;font-family:var(--pxg-sans);font-size:15px;font-weight:700;white-space:nowrap;text-decoration:none!important;cursor:pointer;transition:background-color .2s}
.pxg-btn-sm{min-height:36px;padding:0 14px;font-size:14px;border-radius:8px}
.pxg-btn-brand{background:var(--pxg-brand);color:#fff!important}
.pxg-btn-brand:hover,.pxg-btn-brand:focus{background:var(--pxg-brand-hover)}
.pxg-btn-accent{background:var(--pxg-accent);color:#0b1018!important}
.pxg-btn-accent:hover,.pxg-btn-accent:focus{background:var(--pxg-accent-hover)}
/* page parts: hero, section, card grid (new pages; legacy pages keep their own layout) */
.pxg-page{font-family:var(--pxg-sans);color:var(--pxg-text);background:var(--pxg-bg);font-size:16px;line-height:1.6}
.pxg-page a{color:var(--pxg-brand-text)}
/* One content width on every page [H 2026-10-25: "consistent content width!!!"]: header row, content column and footer row share
   one 1152px frame with a 32px gutter (24px below 768px). Bootstrap .container on legacy pages uses the same frame. */
.pxg-frame,.container{box-sizing:content-box;width:auto;max-width:var(--frame);margin-left:auto;margin-right:auto;padding-left:var(--gutter);padding-right:var(--gutter)}
@media (max-width:767px){:root{--gutter:24px}}
.pxg-prose{max-width:72ch}
.pxg-eyebrow{margin:0 0 8px;font-family:var(--pxg-mono);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pxg-accent)}
.pxg-page h1,.pxg-page h2,.pxg-page h3{font-family:var(--pxg-display);font-weight:400;color:var(--pxg-text);text-wrap:balance;letter-spacing:.005em}
.pxg-h1{margin:0;font-size:clamp(32px,5vw,54px);line-height:1.1;font-weight:800;max-width:720px}
.pxg-h2{margin:0;font-size:clamp(26px,3.6vw,36px);line-height:1.2;font-weight:800}
.pxg-lede{margin:16px 0 0;max-width:72ch;font-size:18px;line-height:1.7;color:var(--pxg-text-2)}
.pxg-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.pxg-hero{position:relative;padding:104px 0 128px;background:linear-gradient(180deg,rgba(11,16,24,0) 55%,var(--pxg-bg) 100%),url('images/bg.jpg') center/cover no-repeat;background-color:var(--pxg-bg)}.pxg-hero h1{max-width:620px}.pxg-hero .pxg-lede{max-width:540px}
.pxg-hero-sm{padding:72px 0 80px}
/* Home hero leads with the wordmark [H 2026-10-26: "make the hero of the site have more focus on our logo and branding"] */
.pxg-hero-logo{display:block;width:min(520px,100%);height:auto;margin:0 0 28px -10px;filter:drop-shadow(0 8px 28px rgba(0,0,0,.65))}
.pxg-hero-logo+.pxg-h1{font-size:clamp(26px,3.2vw,36px)}
.pxg-hero .pxg-lede{color:#c9d5e3}
@media (max-width:767px){.pxg-hero{padding:56px 0 72px}}
.pxg-section{padding:56px 0}
.pxg-section+.pxg-section{padding-top:8px}
.pxg-group-title{margin:36px 0 14px;font-family:var(--pxg-mono);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pxg-text-3)}
.pxg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.pxg-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px;align-items:start}
.pxg-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:991px){.pxg-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.pxg-grid-2,.pxg-grid-4{grid-template-columns:minmax(0,1fr)}}
.pxg-group-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 20px;margin:40px 0 14px}
.pxg-group-head .pxg-group-title{margin:0}
.pxg-group-link{font-size:14px;font-weight:600;color:var(--pxg-brand-text)}
.pxg-card{display:flex;flex-direction:column;gap:6px;min-width:0;padding:22px 22px 20px;border-radius:var(--pxg-radius);border:1px solid var(--pxg-border);background:var(--pxg-surface);color:inherit;text-decoration:none!important;transition:border-color .2s}
a.pxg-card:hover{border-color:var(--pxg-border-strong)}
.pxg-card-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.pxg-card-label{font-family:var(--pxg-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--pxg-text-3)}
.pxg-card-status{font-family:var(--pxg-mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--pxg-accent);border:1px solid var(--pxg-accent-soft);border-radius:999px;padding:1px 8px}
.pxg-card-title{margin:4px 0 0;font-size:19px;line-height:1.35;font-weight:700;color:var(--pxg-text)}
.pxg-card-body{margin:0;font-size:15px;line-height:1.6;color:var(--pxg-text-2)}
.pxg-card-art{margin:-22px -22px 10px;border-radius:var(--pxg-radius) var(--pxg-radius) 0 0;overflow:hidden;aspect-ratio:16/7;background:#000}
.pxg-card-art img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;display:block}
.pxg-links{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.pxg-links a{display:inline-flex;align-items:center;padding:8px 14px;border-radius:8px;border:1px solid var(--pxg-border);background:var(--pxg-surface);color:var(--pxg-text-2);text-decoration:none}
.pxg-links a:hover{border-color:var(--pxg-border-strong);color:var(--pxg-text)}
.pxg-band{padding:40px 0 72px}
.pxg-band-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:28px 32px;border-radius:var(--pxg-radius);border:1px solid var(--pxg-border);background:var(--pxg-surface)}
.pxg-band-inner p{margin:0;font-size:17px;color:var(--pxg-text-2)}

/* Item 226: no sideways scroll on phones (measured at 390). Legacy fixed-width boxes shrink to the screen; the desktop look is unchanged. */
img{max-width:100%;height:auto}
@media (max-width:767px){
.callout{display:block}
.container-inner{margin-left:0;margin-right:0}
#logo_login{width:100%;max-width:420px;height:auto;aspect-ratio:420/138;background-size:contain;background-position:center}
#login-box,#register-box,#login-outside,#login-form,#registration-form,#forgotpass-form{width:auto;max-width:100%;box-sizing:border-box}
.section-title,.section-title-gray,.section-title-orange{font-size:32px;margin:40px 0 20px;overflow-wrap:anywhere}
.callout-padding{padding:10px!important}
.large-button{white-space:normal;box-sizing:border-box}
.pxg-page table,.callout table,.container table{display:block;max-width:100%;overflow-x:auto}
}

/* Form fields are white with dark text everywhere [H 2026-10-26: "some forms are black fields in the admin panel … make sure they're white and styled properly"].
   The page is color-scheme:dark, which browsers pass on to native fields, selects, checkboxes and the blog editor's iframe; they draw light again here.
   The footer newsletter keeps its own dark field (.pxg-newsletter .form-control, more specific). */
input,select,textarea,iframe,.cke{color-scheme:light}
.form-control,select,textarea,input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=url],input[type=tel],input[type=date]{background-color:#fff;color:#1a2230;border:1px solid #9fb0c4;border-radius:6px}
.form-control:focus,select:focus,textarea:focus,input:focus{border-color:var(--pxg-brand);box-shadow:0 0 0 3px rgba(47,109,179,.25);outline:0}
.form-control::placeholder,textarea::placeholder,input::placeholder{color:#7a889a}
.pxg-newsletter .form-control{color-scheme:dark}

/* ── Redesign foundation (2026-10-26) [H: "come up with a new design … the blog could be good inspiration"] ──
   The blog's identity, site-wide: Russo One display headings, Play body text, Rajdhani labels; dark grunge panels with
   a soft top-down gradient; neon accent for highlights. AI art lives in images/accent/ and is decoration only
   [H 2026-10-26: "don't use them as showcasing our work … more for making it look fancy"]. */
.pxg-page{font-family:var(--pxg-body)}
.pxg-h1,.pxg-h2,.pxg-card-title,.pxg-display{font-family:var(--pxg-display);font-weight:400;letter-spacing:.005em}
.pxg-eyebrow,.pxg-card-label,.pxg-group-title,.pxg-footer-col h3{font-family:var(--pxg-label);font-weight:700;letter-spacing:.14em}
/* A panel in the blog's manner: a lit top edge fading into the dark page. */
.pxg-panel{position:relative;border-radius:var(--pxg-radius);border:1px solid var(--pxg-border);background:linear-gradient(180deg,rgba(26,36,51,.92) 0%,rgba(18,26,38,.78) 45%,rgba(11,16,24,.55) 100%);box-shadow:0 18px 40px -24px rgba(0,0,0,.9),inset 0 1px 0 rgba(128,166,214,.12)}
.pxg-card{background:linear-gradient(180deg,#16202f 0%,#121a26 60%,#0f1620 100%);box-shadow:inset 0 1px 0 rgba(128,166,214,.10)}
a.pxg-card:hover{border-color:var(--pxg-border-strong);transform:translateY(-2px);box-shadow:0 18px 36px -20px rgba(0,0,0,.9),inset 0 1px 0 rgba(205,240,60,.18)}
a.pxg-card{transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
@media (prefers-reduced-motion:reduce){a.pxg-card{transition:none}a.pxg-card:hover{transform:none}}
/* The glowing divider: images/accent/divider-glow.webp is light on black, so `screen` drops the black. */
.pxg-divider{height:56px;margin:8px auto;max-width:900px;background:url('images/accent/divider-glow.webp') center/100% 100% no-repeat;mix-blend-mode:screen;opacity:.9}
/* Section backdrops built from the accent art; a section adds one of these classes. */
.pxg-bg-streaks{background:linear-gradient(90deg,var(--pxg-bg) 0%,rgba(11,16,24,.6) 45%,rgba(11,16,24,0) 100%),url('images/accent/hero-streaks.webp') right center/cover no-repeat;background-color:var(--pxg-bg)}
.pxg-bg-grid{background:linear-gradient(180deg,var(--pxg-bg) 0%,rgba(11,16,24,.35) 40%,var(--pxg-bg) 100%),url('images/accent/grid-texture.webp') center bottom/cover no-repeat;background-color:var(--pxg-bg)}
.pxg-bg-console{background:linear-gradient(180deg,rgba(11,16,24,.35),var(--pxg-bg)),url('images/accent/console-glow.webp') center/cover no-repeat;background-color:var(--pxg-bg)}
.pxg-bg-pixels{background:url('images/accent/pixel-constellation.webp') center/cover no-repeat;background-color:var(--pxg-bg)}