@charset "utf-8";

/*
 * MU Supreme / Supreme Ember public CSS bundle.
 * Generated by private_tools/build/build_supreme_ember_css.ps1.
 * Edit the source stylesheets and regenerate this file; do not edit the bundle directly.
 */

/* --- source: assets/supreme_ember/css/bootstrap.min.css --- */
:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([class]){color:inherit;text-decoration:none}a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit;text-align:-webkit-match-parent}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}mark{padding:.2em;background-color:#e6eff9}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014\00A0"}code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col,.col-12,.col-2,.col-3,.col-4,.col-9,.col-auto,.col-lg-10,.col-md-12,.col-md-4,.col-sm-2,.col-sm-4,.col-sm-8{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#97bde6}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#9bc0e8}.table-hover .table-danger:hover{background-color:#b4d0ed}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#b4d0ed}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;font-size:1rem;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.form-row>.col>.valid-tooltip,.form-row>[class*=col-]>.valid-tooltip{left:5px}.is-valid~.valid-feedback,.is-valid~.valid-tooltip{display:block}.form-control.is-valid{border-color:#28a745;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid{border-color:#28a745;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat}.custom-select.is-valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-check-input.is-valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.form-row>.col>.invalid-tooltip,.form-row>[class*=col-]>.invalid-tooltip{left:5px}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip{display:block}.form-control.is-invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid{border-color:#dc3545;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat}.custom-select.is-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#0069d9;border-color:#0062cc;box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#5a6268;border-color:#545b62;box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#218838;border-color:#1e7e34;box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{color:#212529;background-color:#e0a800;border-color:#d39e00;box-shadow:0 0 0 .2rem rgba(44, 115, 190, .5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(44, 115, 190, .5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c82333;border-color:#bd2130;box-shadow:0 0 0 .2rem rgba(91, 152, 217, .5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(91, 152, 217, .5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{color:#212529;background-color:#e2e6ea;border-color:#dae0e5;box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{color:#fff;background-color:#23272b;border-color:#1d2124;box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#e9ecef}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:first-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;z-index:1;display:block;min-height:1.5rem;padding-left:1.5rem;-webkit-print-color-adjust:exact;color-adjust:exact}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:1.25rem;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before,.custom-control-input[disabled]~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:50%/50% 50% no-repeat}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(.75rem);transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;overflow:hidden;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;overflow:hidden;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:1.4rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{-ms-transition:none;transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:50%/100% 100% no-repeat}.navbar-nav-scroll{max-height:75vh;overflow-y:auto}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem;border-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom,.card-img-top{-ms-flex-negative:0;flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{-ms-flex:1 0 0%;flex:1 0 0%;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion{overflow-anchor:none}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;z-index:2;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#777acb;background-color:#41437b;border-color:#5a5cb1}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#102a46}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#b4d0ed}.alert-danger .alert-link{color:#122d49}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;line-height:0;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:1s linear infinite progress-bar-stripes;animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#b4d0ed}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0}a.close.disabled{pointer-events:none}.toast{-ms-flex-preferred-size:350px;flex-basis:350px;max-width:350px;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);height:-webkit-min-content;height:-moz-min-content;height:min-content;content:""}.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem);height:-webkit-min-content;height:-moz-min-content;height:min-content}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:50%/100% 100% no-repeat}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:.75s linear infinite spinner-grow;animation:.75s linear infinite spinner-grow}.spinner-grow-sm{width:1rem;height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{-webkit-animation-duration:1.5s;animation-duration:1.5s}}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.h-100{height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.m-1{margin:.25rem!important}.mt-1{margin-top:.25rem!important}.mr-1{margin-right:.25rem!important}.mb-1{margin-bottom:.25rem!important}.ml-1{margin-left:.25rem!important}.mt-2{margin-top:.5rem!important}.mb-2{margin-bottom:.5rem!important}.mt-3{margin-top:1rem!important}.mr-3{margin-right:1rem!important}.mb-3{margin-bottom:1rem!important}.mt-4{margin-top:1.5rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.p-0{padding:0!important}.p-2{padding:.5rem!important}.py-3{padding-top:1rem!important}.py-3{padding-bottom:1rem!important}.mx-auto{margin-right:auto!important}.mx-auto{margin-left:auto!important}@media (min-width:992px){.mb-lg-0{margin-bottom:0!important}}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#235b97!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;word-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}

/* --- source: assets/supreme_ember/css/style.css --- */
@font-face{ font-family: 'albertus'; src: url("../fonts/albertus.eot"); src: url("../fonts/albertus.eot?iefix") format("eot"), url("../fonts/albertus.woff") format("woff"), url("../fonts/albertus.ttf") format("truetype"); font-weight: normal; font-style: normal; }@font-face{ font-family: 'DINNextW1G'; src: url("../fonts/DINNextW1G.eot"); src: url("../fonts/DINNextW1G.eot?iefix") format("eot"), url("../fonts/DINNextW1G.woff") format("woff"), url("../fonts/DINNextW1G.ttf") format("truetype"); font-weight: normal; font-style: normal; }html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{ margin: 0; padding: 0; border: 0; vertical-align: baseline; }article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display: block; }body{ line-height: 1; }ol,ul{ list-style: none; }blockquote,q{ quotes: none; }blockquote:before,blockquote:after,q:before,q:after{ content: ''; content: none; }table{ border-collapse: collapse; border-spacing: 0; }article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{ display: block; }*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }html,body{ position: relative; overflow-x: hidden; }body{ width: 100%; background: url(../images/top-bg.jpg) center top no-repeat, url(../images/bottom-bg.jpg) center bottom no-repeat; background-color: #100a16; font-family: 'albertus'; font-size: 18px; color: #898791; min-height: 100vh; }a{ transition: all 0.3s ease; color: #e6e3f4; text-decoration: none; }a:hover{ text-decoration: none; }p{ margin-bottom: 20px; }h1,h2,h3,h4{ color: #96bde6; margin-bottom: 20px; line-height: 1.2; }h1{ font-size: 30px; }h2{ font-size: 26px; }h3{ font-size: 22px; }h4{ font-size: 18px; }table{ width: 100%; margin-bottom: 15px; }table td{ border-collapse: collapse; padding: 10px; border: 1px solid rgba(86, 84, 96, 0.4); }img{ max-width: 100%; }caption{ margin-bottom: 15px; }select{ background: #1d1d28; min-width: 150px; border: 1px solid #1d1d28; color: #7d7c92; margin-bottom: 15px; padding: 12px 40px 12px 20px; position: relative; -webkit-appearance: none; background-image: url(../images/icon-drop.png); background-position: right 10px center; background-repeat: no-repeat; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; -ms-appearance: none; appearance: none !important; cursor: pointer; }input:not([type='checkbox']):not([type='radio']):not([type='file']):not(.form-control),textarea{ background: rgba(29, 29, 40, 0.7); border: 1px solid rgba(29, 29, 40, 0.7); color: #7d7c92; position: relative; font-size: 18px; width: 100%; font-family: 'DINNextW1G'; padding: 14px 18px; border-radius: 6px; }button,.button{ transition: all 0.3s ease; cursor: pointer; background: none; color: #96bde6; position: relative; z-index: 1; text-align: center; border: 2px solid #96bde6; border-radius: 6px; display: inline-flex; align-items: center; font-size: 16px; text-transform: uppercase; padding: 14px 16px; }button:hover,.button:hover{ background: rgba(150, 189, 230, 0.3); color: #fff; }.button{ text-decoration: none; }.button-white{ border: 2px solid rgba(142, 148, 163, 0.37); color: #afadb5; }.button-white:hover{ background: rgba(142, 148, 163, 0.1); }.button-small{ font-size: 14px; padding: 14px 18px; }:focus{ outline: none; }::-webkit-input-placeholder{ color: #66647e; }::-moz-placeholder{ color: #66647e; }:-moz-placeholder{ color: #66647e; }:-ms-input-placeholder{ color: #66647e; }:root{ --more-width: 45px; --more-margin: 0px; --menu-margin: 0px; }.wrapper{ max-width: 1440px; width: 100%; margin: 0 auto; position: relative; }.flex-c{ display: flex; align-items: center; flex-wrap: wrap; }.flex-s-c{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }.flex-c-c{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }.menu-wrapper{ position: relative; display: flex; justify-content: space-between; align-items: center; height: 120px; max-width: 700px; width: 100%; }.menu-main{ margin-right: var(--menu-margin); display: flex; align-items: center; height: 100%; }.menu__link{ text-transform: uppercase; text-decoration: none; padding: 15px 25px; color: #e6e3f4; font-size: 18px; }.menu__link:hover{ color: #96bde6; }.menu-more{ height: 100%; width: var(--more-width); margin-left: var(--more-margin); display: none; align-items: center; justify-content: center; flex-shrink: 0; }.menu-more.active{ display: inline-flex; }.menu-sub{ position: absolute; overflow: hidden; right: 0; top: 100%; background-color: rgba(28, 27, 47, 0.7); z-index: 20; display: flex; flex-direction: column; opacity: 0; visibility: hidden; transition: 0.3s; }.menu-sub li a{ display: block; padding: 15px 15px; }.menu-more{ cursor: pointer; }.menu-more:hover .menu-sub{ opacity: 1; visibility: visible; }.langBlock{ position: relative; z-index: 4; width: 80px; height: 120px; display: flex; align-items: center; justify-content: center; }.langBlock:hover img{ border: 4px solid #5b5969; }.langBlock img{ width: 32px; height: 32px; border-radius: 50%; border: 4px solid #3c3b47; transition: 0.3s; }.langBlock-active{ padding: 10px 10px 10px 10px; border-radius: 6px; cursor: pointer; transition: 0.3s; }.langBlock-active span{ position: relative; }.langBlock-active span:after{ content: ""; position: absolute; background: url(../images/icon-drop.png); width: 12px; height: 7px; top: 50%; margin-top: -3.5px; right: -20px; transition: 0.3s; opacity: 0.3; }.langBlock-dropdown{ z-index: 4; position: absolute; top: 100%; min-width: 190px; background-color: rgba(28, 27, 47, 0.7); padding: 10px 0px; display: none; }.langBlock-dropdown a{ display: flex; align-items: center; padding: 10px 10px; }.accountBlock{ position: relative; display: flex; align-items: center; justify-content: center; }.accountBlock-dropdown{ z-index: 4; position: absolute; top: 85px; min-width: 190px; background-color: rgba(28, 27, 47, 0.9); padding: 10px 0px; display: none; }.accountBlock-dropdown a{ display: flex; align-items: center; padding: 10px 10px; }.topPanel-left,.topPanel-right{ display: flex; align-items: center; }.accountBlock-dropdown hr{border-color: #4d4e62; margin-top: 25px;}.online{ display: flex; align-items: center; }.news-block{
    background: #21202c;
    border-radius: 20px;
    padding: 40px;
	width: 940px;
}.news-block h3{
	margin-bottom: 35px;
	margin-top: -5px;
}.news-block .date{
	opacity: 0.5;
	margin-top: 30px;
	display: block;
}.online-flex{ width: 74px; height: 74px; background: url(../images/online-bg.png) no-repeat; margin-left: 35px; }.online-block{ width: 74px; height: 74px; text-align: center; color: #e6e3f4; font-size: 16px; line-height: 1.2; padding-top: 15px; }.online-block span{ font-family: 'DINNextW1G'; font-size: 12px; display: block; }.online-block-active{ background: url(../images/online-pgrogress.png) no-repeat; }.color-green{ color: #c5e31e; }.color-red{ color: #4489d3; }.user-enter{ border: 3px solid rgba(142, 148, 163, 0.4); border-radius: 6px; display: flex; align-items: center; color: #e6e3f4; font-size: 16px; text-transform: uppercase; padding: 14px 16px; }.user-enter:hover{ background: rgba(255, 255, 255, 0.1); }.icon{ display: inline-block; }.icon-enter{ background: url(../images/icon-enter.png); width: 22px; height: 17px; margin-right: 15px; }.icon-battle{ background: url(../images/icon-battle.png); width: 20px; height: 21px; margin-right: 15px; }.header{ height: 470px; position: relative; }.title{display: table;width: 100%;}.logo{ position: relative; z-index: 3; }.logo img{ display: block; width: 430px; max-width: 100%; height: auto; }.headerInfo{ text-align: right; max-width: 430px; position: relative; z-index: 3; }.headerInfo-title{ color: #e6e3f4; font-size: 40px; line-height: 1.3; margin-bottom: 20px; }.headerInfo-title span{ color: #96bde6; font-weight: bold; }.headerInfo-text{ font-family: 'DINNextW1G'; line-height: 1.4; margin-bottom: 25px; }.main{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; position: relative; z-index: 10; padding-bottom: 100px; border-bottom: 1px solid rgba(131, 128, 139, 0.1); }.sidebar{ width: 450px; }.news{ width: calc(100% - 450px - 50px); }.tabs-button{ display: flex; margin-left: -5px; margin-right: -5px; margin-bottom: 20px; }.tabs-button li{ width: 33.3%; margin: 0px 5px; background: #21202c; border-radius: 20px; height: 70px; line-height: 70px; text-align: center; color: #83808b; text-transform: uppercase; position: relative; transition: 0.3s; cursor: pointer; }.tabs-button li.active{ background: #272634; color: #96bde6; }.tabs-button li.active:after{ opacity: 1; }.tabs-button li:after{ content: ''; position: absolute; left: 50%; bottom: -27px; margin-left: -14px; border: 14px solid transparent; border-top: 14px solid #272634; transition: 0.3s; opacity: 0; }.tabContent{ border-radius: 20px; }.tabBlock{ background: url(../images/table-bg.jpg) top center no-repeat; background-size: cover; width: 100%; height: 570px; border-radius: 20px; padding: 20px 30px; position: relative; }.table{ position: absolute; height: 100%; width: 100%; }.tabBlock .button{display:block;margin-top: 25px !important}.table-row{ height: 45px; display: flex; align-items: center; width: 100%; border-bottom: 1px solid rgba(86, 84, 96, 0.15); }.table-row:last-child{ border-bottom: none; }.table-td{ font-size: 16px; font-family: 'DINNextW1G'; color: #6c6a7c; height: 100%; display: flex; align-items: center; }.table-td.number{ width: 50px; border-right: 1px solid rgba(86, 84, 96, 0.15); }.table-td.number span{ width: 26px; height: 26px; line-height: 26px; border-radius: 4px; color: #6c6a7c; text-align: center; display: inline-block; }.table-td.name{ width: calc(100% - 50px - 65px); padding: 0px 20px; }.table-td.name a{ color: #6c6a7c; }.table-td.name a:hover{ color: #fff; }.table-td.points{ width: 65px; justify-content: center; border-left: 1px solid rgba(86, 84, 96, 0.15); }.table-row-top .table-td{ color: #c5c2d5; font-weight: bold; }.table-row-top .table-td span{ color: #19171f; font-weight: bold; }.table-row-top .table-td a{ color: #c5c2d5; }.tabs-content{ transition: 0.3s; transform: scale(0); opacity: 0; }.tabs-content:not(.active){
  display: none;
}.tabs-content.active{ display: block; transform: scale(1); 
  animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;opacity: 1;}.top{ margin-bottom: 45px; }.footer{ padding: 80px 0px; display: flex; color: #5a5864; }.footer a{ color: #5a5864; }.footer a:hover{ color: #fff; }.footerInfo{ width: 35%; }.footerInfo-title{ margin-bottom: 25px; }.footerInfo-text{ font-family: 'DINNextW1G'; font-size: 12px; text-transform: uppercase; margin-bottom: 40px; line-height: 1.5; }.footerInfo-buttons a{ font-size: 12px; text-transform: uppercase; border-bottom: 1px solid #29252f; font-weight: bold; margin-right: 25px; }.footerMenu{ width: 45%; }.footerMenu ul{ padding-left: 160px; }.footerMenu ul li{ padding: 12px 0px; }.footerMenu ul li a{ font-size: 16px; text-transform: uppercase; }.footerRight{ width: 20%; display: flex; justify-content: flex-end; flex-wrap: wrap; }.news-title{ font-size: 38px; text-transform: uppercase; padding: 16px 0px; margin-bottom: 20px; color: #e6e3f4; }.news-title span{ color: #96bde6; padding-left: 5px; }.newsBlock{ background-color: #242430; border-radius: 20px; width: 100%; height: 370px; background-position: center right; background-repeat: no-repeat; background-size: 101%; position: relative; padding: 30px 30px 30px 75px; margin-bottom: 20px; transition: 0.3s; }.newsBlock:hover{ background-size: 110%; }.newsBlock-date{ position: absolute; background: #96bde6; width: 55px; height: 65px; border-radius: 6px; left: -10px; top: 25px; color: #242430; text-align: center; font-size: 26px; padding-top: 7px; }.newsBlock-date span{ font-size: 17px; font-weight: bold; }.newsBlock-title{ max-width: 370px; margin-bottom: 25px; }.newsBlock-title a{ color: #afadb5; font-size: 26px; line-height: 1.3; }.newsBlock-title a span{ color: #96bde6; }.newsBlock-title a:hover{ color: #fff; }.newsBlock-text{ font-family: 'DINNextW1G'; line-height: 1.4; max-width: 420px; margin-bottom: 30px;}.newsBlock-text{
		max-height: 140px;
		overflow: hidden;
	}.newsBlockFlex{ display: flex; justify-content: space-between; flex-wrap: wrap; }.newsBlockSmall{ width: calc(50% - 10px); }.newsBlockSmall .newsBlock-title{ max-width: 280px; }.newsBlockSmall .newsBlock-title a{ font-size: 22px; }.show-more{ display: block; border-radius: 20px; background-color: #201d25; color: #5d5964; text-align: center; text-transform: uppercase; font-size: 22px; padding: 20px 20px; }.show-more:hover{ filter: brightness(120%); }.modal_div{ width: 100%; max-width: 600px; background: url(../images/modal-bg.jpg) center top no-repeat; background-size: cover; background-color: #242430; background-color: rgba(0, 0, 0, 0.95); position: fixed; top: 15%; left: 50%; margin-left: -300px; display: none; opacity: 0; z-index: 35; padding: 50px 60px; box-shadow: 0px 10px 20px 1px rgba(0, 0, 0, 0.5); border-radius: 20px; }.modal_div .modal_close{ width: 24px; height: 24px; position: absolute; top: -28px; right: -28px; cursor: pointer; display: block; background: url(../images/close1.png) no-repeat; }#overlay{ z-index: 30; position: fixed; background-color: #070a11; opacity: 0.8; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; display: none; }.modal-title{ margin-bottom: 30px; }.modal-title span{ color: #e6e3f4; font-size: 26px; text-transform: uppercase; }.modal-title a{ padding: 9px 12px; }.checkbox-container{ display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-right: 30px; }.checkbox-container input{ position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; padding: 0px; border: none; }.formGroup{ margin-bottom: 20px; }.formGroup p{ color: #e6e3f4; font-size: 14px; text-transform: uppercase; margin-bottom: 15px; font-family: 'DINNextW1G'; }.formButtons button:not(:last-child),.formButtons .button:not(:last-child){ margin-right: 10px; }.rules{ display: flex; align-items: center; margin-bottom: 30px; padding-top: 10px; position: relative; }.rules a{ color: #96bde6; text-decoration: underline; }.rules a:hover{ text-decoration: none; }.btn-mobile{ position: fixed; transition: 0.3s; left: 10px; top: 10px; z-index: 23; display: none; }.btn-mobile span{ display: block; width: 35px; height: 5px; margin: 7px 0px; background: #fff; position: relative; z-index: 22; border-radius: 4px; }.btn-mobile.active{ left: 270px; }.btn-mobile.active span:nth-child(1){ transform: rotate(45deg); top: 6px; }.btn-mobile.active span:nth-child(2){ display: none; }.btn-mobile.active span:nth-child(3){ transform: rotate(-45deg); bottom: 6px; }.mobile-menu{ display: none; }.content{ background: #21202c; border-radius: 20px; padding: 20px; width: calc(100% - 450px - 50px); font-family: 'DINNextW1G'; line-height: 1.4; }.content a{ color: #96bde6; text-decoration: underline; }.content a:hover{ text-decoration: none; }@media (max-width: 1440px){.wrapper{ padding: 0px 10px; }.menu-wrapper{ max-width: 600px; }.newsBlock{ background-size: cover; }.newsBlock:hover{ background-size: cover; }.footerMenu ul{ padding-left: 60px; }.user-enter{ margin-right: 0px; }}@media (min-width: 993px) and (max-width: 1200px){.newsBlockSmall{ width: 100%; }}@media (max-width: 1100px){.menu-wrapper{ max-width: 500px; }}@media (max-width: 993px){.topPanel-left{ display: block; position: fixed; width: 320px; height: 100%; left: -320px; top: 0; background-color: #242430; z-index: 20; padding: 20px; transition: 0.3s; }.topPanel-left.active{ left: 0px; }.mobile-menu{ display: block; padding-top: 100px; }.mobile-menu li{ padding: 10px 0px; }.mobile-menu li a{ text-transform: uppercase; text-decoration: none; padding: 15px 25px; color: #e6e3f4; font-size: 20px; }.menu-wrapper{ display: none !important; }.main{ flex-wrap: wrap; flex-direction: column-reverse; }.sidebar,.news,.logo,.headerInfo{ width: 100%; }.news{ margin-bottom: 40px; }.tabBlock{ background: #21202c; }.header{ height: auto; padding: 250px 0px 50px 0px; text-align: center; }.headerInfo{ max-width: 100%; text-align: center; }.topPanel-right{ height: 120px; justify-content: flex-end; width: 100%; }.btn-mobile{ display: block; }.langBlock{ position: absolute; top: 0px; left: 0; height: 60px; }.langBlock-dropdown{ background: #1c1b2f; }.content{ width: 100%; margin-bottom: 40px; }}@media (max-width: 769px){.newsBlockSmall{ width: 100%; }.footer{ flex-wrap: wrap; }.footerInfo{ width: 100%; margin-bottom: 30px; }.footerMenu,.footerRight{ width: 50%; }.footerMenu ul{ padding-left: 0px; padding-right: 15px; }.modal_div .modal_close{ right: 0px; }.modal_div{ width: 100%; left: 0; margin-left: 0px; max-width: 100%; }}@media (max-width: 525px){.footerMenu,.footerRight{ width: 100%; }.footerMenu{ margin-bottom: 40px; }.footerRight{ justify-content: center; }.online-flex{ margin-left: 10px; }.user-enter{ text-align: center; }.col-3{
	  max-width: 100%;
	  flex: none;
  }.col-9{
	  flex: none;
	  padding: 0px;
	  max-width: 100%;
  }.logo img{
	  max-width: 60%;
  }.dmn-page-content{padding:20px !important}.user-enter i{ display: none; }.user-enter{ font-size: 14px; padding: 10px 14px; }.modal_div{ padding: 50px 10px; }}.sparks{ position: absolute; width: 1200px; left: 50%; bottom: -100px; z-index: 1; }.sparks > div{ position: absolute; }.sparks .spark_1{ background: url(../images/spark_1.png) no-repeat; width: 764px; height: 313px; right: 0; bottom: -320px; -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-animation: spark-1 4s linear infinite; animation: spark-1 4s linear infinite; -webkit-animation-delay: 1s; animation-delay: 1s; }.sparks .spark_2{ background: url(../images/spark_2.png) no-repeat; width: 179px; height: 335px; right: 230px; bottom: -320px; -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-animation: spark-1 4s linear infinite; animation: spark-1 4s linear infinite; -webkit-animation-delay: 2s; animation-delay: 2s; }.sparks .spark_3{ background: url(../images/spark_3.png) no-repeat; width: 128px; height: 165px; right: 280px; bottom: -140px; -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-animation: spark-3 4s linear infinite; animation: spark-3 4s linear infinite; -webkit-animation-delay: 2s; animation-delay: 2s; }.sparks .spark-big{ background: url(../images/spark_4.png) no-repeat; width: 794px; height: 176px; right: 0; bottom: -180px; -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-animation: spark-5 4s linear infinite; animation: spark-5 4s linear infinite; }.sparks .spark_5{ -webkit-animation-delay: 2s; animation-delay: 2s; right: 40px; }.sparks_2 .spark_1{ background: url(../images/spark_1.png) no-repeat; -webkit-animation-delay: 2s; animation-delay: 2s; }.sparks_2 .spark_2{ background: url(../images/spark_2.png) no-repeat; -webkit-animation-delay: 3s; animation-delay: 3s; }.sparks_2 .spark_3{ background: url(../images/spark_3.png) no-repeat; -webkit-animation-delay: 3s; animation-delay: 3s; }.sparks_2 .spark-big{ background: url(../images/spark_4.png) no-repeat; }.sparks_2 .spark_5{ -webkit-animation-delay: 3s; animation-delay: 3s; }.sparks_2{ margin-left: -500px;}@-webkit-keyframes spark-1{ 0% { bottom: -320px; -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0; }
  25% { bottom: -240px; -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 1; }
  50% { bottom: -160px; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 1; }
  75% { bottom: -80px; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.5; }
  100% { bottom: 0px; -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }@keyframes spark-1{ 0% { bottom: -320px; -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0; }
  25% { bottom: -240px; -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 1; }
  50% { bottom: -160px; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 1; }
  75% { bottom: -80px; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.5; }
  100% { bottom: 0px; -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }@-webkit-keyframes spark-3{ 0% { bottom: -140px; -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0; }
  25% { bottom: -80px; -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 1; }
  50% { bottom: -20px; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 1; }
  75% { bottom: 40px; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.5; }
  100% { bottom: 100px; -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }@keyframes spark-3{ 0% { bottom: -140px; -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0; }
  25% { bottom: -80px; -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 1; }
  50% { bottom: -20px; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 1; }
  75% { bottom: 40px; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.5; }
  100% { bottom: 100px; -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }@-webkit-keyframes spark-5{ 0% { bottom: -180px; -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0; }
  25% { bottom: -120px; -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 1; }
  50% { bottom: -60px; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 1; }
  75% { bottom: 0px; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.5; }
  100% { bottom: 60px; -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }@keyframes spark-5{ 0% { bottom: -180px; -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0; }
  25% { bottom: -120px; -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 1; }
  50% { bottom: -60px; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 1; }
  75% { bottom: 0px; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.5; }
  100% { bottom: 60px; -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }.smoke{ position: absolute; left: 0; right: 0; top: 510px; height: 484px; width: 100%; background-image: url(../images/smoke.png); background-position: left top; background-repeat: repeat-x; -webkit-animation: smoke 20s linear infinite; animation: smoke 20s linear infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }@-webkit-keyframes smoke{ 0% { background-position: left -1920px top; }
  100% { background-position: left 1920px top; } }@keyframes smoke{ 0% { background-position: left -1920px top; }
  100% { background-position: left 1920px top; } }

/* --- source: assets/supreme_ember/css/validation.css --- */
/* Z-INDEX */
 .formError { z-index: 99999 !important; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }

    .ui-dialog .formError { z-index: 5000; }
    .ui-dialog .formError .formErrorContent { z-index: 5001; }
    .ui-dialog .formError .formErrorArrow { z-index: 5006; }




.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
	text-align: left;
}

.formError.inline {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none;
}

.formError .formErrorContent {
	width: 100%;
	background: #2d75c2;
	position:relative;
	color: #fff;
	min-width: 150px;
	font-size: 11px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	-o-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
}

.formError.inline .formErrorContent {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	-o-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #2d75c2;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 11px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

/* --- source: assets/supreme_ember/css/notice.css --- */
#notifier-box{
	position: fixed;
	top: 10px;
	right: 20px;
	z-index: 9999;
}div.message-box{
	background: #111;
	background: rgba(0, 0, 0, .8);	
	margin: 0 0 10px 0;
	padding: 10px;
	width: 300px;	
	color: #888; font-size: 13px; font-family: 'PT Sans Narrow', Ubuntu, Tahoma, Arial, sans-serif;	
	-webkit-box-shadow: 0 0 10px #999;
	-moz-box-shadow: 0 0 10px #999;
	-o-box-shadow: 0 0 10px #999;
	box-shadow: 0 0 10px #999;	
	-webkit-text-shadow: 0 1px 0 #000;
	-moz-text-shadow: 0 1px 0 #000;
	-o-text-shadow: 0 1px 0 #000;
	text-shadow: 0 1px 0 #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;	
}div.message-box:hover{
	background: #111;
	background: rgba(0, 0, 0, .9);
}div.message-box div.success{
	color: #61cd07; font-size: 14px; font-family: 'PT Sans Narrow', Ubuntu, Tahoma, Arial, sans-serif;
	margin: 0 0 10px 0;
}div.message-box div.error{
	color: #3a83d1; font-size: 14px; font-family: 'PT Sans Narrow', Ubuntu, Tahoma, Arial, sans-serif;
	margin: 0 0 10px 0;
}div.message-box a.message-close{
	background: #000 url('../images/message-close.png') center no-repeat;
	width: 15px; height: 15px;
	display: block; float: right;	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;	
	-webkit-opacity: .2;
	-moz-opacity: .2;
	-o-opacity: .2;
	opacity: .2;
}div.message-box:hover a.message-close{
	-webkit-opacity: .5;
	-moz-opacity: .5;
	-o-opacity: .5;
	opacity: .5;
}div.message-box a.message-close:hover{
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
}div.message-box div.message-body{
	overflow: hidden;
}

/* --- source: assets/supreme_ember/css/ui.css --- */
.ui-helper-hidden-accessible{
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}.ui-helper-reset{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}.ui-helper-clearfix:before,.ui-helper-clearfix:after{
	content: "";
	display: table;
	border-collapse: collapse;
}.ui-helper-clearfix:after{
	clear: both;
}.ui-front{
	z-index:1000000;
}.ui-state-disabled{
	cursor: default !important;
	pointer-events: none;
}.ui-icon{
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}.ui-widget-icon-block{
	left: 50%;
	margin-left: -8px;
	display: block;
}.ui-widget-overlay{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}.ui-accordion .ui-accordion-header{
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}.ui-accordion .ui-accordion-content{
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}.ui-autocomplete{
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}.ui-menu{
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}.ui-menu .ui-menu{
	position: absolute;
}.ui-menu .ui-menu-item{
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}.ui-menu .ui-menu-item-wrapper{
	position: relative;
	padding: 3px 1em 3px .4em;
}.ui-menu .ui-menu-divider{
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{
	margin: -1px;
}.ui-menu-icons{
	position: relative;
}.ui-menu-icons .ui-menu-item-wrapper{
	padding-left: 2em;
}.ui-menu .ui-icon{
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}.ui-menu .ui-menu-icon{
	left: auto;
	right: 0;
}.ui-button{
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{
	text-decoration: none;
}.ui-button-icon-only{
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}input.ui-button.ui-button-icon-only{
	text-indent: 0;
}.ui-button-icon-only .ui-icon{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}.ui-button.ui-icon-notext .ui-icon{
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}input.ui-button.ui-icon-notext .ui-icon{
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{
	border: 0;
	padding: 0;
}.ui-controlgroup{
	vertical-align: middle;
	display: inline-block;
}.ui-controlgroup > .ui-controlgroup-item{
	float: left;
	margin-left: 0;
	margin-right: 0;
}.ui-controlgroup > .ui-controlgroup-item:focus{
	z-index: 9999;
}.ui-controlgroup-vertical > .ui-controlgroup-item{
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}.ui-controlgroup-vertical .ui-controlgroup-item{
	box-sizing: border-box;
}.ui-controlgroup .ui-controlgroup-label{
	padding: .4em 1em;
}.ui-controlgroup .ui-controlgroup-label span{
	font-size: 80%;
}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{
	border-left: none;
}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{
	border-top: none;
}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{
	border-right: none;
}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{
	border-bottom: none;
}.ui-controlgroup-vertical .ui-spinner-input{

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{
	border-top-style: solid;
}.ui-checkboxradio-label .ui-icon-background{
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}.ui-checkboxradio-radio-label .ui-icon-background{
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}.ui-checkboxradio-disabled{
	pointer-events: none;
}.ui-datepicker{
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}.ui-datepicker .ui-datepicker-header{
	position: relative;
	padding: .2em 0;
}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{
	top: 1px;
}.ui-datepicker .ui-datepicker-prev{
	left: 2px;
}.ui-datepicker .ui-datepicker-next{
	right: 2px;
}.ui-datepicker .ui-datepicker-prev-hover{
	left: 1px;
}.ui-datepicker .ui-datepicker-next-hover{
	right: 1px;
}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}.ui-datepicker .ui-datepicker-title{
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}.ui-datepicker .ui-datepicker-title select{
	font-size: 1em;
	margin: 1px 0;
}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{
	width: 45%;
}.ui-datepicker table{
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}.ui-datepicker th{
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}.ui-datepicker td{
	border: 0;
	padding: 1px;
}.ui-datepicker td span,.ui-datepicker td a{
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}.ui-datepicker .ui-datepicker-buttonpane{
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}.ui-datepicker .ui-datepicker-buttonpane button{
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{
	float: left;
}.ui-datepicker.ui-datepicker-multi{
	width: auto;
}.ui-datepicker-multi .ui-datepicker-group{
	float: left;
}.ui-datepicker-multi .ui-datepicker-group table{
	width: 95%;
	margin: 0 auto .4em;
}.ui-datepicker-multi-2 .ui-datepicker-group{
	width: 50%;
}.ui-datepicker-multi-3 .ui-datepicker-group{
	width: 33.3%;
}.ui-datepicker-multi-4 .ui-datepicker-group{
	width: 25%;
}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{
	border-left-width: 0;
}.ui-datepicker-multi .ui-datepicker-buttonpane{
	clear: left;
}.ui-datepicker-row-break{
	clear: both;
	width: 100%;
	font-size: 0;
}.ui-datepicker-rtl{
	direction: rtl;
}.ui-datepicker-rtl .ui-datepicker-prev{
	right: 2px;
	left: auto;
}.ui-datepicker-rtl .ui-datepicker-next{
	left: 2px;
	right: auto;
}.ui-datepicker-rtl .ui-datepicker-prev:hover{
	right: 1px;
	left: auto;
}.ui-datepicker-rtl .ui-datepicker-next:hover{
	left: 1px;
	right: auto;
}.ui-datepicker-rtl .ui-datepicker-buttonpane{
	clear: right;
}.ui-datepicker-rtl .ui-datepicker-buttonpane button{
	float: left;
}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{
	float: right;
}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{
	border-right-width: 0;
	border-left-width: 1px;
}.ui-datepicker .ui-icon{
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}.ui-dialog{
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}.ui-dialog .ui-dialog-titlebar{
	padding: .4em 1em;
	position: relative;
}.ui-dialog .ui-dialog-title{
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}.ui-dialog .ui-dialog-titlebar-close{
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}.ui-dialog .ui-dialog-content{
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}.ui-dialog .ui-dialog-buttonpane{
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
	float: right;
}.ui-dialog .ui-dialog-buttonpane button{
	margin: .5em .4em .5em 0;
	cursor: pointer;
}.ui-dialog .ui-resizable-n{
	height: 2px;
	top: 0;
}.ui-dialog .ui-resizable-e{
	width: 2px;
	right: 0;
}.ui-dialog .ui-resizable-s{
	height: 2px;
	bottom: 0;
}.ui-dialog .ui-resizable-w{
	width: 2px;
	left: 0;
}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{
	width: 7px;
	height: 7px;
}.ui-dialog .ui-resizable-se{
	right: 0;
	bottom: 0;
}.ui-dialog .ui-resizable-sw{
	left: 0;
	bottom: 0;
}.ui-dialog .ui-resizable-ne{
	right: 0;
	top: 0;
}.ui-dialog .ui-resizable-nw{
	left: 0;
	top: 0;
}.ui-draggable .ui-dialog-titlebar{
	cursor: move;
}.ui-draggable-handle{
	-ms-touch-action: none;
	touch-action: none;
}.ui-resizable{
	position: relative;
}.ui-resizable-handle{
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{
	display: none;
}.ui-resizable-n{
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}.ui-resizable-s{
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}.ui-resizable-e{
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}.ui-resizable-w{
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}.ui-resizable-se{
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}.ui-resizable-sw{
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}.ui-resizable-nw{
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}.ui-resizable-ne{
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}.ui-progressbar{
	height: 2em;
	text-align: left;
	overflow: hidden;
}.ui-progressbar .ui-progressbar-value{
	margin: -1px;
	height: 100%;
}.ui-progressbar .ui-progressbar-overlay{
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	-ms-filter: "alpha(opacity=25)"; /* support: IE8 */
	opacity: 0.25;
}.ui-progressbar-indeterminate .ui-progressbar-value{
	background-image: none;
}.ui-selectable{
	-ms-touch-action: none;
	touch-action: none;
}.ui-selectable-helper{
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}.ui-selectmenu-menu{
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}.ui-selectmenu-menu .ui-menu{
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}.ui-selectmenu-open{
	display: block;
}.ui-selectmenu-text{
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}.ui-selectmenu-icon.ui-icon{
	float: right;
	margin-top: 0;
}.ui-slider{
	position: relative;
	text-align: left;
}.ui-slider .ui-slider-handle{
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	-ms-touch-action: none;
	touch-action: none;
}.ui-slider .ui-slider-range{
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{
	filter: inherit;
}.ui-slider-horizontal{
	height: .8em;
}.ui-slider-horizontal .ui-slider-handle{
	top: -.3em;
	margin-left: -.6em;
}.ui-slider-horizontal .ui-slider-range{
	top: 0;
	height: 100%;
}.ui-slider-horizontal .ui-slider-range-min{
	left: 0;
}.ui-slider-horizontal .ui-slider-range-max{
	right: 0;
}.ui-slider-vertical{
	width: .8em;
	height: 100px;
}.ui-slider-vertical .ui-slider-handle{
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}.ui-slider-vertical .ui-slider-range{
	left: 0;
	width: 100%;
}.ui-slider-vertical .ui-slider-range-min{
	bottom: 0;
}.ui-slider-vertical .ui-slider-range-max{
	top: 0;
}.ui-sortable-handle{
	-ms-touch-action: none;
	touch-action: none;
}.ui-spinner{
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}.ui-spinner-input{
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}.ui-spinner-button{
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}.ui-spinner a.ui-spinner-button{
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}.ui-spinner-up{
	top: 0;
}.ui-spinner-down{
	bottom: 0;
}.ui-tabs{
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}.ui-tabs .ui-tabs-nav{
	margin: 0;
	padding: .2em .2em 0;
}.ui-tabs .ui-tabs-nav li{
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}.ui-tabs .ui-tabs-nav li.ui-tabs-active{
	margin-bottom: -1px;
	padding-bottom: 1px;
}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{
	cursor: text;
}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{
	cursor: pointer;
}.ui-tabs .ui-tabs-panel{
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}.ui-tooltip{
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}body .ui-tooltip{
	border-width: 2px;
}.ui-widget{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}.ui-widget .ui-widget{
	font-size: 1em;
}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}.ui-widget.ui-widget-content{
	border: 1px solid #c5c5c5;
}.ui-widget-content{
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}.ui-widget-content a{
	color: #333333;
}.ui-widget-header{
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}.ui-widget-header a{
	color: #333333;
}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{
	color: #454545;
	text-decoration: none;
}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{
	color: #2b2b2b;
	text-decoration: none;
}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}.ui-icon-background,.ui-state-active .ui-icon-background{
	border: #003eff;
	background-color: #ffffff;
}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{
	color: #ffffff;
	text-decoration: none;
}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{
	border: 1px solid #5f9ad9;
	background: #a5c6ea;
	color: #204a77;
}.ui-state-checked{
	border: 1px solid #5f9ad9;
	background: #a5c6ea;
}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{
	color: #204a77;
}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{
	border: 1px solid #a1c4e9;
	background: #e3eef9;
	color: #3f4e5f;
}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{
	color: #3f4e5f;
}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{
	color: #3f4e5f;
}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{
	font-weight: bold;
}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{
	opacity: .7;
	-ms-filter: "alpha(opacity=70)"; /* support: IE8 */
	font-weight: normal;
}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{
	opacity: .35;
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 */
	background-image: none;
}.ui-state-disabled .ui-icon{
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
}.ui-icon{
	width: 16px;
	height: 16px;
}.ui-icon,.ui-widget-content .ui-icon{
	background-image: url("../images/ui/ui-icons_444444_256x240.png");
}.ui-widget-header .ui-icon{
	background-image: url("../images/ui/ui-icons_444444_256x240.png");
}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{
	background-image: url("../images/ui/ui-icons_555555_256x240.png");
}.ui-state-active .ui-icon,.ui-button:active .ui-icon{
	background-image: url("../images/ui/ui-icons_ffffff_256x240.png");
}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{
	background-image: url("../images/ui/ui-icons_777620_256x240.png");
}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{
	background-image: url("../images/ui/ui-icons_cc0000_256x240.png");
}.ui-button .ui-icon{
	background-image: url("../images/ui/ui-icons_777777_256x240.png");
}.ui-icon-blank.ui-icon-blank.ui-icon-blank{
	background-image: none;
}.ui-icon-caret-1-n{ background-position: 0 0; }.ui-icon-caret-1-ne{ background-position: -16px 0; }.ui-icon-caret-1-e{ background-position: -32px 0; }.ui-icon-caret-1-se{ background-position: -48px 0; }.ui-icon-caret-1-s{ background-position: -65px 0; }.ui-icon-caret-1-sw{ background-position: -80px 0; }.ui-icon-caret-1-w{ background-position: -96px 0; }.ui-icon-caret-1-nw{ background-position: -112px 0; }.ui-icon-caret-2-n-s{ background-position: -128px 0; }.ui-icon-caret-2-e-w{ background-position: -144px 0; }.ui-icon-triangle-1-n{ background-position: 0 -16px; }.ui-icon-triangle-1-ne{ background-position: -16px -16px; }.ui-icon-triangle-1-e{ background-position: -32px -16px; }.ui-icon-triangle-1-se{ background-position: -48px -16px; }.ui-icon-triangle-1-s{ background-position: -65px -16px; }.ui-icon-triangle-1-sw{ background-position: -80px -16px; }.ui-icon-triangle-1-w{ background-position: -96px -16px; }.ui-icon-triangle-1-nw{ background-position: -112px -16px; }.ui-icon-triangle-2-n-s{ background-position: -128px -16px; }.ui-icon-triangle-2-e-w{ background-position: -144px -16px; }.ui-icon-arrow-1-n{ background-position: 0 -32px; }.ui-icon-arrow-1-ne{ background-position: -16px -32px; }.ui-icon-arrow-1-e{ background-position: -32px -32px; }.ui-icon-arrow-1-se{ background-position: -48px -32px; }.ui-icon-arrow-1-s{ background-position: -65px -32px; }.ui-icon-arrow-1-sw{ background-position: -80px -32px; }.ui-icon-arrow-1-w{ background-position: -96px -32px; }.ui-icon-arrow-1-nw{ background-position: -112px -32px; }.ui-icon-arrow-2-n-s{ background-position: -128px -32px; }.ui-icon-arrow-2-ne-sw{ background-position: -144px -32px; }.ui-icon-arrow-2-e-w{ background-position: -160px -32px; }.ui-icon-arrow-2-se-nw{ background-position: -176px -32px; }.ui-icon-arrowstop-1-n{ background-position: -192px -32px; }.ui-icon-arrowstop-1-e{ background-position: -208px -32px; }.ui-icon-arrowstop-1-s{ background-position: -224px -32px; }.ui-icon-arrowstop-1-w{ background-position: -240px -32px; }.ui-icon-arrowthick-1-n{ background-position: 1px -48px; }.ui-icon-arrowthick-1-ne{ background-position: -16px -48px; }.ui-icon-arrowthick-1-e{ background-position: -32px -48px; }.ui-icon-arrowthick-1-se{ background-position: -48px -48px; }.ui-icon-arrowthick-1-s{ background-position: -64px -48px; }.ui-icon-arrowthick-1-sw{ background-position: -80px -48px; }.ui-icon-arrowthick-1-w{ background-position: -96px -48px; }.ui-icon-arrowthick-1-nw{ background-position: -112px -48px; }.ui-icon-arrowthick-2-n-s{ background-position: -128px -48px; }.ui-icon-arrowthick-2-ne-sw{ background-position: -144px -48px; }.ui-icon-arrowthick-2-e-w{ background-position: -160px -48px; }.ui-icon-arrowthick-2-se-nw{ background-position: -176px -48px; }.ui-icon-arrowthickstop-1-n{ background-position: -192px -48px; }.ui-icon-arrowthickstop-1-e{ background-position: -208px -48px; }.ui-icon-arrowthickstop-1-s{ background-position: -224px -48px; }.ui-icon-arrowthickstop-1-w{ background-position: -240px -48px; }.ui-icon-arrowreturnthick-1-w{ background-position: 0 -64px; }.ui-icon-arrowreturnthick-1-n{ background-position: -16px -64px; }.ui-icon-arrowreturnthick-1-e{ background-position: -32px -64px; }.ui-icon-arrowreturnthick-1-s{ background-position: -48px -64px; }.ui-icon-arrowreturn-1-w{ background-position: -64px -64px; }.ui-icon-arrowreturn-1-n{ background-position: -80px -64px; }.ui-icon-arrowreturn-1-e{ background-position: -96px -64px; }.ui-icon-arrowreturn-1-s{ background-position: -112px -64px; }.ui-icon-arrowrefresh-1-w{ background-position: -128px -64px; }.ui-icon-arrowrefresh-1-n{ background-position: -144px -64px; }.ui-icon-arrowrefresh-1-e{ background-position: -160px -64px; }.ui-icon-arrowrefresh-1-s{ background-position: -176px -64px; }.ui-icon-arrow-4{ background-position: 0 -80px; }.ui-icon-arrow-4-diag{ background-position: -16px -80px; }.ui-icon-extlink{ background-position: -32px -80px; }.ui-icon-newwin{ background-position: -48px -80px; }.ui-icon-refresh{ background-position: -64px -80px; }.ui-icon-shuffle{ background-position: -80px -80px; }.ui-icon-transfer-e-w{ background-position: -96px -80px; }.ui-icon-transferthick-e-w{ background-position: -112px -80px; }.ui-icon-folder-collapsed{ background-position: 0 -96px; }.ui-icon-folder-open{ background-position: -16px -96px; }.ui-icon-document{ background-position: -32px -96px; }.ui-icon-document-b{ background-position: -48px -96px; }.ui-icon-note{ background-position: -64px -96px; }.ui-icon-mail-closed{ background-position: -80px -96px; }.ui-icon-mail-open{ background-position: -96px -96px; }.ui-icon-suitcase{ background-position: -112px -96px; }.ui-icon-comment{ background-position: -128px -96px; }.ui-icon-person{ background-position: -144px -96px; }.ui-icon-print{ background-position: -160px -96px; }.ui-icon-trash{ background-position: -176px -96px; }.ui-icon-locked{ background-position: -192px -96px; }.ui-icon-unlocked{ background-position: -208px -96px; }.ui-icon-bookmark{ background-position: -224px -96px; }.ui-icon-tag{ background-position: -240px -96px; }.ui-icon-home{ background-position: 0 -112px; }.ui-icon-flag{ background-position: -16px -112px; }.ui-icon-calendar{ background-position: -32px -112px; }.ui-icon-cart{ background-position: -48px -112px; }.ui-icon-pencil{ background-position: -64px -112px; }.ui-icon-clock{ background-position: -80px -112px; }.ui-icon-disk{ background-position: -96px -112px; }.ui-icon-calculator{ background-position: -112px -112px; }.ui-icon-zoomin{ background-position: -128px -112px; }.ui-icon-zoomout{ background-position: -144px -112px; }.ui-icon-search{ background-position: -160px -112px; }.ui-icon-wrench{ background-position: -176px -112px; }.ui-icon-gear{ background-position: -192px -112px; }.ui-icon-heart{ background-position: -208px -112px; }.ui-icon-star{ background-position: -224px -112px; }.ui-icon-link{ background-position: -240px -112px; }.ui-icon-cancel{ background-position: 0 -128px; }.ui-icon-plus{ background-position: -16px -128px; }.ui-icon-plusthick{ background-position: -32px -128px; }.ui-icon-minus{ background-position: -48px -128px; }.ui-icon-minusthick{ background-position: -64px -128px; }.ui-icon-close{ background-position: -80px -128px; }.ui-icon-closethick{ background-position: -96px -128px; }.ui-icon-key{ background-position: -112px -128px; }.ui-icon-lightbulb{ background-position: -128px -128px; }.ui-icon-scissors{ background-position: -144px -128px; }.ui-icon-clipboard{ background-position: -160px -128px; }.ui-icon-copy{ background-position: -176px -128px; }.ui-icon-contact{ background-position: -192px -128px; }.ui-icon-image{ background-position: -208px -128px; }.ui-icon-video{ background-position: -224px -128px; }.ui-icon-script{ background-position: -240px -128px; }.ui-icon-alert{ background-position: 0 -144px; }.ui-icon-info{ background-position: -16px -144px; }.ui-icon-notice{ background-position: -32px -144px; }.ui-icon-help{ background-position: -48px -144px; }.ui-icon-check{ background-position: -64px -144px; }.ui-icon-bullet{ background-position: -80px -144px; }.ui-icon-radio-on{ background-position: -96px -144px; }.ui-icon-radio-off{ background-position: -112px -144px; }.ui-icon-pin-w{ background-position: -128px -144px; }.ui-icon-pin-s{ background-position: -144px -144px; }.ui-icon-play{ background-position: 0 -160px; }.ui-icon-pause{ background-position: -16px -160px; }.ui-icon-seek-next{ background-position: -32px -160px; }.ui-icon-seek-prev{ background-position: -48px -160px; }.ui-icon-seek-end{ background-position: -64px -160px; }.ui-icon-seek-start{ background-position: -80px -160px; }.ui-icon-seek-first{ background-position: -80px -160px; }.ui-icon-stop{ background-position: -96px -160px; }.ui-icon-eject{ background-position: -112px -160px; }.ui-icon-volume-off{ background-position: -128px -160px; }.ui-icon-volume-on{ background-position: -144px -160px; }.ui-icon-power{ background-position: 0 -176px; }.ui-icon-signal-diag{ background-position: -16px -176px; }.ui-icon-signal{ background-position: -32px -176px; }.ui-icon-battery-0{ background-position: -48px -176px; }.ui-icon-battery-1{ background-position: -64px -176px; }.ui-icon-battery-2{ background-position: -80px -176px; }.ui-icon-battery-3{ background-position: -96px -176px; }.ui-icon-circle-plus{ background-position: 0 -192px; }.ui-icon-circle-minus{ background-position: -16px -192px; }.ui-icon-circle-close{ background-position: -32px -192px; }.ui-icon-circle-triangle-e{ background-position: -48px -192px; }.ui-icon-circle-triangle-s{ background-position: -64px -192px; }.ui-icon-circle-triangle-w{ background-position: -80px -192px; }.ui-icon-circle-triangle-n{ background-position: -96px -192px; }.ui-icon-circle-arrow-e{ background-position: -112px -192px; }.ui-icon-circle-arrow-s{ background-position: -128px -192px; }.ui-icon-circle-arrow-w{ background-position: -144px -192px; }.ui-icon-circle-arrow-n{ background-position: -160px -192px; }.ui-icon-circle-zoomin{ background-position: -176px -192px; }.ui-icon-circle-zoomout{ background-position: -192px -192px; }.ui-icon-circle-check{ background-position: -208px -192px; }.ui-icon-circlesmall-plus{ background-position: 0 -208px; }.ui-icon-circlesmall-minus{ background-position: -16px -208px; }.ui-icon-circlesmall-close{ background-position: -32px -208px; }.ui-icon-squaresmall-plus{ background-position: -48px -208px; }.ui-icon-squaresmall-minus{ background-position: -64px -208px; }.ui-icon-squaresmall-close{ background-position: -80px -208px; }.ui-icon-grip-dotted-vertical{ background-position: 0 -224px; }.ui-icon-grip-dotted-horizontal{ background-position: -16px -224px; }.ui-icon-grip-solid-vertical{ background-position: -32px -224px; }.ui-icon-grip-solid-horizontal{ background-position: -48px -224px; }.ui-icon-gripsmall-diagonal-se{ background-position: -64px -224px; }.ui-icon-grip-diagonal-se{ background-position: -80px -224px; }.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{
	border-top-left-radius: 3px;
}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{
	border-top-right-radius: 3px;
}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{
	border-bottom-left-radius: 3px;
}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{
	border-bottom-right-radius: 3px;
}.ui-widget-overlay{
	background: #aaaaaa;
	opacity: .003;
	-ms-filter: Alpha(Opacity=.3); /* support: IE8 */
}.ui-widget-shadow{
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

/* --- source: assets/supreme_ember/css/dmncms.css --- */
ul#vote-options{
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	margin:0;
	padding:0;
}ul#vote-options{ list-style:none; }ul#vote-options h5{
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	margin:0;
	padding:0;
}#vote-options{
	color:#555;
	font-size:auto;
	line-height:auto;
	list-style-type:none;
	margin:0;
}#vote-options li{
	border-radius:5px;
	line-height:45px;
	height: 65px;
	margin-top:10px;
	padding:10px;
	background: #272634;
}#vote-options li img{
	width:75px;
	height:45px;
}#acc-panel-tabs{
	margin-bottom: 30px;
}#vote-options li button{
	border:1px solid #999;
	line-height:28px;
	margin:6px 0;
	padding:0 5px;
}#vote-options li h5{
	color:#fff;
	font-weight:bolder;
	font-size:24px;
	border-left:1px solid #393749;
	padding-left:10px;
	margin-left:10px;
}ul#paypal-options{
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	margin:0;
	padding:0;
}ul#paypal-options{ list-style:none; }ul#paypal-options h4{
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	margin:0;
	padding:0;
}ul#paypal-options h3{
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	margin:0;
	padding:0;
}#paypal-options{
	color:#555;
	font-size:auto;
	line-height:auto;
	list-style-type:none;
	margin:0;
}#paypal-options li{
	border-radius:5px;
	line-height:45px;
	height: 65px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	margin-top:10px;
	padding:10px;
	background: rgba(255, 255, 255, 0.6);
}#paypal-options li h4{
	color:#444;
	font-weight:bolder;
	font-size:22px;
	padding-left:10px;
	margin-left:10px;
}#paypal-options li h3{
	color:#444;
	font-size:18px;
	padding-left:10px;
	margin-left:10px;
}#helm{
	position:absolute; 
	left:73px; 
	top:58px; 
	width:56px; 
	height:66px; 
}#wings{
	position:absolute; 
	left:272px;	
	top:59px; 	
	width:127px; 
	height:110px; 
}#pendant{
	position:absolute; 
	left:233px;	
	top:80px; 	
	width:29px; 
	height:29px; 
}#sword{
	position:absolute; 
	left:6px; 
	top:242px; 
	width:69px; 
	height:129px; 
}#armor{
	position:absolute; 
	left:40px; 
	top:138px; 
	width:82px; 
	height:98px; 
}#shield{
	position:absolute; 
	left:330px; 
	top:242px; 
	width:69px; 
	height:129px; 
}#gloves{
	position:absolute; 
	left:271px;	
	top:178px;	
	width:85px;	
	height:55px; 
}#pants{
	position:absolute; 
	left:89px;	
	top:297px;	
	width:58px; 
	height:74px; 
}#ring_left{
	position:absolute; 
	left:102px;	
	top:252px; 	
	width:29px; 
	height:29px; 
}#ring_right{
	position:absolute; 
	left:272px;	
	top:252px; 	
	width:29px; 
	height:29px; 
}#boots{
	position:absolute; 
	left:258px;	
	top:297px; 	
	width:58px; 
	height:74px; 
}#sell_item{
	display: none;
}#pagination{
	color: #4C9AEB;
	font: normal 12px verdana, arial, helvetica, serif;
	line-height: 17px;
	margin: 0;
	padding: 12px 8px 8px 12px;
	-webkit-border-radius: 0 0 6px 6px;  
	-moz-border-radius: 0 0 6px 6px;  
	-khtml-border-radius: 0 0 6px 6px;  
	border-radius: 0 0 6px 6px;
}#pagination a{
	border: 1px solid #272634;
	background: #21202C;
	color: #8e9091;
	font: bold 12px verdana, arial, helvetica, serif;
	margin-right: 8px;
	padding: 10px 12px;
	-webkit-border-radius: 4px;  
	-moz-border-radius: 4px;  
	-khtml-border-radius: 4px;  
	border-radius: 4px;
	
}#pagination a.on{
	border: 1px solid #96bde6; 
	background: #272634;
	color: #96bde6; 
	margin-right: 8px;
	padding: 10px 12px;
	-webkit-border-radius: 4px;  
	-moz-border-radius: 4px;  
	-khtml-border-radius: 4px;  
	border-radius: 4px;
}#pagination a:hover{
	border: 1px solid #96bde6; 
	color: #96bde6; 
}#pagination ul{
	height: 21px;
}#pagination li{
	list-style-type: none;
	float: left;
}#item_buy{
	margin-left:5px;
	margin-right:5px;
	width: 100%;
}#item_buy_left{
	float: left;
	padding-right: 5px;
}#item_buy_right{
	float: left;
	background-color: #1c2c3e;
	width: 492px;
	padding: 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}#item_buy_right .full{
	margin: 1px;
	padding: 1px;
	width: 488px;
	background-color:#3f5a76;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	color:#FFFFFF;
	text-shadow:#000 0px 1px 0px;
	height: 18px;	
	line-height: 18px;
}#item_buy_right .opt_title{
	margin: 1px;
	padding-left: 1px;
	width: 250px;
	float: left;
	background-color:#3f5a76;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#FFFFFF;
	text-shadow:#000 0px 1px 0px;
	height: 20px;	
	line-height: 20px;
}#item_buy_right .opt{
	margin: 1px;
	padding-left: 1px;
	width: 236px;
	float: left;
	background-color:#3f5a76;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#FFFFFF;
	text-shadow:#000 0px 1px 0px;
	height: 20px;
	line-height: 20px;
}#item_buy_right .opt select{
	border:0px; 
	border-radius: 0;
	width:60%; 
	font-size:12px; 
	line-height: 1;
	background:#2f455d; 
	color:#fff;
	margin-top: 1px;
	padding:0;
	-webkit-appearance: none;
	outline: 0 !important;
}#item_buy_right .opt input[type="number"]{
	width: 35px;
	border:0px; 
	border-radius: 0;
	font-size:12px; 
	line-height: 1;
	background:#2f455d; 
	color:#fff;
	margin-top: 1px;
	padding:0;
	-webkit-appearance: none;
}#item_image_bg{
	position:relative;
	background:url(../images/item_bg.png) no-repeat;
	width: 129px;
	height: 184px;	
}#item_image_bg img{
	position: absolute;  
	top: 0;  
	bottom: 0;  
	left: 0;  
	right: 0;  
	margin: auto; 
}.item_info{
	margin-top: 2px;
	background:url(../images/item_desc.png) no-repeat;
	width: 129px;
	height: 36px;
	line-height: 36px;	
	z-index:500;
}.item_info .info{
	padding-left: 5px;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#FFFFFF;
	text-shadow:#000 0px 1px 0px;

}.item_info .info .btimes{ color:#81b0e2;}.item_info .info .goldcr{ color:#347fcf; }.item_info .info .normalcr{ color:#8ab0d9;}#buy_buttons{
	margin-right:10px;
	width: 99%;
}#buy_buttons button{
	margin: 2px;
}.buy_button{ background:url(../images/slect_btn.png); 
	width:155px; 
	height:42px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	color:#FFFFFF;
	text-shadow:#000 0px 1px 0px; 
	border:0;
	float:right;
}.buy_button:hover{
	cursor: pointer;
}.payment-method-button{
    margin:4px;
    background-color:#EFEFEF;
    border-radius:4px;
    border:1px solid #D0D0D0;
    overflow:auto;
    float:left;
}.payment-method-button label{
    float:left;
}.payment-method-button label span{
    text-align:center;
    /*padding:3px 0px;*/
    display:block;
	width: 120px;
	height: 50px;
	line-height: 50px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:20px; 
	cursor: pointer;
}.payment-method-button label input{
    position:absolute;
    top:-20px;
}.btn-fld{ width: 254px; overflow: hidden; padding: 12px 20px 12px 130px; }.buttonn{
	float: right;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	background: #133253; 
	border: none;
	width: auto;
	overflow: visible;
	font-size: 1.4em;
	color: #FFF;
	padding: 7px 10px;  
	border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	font-weight: bold; 
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}.span_red{
	background: #133253; 
    color:#fff;
}#events div{
	height: 45px; display: flex; align-items: center; width: 100%; border-bottom: 1px solid rgba(86, 84, 96, 0.15);
}#events div span{
	width: 250px;
}#events div small{
	color: #96bde6;
	font-size: 18px;
}.offline{
	color: red;
}.online{
	color: green;
}#timer_div_title{
position: absolute;
height: 16px;
width:210px;
top: 10px;
left:560px;
font-size: 16px;
text-align:center;
}#timer_div_time{
position: absolute;
height: 70px;
width:220px;
top: 30px;
left:560px;
}.timmer_inner_block{
	width: 50px;
	height: 65px;
	background-color: #fff;
	-moz-border-radius:.5em;
	-webkit-border-radius:.5em;
	border-radius:.5em;
	margin: 2px;
	float:left;
	opacity:0.2;
	/*filter:alpha(opacity=20); */
}#timer_div_time .timmer_inner_block .title{
	text-align:center;
}#timer_div_time .timmer_inner_block .count{
	text-align:center;
	font-weight: bold;
	font-size: 20px;
	padding-top:10px;
}#loading{
  background-image:url(../images/l_bg.png);
  border-radius:0 0 4px 4px;
  color:#fff;
  display:none;
  position:fixed;
  top:0;
  left:48%;
  z-index:1000;
  padding:6px;
}#tooltip{
	position: absolute;
	z-index: 11001;
	border: 1px solid #111;
	background-color: #221f28;
	padding: 5px;
	opacity: 0.90;
	font: normal 10px Tahoma, Helvetica, sans-serif;
	text-align: center;
	color: #fff;
}#tooltip h3,#tooltip div{
	margin: 0;
}#lean_overlay{
    position: fixed;
    z-index: 9998;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}#buy_windows,#add_to_card_windows,#select_server,#auction_bet{
	width: 404px;
	padding-bottom: 2px;
	display:none;
	background: #FFF;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7); 
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); 
	-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);  
	z-index:9999;
}#item_filter_overlay{
	position: absolute;
    height:400px;
    width:300px;
	display:none;
	z-index:9999;
}#item_filter{
	width: 300px;
	height:710px;
	padding-bottom: 2px;
	background: #FFF;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7); 
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); 
	-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);   
}.item_filter_content{	
	height:600px;
	width: 285px;
	margin: 15px;
	overflow: auto;
}.modal-header{ background: url(../images/hd-bg.png); padding: 18px 18px 14px 18px; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }.modal-header  h2{ color: #444; font-size: 2em; font-weight: 700; margin-bottom: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }.modal-header2{ background: url(../images/hd-bg.png); padding: 18px 18px 14px 18px; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; cursor:move;}.modal-header2  h2{ color: #444; font-size: 2em; font-weight: 700; margin-bottom: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }.close{
	position: absolute;
	top: 12px;
	right: 12px;
	display: block;
	width: 16px;
	height: 16px;
	background: url(../images/close.png);
	z-index: 2;
	padding: 0 !important;
	margin: 0 !important;
	opacity: 1 !important;
}.add_to_card{
	font-size:12px;
	background:#eaebec;
	border:#ccc 1px solid;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
	width:100%;
}.add_to_card th{
	padding:15px 20px 16px 20px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}.add_to_card th:first-child{
	text-align: left;
	padding-left:20px;
}.add_to_card tr:first-child th:first-child{
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}.add_to_card tr:first-child th:last-child{
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}.add_to_card tr{
	text-align: center;
	padding-left:20px;
}.add_to_card td:first-child{
	text-align: left;
	padding-left:20px;
	border-left: 0;
}.add_to_card td{
	padding:10px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}.add_to_card tr.even td{
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}.add_to_card tr:last-child td{
	border-bottom:0;
}.add_to_card tr:last-child td:first-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}.add_to_card tr:last-child td:last-child{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}.add_to_card tr:hover td{
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}.ticket{
	font-size:12px;
	background:#eaebec;
	border:#ccc 1px solid;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
	__width:100%;
}.ticket th{
	padding:15px 10px 16px 0px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}.ticket th:first-child{
	text-align: left;
	padding-left:10px;
}.ticket tr:first-child th:first-child{
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}.ticket tr:first-child th:last-child{
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}.ticket tr{
	text-align: center;
	padding-left:20px;
}.ticket td:first-child{
	text-align: left;
	padding-left:20px;
	border-left: 0;
}.ticket td{
	padding:10px;
	border:1px solid #e0e0e0;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}.ticket tr.even td{
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}.ticket tr:last-child td{
	border-bottom:0;
}.ticket tr:last-child td:first-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}.ticket tr:last-child td:last-child{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}.ticket tr:hover td{
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}.discount_notice{
  margin: 20px auto;
  left:200px;
  width: 280px;
  height: auto;
  background: white;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 8px rgba(0,0,0,0.3);
  position: fixed;
  z-index: 90;
  opacity: 0.9;
}.discount_notice .content{
	padding:30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #2f4c6a;
	font-weight: bold;
	position: relative;
	display:block;
}.ribbon-discount-green{
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}.ribbon-green{
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
  color: #40546a;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}.ribbon-green:before,.ribbon-green:after{
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}.ribbon-green:before{
  left: 0;
}.ribbon-green:after{
  right: 0;
}​

.PriorityZero{
	background-color: rgb(140, 183, 228);
}.PriorityOne{
    background-color: rgb(64, 132, 204);
}.PriorityTwo{
    background-color: rgb(48, 125, 207);
}.PriorityThree{
    background-color: rgb(29, 75, 124);
}#exception{
	width: 100%;
	height: 0 auto;
	line-height: 25px;
	min-height:25px;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #FFF;
	display: none;
	background-color:red;
	position:fixed;
	z-index: 9999;
}.f16 .flag{display:inline-block;height:16px;width:16px;vertical-align:text-top;line-height:16px;background:url(../images/flags.png) no-repeat;}.f16 .in{background-position:0 -1856px;}.ref-reward-dropdown{
	position: relative;
	display: inline-block;
}.ref-reward-dropdown-content{
	display: none;
	position: relative;
	background-color: #f9f9f9;
	min-width: 150px;
	overflow: hidden;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index:2500;
	overflow-y: auto;
	max-height:500px;
}.ref-reward-dropdown-content a{
	color: black;
	padding: 6px 8px;
	text-decoration: none;
	display: block;
}.ref-reward-dropdown-content a:hover{background-color: #f1f1f1}.ref-reward-dropdown:hover .ref-reward-dropdown-content{
	display: block;
}.item_size_12{
	font-size: 12px;
}.item_font_family{
	font-family: tahoma;
}.item_white{
	color:#FFFFFF;
}.item_light_green{
	color:#00FF00;
}.item_light_blue{
	color:#80B2FF;
}.item_light_blue_2{
	color:#3366FF;
}.item_blue{
	color:#0066FF;
}.item_pink{
	color:#4187d2;
}.item_yellow{
	color:#347fcf;
}.item_yellow_2{
	color:#307dcf;
}.item_red{
	color:#307dcf;
}.item_dark_red{
	color:#183f68;
}.item_dark_red_background{
	background-color:#183f68;
}.item_purple{
	color: #800080;
}.item_socket{
	color: #B266FF;
}.item_grey{
	color: #808080;
}.item_yellow_title{
	color: #458ad3;
}.item_luck{
	color:#80B2FF;
}.item_exe_title{
	color: #008000;
}.item_socket_title{
	color: #B266FF;
}.item_socket_exe_title{
	color: #7401DF;
}.item_ancient_title{
	color: #01DF01;
}.item_ancient_background{
	background-color: #0000FF;
}#inventoryc{
    background-image:url('../../default_assets/images/inventoryc_blue.png?v2');
    width:395px;
    height:319px;
	text-align:center;
	display: inline-block;
	position:relative; 
}#inventoryc > img{
	position: absolute;
    top: 90px; left: 145px;
    border-radius: 50%;
    border: 3px solid #24314e;
	width: 110px;
	height: 110px;
}#inventoryc > div{
    position:absolute;
    background-repeat:no-repeat;
    background-position:center center;
}#in_weapon{ width:90px;height:136px;bottom:0;left:-6px; background-size: contain !important;}#in_shield{ width:60px;height:136px;bottom:0;right:8px; background-size: contain !important;}#in_helm{ width:68px;height:68px;top:2px;left:66px; }#in_armor{ width:72px;height:110px;top:72px;left:40px; background-size: contain !important;}#in_pants{ width:68px;height:68px;bottom:8px;left:82px; background-size: contain !important;}#in_gloves{ width:68px;height:68px;top:116px;right:54px; background-size: contain !important;}#in_boots{ width:68px;height:68px;bottom:8px;right:82px; background-size: contain !important;}#in_wings{ width:138px;height:102px;top:8px;right:-2px; background-size: contain !important;}#in_zoo{ width:42px;height:42px;top:15px;left:10px; background-size: contain !important;}#in_pendant{ width:38px;height:38px;top:20px;right:136px; background-size: contain !important;}#in_ring1{ width:38px;height:38px;bottom:92px;left:96px; background-size: contain !important;}#in_ring2{ width:38px;height:38px;bottom:92px;right:96px; background-size: contain !important;}#in_pentagram{ width:64px;height:64px;bottom:8px;right:169px; background-size: contain !important;}#in_ear1{  width:32px;height:32px;top:72px;left:0px; background-size: contain !important;}#in_ear2{  width:32px;height:32px;top:72px;left:115px; background-size: contain !important;}div[id*="item-slot-occupied-"] img{
	background-color: rgba(31, 31, 31, 0.73);
	
}div[id*="item-slot-occupied-"] img:hover{
	background-color: rgba(45, 98, 154, 0.43);
}.acp-coins{
    margin-bottom: 10px;
    display: block;
	padding-left: 25px;
}.acp-coins .coins-title{
	color: #fff;
}.acp-coins .coins{
    color: #96bde6;
}.hidden-block{
    min-width: 180px;
    padding: 25px 0px 20px 0px;
    margin-left: -0.5rem;
}.hidden-block a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 25px;
    color: #ffffff;
}.hidden-block a:hover{
    color: #96bde6;
}.dmn-content{
	width: calc(100% - 450px - 50px);
}@media (max-width: 993px){.dmn-content{
		width: 100%; margin-bottom: 40px;
	}}.dmn-page-box .table{
	position:relative;
	height: auto;
}.dmn-page-title h1{
	font-size: 38px;
	text-transform: uppercase;
	padding: 16px 0px;
	margin-bottom: 20px;
	color: #96bde6;
}@media (max-width: 700px){.dmn-page-title h1{
		font-size: 24px;
	}}@media (max-width: 380px){.dmn-page-title h1{
		font-size: 18px;
	}}.dmn-page-content{
	background: #21202c; border-radius: 20px; padding: 40px; width: 100%; font-family: 'DINNextW1G'; line-height: 1.4;
}@media (max-width: 380px){.dmn-page-content .title{
		font-size: 16px;
	}}.ranking-table th,.ranking-table td,.half table td{
	border: 1px solid #2c3844; 
}form table td,.item_table td,.each_item td,.full td,.form table td{
	border: 0px;
}.ranking-table img{
	vertical-align: top !important;
	margin: 0;
	padding: 0;
	border: 0;
}.ranking-table a,#rank_by_class a{
	color: #2c3844;
}#rank_by_class{
	margin-bottom: 30px !important;
}.table-striped > tbody > tr:nth-of-type(2n+1){
	background-color: rgba(0,0,0,.05) !important;
}.dmn-rankings-table tbody tr:nth-of-type(2n+1){
	background-color: rgba(0,0,0,.05);
}.dmn-account-table,.dmn-rankings-table{
    margin-bottom:40px;
	color: #c5c2d5;
}.dmn-account-table tr th,.dmn-rankings-table tr th,.add_to_card tr th{
    border:1px solid #373648!important;
	vertical-align:middle;
	width:180px;
    font-weight:normal
}.dmn-account-table tr td,.dmn-rankings-table tr td,.add_to_card tr td{
    border:1px solid #373648!important;
	vertical-align:middle;
}.dmn-account-table tr th,.dmn-account-table tr td,.dmn-rankings-table tr th,.dmn-rankings-table tr td{
    border-bottom:1px solid #373648;
    padding:10px 10px 10px 18px!important;
}.dmn-rankings-table > thead > tr{
	background-color: #191825 !important;
	color: #96bde6;
}.dmn-rankings-table tbody tr:nth-of-type(2n+1){
	background-color: rgba(0,0,0,.05) !important;
}.dmn-rankings-table a{
	color: #96bde6;
}.rankings-player-class-img{
    height:auto
}.rounded-image-corners{
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    -khtml-border-radius:50%
}.dropdown-menu > button.btn{
    padding:0!important
}.dropdown-menu > li > a{
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
		text-decoration: none;
}.dropdown-menu > li > a:hover{
    color: #fff !important
}.dmn-sidebar-box{
	padding: 15px 20px;
	background-color: #272634;
	border-radius: 10px;
	box-shadow: 0 0 40px 0 rgba(0,0,0,.06);
}#donate .col-2{
	flex: 100%;
	max-width: 100%;
}#donate .mb-1{
	margin-bottom: 1.25rem!important;
}.dmn-sidebar-box-items a,.login_form a{
	display:block;
	color: #96bde6;
}.registration_form a,.additional-links a{
	color: #96bde6;
}.dmn-sidebar-box-items a:hover,.login_form a:hover,.registration_form a:hover,.additional-links a:hover{
	color: #96bde6;
}.dmn-donate-button{
	border-radius: 0px;
	border-style: none;
	margin-right: 0px;
	width: 100%;
	height: 102px;
	font-size: 26px;
	padding-top: 30px;
}.dmn-vault-grid-modern{
    position:relative;
    background-color:#0c0c0a;
    background-image:url(../../default_assets/images/vault-grid-bg.jpg);
    width:321px;
    min-height:600px;
    max-height:600px;
    border:1px solid #302f2a
}.dmn-grid-item-modern{
    position:absolute;
    border-right:1px solid #171717;
    border-bottom:1px solid #171717;
    background-repeat:no-repeat;
    background-position:center
}.btn-primary,.nav-pills .nav-link.active,.nav-pills .show > .nav-link{
	background-color: #21202c;
	border: 2px solid #96bde6 !important;
	border-radius: 6px;
}.btn-primary:hover,.nav-pills .nav-link.active,.nav-pills .show > .nav-link{
	background: rgba(150, 189, 230, 0.3);
}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show > .btn-primary.dropdown-toggle{
	color: #fff;
	background-color: rgba(150, 189, 230, 0.3);
	border-color: #96bde6;
	box-shadow: none !important;
}.btn-primary.focus,.btn-primary:focus,.btn.focus,.btn:focus{
	color: #fff;
	background-color: rgba(150, 189, 230, 0.3);
	border-color: #96bde6;
	box-shadow: none !important;
}.nav-tabs{
	border-bottom: 1px solid #96bde6;
}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{
	border-color: #96bde6;
	color: #fff;
}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{
	color: #000;
	background-color: #96bde6;
	border-color: #96bde6;
}.list-group-item-action:focus,.list-group-item-action:hover{
	background-color: transparent;
}.form-control{
	background: rgba(29, 29, 40, 0.7) !important;
	border: 1px solid rgba(29, 29, 40, 0.7) !important;
	color: #7d7c92 !important;
}.form-control:focus{
	box-shadow: none;
}.card{
	background-color: transparent;
}.supreme-vote-page{
	position: relative;
}.supreme-vote-shell{
	border: 1px solid rgba(42, 108, 179, 0.34);
	background:
		radial-gradient(circle at 18% 0%, rgba(42, 108, 179, 0.18), transparent 32%),
		linear-gradient(145deg, rgba(8, 8, 12, 0.97), rgba(14, 6, 8, 0.94));
	box-shadow: 0 0 34px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(178, 207, 237, 0.08);
	overflow: hidden;
}.supreme-vote-hero{
	position: relative;
	padding: 48px 48px 38px;
	border-bottom: 1px solid rgba(159, 194, 232, 0.12);
	background:
		linear-gradient(90deg, rgba(5, 4, 6, 0.98) 0%, rgba(24, 8, 11, 0.82) 48%, rgba(5, 4, 6, 0.98) 100%),
		url('../images/modal-bg.jpg') center / cover no-repeat;
}.supreme-vote-hero:after{
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.42) 100%);
}.supreme-vote-kicker,.supreme-vote-label{
	position: relative;
	z-index: 1;
	display: block;
	color: #5b97d8;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 4px;
	text-transform: uppercase;
}.supreme-vote-hero h1{
	position: relative;
	z-index: 1;
	margin: 9px 0 10px;
	color: #f7eee4;
	font-family: var(--ember-heading);
	font-size: clamp(36px, 5vw, 68px);
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-shadow: 0 10px 28px rgba(0, 0, 0, 0.9), 0 0 24px rgba(44, 112, 185, 0.28);
}.supreme-vote-hero p{
	position: relative;
	z-index: 1;
	max-width: 650px;
	margin: 0;
	color: #cfc5bc;
	font-size: 16px;
	line-height: 1.8;
}.supreme-vote-content{
	padding: 34px 36px 42px;
}.supreme-vote-external{
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	align-items: center;
	gap: 24px;
	padding: 22px 36px;
	border-bottom: 1px solid rgba(119, 168, 221, 0.16);
	background:
		linear-gradient(110deg, rgba(43, 110, 182, 0.11), transparent 42%),
		rgba(8, 7, 10, 0.88);
}.supreme-vote-external__copy span{
	display: block;
	margin-bottom: 5px;
	color: #347fcf;
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
}.supreme-vote-external__copy strong{
	display: block;
	color: #f1e9df;
	font-family: var(--ember-heading);
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
}.supreme-vote-external__copy p{
	max-width: 670px;
	margin: 7px 0 0;
	color: #a9a1a0;
	font-size: 13px;
	line-height: 1.65;
}.supreme-vote-external__banners{
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 12px;
}.supreme-vote-external__banner{
	width: 126px;
	min-height: 74px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	border: 1px solid rgba(119, 168, 221, 0.22);
	background: rgba(2, 2, 4, 0.72);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}.supreme-vote-external__banner:hover,.supreme-vote-external__banner:focus-visible{
	border-color: rgba(158, 194, 232, 0.52);
	box-shadow: 0 0 28px rgba(79, 142, 209, 0.14);
	outline: 0;
	transform: translateY(-1px);
}.supreme-vote-external__banner img{
	display: block;
	height: 53px;
	object-fit: contain;
	width: 88px;
}.supreme-top100-banner{
	position: relative;
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	width: 286px;
	min-height: 74px;
	overflow: hidden;
	padding: 10px 12px;
	border: 1px solid rgba(101, 158, 219, 0.46);
	background:
		radial-gradient(circle at 82% 0%, rgba(144, 185, 229, 0.23), transparent 44%),
		linear-gradient(135deg, rgba(22, 57, 94, 0.52), rgba(13, 9, 9, 0.96) 56%, rgba(2, 2, 4, 0.98));
	box-shadow:
		0 18px 38px rgba(0, 0, 0, 0.3),
		inset 0 1px 0 rgba(255, 255, 255, 0.08);
	color: #c3d9f1;
	text-decoration: none;
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}.supreme-top100-banner:before{
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(100deg, transparent, rgba(166, 199, 234, 0.14), transparent);
	opacity: 0.62;
	pointer-events: none;
}.supreme-top100-banner:hover,.supreme-top100-banner:focus-visible{
	border-color: rgba(155, 192, 232, 0.78);
	box-shadow:
		0 20px 44px rgba(24, 62, 102, 0.28),
		0 0 24px rgba(101, 158, 219, 0.16),
		inset 0 1px 0 rgba(255, 255, 255, 0.12);
	outline: 0;
	transform: translateY(-1px);
	color: #e5eff9;
	text-decoration: none;
}.supreme-top100-banner__seal,.supreme-top100-banner__cta{
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(173, 203, 236, 0.38);
	color: #b4d0ed;
	background: linear-gradient(180deg, rgba(28, 53, 80, 0.92), rgba(18, 12, 8, 0.92));
	font-family: var(--ember-body);
	font-weight: 900;
}.supreme-top100-banner__seal{
	width: 40px;
	height: 40px;
	font-size: 12px;
	box-shadow: 0 0 18px rgba(109, 163, 221, 0.14);
}.supreme-top100-banner__text{
	position: relative;
	z-index: 1;
	display: block;
	min-width: 0;
}.supreme-top100-banner__text span,.supreme-top100-banner__text strong{
	display: block;
	line-height: 1;
}.supreme-top100-banner__text span{
	margin-bottom: 6px;
	color: #75a5d8;
	font-family: var(--ember-body);
	font-size: 9px;
	font-weight: 900;
	text-transform: uppercase;
}.supreme-top100-banner__text strong{
	color: #e5eff9;
	font-family: var(--ember-heading);
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	white-space: nowrap;
}.supreme-top100-banner__cta{
	min-width: 48px;
	min-height: 26px;
	padding: 0 8px;
	color: #07111c;
	background: linear-gradient(180deg, #9cc1e8, #3475ba);
	font-size: 10px;
	text-shadow: 0 1px rgba(255, 255, 255, 0.18);
	white-space: nowrap;
}.supreme-vote-external__status{
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 5px 10px;
	border: 1px solid rgba(119, 168, 221, 0.2);
	color: #9bb8d8;
	font-size: 9px;
	font-weight: 800;
	text-transform: uppercase;
	white-space: nowrap;
}.supreme-vote-alert{
	margin-bottom: 18px;
}ul.supreme-vote-list#vote-options{
	display: grid;
	gap: 18px;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #d8d0c8;
}.supreme-vote-list#vote-options li.supreme-vote-card{
	position: relative;
	display: grid;
	grid-template-columns: 88px minmax(0, 1fr) minmax(145px, 190px) minmax(135px, 168px);
	align-items: center;
	gap: 22px;
	min-height: 126px;
	height: auto;
	margin: 0;
	padding: 22px;
	border: 1px solid rgba(32, 84, 139, 0.52);
	border-radius: 0;
	line-height: 1.4;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.035), transparent 32%),
		radial-gradient(circle at 0% 50%, rgba(44, 114, 188, 0.14), transparent 34%),
		rgba(5, 5, 8, 0.92);
	box-shadow: inset 0 0 0 1px rgba(152, 190, 231, 0.055), 0 18px 34px rgba(0, 0, 0, 0.28);
	overflow: hidden;
	transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}.supreme-vote-list#vote-options li.supreme-vote-card:hover{
	transform: translateY(-2px);
	box-shadow: 0 0 26px rgba(48, 123, 204, 0.18), 0 20px 44px rgba(0, 0, 0, 0.38), inset 0 0 34px rgba(48, 123, 204, 0.08);
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.045), transparent 32%),
		radial-gradient(circle at 0% 50%, rgba(44, 114, 188, 0.22), transparent 34%),
		rgba(7, 6, 9, 0.95);
}.supreme-vote-list#vote-options li.supreme-vote-card--top100arena{
	border-color: rgba(101, 158, 219, 0.44);
	background:
		radial-gradient(circle at 12% 50%, rgba(82, 146, 215, 0.22), transparent 34%),
		radial-gradient(circle at 100% 0%, rgba(44, 114, 188, 0.18), transparent 34%),
		linear-gradient(135deg, rgba(44, 31, 23, 0.88), rgba(8, 7, 9, 0.96) 58%);
	box-shadow:
		inset 0 0 0 1px rgba(183, 210, 238, 0.07),
		0 22px 46px rgba(0, 0, 0, 0.34),
		0 0 28px rgba(78, 143, 213, 0.08);
}.supreme-vote-list#vote-options li.supreme-vote-card--top100arena:hover{
	box-shadow:
		0 0 28px rgba(48, 123, 204, 0.16),
		0 24px 50px rgba(0, 0, 0, 0.42),
		inset 0 0 36px rgba(83, 147, 215, 0.08);
	background:
		radial-gradient(circle at 12% 50%, rgba(82, 146, 215, 0.28), transparent 34%),
		radial-gradient(circle at 100% 0%, rgba(44, 114, 188, 0.22), transparent 34%),
		linear-gradient(135deg, rgba(48, 34, 24, 0.9), rgba(9, 7, 9, 0.96) 58%);
}.supreme-vote-card--top100arena .supreme-vote-card-glow{
	background: linear-gradient(90deg, transparent, rgba(152, 190, 231, 0.8), rgba(49, 125, 207, 0.6), transparent);
	opacity: 0.48;
}.supreme-vote-card--top100arena .supreme-vote-label{
	color: #8ab6e4;
}.supreme-vote-card--top100arena .supreme-vote-emblem{
	border-color: transparent;
	background: transparent;
	box-shadow: none;
}.supreme-vote-card--top100arena .supreme-vote-emblem img{
	filter: drop-shadow(0 0 11px rgba(141, 183, 228, 0.24));
	height: auto;
	max-height: 66px;
	max-width: 88px;
	width: auto;
}.supreme-vote-source-badge{
	align-items: center;
	border: 1px solid rgba(108, 163, 221, 0.28);
	background: linear-gradient(90deg, rgba(78, 143, 213, 0.12), rgba(32, 82, 135, 0.1), transparent);
	display: inline-flex;
	gap: 12px;
	margin-top: 14px;
	max-width: 100%;
	padding: 8px 12px;
}.supreme-vote-source-badge span,.supreme-vote-source-badge strong{
	display: block;
	line-height: 1;
}.supreme-vote-source-badge span{
	color: #8d9ba9;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}.supreme-vote-source-badge strong{
	color: #a4c6ea;
	font-family: var(--ember-heading);
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.7px;
	white-space: nowrap;
}.supreme-vote-card-glow{
	position: absolute;
	inset: auto 18px 0 18px;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(90, 151, 216, 0.88), transparent);
	opacity: 0.32;
}.supreme-vote-emblem{
	display: grid;
	place-items: center;
	width: 88px;
	min-height: 66px;
	border: 0;
	background: transparent;
	box-shadow: none;
	overflow: visible;
}.supreme-vote-list#vote-options li img{
	display: block;
	width: auto;
	height: auto;
	max-width: 88px;
	max-height: 66px;
	object-fit: contain;
	filter: drop-shadow(0 0 9px rgba(85, 148, 215, 0.22));
}.supreme-vote-main h2{
	margin: 6px 0 8px;
	color: #f7eee4;
	font-family: var(--ember-heading);
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}.supreme-vote-main p{
	max-width: 620px;
	margin: 0;
	color: #a9a1a0;
	font-size: 14px;
	line-height: 1.7;
}.supreme-vote-reward{
	padding-left: 18px;
	border-left: 1px solid rgba(255, 255, 255, 0.08);
}.supreme-vote-reward span,.supreme-vote-action-wrap small{
	display: block;
	color: #8f8584;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.6px;
	text-transform: uppercase;
}.supreme-vote-reward strong{
	display: block;
	margin-top: 6px;
	color: #a4c6ea;
	font-family: var(--ember-heading);
	font-size: 20px;
	letter-spacing: 0.8px;
	text-shadow: 0 0 16px rgba(121, 171, 224, 0.16);
}.supreme-vote-action-wrap{
	display: grid;
	justify-items: end;
	gap: 8px;
}.supreme-vote-counter{
	color: #a4c6ea;
	font-family: var(--ember-numeric);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
}.supreme-vote-action{
	min-width: 136px;
	height: 46px;
	border: 1px solid rgba(110, 164, 221, 0.62) !important;
	border-radius: 0;
	background: linear-gradient(180deg, #2a6cb2 0%, #1a436e 100%) !important;
	color: #fff !important;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 1px;
	text-transform: uppercase;
	box-shadow: 0 0 24px rgba(44, 114, 188, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.18);
	transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
}.supreme-vote-action:hover,.supreme-vote-action:focus{
	transform: translateY(-1px);
	box-shadow: 0 0 34px rgba(79, 144, 214, 0.36), inset 0 0 18px rgba(255, 255, 255, 0.10);
	filter: brightness(1.08);
}.supreme-vote-action:disabled,.supreme-vote-action.is-disabled{
	cursor: not-allowed;
	opacity: 0.72;
	transform: none;
	filter: grayscale(0.25);
	box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.32);
}@media (max-width: 992px){.supreme-vote-hero{
		padding: 34px 26px 30px;
	}.supreme-vote-content{
		padding: 26px 20px 32px;
	}.supreme-vote-external{
		grid-template-columns: minmax(0, 1fr) auto;
		padding: 22px 20px;
	}.supreme-vote-external__status{
		grid-column: 1 / -1;
		justify-self: start;
	}.supreme-vote-list#vote-options li.supreme-vote-card{
		grid-template-columns: 72px minmax(0, 1fr);
		gap: 16px;
	}.supreme-vote-reward,.supreme-vote-action-wrap{
		grid-column: 2;
		justify-items: start;
	}.supreme-vote-reward{
		padding-left: 0;
		border-left: 0;
	}.supreme-vote-source-badge{
		flex-wrap: wrap;
	}}@media (max-width: 576px){.supreme-vote-external{
		grid-template-columns: 1fr;
		justify-items: center;
		text-align: center;
	}.supreme-vote-external__banners{
		flex-direction: column;
		width: 100%;
	}.supreme-vote-external__banner,.supreme-top100-banner{
		width: 100%;
		max-width: 310px;
		box-sizing: border-box;
	}.supreme-vote-external__status{
		grid-column: 1;
		justify-self: center;
	}.supreme-vote-list#vote-options li.supreme-vote-card{
		grid-template-columns: 1fr;
		text-align: center;
	}.supreme-vote-emblem,.supreme-vote-reward,.supreme-vote-action-wrap{
		justify-self: center;
		grid-column: 1;
		justify-items: center;
	}.supreme-vote-source-badge{
		justify-content: center;
	}.supreme-vote-source-badge strong{
		white-space: normal;
	}}

/* --- source: assets/supreme_ember/css/supreme.css --- */
:root{
    --supreme-bg: #080a0d;
    --supreme-surface: rgba(17, 20, 24, 0.94);
    --supreme-surface-soft: rgba(23, 27, 32, 0.88);
    --supreme-border: rgba(94, 145, 200, 0.22);
    --supreme-border-strong: rgba(98, 156, 218, 0.5);
    --supreme-gold: #6a9fd8;
    --supreme-gold-light: #9ec2e8;
    --supreme-crimson: #26588e;
    --supreme-text: #e8e5dc;
    --supreme-muted: #9b9da2;
}html{
    background: var(--supreme-bg);
}body{
    background-color: var(--supreme-bg);
    background-image: linear-gradient(180deg, #0a0c10 0, #07090b 58%, #090b0e 100%);
    color: var(--supreme-muted);
    font-family: var(--ember-body);
    font-size: 16px;
}body,body *{
    letter-spacing: 0;
}h1,h2,h3,h4,h5,h6,.headerInfo-title,.news-title,.tabs-button,.footerInfo-title{
    font-family: var(--ember-heading);
}h1,h2,h3,h4{
    color: var(--supreme-gold-light);
}a{
    color: var(--supreme-text);
}.wrapper{
    max-width: 1380px;
    padding: 0 24px;
}.topPanel{
    min-height: 92px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    position: relative;
    z-index: 22;
}@media (min-width: 994px){html,body{
        overflow-x: clip;
    }.topPanel{
        box-shadow: 0 14px 34px rgba(0, 0, 0, 0.3);
        position: sticky;
        top: 0;
        z-index: 22;
    }}.topPanel:before{
    content: '';
    position: absolute;
    inset: 0 calc((100vw - 100%) / -2);
    z-index: -1;
    background: rgba(5, 7, 9, 0.72);
    backdrop-filter: blur(12px);
}.menu-wrapper,.langBlock{
    height: 92px;
}.menu-wrapper{
    max-width: 720px;
}.menu__link{
    padding: 14px 17px;
    color: #d8d8d5;
    font-family: var(--ember-body);
    font-size: 13px;
    font-weight: 600;
    position: relative;
}.menu__link:hover{
    color: var(--supreme-gold-light);
}.menu__link:after{
    background: linear-gradient(90deg, transparent, var(--supreme-gold), transparent);
    bottom: 4px;
    content: '';
    height: 1px;
    left: 18%;
    opacity: 0;
    position: absolute;
    right: 18%;
    transform: scaleX(0.35);
    transition: opacity 0.25s ease, transform 0.25s ease;
}.menu__link:hover:after{
    opacity: 1;
    transform: scaleX(1);
}.langBlock img{
    border-color: rgba(106, 159, 216, 0.34);
}.langBlock-dropdown,.accountBlock-dropdown,.menu-sub{
    background: rgba(9, 11, 14, 0.98);
    border: 1px solid var(--supreme-border);
    border-radius: 6px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.45);
}.accountBlock-dropdown{
    top: 72px;
}.user-enter{
    border: 1px solid var(--supreme-border-strong);
    border-radius: 4px;
    color: var(--supreme-gold-light);
    font-family: var(--ember-body);
    font-size: 12px;
    font-weight: 600;
    padding: 12px 16px;
}.online{
    margin-left: 18px;
}.online-flex{
    background: none;
    filter: none;
    height: auto;
    margin-left: 0;
    width: auto;
}.online-block,.online-block-active{
    align-items: center;
    background: rgba(11, 14, 17, 0.84);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 6px;
    display: grid;
    grid-template-columns: 1fr auto;
    height: 52px;
    line-height: 1.1;
    min-width: 146px;
    padding: 8px 12px 8px 34px;
    position: relative;
    text-align: left;
    width: auto;
}.online-block:before{
    background: #467cb6;
    border: 3px solid rgba(70, 124, 182, 0.18);
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(70, 124, 182, 0.45);
    content: '';
    height: 9px;
    left: 14px;
    position: absolute;
    top: 20px;
    width: 9px;
}.online-block-active:before{
    background: #86b94d;
    border-color: rgba(134, 185, 77, 0.18);
    box-shadow: 0 0 0 1px rgba(134, 185, 77, 0.5), 0 0 14px rgba(134, 185, 77, 0.24);
}.online-block strong{
    color: var(--supreme-text);
    font-family: var(--ember-heading);
    font-size: 10px;
    font-weight: 600;
    grid-column: 1 / -1;
    white-space: nowrap;
}.online-block span{
    display: block;
    font-family: var(--ember-body);
    line-height: 1;
}.online-count{
    color: #73787e;
    font-size: 9px;
    margin-top: 5px;
}.online-state{
    font-size: 9px;
    font-weight: 700;
    margin-left: 12px;
    margin-top: 5px;
    text-transform: uppercase;
}.supreme-hero{
    background-image:
        linear-gradient(90deg, rgba(5, 7, 9, 0.5), rgba(5, 7, 9, 0.05) 42%, rgba(5, 7, 9, 0.12) 68%, rgba(5, 7, 9, 0.44)),
        linear-gradient(180deg, transparent 70%, rgba(7, 9, 11, 0.78) 100%),
        url(../images/mu-supreme-background-v1.webp);
    background-position: center, center, center center;
    background-repeat: no-repeat;
    background-size: cover, cover, cover;
    border-left: 1px solid rgba(255, 255, 255, 0.05);
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    height: 540px;
    isolation: isolate;
    overflow: hidden;
    padding: 0 30px;
}.supreme-hero-shade{
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, rgba(5, 7, 9, 0.42), transparent 30%, transparent 70%, rgba(5, 7, 9, 0.34));
    pointer-events: none;
}.logo{
    max-width: 24vw;
    width: 255px;
    filter: drop-shadow(0 12px 28px rgba(0, 0, 0, 0.75));
}.logo img{
    display: block;
    height: auto;
    width: 100%;
}.mobile-registration-link{
    align-items: center;
    display: inline-flex;
    gap: 8px;
}.mobile-registration-link i{
    color: var(--supreme-gold);
    font-size: 14px;
    text-align: center;
    width: 16px;
}.headerInfo{
    max-width: 430px;
    text-align: left;
    text-shadow: 0 3px 18px #000;
}.headerInfo-kicker{
    border-left: 2px solid var(--supreme-crimson);
    color: var(--supreme-gold);
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 14px;
    padding-left: 12px;
    text-transform: uppercase;
}.headerInfo-title{
    color: #f2efe8;
    font-size: 46px;
    font-weight: 600;
    line-height: 1.12;
    margin-bottom: 18px;
}.headerInfo-title span{
    color: var(--supreme-gold-light);
    font-size: 27px;
}.headerInfo-text{
    color: #cac9c4;
    font-family: var(--ember-body);
    font-size: 15px;
    line-height: 1.7;
    max-width: 410px;
}.headerInfo-button{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}button,.button{
    border: 1px solid var(--supreme-border-strong);
    border-radius: 4px;
    color: var(--supreme-gold-light);
    font-family: var(--ember-body);
    font-size: 12px;
    font-weight: 600;
    justify-content: center;
    padding: 13px 18px;
}button:hover,.button:hover{
    background: rgba(106, 159, 216, 0.12);
    border-color: var(--supreme-gold-light);
}.supreme-button-primary{
    background: linear-gradient(180deg, #4c85c2, #2a598c);
    border-color: #76a9df;
    color: #090b0d;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}.supreme-button-primary:hover{
    background: linear-gradient(180deg, #71a6de, #366da7);
    color: #090b0d;
}.button-white{
    border-color: rgba(220, 222, 224, 0.24);
    color: #d4d5d4;
}.sparks{
    opacity: 0.34;
}.supreme-quickbar{
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin: -20px 0 48px;
    overflow: hidden;
    background: rgba(10, 12, 15, 0.94);
    border: 1px solid var(--supreme-border);
    border-radius: 8px;
    box-shadow: 0 22px 55px rgba(0, 0, 0, 0.38);
    width: 100%;
}.supreme-quickbar > a{
    align-items: center;
    border-right: 1px solid rgba(255, 255, 255, 0.07);
    display: flex;
    gap: 13px;
    justify-content: center;
    min-height: 84px;
    padding: 15px 18px;
    position: relative;
    z-index: 7;
}.supreme-quickbar > a:last-child{
    border-right: 0;
}.supreme-quickbar > a:hover{
    background: rgba(106, 159, 216, 0.08);
}.supreme-quickbar i{
    color: var(--supreme-gold);
    flex: 0 0 28px;
    font-size: 21px;
    text-align: center;
}.supreme-quickbar span,.supreme-quickbar strong,.supreme-quickbar small{
    display: block;
    min-width: 0;
}.supreme-quickbar strong{
    color: var(--supreme-text);
    font-family: var(--ember-body);
    font-size: 13px;
    margin-bottom: 5px;
    text-transform: uppercase;
}.supreme-quickbar small{
    color: #777b80;
    font-size: 11px;
}.main{
    border-bottom-color: rgba(106, 159, 216, 0.14);
    gap: 38px;
    padding-bottom: 72px;
}.sidebar{
    width: 390px;
}.news,.content{
    min-width: 0;
    width: calc(100% - 428px);
}.news-title{
    color: var(--supreme-text);
    font-size: 31px;
    font-weight: 600;
    line-height: 1.08;
    margin: 0 0 20px;
    overflow-wrap: anywhere;
    padding: 8px 0 18px;
}.news-title small{
    color: #75787d;
    display: block;
    font-family: var(--ember-body);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 8px;
    text-transform: uppercase;
}.news-title span{
    color: var(--supreme-gold-light);
}.tabs-button{
    gap: 6px;
    margin: 0 0 14px;
}.tabs-button li{
    background: rgba(16, 19, 23, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 6px;
    color: #85888d;
    flex: 1 1 0;
    font-family: var(--ember-body);
    font-size: 12px;
    height: 56px;
    line-height: 56px;
    margin: 0;
    min-width: 0;
    padding: 0 8px;
    width: auto;
}.tabs-button li.active{
    background: rgba(106, 159, 216, 0.1);
    border-color: var(--supreme-border);
    color: var(--supreme-gold-light);
}.tabs-button li:after{
    display: none;
}.tabBlock,.content,.news-block{
    background: var(--supreme-surface);
    border: 1px solid var(--supreme-border);
    border-radius: 8px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.24);
}.tabBlock{
    background-image: linear-gradient(180deg, rgba(30, 34, 39, 0.96), rgba(13, 16, 19, 0.98));
    height: 570px;
    padding: 20px 24px;
}#events.timer-list,#invasions.timer-list{
    height: 100%;
    max-height: 530px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 6px;
    scrollbar-color: rgba(106, 159, 216, 0.42) rgba(255, 255, 255, 0.03);
    scrollbar-width: thin;
}#events.timer-list::-webkit-scrollbar,#invasions.timer-list::-webkit-scrollbar{
    width: 5px;
}#events.timer-list::-webkit-scrollbar-thumb,#invasions.timer-list::-webkit-scrollbar-thumb{
    background: rgba(106, 159, 216, 0.42);
    border-radius: 10px;
}#events.timer-list::-webkit-scrollbar-track,#invasions.timer-list::-webkit-scrollbar-track{
    background: rgba(255, 255, 255, 0.03);
}#events.timer-list > div,#invasions.timer-list > div{
    border-bottom: 0;
    column-gap: 20px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    height: 34px;
    width: 100%;
}#events.timer-list > div:last-child,#invasions.timer-list > div:last-child{
    border-bottom: 0;
}#events.timer-list > div span,#invasions.timer-list > div span{
    align-self: center;
    color: #a9acb3;
    font-family: var(--ember-body);
    font-size: 13px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
}#events.timer-list > div small,#invasions.timer-list > div small{
    align-self: center;
    color: var(--supreme-gold-light);
    font-family: var(--ember-numeric);
    font-feature-settings: 'tnum' 1;
    font-size: 14px;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    justify-self: end;
    letter-spacing: 0.01em;
    line-height: 1;
    text-align: right;
    text-shadow: 0 0 12px rgba(106, 159, 216, 0.2);
    white-space: nowrap;
}.timer-list .timer-empty{
    color: #74777d;
    font-size: 12px;
    margin: 0;
    padding: 24px 0;
    text-align: center;
}.table-row{
    border-bottom-color: rgba(255, 255, 255, 0.07);
}.table-td{
    color: #9a9ca1;
    font-family: var(--ember-body);
    font-size: 13px;
}.table-row-top .table-td,.table-row-top .table-td a{
    color: #e0ded8;
}#top_players .rank-reset-row{
    min-height: 58px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0));
}#top_players .rank-reset-top{
    border: 1px solid rgba(106, 159, 216, 0.18);
    border-radius: 6px;
    margin-bottom: 8px;
    padding-right: 8px;
}#top_players .rank-reset-top-1{
    background: linear-gradient(90deg, rgba(106, 159, 216, 0.18), rgba(106, 159, 216, 0.035));
    box-shadow: 0 10px 24px rgba(106, 159, 216, 0.08);
}#top_players .rank-reset-top-2{
    background: linear-gradient(90deg, rgba(188, 193, 201, 0.14), rgba(188, 193, 201, 0.03));
}#top_players .rank-reset-top-3{
    background: linear-gradient(90deg, rgba(70, 120, 174, 0.14), rgba(70, 120, 174, 0.03));
}#top_players .rank-cup{
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 8px 18px rgba(0, 0, 0, 0.22);
}#top_players .rank-cup-1{
    color: #1a1210;
    background: linear-gradient(180deg, #a0c3e9, #2f71b8);
}#top_players .rank-cup-2{
    color: #101216;
    background: linear-gradient(180deg, #eef2f8, #9099a7);
}#top_players .rank-cup-3{
    color: #150f0c;
    background: linear-gradient(180deg, #71a6de, #305781);
}#top_players .rank-reset-score{
    width: 86px;
    flex-direction: column;
    gap: 1px;
    line-height: 1;
    color: var(--supreme-gold-light);
}#top_players .rank-reset-score strong{
    font-family: var(--ember-heading);
    font-size: 17px;
    font-weight: 700;
}#top_players .rank-reset-score small{
    color: #7f8189;
    font-size: 9px;
    text-transform: uppercase;
}.newsBlock{
    background-color: rgba(13, 16, 20, 0.88);
    background-blend-mode: soft-light;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid rgba(106, 159, 216, 0.18);
    border-radius: 8px;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28);
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: flex-end;
    min-height: 315px;
    overflow: hidden;
    padding: 30px 32px 30px 104px;
}.newsBlock::before{
    background: linear-gradient(90deg, rgba(8, 10, 13, 0.96) 0%, rgba(8, 10, 13, 0.8) 54%, rgba(8, 10, 13, 0.34) 100%);
    content: '';
    inset: 0;
    pointer-events: none;
    position: absolute;
}.newsBlock > *{
    position: relative;
    z-index: 1;
}.newsBlock:hover{
    border-color: var(--supreme-border-strong);
}.newsBlock-date{
    align-items: center;
    background: linear-gradient(180deg, var(--supreme-gold-light), #356ca7);
    border-radius: 4px;
    color: #111318;
    display: flex;
    flex-direction: column;
    font-size: 23px;
    height: 65px;
    justify-content: center;
    left: 24px;
    line-height: 1;
    padding: 0;
    position: absolute;
    top: 28px;
    width: 58px;
    z-index: 2;
}.newsBlock-date span{
    font-family: var(--ember-body);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.1em;
    margin-top: 5px;
    text-transform: uppercase;
}.newsBlock-type{
    align-self: flex-start;
    color: var(--supreme-gold-light);
    font-family: var(--ember-body);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.14em;
    margin-bottom: 12px;
    max-width: 100%;
    text-transform: uppercase;
}.newsBlock-title{
    max-width: 620px;
    margin-bottom: 14px;
}.newsBlock-title a{
    color: #e1dfd9;
    display: block;
    font-family: var(--ember-heading);
    font-size: 22px;
    line-height: 1.22;
    overflow-wrap: break-word;
}.newsBlock-text{
    color: #a6a7a8;
    display: -webkit-box;
    font-family: var(--ember-body);
    font-size: 14px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.65;
    max-width: 580px;
    overflow: hidden;
}.newsBlockSmall{
    min-height: 250px;
    padding: 26px 24px 24px 88px;
}.newsBlockSmall .newsBlock-date{
    left: 20px;
    top: 24px;
}.newsBlockSmall .newsBlock-title{
    max-width: 100%;
}.newsBlockSmall .newsBlock-title a{
    font-size: 18px;
}.supreme-news-empty{
    align-items: center;
    background: linear-gradient(145deg, rgba(25, 29, 34, 0.96), rgba(10, 12, 15, 0.98));
    border: 1px solid var(--supreme-border);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 330px;
    padding: 44px 30px;
    text-align: center;
}.supreme-news-empty > i{
    color: var(--supreme-gold);
    font-size: 34px;
    margin-bottom: 18px;
}.supreme-news-empty h2{
    color: var(--supreme-text);
    font-family: var(--ember-heading);
    font-size: 24px;
    margin-bottom: 10px;
}.supreme-news-empty p{
    color: #8d9095;
    margin: 0 auto 24px;
    max-width: 520px;
}.supreme-news-empty > div{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}.supreme-news-empty--compact{
    min-height: 260px;
}.news-article{
    overflow: hidden;
    padding: 0;
}.news-article__cover{
    aspect-ratio: 16 / 9;
    background: #0a0c0f;
    border-bottom: 1px solid var(--supreme-border);
    max-height: 520px;
    overflow: hidden;
}.news-article__cover img{
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}.news-article__header,.news-article__body,.news-article__footer{
    padding-left: 34px;
    padding-right: 34px;
}.news-article__header{
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    padding-bottom: 26px;
    padding-top: 32px;
}.news-article__type{
    color: var(--supreme-gold);
    display: block;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.16em;
    margin-bottom: 10px;
    text-transform: uppercase;
}.news-article__header h1{
    color: var(--supreme-text);
    font-family: var(--ember-heading);
    font-size: clamp(25px, 3vw, 38px);
    line-height: 1.25;
    margin: 0 0 16px;
}.news-article__meta{
    color: #7e8287;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    gap: 18px;
}.news-article__meta i{
    color: var(--supreme-gold);
    margin-right: 5px;
}.news-article__body{
    color: #b5b6b7;
    font-size: 15px;
    line-height: 1.8;
    overflow-wrap: anywhere;
    padding-bottom: 34px;
    padding-top: 30px;
}.news-article__body img{
    height: auto;
    max-width: 100%;
}.news-article__body h2,.news-article__body h3,.news-article__body h4{
    color: var(--supreme-text);
    font-family: var(--ember-heading);
}.news-article__body table{
    display: block;
    max-width: 100%;
    overflow-x: auto;
}.news-article__footer{
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    padding-bottom: 28px;
    padding-top: 24px;
}.show-more{
    background: var(--supreme-surface);
    border: 1px solid var(--supreme-border);
    border-radius: 6px;
}.content{
    color: #a9aaad;
    font-family: var(--ember-body);
    line-height: 1.65;
    padding: 28px;
}.content a{
    color: var(--supreme-gold-light);
}.alert-info{
    background: rgba(106, 159, 216, 0.08);
    border-color: var(--supreme-border);
    color: #c9c5ba;
}table td{
    border-color: rgba(255, 255, 255, 0.08);
}input:not([type='checkbox']):not([type='radio']):not([type='file']):not(.form-control),textarea,select,.form-control{
    background-color: rgba(8, 10, 13, 0.76);
    border: 1px solid rgba(106, 159, 216, 0.18);
    border-radius: 4px;
    color: #d8d7d2;
    font-family: var(--ember-body);
}input:focus,textarea:focus,select:focus,.form-control:focus{
    border-color: var(--supreme-border-strong);
    box-shadow: 0 0 0 3px rgba(106, 159, 216, 0.08);
}.modal_div{
    background: rgba(12, 14, 18, 0.98);
    border: 1px solid var(--supreme-border);
    border-radius: 8px;
}.supreme-footer{
    color: #777b80;
    display: block;
    margin-top: 48px;
    padding: 0;
    width: 100%;
}.supreme-footer-main{
    align-items: start;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    border-top: 1px solid var(--supreme-border);
    display: grid;
    gap: 48px;
    grid-template-columns: minmax(280px, 1.35fr) minmax(300px, 1fr) minmax(260px, 0.85fr);
    padding: 38px 0 34px;
}.supreme-footer-logo{
    display: inline-block;
    line-height: 0;
    margin-bottom: 18px;
    max-width: 100%;
    width: 210px;
}.supreme-footer-logo img{
    display: block;
    filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.48));
    height: auto;
    max-width: 100%;
    width: 100%;
}.supreme-footer-brand p,.supreme-footer-cta p{
    color: #686c71;
    font-size: 10px;
    line-height: 1.7;
    margin: 0;
    max-width: 440px;
    text-transform: uppercase;
}.supreme-footer-nav{
    display: grid;
    gap: 36px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}.supreme-footer-nav strong,.supreme-footer-cta > span{
    color: var(--supreme-gold);
    display: block;
    font-family: var(--ember-heading);
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 16px;
    text-transform: uppercase;
}.supreme-footer-nav a{
    color: #8b8e92;
    display: block;
    font-size: 11px;
    margin: 0 0 12px;
    text-transform: uppercase;
}.supreme-footer-nav a:hover{
    color: var(--supreme-gold-light);
    transform: translateX(3px);
}.supreme-footer-cta{
    border-left: 1px solid rgba(255, 255, 255, 0.07);
    padding-left: 34px;
}.supreme-footer-cta > span{
    margin-bottom: 7px;
}.supreme-footer-cta > strong{
    color: var(--supreme-text);
    display: block;
    font-family: var(--ember-heading);
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 13px;
}.supreme-footer-cta .button{
    margin-top: 18px;
    padding: 10px 16px;
}.supreme-footer-bottom{
    align-items: center;
    display: flex;
    font-size: 10px;
    justify-content: space-between;
    padding: 18px 0 26px;
    text-transform: uppercase;
}.supreme-footer-bottom div{
    display: flex;
    gap: 24px;
}.supreme-footer-bottom a{
    color: #777b80;
}.supreme-footer-bottom a:hover{
    color: var(--supreme-gold-light);
}@media (max-width: 1200px){.wrapper{
        padding: 0 18px;
    }.menu__link{
        font-size: 11px;
        padding: 14px 10px;
    }.logo{
        width: 220px;
    }.logo img{
        width: 100%;
    }.headerInfo{
        max-width: 370px;
    }.supreme-quickbar > a{
        padding: 13px;
    }}@media (max-width: 993px){.topPanel-left{
        background-color: rgba(8, 10, 13, 0.98);
        border-right: 1px solid var(--supreme-border);
    }.topPanel-right{
        height: 92px;
    }.supreme-hero{
        background-position: center, center, 54% center;
        height: 500px;
        padding: 175px 28px 36px;
    }.logo{
        display: none;
    }.headerInfo{
        max-width: 440px;
        text-align: left;
    }.supreme-quickbar{
        grid-template-columns: repeat(3, 1fr);
        margin: -14px 0 42px;
    }.supreme-quickbar > a:nth-child(3){
        border-right: 0;
    }.supreme-quickbar > a:nth-child(n+4){
        border-top: 1px solid rgba(255, 255, 255, 0.07);
    }.main{
        flex-direction: column-reverse;
    }.sidebar,.news,.content{
        width: 100%;
    }.supreme-footer-main{
        gap: 34px;
        grid-template-columns: 1fr 1fr;
    }.supreme-footer-brand{
        grid-column: 1 / -1;
    }}@media (max-width: 640px){.wrapper{
        padding: 0 12px;
    }.online{
        display: none;
    }.supreme-hero{
        background-position: center, center, 58% center;
        height: 430px;
        justify-content: flex-end;
        min-width: 0;
        padding: 145px 16px 28px;
        width: 100%;
    }.headerInfo{
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
        width: 100%;
    }.headerInfo-title{
        font-size: 35px;
    }.headerInfo-title span{
        font-size: 21px;
    }.headerInfo-text{
        font-size: 13px;
        margin-bottom: 16px;
    }.headerInfo-button{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }.headerInfo-button .button{
        font-size: 11px;
        min-width: 0;
        padding: 12px 10px;
        width: 100%;
    }.supreme-quickbar{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin: -8px 0 34px;
    }.supreme-quickbar > a{
        border-right: 1px solid rgba(255, 255, 255, 0.07);
        min-height: 72px;
        padding: 11px;
    }.supreme-quickbar > a:nth-child(even){
        border-right: 0;
    }.supreme-quickbar > a:nth-child(n+3){
        border-top: 1px solid rgba(255, 255, 255, 0.07);
    }.supreme-quickbar > a:last-child{
        grid-column: 1 / -1;
    }.supreme-quickbar small{
        display: none;
    }.supreme-quickbar span{
        overflow: hidden;
    }.supreme-quickbar strong{
        font-size: 11px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }.news-title{
        font-size: 25px;
        line-height: 1.12;
        margin-bottom: 16px;
    }.newsBlock{
        min-height: 270px;
        padding: 92px 18px 22px;
    }.newsBlock-date{
        left: 18px;
        top: 18px;
    }.newsBlock-title a{
        font-size: 18px;
    }.content{
        padding: 18px;
    }.content.news-article{
        padding: 0;
    }.news-article__header,.news-article__body,.news-article__footer{
        padding-left: 20px;
        padding-right: 20px;
    }.supreme-news-empty{
        min-height: 280px;
        padding: 34px 20px;
    }.tabs-button li{
        font-size: 10px;
        padding: 0 4px;
    }.supreme-footer{
        margin-top: 34px;
    }.supreme-footer-main{
        gap: 30px;
        grid-template-columns: 1fr;
        padding: 30px 0;
    }.supreme-footer-brand,.supreme-footer-nav,.supreme-footer-cta{
        grid-column: auto;
    }.supreme-footer-brand{
        text-align: center;
    }.supreme-footer-logo{
        display: block;
        margin: 0 auto 16px;
    }.supreme-footer-brand p{
        margin-left: auto;
        margin-right: auto;
    }.supreme-footer-cta{
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.07);
        padding: 24px 0 0;
    }.supreme-footer-bottom{
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }}.supreme-server-plaque,.supreme-server-board{
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.035), transparent 24%),
        radial-gradient(circle at 78% 10%, rgba(106, 159, 216, 0.09), transparent 30%),
        linear-gradient(145deg, #1b1f24, #0b0e12 62%, #15191e);
    border: 1px solid rgba(106, 159, 216, 0.38);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025), inset 0 18px 34px rgba(255, 255, 255, 0.015), 0 24px 60px rgba(0, 0, 0, 0.38);
    isolation: isolate;
    overflow: hidden;
    position: relative;
}.supreme-server-plaque::before,.supreme-server-board::before{
    background-image: repeating-linear-gradient(105deg, transparent 0, rgba(255, 255, 255, 0.012) 1px, transparent 2px, transparent 8px);
    content: '';
    inset: 0;
    opacity: 0.6;
    pointer-events: none;
    position: absolute;
    z-index: -1;
}.supreme-plaque-corner{
    border-color: var(--supreme-gold);
    height: 24px;
    opacity: 0.65;
    pointer-events: none;
    position: absolute;
    width: 24px;
}.supreme-plaque-corner--tl{ border-left: 2px solid; border-top: 2px solid; left: 9px; top: 9px; }.supreme-plaque-corner--tr{ border-right: 2px solid; border-top: 2px solid; right: 9px; top: 9px; }.supreme-plaque-corner--bl{ border-bottom: 2px solid; border-left: 2px solid; bottom: 9px; left: 9px; }.supreme-plaque-corner--br{ border-bottom: 2px solid; border-right: 2px solid; bottom: 9px; right: 9px; }.supreme-server-plaque{
    border-radius: 5px;
    margin: 0 0 34px;
    padding: 24px 26px 22px;
}.supreme-server-plaque__header{
    align-items: center;
    display: flex;
    gap: 22px;
    justify-content: space-between;
    margin-bottom: 20px;
}.supreme-server-plaque__brand{
    align-items: center;
    display: flex;
    gap: 18px;
    min-width: 0;
}.supreme-server-plaque__copy{
    max-width: 560px;
    min-width: 0;
}.supreme-server-plaque__emblem{
    display: block;
    flex: 0 0 104px;
    opacity: 0.92;
}.supreme-server-plaque__emblem img{
    display: block;
    filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.7));
    height: auto;
    width: 104px;
}.supreme-server-plaque__header small,.supreme-server-board__intro > small,.supreme-section-heading > small,.supreme-library-hero > small,.supreme-command-panel > div > small,.supreme-download-safety > div > small{
    color: var(--supreme-gold);
    display: block;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.16em;
    margin-bottom: 8px;
    text-transform: uppercase;
}.supreme-server-plaque h2{
    color: var(--supreme-text);
    font-size: 25px;
    margin: 0 0 8px;
}.supreme-server-plaque p,.supreme-server-board__intro p,.supreme-info-card p,.supreme-section-heading p,.supreme-command-panel p,.supreme-library-hero p,.supreme-download-safety p{
    color: #999da2;
    line-height: 1.7;
    margin: 0;
}.supreme-server-plaque__header .button{
    flex: 0 0 auto;
    white-space: nowrap;
}.supreme-server-facts{
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}.supreme-server-facts--plaque{
    background: rgba(106, 159, 216, 0.16);
    border: 1px solid rgba(106, 159, 216, 0.16);
}.supreme-server-fact{
    background: rgba(7, 9, 12, 0.72);
    min-width: 0;
    padding: 16px 17px;
}.supreme-server-fact span,.supreme-server-fact strong{
    display: block;
}.supreme-server-fact span{
    color: #747980;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.12em;
    margin-bottom: 7px;
    text-transform: uppercase;
}.supreme-server-fact strong{
    color: var(--supreme-gold-light);
    font-family: var(--ember-numeric);
    font-size: 15px;
    font-variant-numeric: tabular-nums;
    line-height: 1.4;
    overflow-wrap: anywhere;
    white-space: normal;
}.supreme-server-fact--server_time strong{
    overflow-wrap: normal;
    white-space: nowrap;
}.supreme-server-fact strong.is-online{ color: #99c96b; }.supreme-server-fact strong.is-offline{ color: #6a9dd3; }.supreme-server-fact strong.is-unavailable{ color: #969aa0; }.supreme-server-page,.supreme-library-page{
    width: calc(100% - 428px);
}.supreme-server-board{
    border-radius: 7px;
    padding: 42px 38px 34px;
}.supreme-server-board__intro{
    max-width: 720px;
}.supreme-server-board__intro h1,.supreme-library-hero h1{
    color: #f0ede5;
    font-size: clamp(29px, 3.4vw, 43px);
    line-height: 1.2;
    margin: 0 0 14px;
}.supreme-server-board__intro p{ font-size: 15px; max-width: 680px; }.supreme-server-board .supreme-server-facts{
    margin-top: 32px;
}.supreme-server-board .supreme-server-fact{
    border-bottom: 1px solid rgba(106, 159, 216, 0.14);
    border-right: 1px solid rgba(106, 159, 216, 0.14);
}.supreme-server-board__actions,.supreme-start-panel > div:last-child{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}.supreme-server-switcher{
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 20px;
}.supreme-server-switcher a{
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 3px;
    color: #8d9196;
    font-size: 10px;
    padding: 7px 10px;
    text-transform: uppercase;
}.supreme-server-switcher a.is-active{
    border-color: var(--supreme-border-strong);
    color: var(--supreme-gold-light);
}.supreme-info-grid{
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 18px;
}.supreme-info-card{
    align-items: flex-start;
    background: linear-gradient(145deg, rgba(24, 28, 33, 0.94), rgba(10, 12, 15, 0.96));
    border: 1px solid var(--supreme-border);
    border-radius: 7px;
    display: flex;
    gap: 19px;
    min-height: 230px;
    padding: 28px;
}.supreme-info-card > i{
    align-items: center;
    background: rgba(106, 159, 216, 0.08);
    border: 1px solid rgba(106, 159, 216, 0.2);
    border-radius: 50%;
    color: var(--supreme-gold);
    display: flex;
    flex: 0 0 44px;
    height: 44px;
    justify-content: center;
}.supreme-info-card h2,.supreme-schedule h2,.supreme-command-panel h2,.supreme-start-panel h2,.supreme-download-safety h2{
    color: var(--supreme-text);
    font-size: 21px;
    margin: 0 0 10px;
}.supreme-info-card ul{
    list-style: none;
    margin: 17px 0 0;
    padding: 0;
}.supreme-info-card li{
    color: #b6b7b6;
    font-size: 12px;
    margin: 9px 0;
    padding-left: 17px;
    position: relative;
}.supreme-info-card li::before{
    color: var(--supreme-gold);
    content: '◆';
    font-size: 6px;
    left: 0;
    position: absolute;
    top: 5px;
}.supreme-schedule,.supreme-command-panel,.supreme-start-panel,.supreme-download-safety{
    background: rgba(14, 17, 21, 0.92);
    border: 1px solid var(--supreme-border);
    border-radius: 7px;
    margin-top: 18px;
    padding: 31px;
}.supreme-section-heading{ max-width: 690px; }.supreme-schedule__grid{
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 24px;
}.supreme-schedule__column{
    background: rgba(6, 8, 11, 0.56);
    border: 1px solid rgba(255, 255, 255, 0.065);
    padding: 21px;
}.supreme-schedule__column h3{
    color: var(--supreme-gold-light);
    font-size: 14px;
    margin: 0 0 15px;
}.supreme-schedule__column h3 i{ color: var(--supreme-gold); margin-right: 6px; }.supreme-schedule__column ul{ list-style: none; margin: 0; padding: 0; }.supreme-schedule__column li{
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.065);
    display: flex;
    gap: 16px;
    justify-content: space-between;
    min-height: 42px;
}.supreme-schedule__column li:last-child{ border-bottom: 0; }.supreme-schedule__column li span{ color: #a7aaae; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.supreme-schedule__column li strong{
    color: #77a9df;
    flex: 0 0 auto;
    font-family: var(--ember-numeric);
    font-size: 13px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}.supreme-inline-empty{ color: #777c82; font-size: 12px; margin: 0; }.supreme-command-panel{
    display: grid;
    gap: 28px;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 0.8fr);
}.supreme-command-panel ul{ list-style: none; margin: 0; padding: 0; }.supreme-command-panel li{ border-bottom: 1px solid rgba(255, 255, 255, 0.07); padding: 8px 0; }.supreme-command-panel code{ color: var(--supreme-gold-light); font-family: var(--ember-mono); }.supreme-start-panel ol{
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    list-style: none;
    margin: 24px 0 0;
    padding: 0;
}.supreme-start-panel li{
    background: rgba(6, 8, 11, 0.52);
    border: 1px solid rgba(255, 255, 255, 0.065);
    min-height: 175px;
    padding: 21px;
}.supreme-start-panel li > span{ color: var(--supreme-gold); font-family: var(--ember-heading); font-size: 20px; }.supreme-start-panel li strong{ color: var(--supreme-text); display: block; font-family: var(--ember-heading); font-size: 14px; margin: 13px 0 8px; }.supreme-start-panel li p{ color: #858a90; font-size: 12px; line-height: 1.65; margin: 0; }.supreme-library-hero{
    border-bottom: 1px solid var(--supreme-border);
    margin-bottom: 25px;
    padding: 8px 0 23px;
}.supreme-library-hero p{ max-width: 680px; }.supreme-download-grid,.supreme-wiki-grid{
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}.supreme-download-card,.supreme-wiki-card{
    background: linear-gradient(145deg, rgba(24, 28, 33, 0.96), rgba(9, 11, 14, 0.98));
    border: 1px solid var(--supreme-border);
    border-radius: 7px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22);
}.supreme-download-card{ display: grid; grid-template-columns: 64px minmax(0, 1fr); padding: 24px; }.supreme-download-card__icon{ color: var(--supreme-gold); font-size: 30px; padding-top: 4px; }.supreme-download-card__body > span,.supreme-wiki-card > span{ color: var(--supreme-gold); font-size: 9px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; }.supreme-download-card__body h2,.supreme-wiki-card h2{ color: var(--supreme-text); font-size: 18px; line-height: 1.35; margin: 8px 0 10px; }.supreme-download-card__body p{ color: #8f9398; font-size: 12px; line-height: 1.65; margin: 0; }.supreme-download-card__footer{ align-items: center; border-top: 1px solid rgba(255, 255, 255, 0.07); display: flex; gap: 12px; grid-column: 1 / -1; justify-content: space-between; margin-top: 21px; padding-top: 18px; }.supreme-download-card__footer code{ color: #a7aaae; font-family: var(--ember-mono); }.button.is-disabled{ cursor: not-allowed; opacity: 0.45; }.supreme-download-safety{
    display: grid;
    gap: 28px;
    grid-template-columns: minmax(0, 0.7fr) minmax(280px, 1fr);
}.supreme-download-safety ul{ list-style: none; margin: 0; padding: 0; }.supreme-download-safety li{ align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.07); color: #a4a7aa; display: flex; font-size: 12px; gap: 11px; min-height: 39px; }.supreme-download-safety li i{ color: #93bd68; }.supreme-wiki-card{ min-height: 185px; padding: 26px; }.supreme-wiki-card h2 a{ color: var(--supreme-text); }.supreme-wiki-card__link{ color: var(--supreme-gold-light); display: inline-block; font-size: 11px; margin-top: 22px; text-transform: uppercase; }.supreme-wiki-article{
    background: rgba(14, 17, 21, 0.95);
    border: 1px solid var(--supreme-border);
    border-radius: 7px;
    overflow: hidden;
}.supreme-wiki-article > header{ background: linear-gradient(145deg, rgba(30, 34, 39, 0.96), rgba(13, 15, 19, 0.96)); border-bottom: 1px solid var(--supreme-border); padding: 34px; }.supreme-wiki-article > header small{ color: var(--supreme-gold); font-size: 9px; font-weight: 800; letter-spacing: 0.15em; text-transform: uppercase; }.supreme-wiki-article > header h1{ color: var(--supreme-text); font-size: clamp(25px, 3vw, 36px); margin: 9px 0 14px; }.supreme-wiki-article > header span{ color: #7f848a; font-size: 11px; }.supreme-wiki-article__body{ color: #b2b4b5; line-height: 1.8; overflow-wrap: anywhere; padding: 34px; }.supreme-wiki-article__body img{ height: auto; max-width: 100%; }.supreme-wiki-article__body table{ display: block; max-width: 100%; overflow-x: auto; }.supreme-wiki-article > footer{ border-top: 1px solid rgba(255, 255, 255, 0.07); padding: 22px 34px; }a:focus-visible,button:focus-visible,.button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
    outline: 2px solid var(--supreme-gold-light);
    outline-offset: 3px;
}@media (max-width: 993px){.supreme-server-page,.supreme-library-page{ width: 100%; }.supreme-server-facts{ grid-template-columns: repeat(3, minmax(0, 1fr)); }}@media (max-width: 640px){.supreme-server-plaque{ margin-bottom: 28px; padding: 24px 20px 20px; }.supreme-server-plaque__header{ display: block; }.supreme-server-plaque__brand{ align-items: flex-start; flex-direction: column; gap: 12px; }.supreme-server-plaque__emblem{ flex: 0 0 auto; }.supreme-server-plaque__emblem img{ width: 92px; }.supreme-server-plaque__header .button{ margin-top: 18px; width: 100%; }.supreme-server-facts{ grid-template-columns: repeat(2, minmax(0, 1fr)); }.supreme-server-fact{ padding: 14px 12px; }.supreme-server-fact strong{ font-size: 13px; }.supreme-server-fact--server_time{ grid-column: 1 / -1; }.supreme-server-board{ padding: 32px 20px 24px; }.supreme-server-board__actions{ display: grid; grid-template-columns: 1fr; }.supreme-info-grid,.supreme-schedule__grid,.supreme-command-panel,.supreme-download-grid,.supreme-wiki-grid,.supreme-download-safety{ grid-template-columns: 1fr; }.supreme-info-card{ min-height: 0; padding: 22px 19px; }.supreme-schedule,.supreme-command-panel,.supreme-start-panel,.supreme-download-safety{ padding: 24px 18px; }.supreme-start-panel ol{ grid-template-columns: 1fr; }.supreme-start-panel li{ min-height: 0; }.supreme-download-card{ grid-template-columns: 48px minmax(0, 1fr); padding: 20px; }.supreme-download-card__footer{ align-items: stretch; flex-direction: column; }.supreme-download-card__footer .button{ width: 100%; }.supreme-wiki-article > header,.supreme-wiki-article__body,.supreme-wiki-article > footer{ padding-left: 20px; padding-right: 20px; }}@media (prefers-reduced-motion: reduce){.supreme-server-plaque *,.supreme-server-board *,.supreme-library-page *{ scroll-behavior: auto !important; transition-duration: 0.01ms !important; }}.skip-link{
    background: #68a0dc;
    border: 1px solid #9bc0e7;
    color: #090b0e;
    font-size: 13px;
    font-weight: 700;
    left: 16px;
    padding: 11px 16px;
    position: fixed;
    top: 12px;
    transform: translateY(-160%);
    transition: transform 0.18s ease;
    z-index: 10000;
}.skip-link:focus{
    color: #090b0e;
    transform: translateY(0);
}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
    outline: 2px solid #68a0dc;
    outline-offset: 3px;
}.headerInfo-title{
    margin-top: 0;
}.logo picture,.supreme-server-plaque__emblem picture,.supreme-footer-logo picture{
    display: block;
}.smoke{
    -webkit-animation-duration: 22s;
    animation-duration: 22s;
    background-image: url(../images/smoke-v1.webp?v=20260719);
    filter: brightness(1.35) saturate(0.9);
    opacity: 0.68;
    pointer-events: none;
    z-index: 6;
}.supreme-footer-nav a{
    align-items: center;
    display: flex;
    margin: 0 0 4px;
    min-height: 32px;
    padding: 5px 0;
}@media (max-width: 640px){.smoke{
        animation-duration: 28s;
        height: 320px;
        opacity: 0.28;
        top: 430px;
    }.supreme-footer-nav a{
        min-height: 44px;
        padding: 10px 0;
    }}@media (max-width: 480px){.supreme-hero{
        height: 470px;
        padding: 140px 16px 22px;
    }.headerInfo{
        overflow: visible;
    }.headerInfo-title{
        font-size: 32px;
    }.headerInfo-text{
        overflow-wrap: anywhere;
    }.headerInfo-button{
        grid-template-columns: minmax(0, 1fr);
    }}.user-enter--disabled{
    align-items: center;
    color: var(--supreme-gold-light);
    cursor: default;
    display: inline-flex;
    gap: 8px;
    opacity: 0.9;
}.color-gold{
    color: var(--supreme-gold-light);
}.online-block--prelaunch{
    border-color: rgba(106, 159, 216, 0.38);
}.supreme-prelaunch-sidebar{
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    min-height: 0;
    padding: 34px 24px;
    text-align: center;
}.supreme-prelaunch-sidebar i{
    color: var(--supreme-gold);
    font-size: 34px;
    margin-bottom: 18px;
}.supreme-prelaunch-sidebar small,.supreme-prelaunch-card > small{
    color: var(--supreme-gold);
    font-family: var(--ember-body);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}.supreme-prelaunch-sidebar strong{
    color: #f3efe5;
    font-family: var(--ember-heading);
    font-size: 18px;
    margin-top: 8px;
}.supreme-prelaunch-sidebar p{
    color: #989a9e;
    font-family: var(--ember-body);
    font-size: 13px;
    line-height: 1.65;
    margin: 14px 0 0;
}.supreme-prelaunch-page{
    min-width: 0;
    width: 100%;
}.supreme-prelaunch-card{
    background:
        radial-gradient(circle at 82% 18%, rgba(62, 124, 190, 0.12), transparent 35%),
        linear-gradient(145deg, rgba(24, 27, 31, 0.98), rgba(10, 12, 15, 0.99));
    border: 1px solid rgba(106, 159, 216, 0.34);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.32);
    min-height: 430px;
    overflow: hidden;
    padding: 54px 58px;
    position: relative;
}.supreme-prelaunch-card::before,.supreme-prelaunch-card::after{
    border-color: rgba(135, 179, 227, 0.62);
    border-style: solid;
    content: '';
    height: 28px;
    position: absolute;
    width: 28px;
}.supreme-prelaunch-card::before{
    border-width: 1px 0 0 1px;
    left: 18px;
    top: 18px;
}.supreme-prelaunch-card::after{
    border-width: 0 1px 1px 0;
    bottom: 18px;
    right: 18px;
}.supreme-prelaunch-card__icon{
    align-items: center;
    background: rgba(106, 159, 216, 0.09);
    border: 1px solid rgba(106, 159, 216, 0.34);
    color: var(--supreme-gold-light);
    display: flex;
    font-size: 25px;
    height: 58px;
    justify-content: center;
    margin-bottom: 24px;
    width: 58px;
}.supreme-prelaunch-card h1{
    color: #f3efe5;
    font-size: clamp(32px, 4vw, 48px);
    margin: 10px 0 16px;
}.supreme-prelaunch-card > p{
    color: #b2b3b4;
    font-family: var(--ember-body);
    font-size: 15px;
    line-height: 1.75;
    margin: 0;
    max-width: 650px;
}.supreme-prelaunch-card__status{
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    display: grid;
    gap: 3px 12px;
    grid-template-columns: auto 1fr;
    margin: 30px 0;
    max-width: 560px;
    padding: 17px 0;
}.supreme-prelaunch-card__status > span{
    background: var(--supreme-gold);
    border-radius: 50%;
    box-shadow: 0 0 14px rgba(106, 159, 216, 0.68);
    grid-row: 1 / 3;
    height: 9px;
    width: 9px;
}.supreme-prelaunch-card__status strong{
    color: #e8e2d5;
    font-size: 13px;
}.supreme-prelaunch-card__status small{
    color: #777b80;
    font-family: var(--ember-body);
    font-size: 11px;
}.supreme-prelaunch-card__actions{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}@media (max-width: 640px){.supreme-prelaunch-card{
        min-height: 0;
        padding: 42px 28px;
    }.supreme-prelaunch-card__actions{
        display: grid;
        grid-template-columns: 1fr;
    }.supreme-prelaunch-card__actions .button{
        width: 100%;
    }}@media (prefers-reduced-motion: reduce){.sparks,.sparks *{
        animation: none !important;
    }.skip-link{
        transition: none;
    }}

/* --- source: assets/supreme_ember/css/ember-foundation.css --- */
/* Ember-only foundation. Do not load CSS from another theme. */
:root {
    --v2-bg: #05070a;
    --v2-panel: #0b0d10;
    --v2-panel-soft: #101216;
    --v2-line: rgba(255, 255, 255, 0.09);
    --v2-line-red: rgba(35, 91, 150, 0.5);
    --v2-red: #235b96;
    --v2-red-light: #307dcf;
    --v2-gold: #82a4c8;
    --v2-silver: #e4e1dc;
    --v2-muted: #858990;
}

html {
    background: var(--v2-bg);
}

body.theme-supreme-ember {
    background:
        radial-gradient(circle at 50% 0, rgba(26, 66, 109, 0.08), transparent 32%),
        linear-gradient(180deg, #05070a 0, #080a0d 52%, #05070a 100%);
    color: var(--v2-muted);
    font-family: var(--ember-body);
    overflow-x: hidden;
}

.theme-supreme-ember .wrapper {
    max-width: 1400px;
    padding: 0 20px;
}

.theme-supreme-ember .topPanel {
    align-items: center;
    display: grid;
    grid-template-columns: 174px minmax(0, 1fr) auto;
    min-height: 82px;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 100;
}

.theme-supreme-ember .topPanel.is-scrolled {
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.62);
}

.theme-supreme-ember .topPanel::before {
    background: rgba(5, 7, 9, 0.93);
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(15px);
}

.supreme-v2-nav-logo {
    align-items: center;
    align-self: stretch;
    display: flex;
    justify-content: flex-start;
    line-height: 0;
    position: relative;
    z-index: 2;
}

.supreme-v2-nav-logo img {
    display: block;
    height: auto;
    max-height: 68px;
    object-fit: contain;
    width: 150px;
}

.theme-supreme-ember .topPanel-left {
    min-width: 0;
}

.theme-supreme-ember .menu-wrapper,
.theme-supreme-ember .langBlock {
    height: 82px;
}

.theme-supreme-ember .menu-wrapper {
    max-width: 690px;
}

.theme-supreme-ember .menu__link {
    color: #d4d3d0;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 600;
    letter-spacing: 0.11em;
    padding: 31px 14px;
}

.theme-supreme-ember .menu__link::after {
    background: var(--v2-red);
    bottom: 0;
    box-shadow: 0 0 12px rgba(43, 112, 185, 0.58);
    height: 2px;
}

.theme-supreme-ember .menu__link:hover {
    color: #fff;
}

.theme-supreme-ember .menu__link.is-active {
    color: var(--v2-red-light);
    text-shadow: 0 0 14px rgba(48, 125, 207, 0.35);
}

.theme-supreme-ember .menu__link.is-active::after {
    left: 10%;
    opacity: 1;
    right: 10%;
    transform: scaleX(1);
}

.theme-supreme-ember .menu__link.is-active::before {
    background: var(--v2-red-light);
    bottom: -3px;
    box-shadow: 0 0 8px rgba(48, 125, 207, 0.9);
    content: '';
    height: 6px;
    left: 50%;
    margin-left: -3px;
    position: absolute;
    transform: rotate(45deg);
    width: 6px;
}

.theme-supreme-ember .topPanel-right {
    flex-wrap: nowrap;
    min-width: 0;
}

.theme-supreme-ember .user-enter {
    border: 0;
    color: #d7d4cf;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    letter-spacing: 0.06em;
    padding: 12px 10px;
    text-transform: uppercase;
}

.theme-supreme-ember .online {
    margin-left: 9px;
}

.theme-supreme-ember .online-block,
.theme-supreme-ember .online-block-active {
    background: transparent;
    border: 0;
    border-left: 1px solid var(--v2-line);
    border-radius: 0;
    height: 48px;
    min-width: 130px;
    padding-left: 36px;
}

.theme-supreme-ember .online-block::before {
    left: 15px;
    top: 19px;
}

.theme-supreme-ember .online-block strong {
    font-family: var(--ember-body);
    letter-spacing: 0.04em;
}

.theme-supreme-ember .supreme-hero {
    align-items: center;
    background-image:
        linear-gradient(90deg, rgba(5, 7, 9, 0.99) 0%, rgba(5, 7, 9, 0.88) 28%, rgba(5, 7, 9, 0.23) 58%, rgba(5, 7, 9, 0.05) 100%),
        linear-gradient(180deg, transparent 64%, rgba(5, 7, 9, 0.92) 100%),
        url(../images/crimson/hero-art.png);
    background-image:
        linear-gradient(90deg, rgba(5, 7, 9, 0.99) 0%, rgba(5, 7, 9, 0.88) 28%, rgba(5, 7, 9, 0.23) 58%, rgba(5, 7, 9, 0.05) 100%),
        linear-gradient(180deg, transparent 64%, rgba(5, 7, 9, 0.92) 100%),
        image-set(
            url(../images/crimson/hero-art.webp) type('image/webp'),
            url(../images/crimson/hero-art.png) type('image/png')
        );
    background-position: center, center, right center;
    background-repeat: no-repeat;
    background-size: cover, cover, auto 100%;
    border: 0;
    border-bottom: 1px solid var(--v2-line-red);
    height: 430px;
    justify-content: flex-start;
    overflow: hidden;
    padding: 0 0 0 38px;
}

.theme-supreme-ember .supreme-hero::before {
    background: linear-gradient(90deg, transparent, rgba(43, 112, 185, 0.35), transparent);
    bottom: 0;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
}

.theme-supreme-ember .supreme-hero-shade {
    background:
        radial-gradient(circle at 78% 52%, transparent 0, rgba(5, 7, 9, 0.06) 31%, rgba(5, 7, 9, 0.66) 78%),
        linear-gradient(90deg, rgba(5, 7, 9, 0.23), transparent 70%);
}

.theme-supreme-ember .headerInfo {
    max-width: 620px;
    position: relative;
    text-align: left;
    text-shadow: 0 3px 18px #000;
    z-index: 3;
}

.theme-supreme-ember .headerInfo-kicker {
    border: 0;
    color: #bbb5ad;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 600;
    letter-spacing: 0.18em;
    margin: 0 0 14px;
    padding: 0;
}

.theme-supreme-ember .headerInfo-kicker span {
    color: var(--v2-red-light);
    margin: 0 8px;
}

.theme-supreme-ember .headerInfo-title {
    background: linear-gradient(180deg, #fff 0%, #c7c5c2 48%, #686a6d 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.7));
    font-size: clamp(48px, 5vw, 72px);
    font-weight: 500;
    letter-spacing: 0.045em;
    line-height: 0.98;
    margin: 0 0 18px;
    text-transform: uppercase;
}

.theme-supreme-ember .headerInfo-title span {
    color: var(--v2-red-light);
    display: inline-block;
    font-size: var(--ember-text-2xl);
    letter-spacing: 0.25em;
    margin-top: 11px;
    -webkit-text-fill-color: var(--v2-red-light);
    text-shadow: 0 0 25px rgba(43, 112, 185, 0.3);
}

.theme-supreme-ember .headerInfo-text {
    color: #a8a9ab;
    font-size: var(--ember-text-md);
    line-height: 1.65;
    margin: 0 0 24px;
    max-width: 455px;
}

.theme-supreme-ember .headerInfo-button {
    gap: 14px;
}

.theme-supreme-ember .headerInfo-button .button {
    border-radius: 2px;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.05em;
    min-height: 44px;
    padding: 13px 25px;
    text-transform: uppercase;
}

.theme-supreme-ember .supreme-button-primary {
    background: linear-gradient(180deg, #2a6cb3, #194069);
    border-color: #488cd4;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 9px 24px rgba(26, 67, 111, 0.35);
    color: #fff;
}

.theme-supreme-ember .supreme-button-primary:hover {
    background: linear-gradient(180deg, #3c84d1, #1f4f83);
    border-color: #6da3dd;
    color: #fff;
}

.theme-supreme-ember .button-white {
    background: rgba(5, 7, 9, 0.48);
    border-color: rgba(255, 255, 255, 0.18);
    color: #d6d5d1;
}

.theme-supreme-ember .button-white:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.34);
    color: #fff;
}

.theme-supreme-ember.page-inner .supreme-hero {
    background-image:
        radial-gradient(circle at 76% 40%, rgba(31, 79, 130, 0.22), transparent 28%),
        linear-gradient(110deg, #05070a 0%, #0d1014 60%, #080a0d 100%);
    background-position: center, center;
    background-size: cover, cover;
    height: 270px;
}

.theme-supreme-ember.page-inner .headerInfo-title {
    font-size: clamp(38px, 4vw, 52px);
}

.theme-supreme-ember.page-inner .headerInfo-text {
    display: none;
}

.theme-supreme-ember.page-inner .headerInfo-button {
    margin-top: 20px;
}

.theme-supreme-ember.page-home .main {
    align-items: start;
    border-bottom: 0;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(320px, 0.82fr) minmax(0, 1.35fr);
    padding: 0 0 10px;
}

.theme-supreme-ember.page-home .sidebar {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
}

.theme-supreme-ember.page-home .supreme-v2-news {
    grid-column: 2;
    grid-row: 2;
    margin: 0;
    width: 100%;
}

.supreme-v2-realm {
    background: linear-gradient(180deg, rgba(17, 19, 22, 0.98), rgba(7, 9, 11, 0.98));
    border: 1px solid var(--v2-line);
    border-top-color: var(--v2-line-red);
    display: grid;
    grid-column: 1 / -1;
    grid-row: 1;
    grid-template-columns: minmax(245px, 0.55fr) minmax(0, 1.45fr);
    min-width: 0;
    position: relative;
}

.supreme-v2-realm::before,
.supreme-v2-realm::after {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    height: 11px;
    opacity: 0.72;
    position: absolute;
    top: -6px;
    width: 170px;
}

.supreme-v2-realm::before {
    background-image: url(../images/crimson/flourish-l.png);
    left: 0;
}

.supreme-v2-realm::after {
    background-image: url(../images/crimson/flourish-r.png);
    right: 0;
}

.supreme-v2-realm-copy {
    border-right: 1px solid var(--v2-line);
    min-width: 0;
    padding: 20px 24px;
}

.supreme-v2-realm-copy small,
.supreme-v2-section-head small {
    color: var(--v2-red-light);
    display: block;
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.13em;
    margin-bottom: 7px;
    text-transform: uppercase;
}

.supreme-v2-realm-copy h2 {
    color: var(--v2-silver);
    font-size: var(--ember-text-lg);
    line-height: 1.25;
    margin: 0 0 7px;
}

.supreme-v2-realm-copy p {
    color: #7e8288;
    font-size: var(--ember-text-xs);
    line-height: 1.55;
    margin: 0;
}

.supreme-v2-realm-copy > a {
    color: var(--v2-red-light);
    display: inline-block;
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.05em;
    margin-top: 12px;
    text-transform: uppercase;
}

.supreme-v2-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(120px, 1fr)) minmax(225px, 1.45fr);
    min-width: 0;
}

.supreme-v2-stat {
    align-items: center;
    border-left: 1px solid var(--v2-line);
    display: flex;
    gap: 11px;
    min-width: 0;
    padding: 20px 15px;
}

.supreme-v2-stat:first-child {
    border-left: 0;
}

.supreme-v2-stat img {
    flex: 0 0 36px;
    height: 36px;
    object-fit: contain;
    width: 36px;
}

.supreme-v2-stat > span,
.supreme-v2-stat small,
.supreme-v2-stat strong {
    display: block;
    min-width: 0;
}

.supreme-v2-stat small {
    color: #777b81;
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.06em;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.supreme-v2-stat strong {
    color: var(--v2-red-light);
    font-family: var(--ember-numeric);
    font-size: var(--ember-text-sm);
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.supreme-v2-stat strong.is-online {
    color: #9ccb6d;
}

.supreme-v2-stat strong.is-offline {
    color: #629cda;
}

.supreme-v2-stat--server_time strong {
    font-size: var(--ember-text-xs);
    letter-spacing: -0.02em;
}

@media (min-width: 641px) {
    .theme-supreme-ember .supreme-server-board .supreme-server-fact--server_time {
        grid-column: span 2;
    }
}

.theme-supreme-ember .tabs-button {
    background: #090b0e;
    border: 1px solid var(--v2-line);
    border-bottom: 0;
    gap: 0;
    margin: 0;
    min-height: 47px;
    padding: 0 10px;
}

.theme-supreme-ember .tabs-button::before {
    color: var(--v2-red-light);
    content: '\f091';
    font-family: FontAwesome;
    font-size: var(--ember-text-sm);
    line-height: 47px;
    margin-right: 8px;
}

.theme-supreme-ember .tabs-button li {
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #777b82;
    flex: 0 1 auto;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    height: 47px;
    line-height: 47px;
    min-width: 0;
    padding: 0 8px;
    text-transform: uppercase;
}

.theme-supreme-ember .tabs-button li.active {
    background: transparent;
    border-bottom-color: var(--v2-red);
    color: #e7e4df;
}

.theme-supreme-ember .tabBlock {
    background: linear-gradient(180deg, rgba(16, 18, 21, 0.98), rgba(8, 10, 12, 0.98));
    border: 1px solid var(--v2-line);
    border-radius: 0;
    box-shadow: none;
    height: 430px;
    padding: 13px 16px;
}

.theme-supreme-ember #events.timer-list,
.theme-supreme-ember #invasions.timer-list {
    max-height: 398px;
}

.theme-supreme-ember #events.timer-list > div,
.theme-supreme-ember #invasions.timer-list > div {
    height: 31px;
}

.theme-supreme-ember #top_players .rank-reset-row {
    min-height: 52px;
}

.theme-supreme-ember #top_players .rank-reset-top {
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--v2-line);
    border-radius: 0;
    box-shadow: none;
    margin: 0;
}

.theme-supreme-ember #top_players .table-td.number {
    flex: 0 0 34px;
}

.theme-supreme-ember #top_players .rank-cup {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: #8d9095;
    height: 28px;
    width: 28px;
}

.theme-supreme-ember #top_players .rank-cup-1 {
    color: #6da3dd;
}

.theme-supreme-ember #top_players .rank-cup-2 {
    color: #c4c9d0;
}

.theme-supreme-ember #top_players .rank-cup-3 {
    color: #4880bc;
}

.theme-supreme-ember #top_players .table-td.name {
    align-items: center;
    display: flex;
    gap: 8px;
    min-width: 0;
}

.supreme-v2-rank-avatar {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 50%;
    flex: 0 0 24px;
    height: 24px;
    object-fit: cover;
    width: 24px;
}

.supreme-v2-rank-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.theme-supreme-ember #top_players .rank-reset-score strong {
    color: var(--v2-red-light);
    font-family: var(--ember-numeric);
    font-size: var(--ember-text-sm);
}

.supreme-v2-news {
    min-width: 0;
}

.supreme-v2-section-head {
    align-items: center;
    background: #090b0e;
    border: 1px solid var(--v2-line);
    border-bottom: 0;
    display: flex;
    justify-content: space-between;
    min-height: 48px;
    padding: 9px 16px;
}

.supreme-v2-section-head small {
    margin-bottom: 3px;
}

.supreme-v2-section-head h2 {
    color: var(--v2-silver);
    font-size: var(--ember-text-md);
    margin: 0;
}

.supreme-v2-section-head h2 span {
    color: var(--v2-red-light);
}

.supreme-v2-section-head > a {
    color: #858990;
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.supreme-v2-section-head > a:hover {
    color: var(--v2-red-light);
}

.supreme-v2-featured-news {
    background: linear-gradient(180deg, rgba(16, 18, 21, 0.98), rgba(8, 10, 12, 0.98));
    border: 1px solid var(--v2-line);
    display: grid;
    gap: 20px;
    grid-template-columns: 190px minmax(0, 1fr);
    min-height: 238px;
    overflow: hidden;
    padding: 18px;
    position: relative;
}

.supreme-v2-news-media {
    background: #07090b;
    display: block;
    min-height: 198px;
    overflow: hidden;
}

.supreme-v2-news-media img {
    display: block;
    height: 100%;
    object-fit: cover;
    opacity: 0.78;
    transition: opacity 0.25s ease, transform 0.35s ease;
    width: 100%;
}

.supreme-v2-featured-news:hover .supreme-v2-news-media img {
    opacity: 0.92;
    transform: scale(1.025);
}

.supreme-v2-news-date {
    align-items: center;
    background: linear-gradient(180deg, #3b83d1, #1c4878);
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 56px;
    justify-content: center;
    left: 28px;
    line-height: 1;
    position: absolute;
    top: 28px;
    width: 52px;
    z-index: 2;
}

.supreme-v2-news-date strong {
    font-family: var(--ember-numeric);
    font-size: var(--ember-text-lg);
}

.supreme-v2-news-date span {
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.08em;
    margin-top: 5px;
    text-transform: uppercase;
}

.supreme-v2-news-copy {
    align-self: center;
    min-width: 0;
}

.supreme-v2-news-meta {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.supreme-v2-news-meta span {
    color: var(--v2-red-light);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.supreme-v2-news-meta time {
    color: #74787f;
    font-family: var(--ember-numeric);
    font-size: var(--ember-text-xs);
}

.supreme-v2-news-copy h3 {
    font-size: var(--ember-text-lg);
    line-height: 1.32;
    margin: 0 0 10px;
}

.supreme-v2-news-copy h3 a {
    color: #e5e2dc;
}

.supreme-v2-news-copy h3 a:hover {
    color: #fff;
}

.supreme-v2-news-copy p {
    color: #898d93;
    display: -webkit-box;
    font-size: var(--ember-text-xs);
    -webkit-line-clamp: 3;
    line-height: 1.65;
    margin: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.supreme-v2-read-more {
    color: var(--v2-red-light);
    display: inline-block;
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.06em;
    margin-top: 16px;
    text-transform: uppercase;
}

.supreme-v2-news-list {
    border: 1px solid var(--v2-line);
    border-top: 0;
}

.supreme-v2-news-list article {
    align-items: center;
    background: #0b0d10;
    border-top: 1px solid var(--v2-line);
    display: grid;
    gap: 13px;
    grid-template-columns: 46px minmax(0, 1fr) 28px;
    min-height: 68px;
    padding: 9px 14px;
}

.supreme-v2-news-list article:first-child {
    border-top: 0;
}

.supreme-v2-news-list time {
    color: #b6b5b1;
    display: flex;
    flex-direction: column;
    font-family: var(--ember-numeric);
    text-align: center;
}

.supreme-v2-news-list time strong {
    font-size: var(--ember-text-md);
}

.supreme-v2-news-list time span,
.supreme-v2-news-list small {
    color: #757980;
    font-size: var(--ember-text-xs);
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.supreme-v2-news-list h3 {
    font-size: var(--ember-text-sm);
    line-height: 1.3;
    margin: 4px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.supreme-v2-news-list h3 a {
    color: #d8d6d1;
}

.supreme-v2-news-list article > a {
    color: var(--v2-red-light);
    font-size: var(--ember-text-lg);
    text-align: center;
}

.theme-supreme-ember .supreme-news-empty {
    border-radius: 0;
    min-height: 238px;
}

.theme-supreme-ember .supreme-footer {
    margin-top: 46px;
}

.supreme-v2-features {
    border-bottom: 1px solid var(--v2-line);
    border-top: 1px solid var(--v2-line);
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin: 0 calc((100vw - 100%) / -2);
    padding: 0 max(24px, calc((100vw - 1332px) / 2));
}

.supreme-v2-features > a {
    align-items: center;
    border-left: 1px solid var(--v2-line);
    display: flex;
    gap: 10px;
    min-height: 94px;
    min-width: 0;
    padding: 14px 16px;
}

.supreme-v2-features > a:last-child {
    border-right: 1px solid var(--v2-line);
}

.supreme-v2-features > a:hover {
    background: rgba(43, 112, 185, 0.055);
}

.supreme-v2-features img {
    flex: 0 0 46px;
    height: 46px;
    object-fit: contain;
    transition: filter 0.25s ease;
    width: 46px;
}

.supreme-v2-features > a:hover img {
    filter: brightness(1.2) drop-shadow(0 0 8px rgba(43, 112, 185, 0.25));
}

.supreme-v2-features span,
.supreme-v2-features strong,
.supreme-v2-features small {
    display: block;
    min-width: 0;
}

.supreme-v2-features strong {
    color: #d9d6d0;
    font-size: var(--ember-text-xs);
    letter-spacing: 0.04em;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.supreme-v2-features small {
    color: #73777d;
    font-size: var(--ember-text-xs);
    line-height: 1.45;
}

.theme-supreme-ember .supreme-footer-main {
    border-top: 0;
    gap: 50px;
    grid-template-columns: minmax(280px, 1.15fr) minmax(300px, 1fr) minmax(260px, 0.8fr);
    padding-top: 38px;
}

.theme-supreme-ember .supreme-footer-logo {
    margin-bottom: 14px;
    width: 145px;
}

.theme-supreme-ember .supreme-footer-logo img {
    height: auto;
    object-fit: contain;
    width: 145px;
}

.theme-supreme-ember .supreme-footer-brand p,
.theme-supreme-ember .supreme-footer-cta p {
    font-size: var(--ember-text-xs);
    line-height: 1.65;
}

.theme-supreme-ember .supreme-footer-cta {
    border-left-color: var(--v2-line);
}

/* The image, filter, duration and opacity for this band now live in one place,
 * on .smoke and .smoke::before in supreme-ember.css, which loads after this file
 * and superseded every one of them. Only the hit-testing rule was ever unique. */
.theme-supreme-ember .smoke {
    pointer-events: none;
}

@media (min-width: 994px) {
    .theme-supreme-ember.page-home .supreme-hero {
        align-items: flex-start;
        background-image:
            linear-gradient(90deg, #05070a 27%, rgba(5, 7, 10, 0.62) 42%, rgba(5, 7, 10, 0.18) 53%, rgba(5, 7, 10, 0) 62%),
            linear-gradient(180deg, rgba(5, 7, 10, 0.55) 0%, rgba(5, 7, 10, 0) 10%, rgba(5, 7, 10, 0) 72%, rgba(5, 7, 10, 0.6) 96%),
            url(../images/crimson/hero-art.png);
        background-image:
            linear-gradient(90deg, #05070a 27%, rgba(5, 7, 10, 0.62) 42%, rgba(5, 7, 10, 0.18) 53%, rgba(5, 7, 10, 0) 62%),
            linear-gradient(180deg, rgba(5, 7, 10, 0.55) 0%, rgba(5, 7, 10, 0) 10%, rgba(5, 7, 10, 0) 72%, rgba(5, 7, 10, 0.6) 96%),
            image-set(
                url(../images/crimson/hero-art.webp) type('image/webp'),
                url(../images/crimson/hero-art.png) type('image/png')
            );
        background-position: center, center, right top;
        background-size: cover, cover, auto 397px;
        height: 482px;
        margin-left: calc((100vw - 100%) / -2);
        padding: 58px max(20px, calc((100vw - 1360px) / 2)) 0;
        width: 100vw;
    }

    .theme-supreme-ember.page-home .supreme-hero-shade {
        background:
            radial-gradient(640px 320px at 0% 82%, rgba(30, 78, 130, 0.16), transparent 70%),
            radial-gradient(420px 200px at 90% 96%, rgba(29, 74, 123, 0.12), transparent 70%);
    }

    .theme-supreme-ember.page-home .headerInfo {
        max-width: 610px;
    }

    .theme-supreme-ember.page-home .headerInfo-kicker {
        align-items: center;
        display: flex;
        font-family: var(--ember-heading);
        font-size: var(--ember-text-sm);
        font-weight: 600;
        gap: 14px;
        letter-spacing: 0.28em;
        margin: 0;
    }

    .theme-supreme-ember.page-home .headerInfo-kicker img {
        height: 16px;
        object-fit: contain;
        width: auto;
    }

    .theme-supreme-ember.page-home .headerInfo-kicker span {
        color: #b7b4ae;
        margin: 0;
    }

    .theme-supreme-ember.page-home .headerInfo-title {
        font-family: var(--ember-heading);
        font-size: 74px;
        font-weight: 800;
        letter-spacing: 0.06em;
        line-height: 1;
        margin: 16px 0 0;
    }

    .theme-supreme-ember.page-home .headerInfo-title span {
        color: #255f9d;
        font-size: var(--ember-text-3xl);
        font-weight: 700;
        letter-spacing: 0.28em;
        line-height: 1;
        margin-top: 12px;
        -webkit-text-fill-color: #255f9d;
    }

    .theme-supreme-ember.page-home .headerInfo-text {
        color: #999ca0;
        font-family: 'Inter', sans-serif;
        font-size: var(--ember-text-md);
        line-height: 1.6;
        margin: 26px 0 0;
        max-width: 540px;
    }

    .theme-supreme-ember.page-home .headerInfo-button {
        gap: 20px;
        margin-top: 28px;
    }

    .theme-supreme-ember.page-home .headerInfo-button .button {
        font-family: var(--ember-body);
        font-size: var(--ember-text-sm);
        height: 50px;
        letter-spacing: 0.1em;
        padding: 0 28px;
    }

    .theme-supreme-ember.page-home .main {
        background: #0b0d0f;
        border-top: 1px solid rgba(255, 255, 255, 0.07);
        column-gap: 40px;
        grid-template-columns: minmax(0, 0.862fr) minmax(0, 1fr);
        margin-left: calc((100vw - 100%) / -2);
        padding: 0 max(20px, calc((100vw - 1360px) / 2)) 24px;
        row-gap: 20px;
        width: 100vw;
    }

    .theme-supreme-ember.page-home .supreme-v2-realm--stats {
        border-radius: 3px;
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5);
        grid-template-columns: 1fr;
        height: 70px;
        margin-top: -86px;
        min-height: 70px;
        z-index: 12;
    }

    .theme-supreme-ember.page-home .supreme-v2-realm--stats::before,
    .theme-supreme-ember.page-home .supreme-v2-realm--stats::after {
        display: none;
    }

    .theme-supreme-ember.page-home .supreme-v2-stats {
        grid-column: 1 / -1;
        grid-template-columns: 19.7fr 17.8fr 17.8fr 17.5fr 27.2fr;
        height: 100%;
    }

    .theme-supreme-ember.page-home .supreme-v2-stat {
        gap: 14px;
        padding: 0 28px 0 34px;
    }

    .theme-supreme-ember.page-home .supreme-v2-stat:first-child {
        padding-left: 38px;
    }

    .theme-supreme-ember.page-home .supreme-v2-stat img {
        flex-basis: 40px;
        height: 40px;
        width: 40px;
    }

    .theme-supreme-ember.page-home .supreme-v2-stat small {
        font-family: 'Inter', sans-serif;
        font-size: var(--ember-text-xs);
        letter-spacing: 0.14em;
        margin-bottom: 4px;
    }

    .theme-supreme-ember.page-home .supreme-v2-stat strong {
        color: #2f7aca;
        font-family: var(--ember-numeric);
        font-size: var(--ember-text-md);
        letter-spacing: 0;
    }

    .theme-supreme-ember.page-home .supreme-v2-stat--server_time strong {
        color: #d9d5ce;
        font-size: var(--ember-text-md);
        letter-spacing: 0.015em;
    }

    .theme-supreme-ember.page-home .tabs-button,
    .theme-supreme-ember.page-home .supreme-v2-section-head {
        border-radius: 3px 3px 0 0;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
        min-height: 46px;
    }

    .theme-supreme-ember.page-home .tabs-button::before {
        line-height: 46px;
    }

    .theme-supreme-ember.page-home .tabs-button li {
        height: 46px;
        line-height: 46px;
    }

    .theme-supreme-ember.page-home .tabBlock {
        border-radius: 0 0 3px 3px;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
        height: 172px;
        overflow: hidden;
        padding: 0 16px;
    }

    .theme-supreme-ember.page-home .sidebar .top {
        margin-bottom: 0;
    }

    .theme-supreme-ember.page-home #top_players,
    .theme-supreme-ember.page-home #top_guilds {
        height: 170px !important;
        overflow: hidden;
    }

    .theme-supreme-ember.page-home #top_players .rank-reset-row {
        height: 34px;
        min-height: 34px;
    }

    .theme-supreme-ember.page-home #top_players .table-td,
    .theme-supreme-ember.page-home #top_guilds .table-td {
        font-family: 'Inter', sans-serif;
        font-size: var(--ember-text-sm);
    }

    .theme-supreme-ember.page-home #top_players .rank-reset-score strong {
        font-size: var(--ember-text-sm);
    }

    .theme-supreme-ember.page-home #events.timer-list,
    .theme-supreme-ember.page-home #invasions.timer-list {
        max-height: 170px;
        overflow-y: auto;
    }

    .theme-supreme-ember.page-home .supreme-v2-section-head {
        height: 46px;
        padding: 0 20px;
    }

    .theme-supreme-ember.page-home .supreme-v2-section-head small {
        display: none;
    }

    .theme-supreme-ember.page-home .supreme-v2-section-head h2 {
        font-family: var(--ember-heading);
        font-size: var(--ember-text-md);
        font-weight: 700;
        letter-spacing: 0.1em;
    }

    .theme-supreme-ember.page-home .supreme-v2-section-head h2::before {
        color: #2c72bc;
        content: '\f1ea';
        font-family: FontAwesome;
        font-size: var(--ember-text-sm);
        margin-right: 11px;
    }

    .theme-supreme-ember.page-home .supreme-v2-section-head h2 span {
        color: inherit;
    }

    .theme-supreme-ember.page-home .supreme-v2-featured-news {
        border-radius: 0 0 3px 3px;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
        gap: 20px;
        grid-template-columns: 222px minmax(0, 1fr);
        height: 172px;
        min-height: 172px;
        padding: 10px 20px;
    }

    .theme-supreme-ember.page-home .supreme-v2-news-media {
        height: 150px;
        min-height: 0;
    }

    .theme-supreme-ember.page-home .supreme-v2-news-date {
        display: none;
    }

    .theme-supreme-ember.page-home .supreme-v2-news-meta {
        margin-bottom: 8px;
    }

    .theme-supreme-ember.page-home .supreme-v2-news-copy h3 {
        font-size: var(--ember-text-md);
        margin-bottom: 7px;
    }

    .theme-supreme-ember.page-home .supreme-v2-news-copy p {
        font-family: 'Inter', sans-serif;
        font-size: var(--ember-text-sm);
        -webkit-line-clamp: 2;
        line-height: 1.55;
    }

    .theme-supreme-ember.page-home .supreme-v2-read-more {
        margin-top: 10px;
    }

    .theme-supreme-ember.page-home .supreme-footer {
        margin-top: 0;
    }

    .theme-supreme-ember.page-home .supreme-v2-features {
        padding-left: max(20px, calc((100vw - 1360px) / 2));
        padding-right: max(20px, calc((100vw - 1360px) / 2));
    }

    .theme-supreme-ember.page-home .supreme-v2-features > a {
        gap: 13px;
        min-height: 96px;
        padding: 14px 16px;
    }

    .theme-supreme-ember.page-home .supreme-v2-features img {
        flex-basis: 52px;
        height: 52px;
        width: 52px;
    }

    .theme-supreme-ember.page-home .supreme-v2-features strong {
        font-family: var(--ember-heading);
        font-size: var(--ember-text-xs);
        letter-spacing: 0.06em;
    }

    .theme-supreme-ember.page-home .supreme-v2-features small {
        font-family: 'Inter', sans-serif;
        font-size: var(--ember-text-xs);
        line-height: 1.5;
    }

    .theme-supreme-ember.page-home .supreme-footer-main {
        gap: 38px;
        grid-template-columns: minmax(420px, 1.25fr) minmax(300px, 0.9fr) minmax(280px, 0.85fr);
        padding: 22px 0 12px;
    }

    .theme-supreme-ember.page-home .supreme-footer-brand {
        align-items: flex-start;
        display: flex;
    }

    .theme-supreme-ember.page-home .supreme-footer-logo {
        flex: 0 0 186px;
        margin: -2px 20px 0 0;
        width: 186px;
    }

    .theme-supreme-ember.page-home .supreme-footer-logo img {
        width: 186px;
    }

    .theme-supreme-ember.page-home .supreme-footer-brand p,
    .theme-supreme-ember.page-home .supreme-footer-cta p {
        font-family: 'Inter', sans-serif;
        font-size: var(--ember-text-xs);
        line-height: 1.65;
        text-transform: none;
    }

    .theme-supreme-ember.page-home .supreme-footer-nav {
        gap: 32px;
    }

    .theme-supreme-ember.page-home .supreme-footer-nav strong,
    .theme-supreme-ember.page-home .supreme-footer-cta > span {
        margin-bottom: 8px;
    }

    .theme-supreme-ember.page-home .supreme-footer-nav a {
        font-family: 'Inter', sans-serif;
        font-size: var(--ember-text-xs);
        margin-bottom: 3px;
        min-height: 22px;
        padding: 2px 0;
    }

    .theme-supreme-ember.page-home .supreme-footer-cta {
        padding-left: 24px;
    }

    .theme-supreme-ember.page-home .supreme-footer-bottom {
        padding: 7px 0 11px;
    }
}

@media (max-width: 1180px) {
    .theme-supreme-ember .wrapper {
        padding: 0 18px;
    }

    .theme-supreme-ember .topPanel {
        grid-template-columns: 145px minmax(0, 1fr) auto;
    }

    .supreme-v2-nav-logo img {
        width: 126px;
    }

    .theme-supreme-ember .menu__link {
        padding-left: 10px;
        padding-right: 10px;
    }

    .supreme-v2-realm {
        grid-template-columns: 245px minmax(0, 1fr);
    }

    .supreme-v2-stat {
        gap: 7px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .supreme-v2-stat img {
        flex-basis: 30px;
        height: 30px;
        width: 30px;
    }

    .supreme-v2-features {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .supreme-v2-features > a:nth-child(4) {
        border-left: 1px solid var(--v2-line);
    }

    .supreme-v2-features > a:nth-child(n+4) {
        border-top: 1px solid var(--v2-line);
    }
}

@media (max-width: 993px) {
    .theme-supreme-ember .topPanel {
        display: grid;
        grid-template-columns: 52px minmax(120px, 1fr) auto;
        min-height: 70px;
    }

    .theme-supreme-ember .btn-mobile {
        grid-column: 1;
        grid-row: 1;
        margin: 0;
        position: relative;
        z-index: 102;
    }

    .supreme-v2-nav-logo {
        grid-column: 2;
        grid-row: 1;
        justify-content: center;
    }

    .supreme-v2-nav-logo img {
        max-height: 60px;
        width: 116px;
    }

    .theme-supreme-ember .topPanel-left {
        background: rgba(6, 8, 10, 0.985);
        border-right: 1px solid var(--v2-line-red);
        display: block;
        grid-column: auto;
        height: 100vh;
        overflow-y: auto;
        padding-top: 18px;
        position: fixed;
        z-index: 101;
    }

    .theme-supreme-ember .topPanel-right {
        grid-column: 3;
        grid-row: 1;
        height: 70px;
    }

    .theme-supreme-ember .mobile-menu {
        padding-top: 74px;
    }

    .theme-supreme-ember .mobile-menu li a {
        color: #d3d2ce;
        font-family: var(--ember-body);
        font-size: var(--ember-text-sm);
        letter-spacing: 0.05em;
    }

    .theme-supreme-ember .supreme-hero {
        background-position: center, center, 64% center;
        background-size: cover, cover, auto 100%;
        height: 410px;
        padding: 95px 28px 34px;
    }

    .theme-supreme-ember.page-inner .supreme-hero {
        height: 245px;
        padding-top: 76px;
    }

    .theme-supreme-ember.page-home .main {
        display: flex;
        flex-direction: column;
    }

    .theme-supreme-ember.page-home .supreme-v2-realm,
    .theme-supreme-ember.page-home .supreme-v2-news,
    .theme-supreme-ember.page-home .sidebar {
        grid-column: auto;
        grid-row: auto;
        width: 100%;
    }

    .theme-supreme-ember.page-home .supreme-v2-realm {
        order: 1;
    }

    .theme-supreme-ember.page-home .supreme-v2-news {
        order: 2;
    }

    .theme-supreme-ember.page-home .sidebar {
        order: 3;
    }

    .supreme-v2-realm {
        grid-template-columns: 1fr;
    }

    .supreme-v2-realm-copy {
        border-bottom: 1px solid var(--v2-line);
        border-right: 0;
    }

    .supreme-v2-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .theme-supreme-ember .tabBlock {
        height: 470px;
    }

    .theme-supreme-ember .supreme-footer-main {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 721px) and (max-width: 993px) {
    .supreme-v2-stat:nth-child(4) {
        border-left: 0;
    }

    .supreme-v2-stat:nth-child(n+4) {
        border-top: 1px solid var(--v2-line);
    }
}

@media (max-width: 720px) {
    .theme-supreme-ember .wrapper {
        padding: 0 12px;
    }

    .theme-supreme-ember .online {
        display: none;
    }

    .theme-supreme-ember .user-enter {
        font-size: var(--ember-text-xs);
        max-width: 120px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .theme-supreme-ember .supreme-hero {
        background-position: center, center, 61% center;
        height: 390px;
        padding: 92px 18px 28px;
    }

    .theme-supreme-ember .headerInfo {
        max-width: 100%;
        overflow: visible;
    }

    .theme-supreme-ember .headerInfo-title {
        font-size: clamp(38px, 12vw, 54px);
    }

    .theme-supreme-ember .headerInfo-title span {
        font-size: var(--ember-text-xl);
    }

    .theme-supreme-ember .headerInfo-text {
        font-size: var(--ember-text-sm);
        max-width: 360px;
    }

    .supreme-v2-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .supreme-v2-stat {
        border-bottom: 1px solid var(--v2-line);
        min-height: 68px;
    }

    .supreme-v2-stat:nth-child(odd) {
        border-left: 0;
    }

    .supreme-v2-stat:last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }

    .supreme-v2-featured-news {
        grid-template-columns: 150px minmax(0, 1fr);
    }

    .supreme-v2-features {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .supreme-v2-features > a:nth-child(n) {
        border-bottom: 1px solid var(--v2-line);
        border-left: 1px solid var(--v2-line);
        border-top: 0;
    }

    .supreme-v2-features > a:nth-child(even) {
        border-right: 1px solid var(--v2-line);
    }

    .theme-supreme-ember .supreme-footer-main {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .theme-supreme-ember .topPanel {
        grid-template-columns: 45px minmax(95px, 1fr) auto;
    }

    .supreme-v2-nav-logo img {
        width: 102px;
    }

    .theme-supreme-ember .supreme-hero {
        background-position: center, center, 58% center;
        height: 390px;
        padding: 92px 16px 25px;
    }

    .theme-supreme-ember .headerInfo-kicker {
        font-size: var(--ember-text-xs);
    }

    .theme-supreme-ember .headerInfo-title {
        font-size: var(--ember-text-3xl);
        letter-spacing: 0.025em;
    }

    .theme-supreme-ember .headerInfo-title span {
        font-size: var(--ember-text-lg);
        letter-spacing: 0.18em;
    }

    .theme-supreme-ember .headerInfo-button {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .theme-supreme-ember .headerInfo-button .button {
        min-height: 42px;
        width: 100%;
    }

    .supreme-v2-realm-copy {
        padding: 18px;
    }

    .supreme-v2-section-head {
        padding-left: 12px;
        padding-right: 12px;
    }

    .supreme-v2-section-head > a {
        max-width: 90px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .supreme-v2-featured-news {
        display: block;
        padding: 12px;
    }

    .supreme-v2-news-media {
        height: 174px;
        min-height: 0;
    }

    .supreme-v2-news-copy {
        padding: 16px 3px 5px;
    }

    .supreme-v2-news-date {
        left: 22px;
        top: 22px;
    }

    .supreme-v2-news-copy h3 {
        font-size: var(--ember-text-md);
    }

    .supreme-v2-news-list article {
        grid-template-columns: 40px minmax(0, 1fr) 24px;
        padding-left: 9px;
        padding-right: 9px;
    }

    .supreme-v2-features > a {
        align-items: flex-start;
        flex-direction: column;
        min-height: 128px;
        padding: 14px;
    }

    .supreme-v2-features img {
        height: 39px;
        width: 39px;
    }

    .theme-supreme-ember .tabs-button {
        overflow-x: auto;
    }

    .theme-supreme-ember .tabs-button li {
        flex: 0 0 auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .theme-supreme-ember .smoke,
    .theme-supreme-ember .sparks,
    .theme-supreme-ember .sparks * {
        animation: none !important;
    }

    .theme-supreme-ember *,
    .theme-supreme-ember *::before,
    .theme-supreme-ember *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}

/* --- source: assets/supreme_ember/css/ember-panels.css --- */
/*
 * Supreme Ember - shared panel tokens.
 *
 * Single source of truth for the "engraved gold on obsidian" system that
 * started on the Game Features page: depth from layered surfaces and light,
 * gold used as light rather than as a decorative border, engraved headings.
 *
 * Loaded early (right after ember-foundation.css) so every later stylesheet
 * can consume these values instead of redeclaring its own copy.
 */

/*
 * The engraved heading face the whole public system stands on. Declared here
 * next to --ember-heading rather than inside a page stylesheet, so no single
 * route owns the font every other route depends on. Single weight by design:
 * headings stay at font-weight 400 and never ask the browser to fake a bold.
 */
/*
 * The 100-900 range is deliberate on what is physically a single 400 weight.
 * Roughly sixty rules across the theme ask this face for 600 or 700. Declaring
 * one weight makes the browser fake a bold for every one of them, which smears
 * an engraved serif badly at display sizes. Claiming the full range makes each
 * request an exact match, so the real outlines are used and no synthesis runs.
 */
@font-face {
    font-family: 'AlbertusSupreme';
    font-style: normal;
    font-weight: 100 900;
    src: url('../fonts/albertus.woff') format('woff'),
         url('../fonts/albertus.ttf') format('truetype');
    font-display: swap;
}

:root {
    /* Foundational values previously redeclared later in supreme-ember.css. */
    --ember-bg: #050406;
    --ember-panel: #0b080c;
    --ember-panel-soft: #110b10;
    --ember-line: rgba(169, 193, 219, 0.12);
    --ember-line-red: rgba(74, 141, 212, 0.38);

    /* Current computed values used by the Game Features reference page. */
    --ember-gold: #76a5d8;
    --ember-gold-bright: #b4d0ee;
    --ember-gold-deep: #335e8d;
    --ember-red: #3680d0;
    --ember-red-bright: #4a8dd4;
    --ember-red-deep: #1b4674;

    --ember-surface: rgba(23, 19, 25, 0.9);
    --ember-surface-hi: rgba(31, 25, 32, 0.95);
    --ember-surface-deep: rgba(11, 9, 13, 0.94);

    --ember-text: #f0eae4;
    --ember-muted: #a79da0;
    --ember-faint: #8d8386;

    /* Shared page surfaces copied from the Game Features visual contract. */
    --ember-page-bg: #07060a;
    --ember-page-surface: rgba(19, 16, 21, 0.72);
    --ember-page-surface-strong: rgba(26, 21, 27, 0.9);
    --ember-page-surface-deep: rgba(11, 9, 13, 0.92);

    /*
     * Three roles, two faces. Headings are the engraved serif; everything else
     * is Inter. --ember-numeric exists so counters, timers and stat values can
     * be reached as a group - it is the body face, and the rules that use it
     * pair it with font-variant-numeric: tabular-nums so digits keep a fixed
     * width without dropping to a monospace face.
     *
     * --ember-mono is the ONLY place a monospace stack is allowed. It is for
     * content that is literally code or an identifier the reader may copy:
     * wiki code spans, the command panel, download checksums and the WCoin
     * transaction reference. Numbers are not code - use --ember-numeric.
     */
    --ember-heading: 'AlbertusSupreme', 'Marcellus', Georgia, serif;
    --ember-body: 'Inter', Arial, sans-serif;
    --ember-numeric: 'Inter', Arial, sans-serif;
    --ember-mono: ui-monospace, 'Cascadia Mono', Consolas, monospace;

    /*
     * Type scale.
     *
     * The theme had grown 30 distinct font sizes across its pages, including
     * 10.5px and 12.5px, which are arithmetic accidents rather than decisions.
     * Seven steps replace them. Ratio is roughly 1.2, tightened at the small
     * end where a 2px step is already a visible difference.
     *
     * The floor is 11px on purpose: the old 8px and 9px micro-labels were
     * about 2mm tall on screen and are the main reason the interface read as
     * cheap rather than premium.
     *
     * Display sizes - page titles, the hero lockup, one-off big numbers - are
     * deliberately NOT in this scale. There are only a handful, they are art
     * directed per page, and most are already fluid clamp() ranges tuned
     * against the viewport.
     */
    --ember-text-xs: 11px;   /* eyebrows, type tags, micro-captions */
    --ember-text-sm: 13px;   /* secondary copy, meta lines */
    --ember-text-md: 15px;   /* body */
    --ember-text-lg: 18px;   /* rail and card headings */
    --ember-text-xl: 22px;   /* section headings */
    --ember-text-2xl: 28px;  /* large headings */
    --ember-text-3xl: 38px;  /* small display */

    /*
     * One tracking value for uppercase micro-labels. Letter-spacing had drifted
     * to 43 distinct values, several of them computed to absurd precision
     * (1.1025px). Uppercase needs opening up; lowercase text does not, and
     * should simply not declare it.
     */
    --ember-tracking-label: 0.08em;

    --ember-radius: 3px;
    /*
     * These are the Game Features values, promoted to the global set on
     * 2026-08-02. That page is the reference for the theme's surfaces, and it
     * carried its own slightly deeper, wider shadow under --features-lift while
     * every other page used a shallower one - which is part of why it read as
     * the more finished page. One recipe now, defined here.
     */
    --ember-lift: inset 0 1px 0 rgba(255, 255, 255, 0.045), 0 20px 44px rgba(0, 0, 0, 0.36);
    --ember-lift-hover: inset 0 1px 0 rgba(187, 212, 239, 0.12), 0 28px 58px rgba(0, 0, 0, 0.5);
    /* The edge every tile carries instead of a drawn border. */
    --ember-ring: inset 0 0 0 1px rgba(118, 165, 216, 0.13);
    --ember-ring-hover: inset 0 0 0 1px rgba(118, 165, 216, 0.3);

    /* Reusable fragments */
    --ember-panel-bg:
        radial-gradient(130% 60% at 50% 0, rgba(118, 165, 216, 0.09), transparent 58%),
        linear-gradient(180deg, rgba(23, 19, 25, 0.92), rgba(11, 9, 13, 0.96));
    --ember-edge-light: linear-gradient(90deg, transparent, rgba(118, 165, 216, 0.5), transparent);
    --ember-gem: linear-gradient(135deg, #b4d0ee, #335e8d);
}

/* --- source: assets/supreme_ember/css/supreme-ember.css --- */
html {
    background: var(--ember-bg);
}

body.theme-supreme-ember {
    background:
        radial-gradient(circle at 50% 0, rgba(25, 64, 105, 0.13), transparent 32%),
        linear-gradient(180deg, #050406 0%, #090609 52%, #050406 100%);
    color: var(--ember-muted);
}

.theme-supreme-ember .wrapper {
    max-width: 1440px;
}

.theme-supreme-ember .topPanel {
    background: rgba(5, 4, 6, 0.9);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    grid-template-columns: 205px minmax(0, 1fr) auto;
    min-height: 76px;
}

.theme-supreme-ember .topPanel::before {
    background: rgba(5, 4, 6, 0.92);
    border-bottom-color: rgba(255, 255, 255, 0.06);
}

.theme-supreme-ember .topPanel.is-scrolled {
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.72);
}

.theme-supreme-ember .menu-wrapper,
.theme-supreme-ember .langBlock {
    height: 76px;
}

.theme-supreme-ember .menu__link {
    color: #cfc4c5;
    font-size: 10px;
    letter-spacing: 0.13em;
    padding-bottom: 28px;
    padding-top: 28px;
}

.theme-supreme-ember .menu__link::after,
.theme-supreme-ember .menu__link.is-active::before {
    background: var(--ember-red-bright);
}

.theme-supreme-ember .menu__link.is-active,
.theme-supreme-ember .menu__link:hover {
    color: #fff;
}

.theme-supreme-ember .user-enter {
    color: #dfd5d0;
}

.theme-supreme-ember .online-block,
.theme-supreme-ember .online-block-active {
    border-left-color: var(--ember-line);
}

.ember-nav-logo {
    gap: 11px;
    line-height: 1;
}

.supreme-v2-nav-logo.ember-nav-logo img {
    filter: drop-shadow(0 0 13px rgba(74, 141, 212, 0.22));
    flex: 0 0 38px;
    height: auto;
    max-height: 46px;
    width: 38px;
}

.ember-nav-logo > span,
.ember-nav-logo strong,
.ember-nav-logo small {
    display: block;
}

.ember-nav-logo strong {
    color: #f3ece5;
    font-family: var(--ember-heading);
    font-size: 17px;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.ember-nav-logo small {
    color: var(--ember-red-bright);
    font-size: 8px;
    letter-spacing: 0.31em;
    margin-top: 4px;
    text-transform: uppercase;
}

.theme-supreme-ember .ember-hero {
    background: #050406;
    height: 650px;
    margin-left: calc((100vw - 100%) / -2);
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100vw;
}

.ember-hero::before,
.ember-hero::after {
    content: '';
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 5;
}

.ember-hero::before {
    background: linear-gradient(180deg, rgba(5, 4, 6, 0.82), transparent);
    height: 90px;
    top: 0;
}

.ember-hero::after {
    background: linear-gradient(180deg, transparent, #050406);
    bottom: 0;
    height: 130px;
}

.ember-hero-stage {
    aspect-ratio: 941 / 481;
    background: url(../images/ember/hero-base.jpg) center / 100% 100% no-repeat;
    left: 50%;
    max-width: 941px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(941px, 100vw);
}

.ember-hero-stage::before {
    background:
        radial-gradient(circle at 50% 45%, rgba(74, 141, 212, 0.12), transparent 25%),
        linear-gradient(90deg, rgba(5, 4, 6, 0.3), transparent 28%, transparent 72%, rgba(5, 4, 6, 0.3));
    content: '';
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 3;
}

.ember-hero-glow {
    background:
        radial-gradient(circle at 39% 30%, rgba(144, 79, 255, 0.25), transparent 16%),
        radial-gradient(circle at 63% 30%, rgba(121, 171, 224, 0.2), transparent 17%);
    inset: 0;
    mix-blend-mode: screen;
    pointer-events: none;
    position: absolute;
    z-index: 2;
}

.ember-character {
    display: block;
    height: auto;
    pointer-events: none;
    position: absolute;
    top: 1%;
    will-change: transform;
    z-index: 2;
}

.ember-character--wizard {
    left: 1.06%;
    width: 36.13%;
}

.ember-character--elf {
    left: 63.34%;
    top: 2.9%;
    width: 36.66%;
}

.ember-canvas {
    height: 100%;
    inset: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
}

.ember-canvas--back {
    z-index: 1;
}

.ember-canvas--front {
    z-index: 6;
}

.theme-supreme-ember .ember-hero-copy {
    align-items: center;
    display: flex;
    flex-direction: column;
    left: 50%;
    margin: 0;
    max-width: 390px;
    padding: 0 16px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 43%;
    z-index: 7;
}

.theme-supreme-ember .headerInfo-kicker {
    color: #baaeb1;
    font-family: var(--ember-heading);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.28em;
    margin: 0 0 12px;
    text-transform: uppercase;
}

.theme-supreme-ember .headerInfo-title {
    display: block;
    font-family: var(--ember-heading);
    line-height: 0.98;
    margin: 0;
    text-align: center;
}

.theme-supreme-ember .headerInfo-title .ember-title-main,
.theme-supreme-ember .headerInfo-title .ember-title-version {
    display: block;
}

.theme-supreme-ember .headerInfo-title .ember-title-main {
    background: linear-gradient(180deg, #fff 4%, #dfd2c9 42%, #8f7f78 78%, #e4d8cf 100%);
    background-clip: text;
    color: #eee5df;
    font-size: clamp(31px, 4.25vw, 57px);
    font-weight: 700;
    letter-spacing: 0.05em;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 8px 28px rgba(0, 0, 0, 0.7);
}

.theme-supreme-ember .headerInfo-title .ember-title-version {
    color: var(--ember-red-bright);
    font-size: clamp(13px, 1.65vw, 22px);
    font-weight: 700;
    letter-spacing: 0.32em;
    margin-top: 10px;
    -webkit-text-fill-color: var(--ember-red-bright);
}

.theme-supreme-ember .headerInfo-text {
    color: #a69a9c;
    font-size: 11px;
    line-height: 1.65;
    margin: 19px auto 0;
    max-width: 340px;
}

.theme-supreme-ember .headerInfo-button {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 21px;
}

.theme-supreme-ember .headerInfo-button .button,
.theme-supreme-ember .button.supreme-button-primary {
    border-radius: 2px;
    font-family: var(--ember-body);
    font-size: 9px;
    height: 42px;
    letter-spacing: 0.08em;
    min-width: 0;
    padding: 0 17px;
}

.theme-supreme-ember .supreme-button-primary {
    background: linear-gradient(180deg, #2b6fb8, #1a436f);
    border: 1px solid rgba(134, 178, 226, 0.35);
    box-shadow: 0 0 24px rgba(38, 98, 163, 0.22), inset 0 1px rgba(255, 255, 255, 0.12);
    color: #fff;
}

.theme-supreme-ember .supreme-button-primary:hover,
.theme-supreme-ember .supreme-button-primary:focus-visible {
    background: linear-gradient(180deg, #3881d0, #1f5084);
    box-shadow: 0 0 30px rgba(74, 141, 212, 0.35);
    color: #fff;
}

.theme-supreme-ember .button-white {
    background: rgba(7, 5, 7, 0.72);
    border-color: rgba(231, 217, 208, 0.24);
    color: #e6dcda;
}

.theme-supreme-ember .button-white:hover,
.theme-supreme-ember .button-white:focus-visible {
    border-color: rgba(74, 141, 212, 0.6);
    color: #fff;
}

.theme-supreme-ember.page-inner .ember-hero {
    height: 275px;
}

.theme-supreme-ember.page-inner .ember-hero-stage {
    opacity: 0.78;
    top: 43%;
}

.theme-supreme-ember.page-inner .ember-character,
.theme-supreme-ember.page-inner .ember-canvas,
.theme-supreme-ember.page-inner .headerInfo-text {
    display: none;
}

.theme-supreme-ember.page-inner .ember-hero-copy {
    max-width: 560px;
    width: 60%;
}

.theme-supreme-ember.page-inner .headerInfo-title .ember-title-main {
    font-size: clamp(30px, 4vw, 46px);
}

.theme-supreme-ember.page-inner .headerInfo-button {
    margin-top: 17px;
}

.ember-stat-strip {
    background: linear-gradient(180deg, rgba(17, 10, 14, 0.98), rgba(7, 5, 7, 0.99));
    border: 1px solid var(--ember-line);
    border-top-color: var(--ember-line-red);
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.5);
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin: -52px auto 32px;
    max-width: 1220px;
    min-height: 76px;
    position: relative;
    width: calc(100% - 40px);
    z-index: 12;
}

.ember-stat {
    align-items: center;
    border-left: 1px solid var(--ember-line);
    display: flex;
    gap: 13px;
    min-width: 0;
    padding: 14px 20px;
}

.ember-stat:first-child {
    border-left: 0;
}

.ember-stat-icon {
    align-items: center;
    color: var(--ember-gold);
    display: flex;
    flex: 0 0 34px;
    font-size: 23px;
    justify-content: center;
}

.ember-stat > span,
.ember-stat small,
.ember-stat strong {
    display: block;
    min-width: 0;
}

.ember-stat small {
    color: #817477;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.12em;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.ember-stat strong {
    color: var(--ember-red-bright);
    font-family: var(--ember-numeric);
    font-size: 13px;
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ember-stat strong.is-online {
    color: #9ccb6d;
}

.ember-stat strong.is-offline {
    color: #7dade1;
}

.theme-supreme-ember.page-home .main {
    background: transparent;
    display: grid;
    gap: 42px 28px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    padding: 4px 0 24px;
}

.theme-supreme-ember.page-home .sidebar {
    grid-column: 1 / -1;
    grid-row: auto;
    width: 100%;
}

.ember-section-heading {
    background: transparent;
    border: 0;
    min-height: 0;
    padding: 0 0 17px;
}

.ember-section-heading--center {
    margin-bottom: 19px;
    text-align: center;
}

.ember-section-heading small,
.ember-about-copy > small {
    color: var(--ember-red-bright);
    display: block;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.2em;
    margin-bottom: 7px;
    text-transform: uppercase;
}.ember-section-heading h2,
.ember-about-copy h2 {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-size: 23px;
    margin: 0;
}

.ember-section-heading h2 span {
    color: var(--ember-red-bright);
}

.ember-schedule {
    padding: 12px 0 2px;
}

.ember-schedule-grid {
    display: grid;
    gap: 22px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

/*
 * Base sizing for the schedule panels. The surface, edge light and typography
 * come from ember-home-premium.css; the hairline borders that used to live here
 * were removed on 2026-08-01 - they drew a second hard line under the header and
 * under every timer row, on top of the premium fading separators, which is what
 * made this section look like it came from a different site.
 */
.ember-schedule-panel {
    background: linear-gradient(180deg, rgba(17, 10, 14, 0.97), rgba(7, 5, 7, 0.98));
    border: 0;
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.28);
    min-width: 0;
    overflow: hidden;
}

.ember-schedule-panel > header {
    align-items: center;
    background: rgba(8, 5, 8, 0.86);
    border-bottom: 0;
    display: flex;
    gap: 13px;
    min-height: 66px;
    padding: 11px 18px;
}

.ember-schedule-panel > header img {
    filter: drop-shadow(0 0 12px rgba(74, 141, 212, 0.28));
}

.ember-schedule-panel > header span,
.ember-schedule-panel > header small,
.ember-schedule-panel > header strong {
    display: block;
}

.ember-schedule-panel > header small {
    color: #776b6e;
    font-size: 8px;
    letter-spacing: 0.17em;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.ember-schedule-panel > header strong {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-size: 14px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.theme-supreme-ember .ember-schedule-panel .timer-list {
    max-height: 354px;
    min-height: 250px;
    overflow-y: auto;
    padding: 8px 18px 12px;
}

.theme-supreme-ember .ember-schedule-panel .timer-list > div {
    /* Row separation is the gold gradient on `.timer-list > div + div::after`
     * in ember-home-premium.css, not a ruled line. */
    border-bottom: 0;
    height: 36px;
}

.theme-supreme-ember .ember-schedule-panel .timer-list span,
.theme-supreme-ember .ember-schedule-panel .timer-list b,
.theme-supreme-ember .ember-schedule-panel .timer-list strong {
    font-variant-numeric: tabular-nums;
}

.ember-about {
    align-items: stretch;
    background: linear-gradient(180deg, rgba(15, 9, 13, 0.97), rgba(7, 5, 7, 0.98));
    border: 1px solid var(--ember-line);
    display: grid;
    grid-column: 1;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    min-width: 0;
    overflow: hidden;
}

.ember-about-media {
    min-height: 290px;
    overflow: hidden;
    position: relative;
}

.ember-about-media::after {
    background: linear-gradient(90deg, transparent 56%, rgba(7, 5, 7, 0.92));
    content: '';
    inset: 0;
    pointer-events: none;
    position: absolute;
}

.ember-about-media img {
    display: block;
    height: 100%;
    object-fit: cover;
    opacity: 0.82;
    width: 100%;
}

.ember-about-media span {
    border: 1px solid rgba(74, 141, 212, 0.42);
    inset: 12px;
    pointer-events: none;
    position: absolute;
    z-index: 2;
}

.ember-about-copy {
    align-self: center;
    min-width: 0;
    padding: 30px 28px 30px 18px;
}

.ember-about-copy h2 {
    line-height: 1.25;
}

.ember-about-copy p {
    color: #94878a;
    font-size: 11px;
    line-height: 1.75;
    margin: 16px 0 0;
}

.ember-about-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 22px;
}

.ember-text-link {
    color: #b9abad;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ember-text-link:hover {
    color: var(--ember-red-bright);
}

.theme-supreme-ember.page-home .ember-news {
    grid-column: 2;
    grid-row: auto;
    margin: 0;
    width: 100%;
}

.theme-supreme-ember .supreme-v2-featured-news,
.theme-supreme-ember .supreme-v2-news-list,
.theme-supreme-ember .supreme-v2-news-list article {
    background: linear-gradient(180deg, rgba(15, 9, 13, 0.98), rgba(7, 5, 7, 0.98));
    border-color: var(--ember-line);
}

.theme-supreme-ember .supreme-v2-news-date {
    background: linear-gradient(180deg, #3b83d1, #1a436f);
}

.theme-supreme-ember .supreme-v2-news-meta span,
.theme-supreme-ember .supreme-v2-read-more,
.theme-supreme-ember .supreme-v2-news-list article > a {
    color: var(--ember-red-bright);
}

.theme-supreme-ember .content,
.theme-supreme-ember .page-content,
.theme-supreme-ember .account-panel,
.theme-supreme-ember .panel,
.theme-supreme-ember .modalContent {
    border-color: var(--ember-line);
}

.theme-supreme-ember #enter.modal_div {
    background:
        radial-gradient(circle at 50% 0%, rgba(74, 141, 212, 0.12), transparent 42%),
        linear-gradient(180deg, rgba(15, 9, 13, 0.98), rgba(5, 4, 6, 0.98));
    border: 1px solid rgba(124, 166, 211, 0.22);
    border-radius: 10px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.72), 0 0 0 1px rgba(74, 141, 212, 0.08);
    left: 50%;
    margin-left: 0;
    max-width: 430px;
    padding: 34px;
    transform: translateX(-50%);
    width: calc(100vw - 32px);
    z-index: 1005;
}

.theme-supreme-ember #enter .modalContent {
    display: block;
    width: 100%;
}

.theme-supreme-ember #enter .modal-title {
    align-items: center;
    border-bottom: 1px solid rgba(124, 166, 211, 0.13);
    gap: 16px;
    margin-bottom: 24px;
    padding-bottom: 18px;
}

.theme-supreme-ember #enter .modal-title span {
    color: #f3ece5;
    font-family: var(--ember-heading);
    font-size: 22px;
    letter-spacing: 0.08em;
}

.theme-supreme-ember #enter .formGroup p {
    color: #9d9293;
    font-family: var(--ember-body);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.theme-supreme-ember #enter input[type='text'],
.theme-supreme-ember #enter input[type='password'] {
    min-height: 46px;
    width: 100%;
}

.theme-supreme-ember #enter .formButtons button {
    background: linear-gradient(180deg, #3580d0, #1e4c7e);
    border: 1px solid rgba(143, 185, 229, 0.38);
    border-radius: 4px;
    box-shadow: 0 10px 26px rgba(35, 91, 151, 0.32);
    color: #fff;
    font-family: var(--ember-body);
    font-size: 13px;
    letter-spacing: 0.08em;
    min-width: 160px;
    padding: 13px 22px;
    text-transform: uppercase;
}

.theme-supreme-ember #enter .lost-pass {
    color: #8295a9;
    font-size: 12px;
}

.theme-supreme-ember #enter .modal_close {
    background: none;
    border: 1px solid rgba(124, 166, 211, 0.25);
    border-radius: 50%;
    right: -12px;
    top: -12px;
}

.theme-supreme-ember #enter .modal_close::before,
.theme-supreme-ember #enter .modal_close::after {
    background: #7ca6d3;
    content: '';
    height: 1px;
    left: 6px;
    position: absolute;
    top: 11px;
    width: 11px;
}

.theme-supreme-ember #enter .modal_close::before {
    transform: rotate(45deg);
}

.theme-supreme-ember #enter .modal_close::after {
    transform: rotate(-45deg);
}

.theme-supreme-ember #overlay {
    z-index: 1000;
}

/*
 * The theme-wide heading default. This rule used to pin every h1-h3 to Cinzel,
 * which quietly beat any component rule written as a bare single class - that
 * is how five hero titles stayed Cinzel while declaring something else. It now
 * points at the same token as everything else, so an unstyled heading lands on
 * the system face instead of the exception.
 */
.theme-supreme-ember .content-title,
.theme-supreme-ember .page-title,
.theme-supreme-ember h1,
.theme-supreme-ember h2,
.theme-supreme-ember h3 {
    font-family: var(--ember-heading);
}

.theme-supreme-ember input[type='text'],
.theme-supreme-ember input[type='password'],
.theme-supreme-ember input[type='email'],
.theme-supreme-ember input[type='number'],
.theme-supreme-ember select,
.theme-supreme-ember textarea {
    background-color: #0d090d;
    border-color: rgba(124, 166, 211, 0.22);
    color: #e6dcda;
}

.theme-supreme-ember input:focus,
.theme-supreme-ember select:focus,
.theme-supreme-ember textarea:focus {
    border-color: rgba(74, 141, 212, 0.75);
    box-shadow: 0 0 0 3px rgba(74, 141, 212, 0.1);
    outline: 0;
}

.theme-supreme-ember a:focus-visible,
.theme-supreme-ember button:focus-visible,
.theme-supreme-ember [tabindex]:focus-visible {
    outline: 2px solid #7bace0;
    outline-offset: 3px;
}

.theme-supreme-ember .supreme-footer {
    background: #050406;
    border-top: 1px solid var(--ember-line);
}

.theme-supreme-ember .ember-features {
    border-color: var(--ember-line);
}

.theme-supreme-ember .ember-features > a {
    border-color: var(--ember-line);
}

.theme-supreme-ember .ember-features > a:hover {
    background: rgba(38, 98, 163, 0.08);
}

.theme-supreme-ember .ember-features img {
    flex: 0 0 38px;
    height: 38px;
    object-fit: contain;
    width: 38px;
}

.ember-footer-logo {
    align-items: center;
    display: inline-flex;
    gap: 11px;
}

.theme-supreme-ember .supreme-footer-logo.ember-footer-logo img {
    height: 46px;
    width: 44px;
}

.ember-footer-logo span,
.ember-footer-logo strong,
.ember-footer-logo small {
    display: block;
}

.ember-footer-logo strong {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-size: 17px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ember-footer-logo small {
    color: var(--ember-red-bright);
    font-size: 8px;
    letter-spacing: 0.26em;
    margin-top: 4px;
    text-transform: uppercase;
}

/*
 * The smoke band, moved from paint to the compositor on 2026-08-03.
 *
 * style.css animates `background-position` on this element, which cannot be
 * composited: the browser repaints the strip every frame. It is 697,000px of
 * surface and it carries a four-function filter, so each of those frames also
 * re-runs brightness, sepia, saturate and hue-rotate over the repainted area.
 * It was by a wide margin the most expensive animation on the landing.
 *
 * The image now lives on a pseudo-element one tile wider than the container and
 * travels by transform instead. smoke-v1.webp tiles at exactly 1920px, so
 * translating by that distance lands on an identical pixel and the loop is
 * seamless. The filter moves with it: a filtered layer that only ever changes
 * transform is rasterised once and then moved, rather than recomputed.
 *
 * Keep the 1920px in the keyframe equal to the tile width. If the artwork is
 * ever replaced at a different width, the loop will visibly jump.
 */
.theme-supreme-ember .smoke {
    animation: none;
    background-image: none;
    filter: none;
    opacity: 0.15;
    overflow: hidden;
}

.theme-supreme-ember .smoke::before {
    background-image: url(../images/smoke-v1.webp?v=20260719);
    background-position: left top;
    background-repeat: repeat-x;
    bottom: 0;
    content: '';
    filter: brightness(0.58) sepia(0.25) saturate(1.55) hue-rotate(305deg);
    left: 0;
    position: absolute;
    top: 0;
    width: calc(100% + 1920px);
    will-change: transform;
}

@media (prefers-reduced-motion: no-preference) {
    .theme-supreme-ember .smoke::before {
        animation: ember-smoke-drift 28s linear infinite;
    }
}

@keyframes ember-smoke-drift {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-1920px, 0, 0);
    }
}

@media (min-width: 994px) {
    .theme-supreme-ember.page-home .main {
        background: transparent;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .theme-supreme-ember.page-inner .main {
        display: flex;
        flex-wrap: nowrap;
        gap: 34px;
        padding-top: 22px;
    }

    .theme-supreme-ember.page-inner .sidebar {
        flex: 0 0 350px;
        width: 350px;
    }

    .theme-supreme-ember.page-inner .dmn-content,
    .theme-supreme-ember.page-inner .news {
        flex: 1 1 auto;
        min-width: 0;
        width: calc(100% - 384px);
    }
}

@media (max-width: 1180px) {
    .theme-supreme-ember .topPanel {
        grid-template-columns: 178px minmax(0, 1fr) auto;
    }

    .ember-stat {
        padding-left: 13px;
        padding-right: 13px;
    }

    .ember-about {
        grid-template-columns: 0.82fr 1.18fr;
    }
}

@media (min-width: 994px) and (max-width: 1180px) {
    .theme-supreme-ember.page-inner .sidebar {
        flex-basis: 310px;
        width: 310px;
    }

    .theme-supreme-ember.page-inner .dmn-content,
    .theme-supreme-ember.page-inner .news {
        width: calc(100% - 344px);
    }
}

@media (max-width: 993px) {
    .theme-supreme-ember .topPanel {
        grid-template-columns: 52px minmax(120px, 1fr) auto;
        min-height: 70px;
    }

    .theme-supreme-ember .topPanel-left {
        border-right-color: var(--ember-line-red);
    }

    .supreme-v2-nav-logo.ember-nav-logo {
        justify-content: center;
    }

    .supreme-v2-nav-logo.ember-nav-logo img {
        max-height: 40px;
        width: 34px;
    }

    .ember-nav-logo strong {
        font-size: 14px;
    }

    .ember-nav-logo small {
        font-size: 7px;
    }

    .theme-supreme-ember .ember-hero {
        height: 580px;
    }

    .ember-stat-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin-top: -38px;
    }

    .ember-stat:nth-child(4) {
        border-left: 0;
    }

    .ember-stat:nth-child(n+4) {
        border-top: 1px solid var(--ember-line);
    }

    .theme-supreme-ember.page-home .main {
        display: flex;
        flex-direction: column;
    }

    .theme-supreme-ember.page-home .sidebar,
    .theme-supreme-ember.page-home .ember-about,
    .theme-supreme-ember.page-home .ember-news {
        grid-column: auto;
        grid-row: auto;
        order: initial;
        width: 100%;
    }

    .ember-about {
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    }
}

@media (max-width: 720px) {
    .theme-supreme-ember .ember-hero {
        height: 520px;
    }

    .ember-hero-stage {
        left: 50%;
        width: 780px;
    }

    .ember-character {
        opacity: 0.76;
    }

    .theme-supreme-ember .ember-hero-copy {
        background: radial-gradient(circle, rgba(5, 4, 6, 0.82), rgba(5, 4, 6, 0.22) 68%, transparent);
        max-width: 420px;
        padding: 48px 30px;
        width: calc(100% - 34px);
    }

    .theme-supreme-ember .headerInfo-title .ember-title-main {
        font-size: clamp(34px, 10vw, 48px);
    }

    .theme-supreme-ember .headerInfo-title .ember-title-version {
        font-size: 16px;
    }

    .ember-stat-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: calc(100% - 24px);
    }

    .ember-stat:nth-child(n) {
        border-bottom: 1px solid var(--ember-line);
        border-left: 1px solid var(--ember-line);
        border-top: 0;
    }

    .ember-stat:nth-child(odd) {
        border-left: 0;
    }

    .ember-stat:last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }

    .ember-schedule-grid {
        grid-template-columns: 1fr;
    }

    .ember-about {
        grid-template-columns: 1fr;
    }

    .ember-about-media {
        min-height: 220px;
    }

    .ember-about-media::after {
        background: linear-gradient(180deg, transparent 55%, rgba(7, 5, 7, 0.94));
    }

    .ember-about-copy {
        padding: 4px 22px 28px;
    }
}

@media (max-width: 480px) {
    .ember-nav-logo > span {
        display: block;
    }

    .theme-supreme-ember .ember-hero {
        height: 500px;
    }

    .theme-supreme-ember .headerInfo-button {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .theme-supreme-ember .headerInfo-button .button {
        width: 100%;
    }

    .ember-section-heading h2,
    .ember-about-copy h2 {
        font-size: 19px;
    }

    .ember-stat {
        min-height: 65px;
        padding: 10px 9px;
    }

    .ember-stat-icon {
        flex-basis: 25px;
        font-size: 18px;
    }

    .ember-stat strong {
        font-size: 11px;
    }

    .ember-schedule-panel > header,
    .theme-supreme-ember .ember-schedule-panel .timer-list {
        padding-left: 12px;
        padding-right: 12px;
    }
}

/*
 * Page transition, reworked 2026-08-01.
 *
 * Two things went out. The bright vertical seam that flew across the screen on
 * every navigation was the most visible object in the whole sequence, and it was
 * also the most expensive: a full-height bar carrying filter: blur(5px) and a
 * 96px box-shadow, translated across the viewport every time. It is gone.
 *
 * The full-viewport blurs went with it. This keyframe used to blur the entire
 * page content by 10px on arrival and the leaving state blurred it by 8px on the
 * way out - two whole-screen blurs on every single navigation, which is the
 * heaviest thing a compositor can be asked to redo each frame. Opacity and
 * transform alone carry the same read at a fraction of the cost.
 */
@keyframes ember-page-enter {
    from {
        opacity: 0.01;
        transform: translate3d(0, 18px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes ember-page-curtain-enter {
    0% {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: left center;
    }

    99% {
        opacity: 1;
        transform: scaleX(0);
        transform-origin: left center;
    }

    100% {
        opacity: 0;
        transform: scaleX(0);
        transform-origin: left center;
    }
}

@keyframes ember-page-curtain-leave {
    0% {
        opacity: 0;
        transform: scaleX(0);
        transform-origin: right center;
    }

    1% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: right center;
    }
}

/*
 * One curtain, no seam. body::after used to carry a bright bar across the
 * screen on top of this; it was removed on 2026-08-01 as both the loudest and
 * the most expensive part of the sequence.
 *
 * The paint is deliberately cheap: a single linear gradient. The two radial
 * gradients and the 120px inset shadow that used to sit here were repainted
 * across the whole viewport for a surface that is only ever on screen for a few
 * hundred milliseconds while sliding, and the depth they added was invisible at
 * that speed.
 *
 * will-change is not declared here. Promoting a full-viewport fixed layer for
 * the entire life of every page, to serve an animation that runs only during
 * navigation, costs memory on every route for nothing. It is switched on with
 * the animation instead, below.
 */
body.theme-supreme-ember::before {
    content: "";
    position: fixed;
    pointer-events: none;
    inset: 0;
    z-index: 99990;
    background: linear-gradient(112deg, #020203 0%, #14050a 48%, #091726 78%, #020203 100%);
    opacity: 0;
    transform: scaleX(0);
}

@media (prefers-reduced-motion: no-preference) {
    /*
     * Timings were roughly halved on 2026-08-01. The leave curtain ran 700ms and
     * the script held navigation for 720ms, so every click carried close to
     * three quarters of a second of dead time before the browser was even asked
     * for the next page. Keep this in step with pageTransitionDuration in
     * supreme-ember.js: the curtain must finish covering the screen before the
     * navigation commits, or the swap shows through.
     */
    body.theme-supreme-ember::before {
        animation: ember-page-curtain-enter 440ms cubic-bezier(0.22, 0.7, 0.18, 1) both;
        will-change: opacity, transform;
    }

    body.theme-supreme-ember.is-page-transition-active::before {
        animation: ember-page-curtain-leave 400ms cubic-bezier(0.72, 0, 0.28, 1) both;
    }

    /*
     * <main> is excluded on purpose.
     *
     * This selector promoted every direct child of .wrapper to its own layer for
     * the length of the entrance - about 7.4 megapixels on the landing, of which
     * <main> alone was 4 (1120x3552, the whole scrollable document). It was the
     * single most expensive thing about the transition, and it animated content
     * that is below the fold at the moment it plays, so nobody ever saw it move.
     *
     * The header and the blocks around it still carry the entrance, which is what
     * the effect actually reads as.
     */
    .theme-supreme-ember .wrapper > :not(.ember-top-panel):not(main) {
        animation: ember-page-enter 420ms cubic-bezier(0.2, 0.72, 0.2, 1) both;
    }

    /*
     * The leaving content settles rather than dissolving. It used to blur to 8px
     * while the curtain was already covering it - a full-viewport blur nobody
     * could see, paid for on every navigation.
     */
    .theme-supreme-ember.is-page-leaving .wrapper > :not(.ember-top-panel) {
        animation: none;
        opacity: 0;
        pointer-events: none;
        transform: translate3d(0, -12px, 0);
        transition:
            opacity 300ms ease,
            transform 340ms cubic-bezier(0.4, 0, 1, 1);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.theme-supreme-ember::before {
        animation: none !important;
        opacity: 0 !important;
        transform: none !important;
    }

    .theme-supreme-ember .wrapper > :not(.ember-top-panel) {
        animation: none !important;
        filter: none !important;
        transition: none !important;
    }

    .theme-supreme-ember .ember-character,
    .theme-supreme-ember .ember-hero-stage {
        animation: none !important;
        transform-style: flat;
    }

    .theme-supreme-ember .ember-canvas {
        display: none;
    }
}

/* Premium shared footer */
.theme-supreme-ember .supreme-footer {
    background:
        radial-gradient(circle at 12% 0%, rgba(33, 85, 140, 0.12), transparent 28%),
        radial-gradient(circle at 88% 18%, rgba(61, 121, 185, 0.07), transparent 24%),
        linear-gradient(180deg, rgba(9, 6, 8, 0.98), #040405 72%);
    border-top: 0;
    color: #8c8988;
    margin-top: clamp(54px, 7vw, 92px);
    overflow: visible;
    position: relative;
}

.theme-supreme-ember .supreme-footer::before {
    background: linear-gradient(
        90deg,
        rgba(19, 49, 81, 0.26) 0%,
        rgba(34, 87, 143, 0.48) 18%,
        rgba(54, 127, 205, 0.74) 38%,
        rgba(88, 148, 213, 0.9) 49.2%,
        rgba(176, 205, 236, 0.96) 50%,
        rgba(88, 148, 213, 0.9) 50.8%,
        rgba(54, 127, 205, 0.74) 62%,
        rgba(34, 87, 143, 0.48) 82%,
        rgba(19, 49, 81, 0.26) 100%
    );
    box-shadow:
        0 1px 0 rgba(194, 217, 241, 0.06),
        0 0 14px rgba(41, 106, 176, 0.22),
        0 0 28px rgba(78, 141, 209, 0.08);
    content: "";
    height: 1px;
    left: 50%;
    max-width: none;
    opacity: 0.94;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100vw;
}

.theme-supreme-ember .ember-footer-frame {
    margin: 0 auto;
    max-width: 1392px;
    padding: 0 clamp(22px, 3vw, 46px);
    position: relative;
}

.theme-supreme-ember .ember-footer-frame .supreme-footer-main {
    align-items: start;
    border: 0;
    display: grid;
    gap: clamp(38px, 4vw, 66px);
    grid-template-columns: minmax(250px, 1.05fr) minmax(430px, 1.65fr) minmax(260px, 0.9fr);
    padding: clamp(44px, 5vw, 66px) 0 44px;
}

.theme-supreme-ember .ember-footer-frame .supreme-footer-brand {
    display: block;
    min-width: 0;
}

.theme-supreme-ember .ember-footer-kicker {
    color: #2e76c3;
    display: block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.28em;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.theme-supreme-ember .ember-footer-frame .supreme-footer-logo.ember-footer-logo {
    align-items: center;
    display: inline-flex;
    gap: 14px;
    line-height: 1;
    margin: 0 0 18px;
    width: auto;
}

.theme-supreme-ember .ember-footer-frame .supreme-footer-logo.ember-footer-logo img {
    filter: drop-shadow(0 0 14px rgba(44, 115, 190, 0.2));
    flex: 0 0 44px;
    height: 46px;
    object-fit: contain;
    width: 44px;
}

.theme-supreme-ember .ember-footer-logo strong {
    color: #f0e8df;
    font-size: clamp(20px, 1.55vw, 25px);
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 1;
    text-shadow: 0 3px 18px rgba(0, 0, 0, 0.72);
}

.theme-supreme-ember .ember-footer-logo small {
    color: #4a8cd3;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.3em;
    line-height: 1;
    margin-top: 7px;
}

.theme-supreme-ember .ember-footer-frame .supreme-footer-brand p,
.theme-supreme-ember .ember-footer-frame .supreme-footer-cta p {
    color: #898484;
    font-size: 12px;
    line-height: 1.75;
    margin: 0;
    max-width: 360px;
    text-transform: none;
}

.theme-supreme-ember .ember-footer-realm {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 9px 18px;
    margin-top: 22px;
}

.theme-supreme-ember .ember-footer-realm span {
    align-items: center;
    color: #b9b1aa;
    display: inline-flex;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.theme-supreme-ember .ember-footer-realm span + span::before {
    background: rgba(91, 149, 210, 0.34);
    content: "";
    height: 14px;
    margin-right: 18px;
    width: 1px;
}

.theme-supreme-ember .ember-footer-realm i {
    background: #7fc552;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(127, 197, 82, 0.42);
    height: 6px;
    margin-right: 9px;
    width: 6px;
}

.theme-supreme-ember .ember-footer-frame .supreme-footer-nav {
    display: grid;
    gap: clamp(24px, 3vw, 42px);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.theme-supreme-ember .ember-footer-frame .supreme-footer-nav strong,
.theme-supreme-ember .ember-footer-frame .supreme-footer-cta > span {
    color: #6a9ed5;
    display: block;
    font-family: var(--ember-heading);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin: 0 0 15px;
    text-transform: uppercase;
}

.theme-supreme-ember .supreme-footer-nav strong::after,
.theme-supreme-ember .supreme-footer-cta > span::after {
    background: linear-gradient(90deg, rgba(46, 119, 197, 0.86), transparent);
    content: "";
    display: block;
    height: 1px;
    margin-top: 10px;
    width: 34px;
}

.theme-supreme-ember .ember-footer-frame .supreme-footer-nav a {
    align-items: center;
    color: #979292;
    display: flex;
    font-size: 12px;
    gap: 8px;
    letter-spacing: 0.015em;
    margin: 0;
    min-height: 34px;
    padding: 4px 0;
    text-transform: none;
    transition: color 180ms ease, text-shadow 180ms ease, transform 180ms ease;
}

.theme-supreme-ember .supreme-footer-nav a i {
    color: #26598f;
    font-size: 12px;
    transition: color 180ms ease, transform 180ms ease;
}

.theme-supreme-ember .supreme-footer-nav a:hover {
    color: #eee4d8;
    text-shadow: 0 0 14px rgba(106, 159, 216, 0.2);
    transform: translateX(3px);
}

.theme-supreme-ember .supreme-footer-nav a:hover i {
    color: #4489d3;
    transform: translateX(2px);
}

.theme-supreme-ember .ember-footer-frame .supreme-footer-cta {
    border-left: 1px solid rgba(106, 158, 213, 0.17);
    min-width: 0;
    padding-left: clamp(26px, 3vw, 42px);
}

.theme-supreme-ember .supreme-footer-cta > strong {
    color: #f1e7db;
    display: block;
    font-family: var(--ember-heading);
    font-size: clamp(20px, 1.5vw, 25px);
    font-weight: 600;
    letter-spacing: 0.035em;
    line-height: 1.2;
    margin: 0 0 12px;
    text-transform: uppercase;
}

.theme-supreme-ember .ember-footer-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.theme-supreme-ember .ember-footer-action {
    align-items: center;
    border: 1px solid rgba(94, 151, 212, 0.28);
    color: #d9d0c8;
    display: inline-flex;
    font-size: 10px;
    font-weight: 800;
    gap: 8px;
    justify-content: center;
    letter-spacing: 0.07em;
    min-height: 42px;
    padding: 10px 15px;
    text-transform: uppercase;
    transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease, color 180ms ease;
}

.theme-supreme-ember .ember-footer-action:hover {
    color: #eaf2fa;
}

.theme-supreme-ember .ember-footer-action--primary {
    background: linear-gradient(180deg, #2d75c2, #1f4f82);
    border-color: rgba(122, 171, 224, 0.58);
    box-shadow: 0 10px 25px rgba(23, 59, 97, 0.2);
}

.theme-supreme-ember .ember-footer-action--primary:hover {
    background: linear-gradient(180deg, #3d85d2, #245e9b);
    border-color: rgba(165, 198, 234, 0.78);
    box-shadow: 0 0 24px rgba(44, 114, 188, 0.3);
}

.theme-supreme-ember .ember-footer-action--secondary:hover {
    background: rgba(91, 149, 210, 0.07);
    border-color: rgba(122, 171, 224, 0.48);
    box-shadow: 0 0 18px rgba(91, 149, 210, 0.08);
}

/* The copyright and trademark line is a sentence, not a label - it was set in
   10px capitals, which is the least readable combination on the page and the
   one piece of text with a legal reason to be legible. */
.theme-supreme-ember .ember-footer-frame .supreme-footer-bottom {
    align-items: center;
    border-top: 0;
    display: flex;
    font-size: var(--ember-text-xs);
    gap: 24px;
    justify-content: space-between;
    padding: 19px 0 24px;
    position: relative;
    /* Explicit, not merely absent: supreme.css:1085 in the legacy layer also
       sets uppercase here, so deleting this theme's declaration would just
       hand the decision back to that one. */
    text-transform: none;
}

.theme-supreme-ember .ember-footer-frame .supreme-footer-bottom::before {
    background: linear-gradient(
        90deg,
        rgba(14, 37, 61, 0.2) 0%,
        rgba(29, 76, 126, 0.3) 22%,
        rgba(48, 114, 184, 0.44) 40%,
        rgba(74, 134, 198, 0.52) 49.5%,
        rgba(128, 175, 225, 0.64) 50%,
        rgba(74, 134, 198, 0.52) 50.5%,
        rgba(48, 114, 184, 0.44) 60%,
        rgba(29, 76, 126, 0.3) 78%,
        rgba(14, 37, 61, 0.2) 100%
    );
    box-shadow: 0 0 12px rgba(70, 134, 202, 0.07);
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100vw;
}

.theme-supreme-ember .supreme-footer-bottom > span {
    color: #8f8986;
    flex: 0 0 auto;
}

.theme-supreme-ember .supreme-footer-bottom p {
    color: #5f5b5b;
    font-size: 9px;
    line-height: 1.55;
    margin: 0;
    max-width: 610px;
    text-align: right;
}

@media (max-width: 1180px) {
    .theme-supreme-ember .ember-footer-frame .supreme-footer-main {
        grid-template-columns: minmax(240px, 0.8fr) minmax(430px, 1.5fr);
    }

    .theme-supreme-ember .ember-footer-frame .supreme-footer-cta {
        border-left: 0;
        border-top: 1px solid rgba(106, 158, 213, 0.14);
        grid-column: 1 / -1;
        padding: 28px 0 0;
    }

    .theme-supreme-ember .supreme-footer-cta p {
        max-width: 620px;
    }
}

@media (max-width: 760px) {
    .theme-supreme-ember .ember-footer-frame {
        padding: 0 22px;
    }

    .theme-supreme-ember .ember-footer-frame .supreme-footer-main {
        gap: 36px;
        grid-template-columns: 1fr;
        padding: 42px 0 34px;
    }

    .theme-supreme-ember .supreme-footer-brand {
        max-width: 520px;
    }

    .theme-supreme-ember .ember-footer-frame .supreme-footer-nav {
        gap: 28px 22px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .theme-supreme-ember .ember-footer-link-group:last-child {
        grid-column: 1 / -1;
    }

    .theme-supreme-ember .ember-footer-frame .supreme-footer-cta {
        grid-column: auto;
    }

    .theme-supreme-ember .ember-footer-frame .supreme-footer-nav a {
        min-height: 42px;
        padding: 7px 0;
    }

    .theme-supreme-ember .ember-footer-frame .supreme-footer-bottom {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .theme-supreme-ember .supreme-footer-bottom p {
        max-width: 620px;
        text-align: left;
    }
}

@media (max-width: 430px) {
    .theme-supreme-ember .ember-footer-frame .supreme-footer-nav {
        grid-template-columns: 1fr;
    }

    .theme-supreme-ember .ember-footer-link-group:last-child {
        grid-column: auto;
    }

    .theme-supreme-ember .ember-footer-realm {
        align-items: flex-start;
        flex-direction: column;
    }

    .theme-supreme-ember .ember-footer-realm span + span::before {
        display: none;
    }

    .theme-supreme-ember .ember-footer-actions {
        flex-direction: column;
    }

    .theme-supreme-ember .ember-footer-action {
        width: 100%;
    }
}

/* --- source: assets/supreme_ember/css/ember-components.css --- */
/* Supreme Ember components. This file is intentionally theme-local. */
body.theme-supreme-ember {
    color: var(--ember-muted);
    font-family: var(--ember-body);
    overflow-x: clip;
}

.theme-supreme-ember .wrapper {
    max-width: 1440px;
    padding-left: 24px;
    padding-right: 24px;
}

.theme-supreme-ember .ember-top-panel {
    align-items: center;
    background: transparent;
    border-bottom: 1px solid transparent;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr) auto;
    margin-left: calc((100vw - 100%) / -2);
    max-width: none;
    min-height: 64px;
    padding: 0 max(28px, calc((100vw - 1440px) / 2));
    position: sticky;
    top: 0;
    width: 100vw;
    z-index: 100;
}

.theme-supreme-ember.page-home .ember-top-panel {
    margin-bottom: -64px;
}

.theme-supreme-ember .ember-top-panel::before {
    background: linear-gradient(180deg, rgba(5, 4, 6, 0.94), rgba(5, 4, 6, 0.62));
    border-bottom: 1px solid rgba(255, 255, 255, 0.045);
    backdrop-filter: blur(12px);
    inset: 0;
}

.theme-supreme-ember.page-home .ember-top-panel:not(.is-scrolled)::before {
    background: linear-gradient(180deg, rgba(5, 4, 6, 0.9), rgba(5, 4, 6, 0.2) 78%, transparent);
    border-bottom-color: transparent;
    backdrop-filter: none;
}

.theme-supreme-ember .ember-top-panel.is-scrolled {
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.72);
}

.theme-supreme-ember .ember-nav-logo {
    align-items: center;
    gap: 0;
    min-width: 0;
}

.theme-supreme-ember .supreme-v2-nav-logo.ember-nav-logo img {
    display: none;
}

.theme-supreme-ember .ember-nav-logo strong {
    background: linear-gradient(180deg, #fff8ee 0%, #a2bcd8 48%, #e2edf8 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: #f3ece5;
    font-family: var(--ember-heading);
    font-size: var(--ember-text-lg);
    font-weight: 800;
    letter-spacing: 0.105em;
    line-height: 1;
    text-shadow:
        0 1px 0 rgba(255, 255, 255, 0.16),
        0 0 18px rgba(94, 153, 217, 0.16),
        0 0 28px rgba(0, 0, 0, 0.72);
    white-space: nowrap;
}

.theme-supreme-ember .ember-nav-logo em {
    color: var(--ember-red-bright);
    font-style: normal;
    margin-left: 2px;
    text-shadow:
        0 0 16px rgba(74, 141, 212, 0.34),
        0 0 26px rgba(74, 141, 212, 0.18);
}

.theme-supreme-ember .topPanel-left {
    justify-content: center;
    min-width: 0;
}

.theme-supreme-ember .menu-wrapper,
.theme-supreme-ember .langBlock {
    height: 64px;
}

.theme-supreme-ember .menu-wrapper {
    max-width: 770px;
}

.theme-supreme-ember .menu-main {
    justify-content: center;
}

.theme-supreme-ember .menu-more {
    display: none !important;
}

.theme-supreme-ember .menu__link {
    align-items: center;
    box-sizing: border-box;
    color: #d5cbca;
    display: flex;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    height: 64px;
    justify-content: center;
    letter-spacing: 0.105em;
    line-height: 1;
    padding: 0 12px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.2s ease, text-shadow 0.2s ease;
}

.theme-supreme-ember .menu__link.is-active,
.theme-supreme-ember .menu__link:hover {
    color: #fff;
    text-decoration: none;
}

.theme-supreme-ember .menu__link.is-active {
    text-shadow: 0 0 12px rgba(74, 141, 212, 0.28);
}

.theme-supreme-ember .menu__link:focus-visible {
    color: #fff;
    outline: 1px solid rgba(105, 161, 220, 0.68);
    outline-offset: -8px;
    text-decoration: none;
}

.theme-supreme-ember .menu__link::after {
    background: linear-gradient(
        90deg,
        rgba(74, 141, 212, 0),
        rgba(74, 141, 212, 0.88) 18%,
        #7aabe0 50%,
        rgba(74, 141, 212, 0.88) 82%,
        rgba(74, 141, 212, 0)
    );
    border-radius: 999px;
    bottom: 13px;
    box-shadow: 0 0 8px rgba(74, 141, 212, 0.5), 0 0 18px rgba(74, 141, 212, 0.2);
    height: 2px;
    left: 50%;
    opacity: 0;
    right: auto;
    transform: translateX(-50%) scaleX(0.45);
    transform-origin: center;
    transition: opacity 0.2s ease, transform 0.2s ease;
    width: 34px;
}

.theme-supreme-ember .menu__link.is-active::after {
    opacity: 1;
    transform: translateX(-50%) scaleX(1);
}

.theme-supreme-ember .menu__link:hover::after,
.theme-supreme-ember .menu__link:focus-visible::after {
    opacity: 0.68;
    transform: translateX(-50%) scaleX(0.72);
}

.theme-supreme-ember .menu__link.is-active:hover::after,
.theme-supreme-ember .menu__link.is-active:focus-visible::after {
    opacity: 1;
    transform: translateX(-50%) scaleX(1);
}

.theme-supreme-ember .menu__link.is-active::before {
    content: none;
    display: none;
}

body.theme-supreme-ember .ember-top-panel {
    grid-template-columns: 190px minmax(0, 1fr) auto;
}

body.theme-supreme-ember .supreme-v2-nav-logo.ember-nav-logo img {
    display: none;
}

body.theme-supreme-ember .ember-nav-logo {
    gap: 0;
}

body.theme-supreme-ember .ember-nav-logo strong {
    background: linear-gradient(180deg, #fff8ee 0%, #a2bcd8 48%, #e2edf8 100%);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: var(--ember-text-lg);
    font-weight: 800;
    letter-spacing: 0.105em;
    line-height: 1;
    text-shadow:
        0 1px 0 rgba(255, 255, 255, 0.16),
        0 0 18px rgba(94, 153, 217, 0.16),
        0 0 28px rgba(0, 0, 0, 0.72);
}

body.theme-supreme-ember .ember-nav-logo em {
    margin-left: 2px;
    text-shadow:
        0 0 16px rgba(74, 141, 212, 0.34),
        0 0 26px rgba(74, 141, 212, 0.18);
}

body.theme-supreme-ember .menu-wrapper {
    max-width: 770px;
}

body.theme-supreme-ember .menu-more {
    display: none !important;
}

body.theme-supreme-ember .menu__link {
    font-size: var(--ember-text-xs);
    letter-spacing: 0.105em;
    padding: 0 12px;
}

body.theme-supreme-ember .menu-main .menu__link::after,
body.theme-supreme-ember .menu-main .menu__link.is-active::after,
body.theme-supreme-ember .menu-main .menu__link.is-active:hover::after,
body.theme-supreme-ember .menu-main .menu__link.is-active:focus-visible::after {
    bottom: 13px;
    height: 2px;
    left: 50%;
    right: auto;
    transform-origin: center;
    width: 34px;
}

body.theme-supreme-ember .menu-main .menu__link::after {
    transform: translateX(-50%) scaleX(0.45);
}

body.theme-supreme-ember .menu-main .menu__link.is-active::after,
body.theme-supreme-ember .menu-main .menu__link.is-active:hover::after,
body.theme-supreme-ember .menu-main .menu__link.is-active:focus-visible::after {
    opacity: 1;
    transform: translateX(-50%) scaleX(1);
}

.theme-supreme-ember .ember-quick-marquee {
    background:
        radial-gradient(ellipse at 50% -30%, rgba(40, 102, 168, 0.21), transparent 48%),
        linear-gradient(180deg, rgba(20, 10, 13, 0.98), rgba(5, 4, 6, 0.995) 56%, rgba(10, 5, 8, 0.99)),
        repeating-linear-gradient(115deg, rgba(255, 255, 255, 0.012) 0 1px, transparent 1px 18px);
    border-bottom: 1px solid rgba(43, 110, 182, 0.34);
    border-top: 1px solid rgba(93, 153, 217, 0.16);
    box-shadow:
        0 18px 44px rgba(0, 0, 0, 0.52),
        inset 0 1px rgba(176, 205, 237, 0.025),
        inset 0 -18px 28px rgba(0, 0, 0, 0.3);
    height: 94px;
    isolation: isolate;
    margin-left: calc(50% - 50vw);
    overflow: hidden;
    position: relative;
    width: 100vw;
    z-index: 12;
}

.theme-supreme-ember .ember-quick-marquee::before,
.theme-supreme-ember .ember-quick-marquee::after {
    bottom: 0;
    content: '';
    pointer-events: none;
    position: absolute;
    top: 0;
    width: clamp(34px, 7vw, 132px);
    z-index: 4;
}

.theme-supreme-ember .ember-quick-marquee::before {
    background: linear-gradient(90deg, #050306 12%, rgba(5, 3, 6, 0.82) 38%, transparent);
    left: 0;
}

.theme-supreme-ember .ember-quick-marquee::after {
    background: linear-gradient(270deg, #050306 12%, rgba(5, 3, 6, 0.82) 38%, transparent);
    right: 0;
}

.theme-supreme-ember .ember-quick-marquee__track {
    animation: ember-quick-marquee-scroll 32s linear infinite !important;
    animation-direction: normal;
    animation-play-state: running !important;
    display: flex;
    height: 100%;
    will-change: transform;
    width: max-content;
}

.theme-supreme-ember .ember-quick-marquee__group {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    height: 100%;
}

.theme-supreme-ember .ember-quick-marquee a {
    align-items: center;
    color: #9b8d8c;
    display: inline-flex;
    flex: 0 0 auto;
    font-family: var(--ember-body);
    gap: 17px;
    height: 100%;
    min-width: 318px;
    overflow: hidden;
    padding: 0 30px;
    position: relative;
    text-decoration: none;
    transition: color 0.3s ease, text-shadow 0.3s ease;
    white-space: nowrap;
}

.theme-supreme-ember .ember-quick-marquee a::before {
    background:
        radial-gradient(circle at 24% 50%, rgba(55, 129, 208, 0.13), transparent 28%),
        linear-gradient(90deg, transparent, rgba(55, 113, 176, 0.045) 48%, transparent);
    content: '';
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: scaleX(0.82);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.theme-supreme-ember .ember-quick-marquee a::after {
    background: linear-gradient(180deg, transparent, rgba(79, 143, 211, 0.14) 30%, rgba(44, 114, 188, 0.22) 50%, rgba(79, 143, 211, 0.14) 70%, transparent);
    content: '';
    height: 62%;
    position: absolute;
    right: 0;
    top: 19%;
    width: 1px;
}

.theme-supreme-ember .ember-quick-marquee__icon {
    align-items: center;
    background:
        radial-gradient(circle, rgba(48, 122, 203, 0.16), rgba(29, 74, 123, 0.045) 54%, transparent 71%);
    display: inline-flex;
    flex: 0 0 62px;
    height: 62px;
    justify-content: center;
    position: relative;
    transition: filter 0.3s ease, transform 0.3s ease;
    width: 62px;
    z-index: 1;
}

.theme-supreme-ember .ember-quick-marquee__icon img {
    display: block;
    filter:
        drop-shadow(0 4px 5px rgba(0, 0, 0, 0.82))
        drop-shadow(0 0 8px rgba(45, 116, 192, 0.12));
    height: 58px;
    object-fit: contain;
    transition: filter 0.3s ease, transform 0.3s ease;
    width: 58px;
}

.theme-supreme-ember .ember-quick-marquee__copy {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    position: relative;
    z-index: 1;
}.theme-supreme-ember .ember-quick-marquee__copy strong {
    color: #cfdeee;
    font-family: var(--ember-heading);
    font-size: var(--ember-text-md);
    font-weight: 400;
    line-height: 1.15;
    transition: color 0.3s ease, text-shadow 0.3s ease;
}

.theme-supreme-ember .ember-quick-marquee__copy small {
    color: #938789;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1.35;
    transition: color 0.3s ease;
}

.theme-supreme-ember .ember-quick-marquee a:hover,
.theme-supreme-ember .ember-quick-marquee a:focus-visible {
    color: #fff;
    outline: none;
    text-decoration: none;
    text-shadow: 0 0 16px rgba(74, 141, 212, 0.28);
}

.theme-supreme-ember .ember-quick-marquee a:hover::before,
.theme-supreme-ember .ember-quick-marquee a:focus-visible::before {
    opacity: 1;
    transform: scaleX(1);
}

.theme-supreme-ember .ember-quick-marquee a:hover .ember-quick-marquee__icon,
.theme-supreme-ember .ember-quick-marquee a:focus-visible .ember-quick-marquee__icon {
    filter: brightness(1.08);
    transform: translateY(-3px);
}

.theme-supreme-ember .ember-quick-marquee a:hover .ember-quick-marquee__icon img,
.theme-supreme-ember .ember-quick-marquee a:focus-visible .ember-quick-marquee__icon img {
    filter:
        drop-shadow(0 5px 6px rgba(0, 0, 0, 0.84))
        drop-shadow(0 0 12px rgba(74, 141, 212, 0.42))
        drop-shadow(0 0 5px rgba(85, 147, 213, 0.24));
    transform: scale(1.06);
}

.theme-supreme-ember .ember-quick-marquee a:hover .ember-quick-marquee__copy strong,
.theme-supreme-ember .ember-quick-marquee a:focus-visible .ember-quick-marquee__copy strong {
    color: #e3eef9;
    text-shadow: 0 0 15px rgba(61, 133, 210, 0.34);
}

.theme-supreme-ember .ember-quick-marquee a:hover .ember-quick-marquee__copy small,
.theme-supreme-ember .ember-quick-marquee a:focus-visible .ember-quick-marquee__copy small {
    color: #c9bcb6;
}

@keyframes ember-quick-marquee-scroll {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-50%, 0, 0);
    }
}

.theme-supreme-ember.page-home .ember-stat-strip {
    display: none;
}

.theme-supreme-ember .topPanel-right {
    flex-wrap: nowrap;
    gap: 8px;
    min-width: 0;
}

.theme-supreme-ember .user-enter {
    color: #e1d8d3;
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.07em;
    min-height: 44px;
    padding: 13px 10px;
}

.theme-supreme-ember .accountBlock {
    align-items: center;
    display: flex;
    justify-content: center;
    min-width: 0;
    position: relative;
}

.theme-supreme-ember .accountBlock .buttonDrop {
    align-items: center;
    display: inline-flex;
    gap: 6px;
    min-width: 0;
}

.theme-supreme-ember .accountBlock .buttonDrop > span {
    border-color: rgba(160, 195, 233, 0.58) transparent transparent transparent;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    display: inline-block;
    height: 0;
    opacity: 0.78;
    width: 0;
}

.theme-supreme-ember .accountBlock .ember-account-trigger {
    border: 0;
    display: inline-flex;
    max-width: 128px;
    min-width: 0;
    overflow: hidden;
    padding-left: 6px;
    padding-right: 4px;
}

.theme-supreme-ember .accountBlock .ember-account-trigger i {
    display: none;
}

.theme-supreme-ember .ember-account-trigger__label {
    display: block;
    max-width: 118px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.theme-supreme-ember .accountBlock-dropdown {
    background:
        radial-gradient(circle at 18% 0, rgba(40, 104, 173, 0.18), transparent 38%),
        linear-gradient(145deg, rgba(14, 13, 14, 0.98), rgba(5, 6, 8, 0.99));
    border: 0;
    border-radius: var(--ember-radius);
    box-shadow:
        var(--ember-ring),
        0 26px 66px rgba(0, 0, 0, 0.74),
        inset 0 1px rgba(212, 228, 245, 0.04);
    box-sizing: border-box;
    display: none;
    list-style: none;
    margin: 0;
    min-width: 284px;
    padding: 12px;
    position: absolute;
    right: 0;
    top: calc(100% + 14px);
    z-index: 170;
}

.theme-supreme-ember .accountBlock-dropdown::before {
    background: linear-gradient(90deg, transparent, rgba(74, 141, 212, 0.86), rgba(134, 179, 227, 0.38), transparent);
    content: '';
    height: 1px;
    left: 14px;
    position: absolute;
    right: 14px;
    top: -1px;
}

.theme-supreme-ember .accountBlock-dropdown::after {
    background: rgba(14, 13, 14, 0.98);
    border-left: 1px solid rgba(91, 147, 207, 0.28);
    border-top: 1px solid rgba(91, 147, 207, 0.28);
    content: '';
    height: 10px;
    position: absolute;
    right: 28px;
    top: -6px;
    transform: rotate(45deg);
    width: 10px;
}

.theme-supreme-ember .accountBlock-dropdown li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.theme-supreme-ember .ember-account-menu-head {
    border-bottom: 1px solid rgba(255, 255, 255, 0.075);
    margin-bottom: 10px;
    padding: 5px 6px 12px;
}

.theme-supreme-ember .ember-account-menu-head span {
    color: #468bd4;
    display: block;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 900;
    letter-spacing: 0.18em;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.theme-supreme-ember .ember-account-menu-head strong {
    color: #cadef3;
    display: block;
    font-family: var(--ember-heading);
    font-size: var(--ember-text-lg);
    font-weight: 700;
    letter-spacing: 0.065em;
    line-height: 1.15;
    overflow-wrap: anywhere;
    text-shadow: 0 0 18px rgba(91, 151, 216, 0.18);
}

.theme-supreme-ember .ember-account-balance-grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 10px;
}

.theme-supreme-ember .accountBlock-dropdown .acp-coins,
.theme-supreme-ember .ember-account-balance {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.025), rgba(74, 141, 212, 0.035));
    border: 0;
    border-radius: var(--ember-radius);
    box-shadow: inset 0 0 0 1px rgba(118, 165, 216, 0.09);
    display: grid;
    gap: 3px;
    margin: 0;
    min-width: 0;
    padding: 10px 11px;
}

.theme-supreme-ember .ember-account-balance--wide {
    grid-column: 1 / -1;
}

.theme-supreme-ember .accountBlock-dropdown .coins-title {
    color: #a99b9a;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 900;
    letter-spacing: 0.13em;
    line-height: 1.2;
    text-transform: uppercase;
}

.theme-supreme-ember .accountBlock-dropdown .coins {
    color: #92bae5;
    font-family: var(--ember-numeric);
    font-size: var(--ember-text-md);
    font-weight: 800;
    line-height: 1.15;
    overflow-wrap: anywhere;
    text-shadow: 0 0 14px rgba(73, 140, 212, 0.18);
}

.theme-supreme-ember .accountBlock-dropdown .ember-account-menu-link {
    align-items: center;
    border-radius: 5px;
    color: #e4dcdb;
    display: flex;
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    font-weight: 700;
    justify-content: space-between;
    letter-spacing: 0.01em;
    line-height: 1.25;
    padding: 9px 10px;
    text-decoration: none;
    transition: background 0.18s ease, box-shadow 0.18s ease, color 0.18s ease, text-shadow 0.18s ease;
}

.theme-supreme-ember .accountBlock-dropdown .ember-account-menu-link:hover,
.theme-supreme-ember .accountBlock-dropdown .ember-account-menu-link:focus-visible {
    background:
        radial-gradient(circle at 10% 50%, rgba(74, 141, 212, 0.17), transparent 42%),
        rgba(255, 255, 255, 0.035);
    box-shadow: 0 0 18px rgba(74, 141, 212, 0.13);
    color: #dfebf7;
    text-shadow: 0 0 12px rgba(74, 141, 212, 0.22);
}

.theme-supreme-ember .accountBlock-dropdown .ember-account-menu-link--accent {
    color: #88b4e3;
}

.theme-supreme-ember .accountBlock-dropdown .ember-account-menu-link--logout {
    color: #d6c9c8;
}

.theme-supreme-ember .ember-account-server .ember-account-menu-link {
    background: rgba(255, 255, 255, 0.018);
    margin-bottom: 4px;
}

.theme-supreme-ember .ember-account-server span {
    color: #998d8d;
    font-size: var(--ember-text-xs);
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.theme-supreme-ember .ember-account-server strong {
    color: #c2d9f1;
    font-family: var(--ember-heading);
    font-size: var(--ember-text-sm);
    font-weight: 700;
    letter-spacing: 0.04em;
    margin-left: 12px;
    text-align: right;
}

.theme-supreme-ember .ember-account-menu-separator {
    background: linear-gradient(90deg, transparent, rgba(91, 147, 207, 0.22), transparent);
    height: 1px;
    margin: 8px 2px;
}

@media (max-width: 640px) {
    .theme-supreme-ember .accountBlock .ember-account-trigger {
        max-width: 92px;
    }

    .theme-supreme-ember .ember-account-trigger__label {
        max-width: 86px;
    }

    .theme-supreme-ember .accountBlock-dropdown {
        min-width: min(284px, calc(100vw - 24px));
        right: -72px;
    }

    .theme-supreme-ember .ember-account-balance-grid {
        grid-template-columns: 1fr;
    }
}

.theme-supreme-ember .online {
    margin-left: 0;
}

.theme-supreme-ember .online-block,
.theme-supreme-ember .online-block-active {
    min-width: 112px;
}

.theme-supreme-ember .online-count--temporarily-hidden {
    display: none !important;
}

.theme-supreme-ember .online-block .online-state {
    margin-left: 0;
    margin-top: 5px;
    text-transform: none;
}

.ember-nav-play {
    align-items: center;
    background: linear-gradient(180deg, rgba(40, 103, 170, 0.32), rgba(21, 55, 92, 0.46));
    border: 1px solid rgba(93, 153, 217, 0.56);
    color: #fff0ed;
    display: inline-flex;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 800;
    height: 42px;
    justify-content: center;
    letter-spacing: 0.13em;
    min-width: 118px;
    padding: 0 20px;
    text-transform: uppercase;
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    white-space: nowrap;
}

.ember-nav-play:hover,
.ember-nav-play:focus-visible {
    background: linear-gradient(180deg, #2c73be, #1b4571);
    border-color: #609bda;
    box-shadow: 0 0 28px rgba(74, 141, 212, 0.28);
    color: #fff;
    transform: translateY(-1px);
}

.theme-supreme-ember .button,
.theme-supreme-ember button,
.theme-supreme-ember input[type='submit'] {
    min-height: 44px;
}

.theme-supreme-ember .supreme-button-primary {
    background: linear-gradient(180deg, #2c71bb, #1a4470);
    border: 1px solid rgba(132, 177, 226, 0.42);
    border-radius: 3px;
    box-shadow: 0 10px 30px rgba(25, 65, 108, 0.4), inset 0 1px rgba(255, 255, 255, 0.14);
    color: #fff;
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.theme-supreme-ember .supreme-button-primary:hover,
.theme-supreme-ember .supreme-button-primary:focus-visible {
    background: linear-gradient(180deg, #3d85d2, #205186);
    border-color: rgba(154, 191, 231, 0.72);
    box-shadow: 0 12px 34px rgba(33, 86, 143, 0.5);
    color: #fff;
    transform: translateY(-1px);
}

.theme-supreme-ember.page-market .btn,
.theme-supreme-ember.page-market label {
    font-family: var(--ember-body);
}

.ember-stat-strip {
    background: #090609;
    border: 0;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-ring), var(--ember-lift);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    margin: 0 auto;
    max-width: 1180px;
    min-height: 88px;
    position: relative;
    width: calc(100% - 48px);
    z-index: 12;
}

.ember-stat {
    align-items: center;
    border-left: 1px solid var(--ember-line);
    display: flex;
    gap: 15px;
    min-width: 0;
    padding: 21px 24px;
}

.ember-stat:first-child {
    border-left: 0;
}

.ember-stat-icon {
    align-items: center;
    color: #337ecf;
    display: flex;
    flex: 0 0 38px;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.ember-stat-icon svg {
    fill: none;
    height: 30px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.45;
    width: 30px;
}

.ember-stat > span,
.ember-stat small,
.ember-stat strong {
    display: block;
    min-width: 0;
}

.ember-stat small {
    color: #8d7f82;
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.13em;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.ember-stat strong {
    color: #f0e7e2;
    font-family: var(--ember-numeric);
    font-size: var(--ember-text-sm);
    font-variant-numeric: tabular-nums;
    line-height: 1.35;
    overflow-wrap: anywhere;
    white-space: normal;
}

.ember-stat strong.is-online {
    color: #9ccb6d;
}

.ember-stat strong.is-offline {
    color: #7dade1;
}

@media (max-width: 993px) {
    .theme-supreme-ember .ember-quick-marquee {
        height: 76px;
    }

    .theme-supreme-ember .ember-quick-marquee a {
        gap: 12px;
        min-width: 268px;
        padding: 0 22px;
    }

    .theme-supreme-ember .ember-quick-marquee__icon {
        flex-basis: 48px;
        height: 48px;
        width: 48px;
    }

    .theme-supreme-ember .ember-quick-marquee__icon img {
        height: 46px;
        width: 46px;
    }

    .theme-supreme-ember .ember-quick-marquee__copy strong {
        font-size: var(--ember-text-sm);
    }

    .theme-supreme-ember .ember-quick-marquee__copy small {
        font-size: var(--ember-text-xs);
    }
}

.theme-supreme-ember .ember-features svg {
    color: #2e77c5;
    fill: none;
    flex: 0 0 40px;
    height: 40px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.45;
    transition: color 0.22s ease, filter 0.22s ease, transform 0.22s ease;
    width: 40px;
}

.theme-supreme-ember .ember-features > a:hover svg,
.theme-supreme-ember .ember-features > a:focus-visible svg {
    color: #5896d8;
    filter: drop-shadow(0 0 8px rgba(74, 141, 212, 0.34));
    transform: translateY(-1px);
}

/* Shared public section hero */
.theme-supreme-ember .ember-hero--public-section .ember-hero-copy {
    background: radial-gradient(ellipse at center, rgba(12, 5, 9, 0.86), rgba(7, 4, 7, 0.42) 58%, transparent 76%);
    max-width: 820px;
    padding: 30px 44px;
    top: 54%;
    width: calc(100% - 48px);
}

.theme-supreme-ember .ember-section-hero-copy {
    margin: 0 auto;
    max-width: 760px;
    text-align: center;
}

.theme-supreme-ember .ember-section-hero-kicker {
    color: #4b8ed5;
    display: block;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 800;
    letter-spacing: 0.34em;
    margin-bottom: 11px;
    text-transform: uppercase;
}

.theme-supreme-ember .ember-section-hero-title {
    color: #f5eee7;
    font-family: var(--ember-heading);
    font-size: clamp(34px, 4vw, 54px);
    font-weight: 400;
    line-height: 1.05;
    margin: 0;
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.84);
}

.theme-supreme-ember .ember-section-hero-description {
    color: #b8acad;
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    line-height: 1.65;
    margin: 13px auto 0;
    max-width: 620px;
}

.theme-supreme-ember .ember-section-hero-divider {
    align-items: center;
    display: flex;
    height: 12px;
    justify-content: center;
    margin: 15px auto 0;
    position: relative;
    width: min(210px, 54vw);
}

.theme-supreme-ember .ember-section-hero-divider::before,
.theme-supreme-ember .ember-section-hero-divider::after {
    background: linear-gradient(90deg, transparent, rgba(91, 149, 211, 0.44));
    content: '';
    height: 1px;
    width: 82px;
}

.theme-supreme-ember .ember-section-hero-divider::after {
    background: linear-gradient(90deg, rgba(91, 149, 211, 0.44), transparent);
}

.theme-supreme-ember .ember-section-hero-divider span {
    background: #4a8dd5;
    box-shadow: 0 0 12px rgba(74, 141, 213, 0.58);
    height: 6px;
    margin: 0 13px;
    transform: rotate(45deg);
    width: 6px;
}

/* Rules and unavailable modules */
.theme-supreme-ember.page-rules .main,
.theme-supreme-ember.page-module-unavailable .main {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 1180px;
    padding: 72px 0 96px;
    width: 100%;
}

.theme-supreme-ember.page-rules .main > .sidebar,
.theme-supreme-ember.page-module-unavailable .main > .sidebar {
    display: none;
}

.theme-supreme-ember .ember-policy-page,
.theme-supreme-ember .ember-unavailable-page {
    margin: 0 auto;
    width: 100%;
}

.theme-supreme-ember .ember-policy-frame,
.theme-supreme-ember .ember-unavailable-card {
    background:
        radial-gradient(circle at 50% 0, rgba(37, 96, 160, 0.11), transparent 38%),
        linear-gradient(145deg, rgba(18, 13, 16, 0.98), rgba(7, 6, 8, 0.99));
    border: 0;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-ring), var(--ember-lift-hover);
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
}

.theme-supreme-ember .ember-policy-frame {
    max-width: 980px;
    padding: 52px 60px 56px;
}

.theme-supreme-ember .ember-policy-frame::before,
.theme-supreme-ember .ember-unavailable-card::before {
    background: linear-gradient(90deg, transparent, rgba(74, 141, 212, 0.88), transparent);
    content: '';
    height: 1px;
    left: 10%;
    position: absolute;
    right: 10%;
    top: -1px;
}

.theme-supreme-ember .ember-policy-heading {
    border-bottom: 1px solid rgba(255, 255, 255, 0.075);
    margin-bottom: 32px;
    padding-bottom: 28px;
    text-align: center;
}

.theme-supreme-ember .ember-policy-heading > span,
.theme-supreme-ember .ember-unavailable-card > p {
    color: #488cd4;
    display: block;
    font-size: var(--ember-text-xs);
    font-weight: 800;
    letter-spacing: 0.3em;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.theme-supreme-ember .ember-policy-heading h2,
.theme-supreme-ember .ember-unavailable-card h2 {
    color: #f3ebe3;
    font-family: var(--ember-heading);
    font-size: clamp(27px, 4vw, 40px);
    font-weight: 500;
    line-height: 1.15;
    margin: 0;
}

.theme-supreme-ember .ember-policy-heading p,
.theme-supreme-ember .ember-policy-body,
.theme-supreme-ember .ember-unavailable-card > div {
    color: #a99fa0;
    font-size: var(--ember-text-sm);
    line-height: 1.8;
}

.theme-supreme-ember .ember-policy-heading p {
    margin: 14px auto 0;
    max-width: 650px;
}

.theme-supreme-ember .ember-policy-copy > p {
    margin: 0 0 20px;
}

.theme-supreme-ember .ember-policy-copy > p:last-child {
    margin-bottom: 0;
}

.theme-supreme-ember .ember-policy-lead {
    color: #d8ceca;
    font-family: 'Marcellus', Georgia, serif;
    font-size: var(--ember-text-lg);
    line-height: 1.7;
}

.theme-supreme-ember .ember-policy-notice {
    background: rgba(25, 63, 104, 0.12);
    border-left: 2px solid #3d85d2;
    margin: 26px 0;
    padding: 18px 22px;
}

.theme-supreme-ember .ember-policy-notice strong {
    color: #bdd2e9;
    display: block;
    font-family: var(--ember-heading);
    font-size: var(--ember-text-md);
    letter-spacing: 0.08em;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.theme-supreme-ember .ember-policy-notice p {
    margin: 0;
}

.theme-supreme-ember .ember-policy-actions,
.theme-supreme-ember .ember-unavailable-card nav {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    margin-top: 36px;
}

.theme-supreme-ember .ember-policy-actions .button,
.theme-supreme-ember .ember-unavailable-card .button {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    margin: 0;
    min-height: 48px;
    min-width: 172px;
}

.theme-supreme-ember .ember-unavailable-card {
    max-width: 700px;
    padding: 58px 48px 54px;
    text-align: center;
}

.theme-supreme-ember .ember-unavailable-mark {
    align-items: center;
    background: rgba(35, 91, 151, 0.12);
    border: 1px solid rgba(74, 141, 212, 0.35);
    border-radius: 50%;
    box-shadow: 0 0 34px rgba(43, 112, 185, 0.12);
    color: #4a8dd4;
    display: inline-flex;
    font-size: var(--ember-text-lg);
    height: 54px;
    justify-content: center;
    margin-bottom: 21px;
    width: 54px;
}

.theme-supreme-ember .ember-unavailable-card > div {
    margin: 16px auto 0;
    max-width: 510px;
}

/* Public account access */
.theme-supreme-ember.page-public-auth .main {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    padding-bottom: 96px;
    padding-top: 68px;
    width: 100%;
}

.theme-supreme-ember.page-public-auth .main > .sidebar {
    display: none;
}

.theme-supreme-ember.page-public-auth .ember-auth-page {
    margin: 0 auto;
    width: 100%;
}

.theme-supreme-ember .ember-auth-shell {
    margin: 0 auto;
    max-width: 720px;
    position: relative;
}

.theme-supreme-ember .ember-auth-shell--registration {
    max-width: 860px;
}

.theme-supreme-ember .ember-auth-shell::before {
    background: linear-gradient(90deg, transparent, rgba(63, 134, 210, 0.84), transparent);
    content: '';
    height: 1px;
    left: 12%;
    position: absolute;
    right: 12%;
    top: 0;
    z-index: 2;
}

.theme-supreme-ember .ember-auth-card {
    background:
        radial-gradient(circle at 50% 0, rgba(37, 95, 158, 0.12), transparent 34%),
        linear-gradient(145deg, rgba(17, 12, 15, 0.98), rgba(8, 7, 9, 0.98));
    border: 0;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-ring), var(--ember-lift-hover);
    padding: 52px 64px 0;
    position: relative;
}

.theme-supreme-ember .ember-auth-card::after {
    content: none;
}

.theme-supreme-ember .ember-auth-heading {
    margin: 0 auto 38px;
    max-width: 560px;
    position: relative;
    text-align: center;
    z-index: 1;
}

.theme-supreme-ember .ember-auth-mark {
    align-items: center;
    background: linear-gradient(145deg, rgba(43, 112, 185, 0.26), rgba(13, 32, 53, 0.34));
    border: 1px solid rgba(79, 144, 214, 0.42);
    border-radius: 50%;
    box-shadow: 0 0 36px rgba(43, 112, 185, 0.14);
    color: #4a8dd4;
    display: flex;
    height: 58px;
    justify-content: center;
    margin: 0 auto 22px;
    width: 58px;
}

.theme-supreme-ember .ember-auth-mark svg {
    fill: none;
    height: 27px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.45;
    width: 27px;
}

.theme-supreme-ember .ember-auth-mark--success {
    background: linear-gradient(145deg, rgba(113, 156, 72, 0.22), rgba(37, 58, 22, 0.28));
    border-color: rgba(153, 199, 105, 0.44);
    box-shadow: 0 0 36px rgba(128, 174, 81, 0.12);
    color: #9bca6d;
}

.theme-supreme-ember .ember-auth-heading p {
    color: #3c84d1;
    font-size: var(--ember-text-xs);
    font-weight: 800;
    letter-spacing: 0.24em;
    margin: 0 0 11px;
    text-transform: uppercase;
}

.theme-supreme-ember .ember-auth-heading h1,
.theme-supreme-ember .ember-auth-heading h2 {
    color: #f2e9e3;
    font-family: var(--ember-heading);
    font-size: clamp(29px, 4vw, 42px);
    font-weight: 600;
    line-height: 1.18;
    margin: 0;
}

.theme-supreme-ember .ember-auth-heading > span {
    color: #968b8b;
    display: block;
    font-size: var(--ember-text-sm);
    line-height: 1.75;
    margin: 17px auto 0;
    max-width: 500px;
}

.theme-supreme-ember .ember-auth-form {
    margin: 0 auto;
    max-width: 500px;
    position: relative;
    z-index: 3;
}

.theme-supreme-ember .ember-auth-form--registration {
    max-width: 680px;
}

.theme-supreme-ember .ember-auth-grid {
    display: grid;
    gap: 0 22px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.theme-supreme-ember .ember-auth-field--full {
    grid-column: 1 / -1;
}

.theme-supreme-ember .ember-auth-form .form-group {
    margin-bottom: 24px;
}

.theme-supreme-ember .ember-auth-form .control-label {
    color: #cfc4c0;
    display: block;
    font-size: var(--ember-text-xs);
    font-weight: 800;
    letter-spacing: 0.16em;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.theme-supreme-ember .ember-auth-control {
    position: relative;
}

.theme-supreme-ember .ember-auth-control > i {
    color: #716568;
    font-size: var(--ember-text-md);
    left: 18px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: color 0.2s ease;
    z-index: 2;
}

.theme-supreme-ember .ember-auth-control:focus-within > i {
    color: #468ad3;
}

.theme-supreme-ember .ember-auth-form .form-control {
    background: rgba(4, 4, 6, 0.72) !important;
    border: 1px solid rgba(255, 255, 255, 0.11) !important;
    border-radius: 2px;
    color: #eee6e1 !important;
    font-family: var(--ember-body);
    font-size: var(--ember-text-md);
    height: 54px;
    padding: 0 18px 0 48px;
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.theme-supreme-ember .ember-auth-form select.form-control {
    padding-right: 38px;
}

.theme-supreme-ember .ember-auth-form .form-control:focus {
    background: rgba(7, 5, 7, 0.94) !important;
    border-color: rgba(68, 137, 211, 0.64) !important;
    box-shadow: 0 0 0 3px rgba(43, 112, 185, 0.11) !important;
}

.theme-supreme-ember .ember-auth-form .form-group > small {
    color: #71686a;
    display: block;
    font-size: var(--ember-text-xs);
    line-height: 1.55;
    margin-top: 9px;
}

.theme-supreme-ember .ember-auth-rules label {
    align-items: flex-start;
    color: #8f8586;
    cursor: pointer;
    display: flex;
    font-size: var(--ember-text-sm);
    gap: 11px;
    line-height: 1.55;
}

.theme-supreme-ember .ember-auth-rules input {
    accent-color: #307acb;
    flex: 0 0 16px;
    height: 16px;
    margin: 1px 0 0;
    width: 16px;
}

.theme-supreme-ember .ember-auth-rules a,
.theme-supreme-ember .ember-auth-inline-link {
    color: #3c84d1;
    font-weight: 700;
}

.theme-supreme-ember .ember-auth-rules a {
    align-items: center;
    display: inline-flex;
    margin: -13px 0;
    min-height: 44px;
}

.theme-supreme-ember .ember-auth-rules a:hover,
.theme-supreme-ember .ember-auth-rules a:focus-visible,
.theme-supreme-ember .ember-auth-inline-link:hover,
.theme-supreme-ember .ember-auth-inline-link:focus-visible {
    color: #80afe1;
}

.theme-supreme-ember .ember-auth-inline-link {
    align-items: center;
    display: inline-flex;
    font-size: var(--ember-text-xs);
    letter-spacing: 0.04em;
    margin-top: -5px;
    min-height: 44px;
}

.theme-supreme-ember .ember-auth-submit.btn-primary {
    align-items: center;
    background: linear-gradient(180deg, #2b70b9, #1c4878);
    border: 1px solid rgba(122, 171, 224, 0.52) !important;
    border-radius: 2px;
    box-shadow: 0 13px 32px rgba(25, 65, 108, 0.36), inset 0 1px rgba(255, 255, 255, 0.13);
    color: #fff;
    display: flex;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 800;
    gap: 14px;
    height: 52px;
    justify-content: center;
    letter-spacing: 0.13em;
    margin: 32px 0 0;
    text-transform: uppercase;
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    width: 100%;
}

.theme-supreme-ember .ember-auth-submit.btn-primary:hover,
.theme-supreme-ember .ember-auth-submit.btn-primary:focus {
    background: linear-gradient(180deg, #3d85d2, #20548b);
    border-color: rgba(148, 188, 230, 0.76) !important;
    box-shadow: 0 16px 38px rgba(32, 82, 135, 0.46);
    color: #fff;
    transform: translateY(-1px);
}

.theme-supreme-ember .ember-auth-submit i {
    font-size: var(--ember-text-xs);
}

.theme-supreme-ember .ember-auth-alert {
    align-items: flex-start;
    background: rgba(19, 49, 82, 0.22);
    border: 1px solid rgba(72, 140, 212, 0.34);
    border-radius: 2px;
    color: #c7d6e7;
    display: flex;
    font-size: var(--ember-text-sm);
    gap: 12px;
    line-height: 1.6;
    margin: 0 auto 28px;
    max-width: 500px;
    padding: 14px 16px;
    position: relative;
    z-index: 3;
}

.theme-supreme-ember .ember-auth-alert.alert-success {
    background: rgba(76, 109, 51, 0.18);
    border-color: rgba(146, 190, 101, 0.34);
    color: #cbdcb9;
}

.theme-supreme-ember .ember-auth-alert i {
    color: #5795d8;
    font-size: var(--ember-text-md);
    margin-top: 2px;
}

.theme-supreme-ember .ember-auth-alert.alert-success i {
    color: #9bca6d;
}

.theme-supreme-ember .ember-auth-social {
    margin: 0 auto 28px;
    max-width: 500px;
    position: relative;
    text-align: center;
    z-index: 3;
}

.theme-supreme-ember .ember-auth-social .btn {
    width: 100%;
}

.theme-supreme-ember .ember-auth-social > span {
    align-items: center;
    color: #655d5f;
    display: flex;
    font-size: var(--ember-text-xs);
    gap: 12px;
    justify-content: center;
    letter-spacing: 0.16em;
    margin-top: 18px;
}

.theme-supreme-ember .ember-auth-social > span::before,
.theme-supreme-ember .ember-auth-social > span::after {
    background: rgba(255, 255, 255, 0.08);
    content: '';
    height: 1px;
    width: 56px;
}

.theme-supreme-ember .ember-auth-security {
    align-items: center;
    color: #746b6d;
    display: flex;
    font-size: var(--ember-text-xs);
    gap: 9px;
    justify-content: center;
    line-height: 1.55;
    margin: 28px auto 34px;
    max-width: 500px;
    position: relative;
    text-align: center;
    z-index: 3;
}

.theme-supreme-ember .ember-auth-security i {
    color: #9c8585;
}

.theme-supreme-ember .ember-auth-links {
    align-items: center;
    display: flex;
    gap: 14px;
    justify-content: center;
    margin: 28px auto 0;
    max-width: 680px;
    position: relative;
    z-index: 3;
}

.theme-supreme-ember .ember-auth-links a {
    align-items: center;
    color: #847a7c;
    display: inline-flex;
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.07em;
    min-height: 44px;
    text-transform: uppercase;
}

.theme-supreme-ember .ember-auth-links a:hover,
.theme-supreme-ember .ember-auth-links a:focus-visible {
    color: #5493d7;
}

.theme-supreme-ember .ember-auth-links > span {
    background: rgba(255, 255, 255, 0.14);
    height: 3px;
    transform: rotate(45deg);
    width: 3px;
}

.theme-supreme-ember .ember-auth-footer {
    align-items: center;
    background: rgba(255, 255, 255, 0.018);
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    display: flex;
    gap: 10px;
    justify-content: center;
    margin: 0 -64px;
    min-height: 70px;
    padding: 15px 24px;
    position: relative;
    z-index: 3;
}

.theme-supreme-ember .ember-auth-footer span {
    color: #776f70;
    font-size: var(--ember-text-sm);
}

.theme-supreme-ember .ember-auth-footer a {
    align-items: center;
    color: #4187d2;
    display: inline-flex;
    font-size: var(--ember-text-xs);
    font-weight: 800;
    gap: 4px;
    letter-spacing: 0.08em;
    min-height: 44px;
    text-transform: uppercase;
}

.theme-supreme-ember .ember-auth-footer a:hover,
.theme-supreme-ember .ember-auth-footer a:focus-visible {
    color: #80afe1;
}

.theme-supreme-ember .ember-auth-form + .ember-auth-footer {
    margin-top: 38px;
}

.theme-supreme-ember .ember-auth-links + .ember-auth-footer {
    margin-top: 24px;
}

.theme-supreme-ember .ember-auth-captcha .g-recaptcha > div {
    margin: 0 auto;
}

.theme-supreme-ember .ember-auth-captcha > img {
    border: 1px solid rgba(255, 255, 255, 0.11);
    display: block;
    margin: 0 auto 12px;
    max-width: 100%;
}

/* Premium registration */
.theme-supreme-ember.page-registration .main {
    max-width: 1180px;
    padding-top: 58px;
}

.theme-supreme-ember.page-registration .ember-auth-shell--registration {
    max-width: 1100px;
}

.theme-supreme-ember .ember-auth-card.ember-auth-card--registration {
    background:
        radial-gradient(circle at 76% 0, rgba(37, 95, 157, 0.13), transparent 32%),
        linear-gradient(145deg, rgba(17, 11, 14, 0.99), rgba(6, 5, 7, 0.99));
    display: grid;
    grid-template-columns: minmax(280px, 0.82fr) minmax(0, 1.68fr);
    overflow: hidden;
    padding: 0;
}

.theme-supreme-ember .ember-auth-card--registration::after {
    border-color: rgba(52, 127, 208, 0.16);
    inset: 9px;
    z-index: 4;
}

.theme-supreme-ember .ember-registration-crest {
    align-items: center;
    background:
        linear-gradient(180deg, rgba(12, 8, 10, 0.46), rgba(4, 3, 5, 0.86)),
        radial-gradient(circle at 50% 30%, rgba(34, 87, 143, 0.2), transparent 47%),
        repeating-linear-gradient(120deg, rgba(255, 255, 255, 0.012) 0 1px, transparent 1px 21px);
    border-right: 1px solid rgba(77, 139, 205, 0.16);
    display: flex;
    flex-direction: column;
    isolation: isolate;
    justify-content: center;
    min-height: 680px;
    overflow: hidden;
    padding: 46px 34px;
    position: relative;
    text-align: center;
}

.theme-supreme-ember .ember-registration-crest::before,
.theme-supreme-ember .ember-registration-crest::after {
    content: '';
    pointer-events: none;
    position: absolute;
}

.theme-supreme-ember .ember-registration-crest::before {
    background:
        linear-gradient(90deg, transparent, rgba(99, 157, 219, 0.45), transparent);
    height: 1px;
    left: 18%;
    right: 18%;
    top: 36px;
}

.theme-supreme-ember .ember-registration-crest::after {
    background:
        radial-gradient(circle, rgba(41, 106, 175, 0.18), transparent 62%);
    border: 1px solid rgba(68, 128, 192, 0.12);
    border-radius: 50%;
    height: 340px;
    left: 50%;
    top: 35px;
    transform: translateX(-50%);
    width: 340px;
    z-index: -1;
}

.theme-supreme-ember .ember-registration-crest__glow {
    background:
        radial-gradient(circle, rgba(50, 126, 207, 0.22), rgba(32, 84, 139, 0.08) 34%, transparent 68%);
    filter: blur(5px);
    height: 300px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 54px;
    transform: translateX(-50%);
    width: 300px;
    z-index: -1;
}

.theme-supreme-ember .ember-registration-crest > img {
    display: block;
    filter:
        drop-shadow(0 18px 25px rgba(0, 0, 0, 0.78))
        drop-shadow(0 0 20px rgba(38, 99, 164, 0.16));
    height: auto;
    margin: -20px auto -8px;
    max-width: 270px;
    object-fit: contain;
    position: relative;
    width: 86%;
    z-index: 1;
}

.theme-supreme-ember .ember-registration-crest__copy {
    position: relative;
    z-index: 2;
}

.theme-supreme-ember .ember-registration-crest__copy p,
.theme-supreme-ember .ember-auth-heading--registration p {
    color: #468ad3;
    font-size: var(--ember-text-xs);
    font-weight: 800;
    letter-spacing: 0.25em;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.theme-supreme-ember .ember-registration-crest__copy h2 {
    color: #c3d9f1;
    font-family: var(--ember-heading);
    font-size: var(--ember-text-2xl);
    font-weight: 600;
    line-height: 1.16;
    margin: 0;
    text-shadow: 0 4px 18px rgba(0, 0, 0, 0.72);
}

.theme-supreme-ember .ember-registration-crest__copy > span {
    color: #978b89;
    display: block;
    font-size: var(--ember-text-sm);
    line-height: 1.65;
    margin: 15px auto 0;
    max-width: 260px;
}

.theme-supreme-ember .ember-registration-crest__details {
    border-top: 1px solid rgba(101, 158, 219, 0.12);
    list-style: none;
    margin: 28px 0 0;
    padding: 20px 0 0;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 2;
}

.theme-supreme-ember .ember-registration-crest__details li {
    align-items: center;
    color: #897f7d;
    display: flex;
    font-size: var(--ember-text-xs);
    gap: 11px;
    line-height: 1.4;
    margin: 0 0 12px;
}

.theme-supreme-ember .ember-registration-crest__details li:last-child {
    margin-bottom: 0;
}

.theme-supreme-ember .ember-registration-crest__details i {
    color: #4881bd;
    flex: 0 0 15px;
    text-align: center;
}

.theme-supreme-ember .ember-registration-panel {
    min-width: 0;
    padding: 52px 56px 0;
    position: relative;
}

.theme-supreme-ember .ember-registration-panel::before {
    background:
        radial-gradient(circle at 86% 8%, rgba(48, 122, 203, 0.11), transparent 25%);
    content: '';
    inset: 0;
    pointer-events: none;
    position: absolute;
}

.theme-supreme-ember .ember-auth-heading--registration {
    margin: 0 0 34px;
    max-width: none;
    text-align: left;
}

.theme-supreme-ember .ember-auth-heading--registration h2 {
    color: #f2e9e3;
    font-family: var(--ember-heading);
    font-size: clamp(28px, 3vw, 38px);
    font-weight: 600;
    line-height: 1.18;
    margin: 0;
}

.theme-supreme-ember .ember-auth-heading--registration > span {
    color: #928788;
    display: block;
    font-size: var(--ember-text-sm);
    line-height: 1.65;
    margin: 13px 0 0;
    max-width: 520px;
}

.theme-supreme-ember .ember-registration-panel .ember-auth-form--registration,
.theme-supreme-ember .ember-registration-panel .ember-auth-links {
    max-width: none;
}

.theme-supreme-ember .ember-registration-panel .ember-auth-grid {
    gap: 0 18px;
}

.theme-supreme-ember .ember-registration-panel .ember-auth-form .form-group {
    margin-bottom: 21px;
}

.theme-supreme-ember .ember-registration-panel .ember-auth-submit.btn-primary {
    margin-top: 24px;
}

.theme-supreme-ember .ember-registration-panel .ember-auth-footer {
    margin-left: -56px;
    margin-right: -56px;
}

@media (max-width: 900px) {
    .theme-supreme-ember.page-registration .main {
        max-width: 760px;
    }

    .theme-supreme-ember .ember-auth-card.ember-auth-card--registration {
        grid-template-columns: 1fr;
    }

    .theme-supreme-ember .ember-registration-crest {
        border-bottom: 1px solid rgba(77, 139, 205, 0.16);
        border-right: 0;
        min-height: 300px;
        padding: 34px 42px;
    }

    .theme-supreme-ember .ember-registration-crest::after,
    .theme-supreme-ember .ember-registration-crest__glow {
        height: 245px;
        left: 23%;
        top: 22px;
        width: 245px;
    }

    .theme-supreme-ember .ember-registration-crest > img {
        left: 6%;
        margin: 0;
        max-width: 220px;
        position: absolute;
        top: 22px;
        width: 32%;
    }

    .theme-supreme-ember .ember-registration-crest__copy,
    .theme-supreme-ember .ember-registration-crest__details {
        margin-left: auto;
        width: 58%;
    }

    .theme-supreme-ember .ember-registration-crest__copy {
        text-align: left;
    }

    .theme-supreme-ember .ember-registration-crest__copy > span {
        margin-left: 0;
    }

    .theme-supreme-ember .ember-registration-crest__details {
        margin-top: 21px;
        padding-top: 16px;
    }
}

@media (max-width: 640px) {
    .theme-supreme-ember.page-registration .main {
        padding-top: 28px;
    }

    .theme-supreme-ember .ember-registration-crest {
        align-items: flex-start;
        min-height: 235px;
        padding: 34px 24px;
        text-align: left;
    }

    .theme-supreme-ember .ember-registration-crest::after,
    .theme-supreme-ember .ember-registration-crest__glow {
        height: 205px;
        left: auto;
        right: -22px;
        top: 15px;
        transform: none;
        width: 205px;
    }

    .theme-supreme-ember .ember-registration-crest > img {
        left: auto;
        max-width: 185px;
        right: -7px;
        top: 22px;
        width: 52%;
    }

    .theme-supreme-ember .ember-registration-crest__copy {
        margin: 0;
        max-width: 56%;
        width: auto;
    }

    .theme-supreme-ember .ember-registration-crest__copy h2 {
        font-size: var(--ember-text-xl);
    }

    .theme-supreme-ember .ember-registration-crest__copy > span {
        font-size: var(--ember-text-xs);
        margin-top: 12px;
    }

    .theme-supreme-ember .ember-registration-crest__details {
        display: none;
    }

    .theme-supreme-ember .ember-registration-panel {
        padding: 36px 22px 0;
    }

    .theme-supreme-ember .ember-auth-heading--registration {
        margin-bottom: 28px;
    }

    .theme-supreme-ember .ember-auth-heading--registration h2 {
        font-size: var(--ember-text-2xl);
    }

    .theme-supreme-ember .ember-registration-panel .ember-auth-grid {
        display: block;
    }

    .theme-supreme-ember .ember-registration-panel .ember-auth-footer {
        margin-left: -22px;
        margin-right: -22px;
    }
}

/* Header sign-in modal */
.theme-supreme-ember #enter.ember-login-modal {
    background:
        radial-gradient(circle at 50% -8%, rgba(117, 168, 223, 0.18), transparent 36%),
        linear-gradient(145deg, rgba(17, 16, 14, 0.995), rgba(6, 7, 8, 0.995));
    border: 0;
    border-radius: var(--ember-radius);
    box-shadow:
        inset 0 0 0 1px rgba(118, 165, 216, 0.24),
        0 42px 120px rgba(0, 0, 0, 0.88),
        0 0 52px rgba(69, 130, 196, 0.08),
        inset 0 1px rgba(206, 224, 243, 0.06);
    max-height: calc(100vh - 48px);
    max-width: 520px;
    overflow-y: auto;
    padding: 36px 56px 0;
    scrollbar-color: rgba(96, 154, 216, 0.5) rgba(255, 255, 255, 0.025);
    scrollbar-width: thin;
}

.theme-supreme-ember #enter.ember-login-modal::before {
    background: linear-gradient(90deg, transparent, rgba(153, 191, 231, 0.95), transparent);
    content: '';
    height: 1px;
    left: 7%;
    position: absolute;
    right: 7%;
    top: 0;
}

.theme-supreme-ember #enter.ember-login-modal::after {
    content: none;
}

.theme-supreme-ember #enter .modalContent {
    position: relative;
    z-index: 1;
}

.theme-supreme-ember #enter .ember-modal-auth-heading {
    margin: 0 auto 30px;
    position: relative;
    text-align: center;
}

.theme-supreme-ember #enter .ember-modal-auth-heading p {
    color: #6a9fd8;
    font-size: var(--ember-text-xs);
    font-weight: 800;
    letter-spacing: 0;
    margin: 0 0 9px;
    text-transform: uppercase;
}

.theme-supreme-ember #enter .ember-modal-auth-heading h2 {
    color: #f2e9e3;
    font-family: var(--ember-heading);
    font-size: var(--ember-text-2xl);
    font-weight: 600;
    margin: 0;
}

.theme-supreme-ember #enter .ember-modal-auth-heading::after {
    background: linear-gradient(90deg, transparent, rgba(106, 159, 216, 0.64), transparent);
    content: '';
    display: block;
    height: 1px;
    margin: 22px auto 0;
    width: 150px;
}

.theme-supreme-ember #enter .ember-auth-mark--skull {
    background: none;
    border: 0;
    box-shadow: none;
    height: 98px;
    margin-bottom: 17px;
    overflow: visible;
    position: relative;
    width: 98px;
}

.theme-supreme-ember #enter .ember-auth-mark--skull::before {
    content: '';
    display: none;
}

.theme-supreme-ember #enter .ember-auth-mark--skull img {
    display: block;
    filter: drop-shadow(0 8px 10px rgba(0, 0, 0, 0.6));
    height: 92px;
    max-width: none;
    object-fit: contain;
    transform: translateY(2px) scale(1.07);
    width: 92px;
}

.theme-supreme-ember #enter .ember-modal-auth-form {
    max-width: none;
}

.theme-supreme-ember #enter .ember-auth-form .form-group {
    margin-bottom: 21px;
}

.theme-supreme-ember #enter .ember-auth-form .control-label {
    color: #d8d1c2;
    letter-spacing: 0;
    margin-bottom: 9px;
}

.theme-supreme-ember #enter .ember-auth-control > i {
    color: #58728d;
}

.theme-supreme-ember #enter .ember-auth-control:focus-within > i {
    color: #70a5de;
}

.theme-supreme-ember #enter .ember-auth-form .form-control {
    background:
        linear-gradient(90deg, rgba(106, 159, 216, 0.035), transparent 24%),
        rgba(3, 4, 5, 0.82) !important;
    border-color: rgba(106, 159, 216, 0.24) !important;
    color: #f0ece3 !important;
    height: 56px;
}

.theme-supreme-ember #enter .ember-auth-form .form-control:hover {
    border-color: rgba(106, 159, 216, 0.4) !important;
}

.theme-supreme-ember #enter .ember-auth-form .form-control:focus {
    background: rgba(5, 6, 7, 0.96) !important;
    border-color: rgba(136, 180, 227, 0.72) !important;
    box-shadow: 0 0 0 3px rgba(106, 159, 216, 0.11) !important;
}

.theme-supreme-ember #enter .ember-auth-form .form-control::placeholder {
    color: #625e56;
}

.theme-supreme-ember #enter .ember-auth-inline-link {
    color: #5f91c6;
    letter-spacing: 0;
}

.theme-supreme-ember #enter .ember-auth-inline-link:hover,
.theme-supreme-ember #enter .ember-auth-inline-link:focus-visible {
    color: #9ec2e8;
}

.theme-supreme-ember #enter a:focus-visible {
    outline-color: #9ec2e8;
}

.theme-supreme-ember #enter .ember-auth-submit.btn-primary {
    background: linear-gradient(180deg, #72a6de, #2d68a8);
    border-color: rgba(181, 209, 238, 0.76) !important;
    box-shadow:
        0 14px 34px rgba(21, 54, 89, 0.42),
        inset 0 1px rgba(255, 255, 255, 0.34);
    color: #171109;
    letter-spacing: 0;
    margin-top: 29px;
    text-shadow: 0 1px rgba(215, 229, 246, 0.22);
}

.theme-supreme-ember #enter .ember-auth-submit.btn-primary:hover,
.theme-supreme-ember #enter .ember-auth-submit.btn-primary:focus {
    background: linear-gradient(180deg, #98bee7, #3677bd);
    border-color: rgba(206, 224, 243, 0.94) !important;
    box-shadow:
        0 17px 40px rgba(27, 69, 113, 0.52),
        0 0 24px rgba(106, 159, 216, 0.13);
    color: #0f0c07;
}

.theme-supreme-ember #enter .ember-auth-submit.btn-primary:focus-visible {
    outline: 2px solid #9ec2e8;
    outline-offset: 3px;
}

.theme-supreme-ember #enter .ember-modal-auth-footer {
    align-items: center;
    background:
        linear-gradient(90deg, transparent, rgba(106, 159, 216, 0.025), transparent),
        rgba(255, 255, 255, 0.012);
    border-top: 1px solid rgba(106, 159, 216, 0.14);
    display: flex;
    gap: 9px;
    justify-content: center;
    margin: 34px -56px 0;
    min-height: 68px;
    padding: 14px 20px;
}

.theme-supreme-ember #enter .ember-modal-auth-footer span {
    color: #776f70;
    font-size: var(--ember-text-xs);
}

.theme-supreme-ember #enter .ember-modal-auth-footer a {
    color: #6a9fd8;
    font-size: var(--ember-text-xs);
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.theme-supreme-ember #enter .ember-modal-auth-footer a:hover,
.theme-supreme-ember #enter .ember-modal-auth-footer a:focus-visible {
    color: #9ec2e8;
}

.theme-supreme-ember #enter .modal_close {
    align-items: center;
    background: rgba(8, 9, 10, 0.94);
    border-color: rgba(106, 159, 216, 0.5);
    box-sizing: border-box;
    box-shadow: 0 0 18px rgba(106, 159, 216, 0.08);
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    line-height: 1;
    min-height: 44px;
    padding: 0;
    right: 15px;
    top: 15px;
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    width: 44px;
    z-index: 3;
}

.theme-supreme-ember #enter .modal_close::before,
.theme-supreme-ember #enter .modal_close::after {
    content: none;
    display: none;
}

.theme-supreme-ember #enter .modal_close .fa {
    color: #6a9fd8;
    font-size: var(--ember-text-sm);
    line-height: 1;
    pointer-events: none;
}

.theme-supreme-ember #enter .modal_close:hover,
.theme-supreme-ember #enter .modal_close:focus-visible {
    background: rgba(37, 31, 20, 0.98);
    border-color: rgba(159, 195, 233, 0.82);
    box-shadow: 0 0 22px rgba(106, 159, 216, 0.18);
    transform: translateY(-1px);
}

.theme-supreme-ember #enter .modal_close:focus-visible {
    outline: 2px solid #9ec2e8;
    outline-offset: 3px;
}

.theme-supreme-ember #overlay {
    background: rgba(2, 3, 5, 0.9);
    backdrop-filter: blur(7px);
}

@media (max-width: 768px) {
    .theme-supreme-ember.page-public-auth .main {
        padding-bottom: 68px;
        padding-top: 44px;
    }

    .theme-supreme-ember .ember-auth-card {
        padding: 42px 34px 0;
    }

    .theme-supreme-ember .ember-auth-footer {
        margin-left: -34px;
        margin-right: -34px;
    }

    .theme-supreme-ember #enter.ember-login-modal {
        padding-left: 38px;
        padding-right: 38px;
        width: calc(100vw - 28px);
    }

    .theme-supreme-ember #enter .ember-modal-auth-footer {
        margin-left: -38px;
        margin-right: -38px;
    }
}

@media (max-width: 480px) {
    .theme-supreme-ember.page-public-auth .main {
        padding: 28px 0 54px;
    }

    .theme-supreme-ember .ember-auth-card {
        padding: 34px 20px 0;
    }

    .theme-supreme-ember .ember-auth-heading {
        margin-bottom: 30px;
    }

    .theme-supreme-ember .ember-auth-heading h1,
    .theme-supreme-ember .ember-auth-heading h2 {
        font-size: var(--ember-text-2xl);
    }

    .theme-supreme-ember .ember-auth-heading > span {
        font-size: var(--ember-text-sm);
    }

    .theme-supreme-ember .ember-auth-grid {
        display: block;
    }

    .theme-supreme-ember .ember-auth-links {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .theme-supreme-ember .ember-auth-links > span {
        display: none;
    }

    .theme-supreme-ember .ember-auth-footer {
        align-items: flex-start;
        flex-direction: column;
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 28px;
    }

    .theme-supreme-ember #enter.ember-login-modal {
        max-height: calc(100vh - 20px);
        padding: 24px 20px 0;
        top: 10px !important;
        width: calc(100vw - 20px);
    }

    .theme-supreme-ember #enter .ember-modal-auth-heading {
        margin-bottom: 22px;
    }

    .theme-supreme-ember #enter .ember-modal-auth-heading h2 {
        font-size: var(--ember-text-2xl);
    }

    .theme-supreme-ember #enter .ember-modal-auth-heading::after {
        margin-top: 17px;
        width: 118px;
    }

    .theme-supreme-ember #enter .ember-auth-mark--skull {
        height: 76px;
        margin-bottom: 13px;
        width: 76px;
    }

    .theme-supreme-ember #enter .ember-auth-mark--skull img {
        height: 72px;
        width: 72px;
    }

    .theme-supreme-ember #enter .ember-auth-form .form-group {
        margin-bottom: 16px;
    }

    .theme-supreme-ember #enter .ember-auth-form .form-control {
        height: 50px;
    }

    .theme-supreme-ember #enter .ember-auth-submit.btn-primary {
        height: 50px;
        margin-top: 22px;
    }

    .theme-supreme-ember #enter .ember-modal-auth-footer {
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 26px -20px 0;
        min-height: 60px;
        padding: 13px 18px;
        text-align: center;
    }

    .theme-supreme-ember #enter .modal_close {
        right: 6px;
        top: 6px;
    }
}

@media (max-height: 700px) and (min-width: 481px) {
    .theme-supreme-ember #enter.ember-login-modal {
        max-height: calc(100vh - 24px);
        padding-top: 26px;
        top: 12px !important;
    }

    .theme-supreme-ember #enter .ember-auth-mark--skull {
        height: 76px;
        margin-bottom: 12px;
        width: 76px;
    }

    .theme-supreme-ember #enter .ember-auth-mark--skull img {
        height: 72px;
        width: 72px;
    }

    .theme-supreme-ember #enter .ember-modal-auth-heading {
        margin-bottom: 22px;
    }

    .theme-supreme-ember #enter .ember-modal-auth-heading::after {
        margin-top: 16px;
    }

    .theme-supreme-ember #enter .ember-auth-form .form-group {
        margin-bottom: 16px;
    }

    .theme-supreme-ember #enter .ember-auth-form .form-control {
        height: 50px;
    }

    .theme-supreme-ember #enter .ember-auth-submit.btn-primary {
        margin-top: 22px;
    }

    .theme-supreme-ember #enter .ember-modal-auth-footer {
        margin-top: 24px;
    }
}

/* --- source: assets/supreme_ember/css/ember-home.css --- */
/* Supreme Ember landing page. No selectors in this file target another theme. */
@keyframes emberBackgroundDrift {
    from {
        transform: scale(1.015);
    }
    to {
        transform: scale(1.055);
    }
}

@keyframes emberCloudDriftLeft {
    from {
        transform: translate3d(-2%, 0, 0);
    }
    to {
        transform: translate3d(2%, 0, 0);
    }
}

@keyframes emberCloudDriftRight {
    from {
        transform: translate3d(3%, 0, 0);
    }
    to {
        transform: translate3d(-3%, 0, 0);
    }
}

.theme-supreme-ember .ember-hero {
    background: #050406;
    margin-left: calc((100vw - 100%) / -2);
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100vw;
}

.theme-supreme-ember.page-home .ember-hero {
    height: 100vh;
    height: 100svh;
    min-height: 680px;
}

/*
 * Inner pages have no hero band: the display title, eyebrow, summary and crest
 * were removed so a tab opens straight onto its own content.
 *
 * Collapsed rather than display:none on purpose. The header still carries the
 * page's only <h1>, visually hidden - display:none would drop it out of the
 * accessibility tree and take the search snippet and the screen-reader landmark
 * with it. Height zero keeps the element in the tree while it occupies nothing.
 */
/*
 * The [data-ember-hero-shell] hook is not decoration - it buys specificity.
 * Fifteen rules across seven files set an inner-hero height, one per page type
 * plus responsive variants (ember-game-features.css:57, ember-rankings.css:44,
 * ember-downloads.css:43 and so on), all at the same 0-3-0 weight as a plain
 * `.page-inner .ember-hero` and all loaded after this file. Matching their
 * weight would just lose on source order; the attribute makes this 0-4-0 and
 * settles it in one rule instead of editing all fifteen.
 */
.theme-supreme-ember.page-inner .ember-hero[data-ember-hero-shell] {
    height: 0;
    min-height: 0;
    padding: 0;
}

.theme-supreme-ember.page-inner .ember-hero[data-ember-hero-shell] .ember-hero-stage,
.theme-supreme-ember.page-inner .ember-hero[data-ember-hero-shell]::before,
.theme-supreme-ember.page-inner .ember-hero[data-ember-hero-shell]::after {
    display: none;
}

.ember-hero::before,
.ember-hero::after {
    content: '';
    inset: 0;
    pointer-events: none;
    position: absolute;
}

.ember-hero::before {
    background: linear-gradient(180deg, rgba(4, 3, 5, 0.2), transparent 16%);
    z-index: 5;
}

.ember-hero::after {
    background:
        radial-gradient(110% 88% at 50% 42%, transparent 48%, rgba(4, 3, 5, 0.46) 86%),
        linear-gradient(180deg, transparent 62%, rgba(7, 5, 8, 0.76) 88%, #080508 100%);
    z-index: 5;
}

.ember-hero-stage {
    aspect-ratio: auto;
    background: #050406;
    height: 100%;
    inset: 0;
    left: 0;
    max-width: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform: translate3d(0, var(--ember-stage-shift-y, 0px), 0) !important;
    width: 100%;
}

.theme-supreme-ember.page-inner .ember-hero::after {
    height: auto;
}

.theme-supreme-ember.page-inner .ember-hero-stage {
    top: 0;
}

.theme-supreme-ember.page-home .ember-hero-stage {
    will-change: transform;
}

.ember-hero-base {
    animation: none;
    background-image: url('../images/ember/hero-desktop-v3.webp');
    background-position: center 40%;
    background-repeat: no-repeat;
    background-size: cover;
    inset: 0;
    position: absolute;
    transform: scale(1.015);
    transform-origin: center;
    z-index: 0;
}

.theme-supreme-ember.page-inner .ember-hero-base {
    background-position: center 38%;
    filter: brightness(0.54) saturate(0.82);
}

.ember-character,
.ember-character-glow,
.ember-hand-glow,
.ember-bow-glow {
    display: none !important;
}

.ember-hero-clouds,
.ember-hero-clouds i,
.ember-hero-rays,
.ember-hero-rays i {
    inset: 0;
    pointer-events: none;
    position: absolute;
}

.ember-hero-clouds {
    mix-blend-mode: screen;
    z-index: 1;
}

.ember-hero-clouds i:first-child {
    animation: emberCloudDriftLeft 44s ease-in-out infinite alternate;
    background:
        radial-gradient(52% 60% at 22% 38%, rgba(102, 68, 165, 0.16), transparent 68%),
        radial-gradient(42% 52% at 74% 26%, rgba(100, 79, 128, 0.1), transparent 70%);
    filter: blur(28px);
}

.ember-hero-clouds i:last-child {
    animation: emberCloudDriftRight 58s ease-in-out infinite alternate;
    background:
        radial-gradient(44% 55% at 72% 34%, rgba(54, 113, 176, 0.1), transparent 68%),
        radial-gradient(38% 48% at 18% 52%, rgba(78, 57, 126, 0.12), transparent 70%);
    filter: blur(34px);
}

.ember-castle-flare {
    filter: blur(12px);
    mix-blend-mode: screen;
    opacity: 0.08;
    pointer-events: none;
    position: absolute;
    z-index: 2;
}

.ember-castle-flare--one {
    background: radial-gradient(circle, rgba(168, 107, 255, 0.5), transparent 70%);
    height: 180px;
    left: 20%;
    top: 24%;
    width: 180px;
}

.ember-castle-flare--two {
    background: radial-gradient(circle, rgba(116, 167, 222, 0.44), transparent 70%);
    height: 180px;
    right: 20%;
    top: 24%;
    width: 180px;
}

.ember-canvas {
    height: 100%;
    inset: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
}

.ember-canvas--back {
    z-index: 2;
}

.ember-canvas--front {
    z-index: 6;
}

.ember-hero-glow {
    background:
        radial-gradient(circle at 20% 35%, rgba(132, 74, 232, 0.16), transparent 24%),
        radial-gradient(circle at 80% 35%, rgba(96, 155, 218, 0.12), transparent 24%);
    inset: 0;
    mix-blend-mode: screen;
    pointer-events: none;
    position: absolute;
    z-index: 3;
}

.ember-hero-rays {
    mix-blend-mode: screen;
    z-index: 4;
}

.ember-hero-rays i:first-child {
    background: linear-gradient(78deg, transparent 32%, rgba(190, 170, 230, 0.06) 46%, transparent 64%);
    filter: blur(8px);
}

.ember-hero-rays i:last-child {
    background: linear-gradient(104deg, transparent 34%, rgba(150, 189, 230, 0.05) 48%, transparent 66%);
    filter: blur(9px);
}

.ember-hero-flash {
    background: radial-gradient(52% 48% at 50% 34%, rgba(226, 214, 255, 0.72), rgba(150, 140, 220, 0.22) 56%, transparent 80%);
    inset: 0;
    mix-blend-mode: screen;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: 7;
}

.theme-supreme-ember .ember-hero-copy {
    align-items: center;
    display: flex;
    flex-direction: column;
    left: 50%;
    margin: 0;
    max-width: 820px;
    padding: 0 32px;
    position: absolute;
    text-align: center;
    top: 49%;
    transform: translate(-50%, -50%);
    width: calc(100% - 64px);
    z-index: 8;
}

.theme-supreme-ember .headerInfo-title {
    display: block;
    font-family: var(--ember-heading);
    line-height: 1;
    margin: 0;
    text-align: center;
    width: 100%;
}

.theme-supreme-ember.page-home .headerInfo-title .ember-title-main {
    background: linear-gradient(180deg, #fffdf8 5%, #eadfd5 55%, #9fadbc 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: #f4eee9;
    display: block;
    font-family: var(--ember-heading);
    font-size: clamp(52px, 5.8vw, 82px);
    font-weight: 600;
    letter-spacing: 0.07em;
    line-height: 0.98;
    text-shadow: 0 11px 32px rgba(0, 0, 0, 0.78), 0 0 72px rgba(110, 72, 190, 0.16);
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    white-space: nowrap;
}

.theme-supreme-ember .headerInfo-title .ember-title-main b {
    color: var(--ember-red-bright);
    font-weight: inherit;
    text-shadow: 0 0 34px rgba(74, 141, 212, 0.4), 0 7px 48px rgba(0, 0, 0, 0.96);
}

.theme-supreme-ember.page-home .headerInfo-title .ember-title-main b {
    background: linear-gradient(180deg, #7aabe0 4%, #4a8dd4 55%, #235a94 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: #4a8dd4;
    text-shadow: 0 0 28px rgba(74, 141, 212, 0.38), 0 11px 32px rgba(0, 0, 0, 0.78);
    -webkit-text-fill-color: transparent;
}

.theme-supreme-ember.page-inner .ember-hero-copy {
    max-width: 720px;
    top: 54%;
}

.theme-supreme-ember.page-inner .headerInfo-title .ember-title-main {
    font-size: clamp(34px, 4vw, 52px);
}

.ember-hero-divider {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 24px auto 0;
    width: 218px;
}

.ember-hero-divider::before,
.ember-hero-divider::after {
    background: linear-gradient(90deg, transparent, rgba(178, 194, 211, 0.5));
    content: '';
    height: 1px;
    width: 92px;
}

.ember-hero-divider::after {
    background: linear-gradient(90deg, rgba(178, 194, 211, 0.5), transparent);
}

.ember-hero-divider span {
    background: var(--ember-red-bright);
    box-shadow: 0 0 12px rgba(74, 141, 212, 0.78);
    height: 7px;
    margin: 0 12px;
    transform: rotate(45deg);
    width: 7px;
}

.theme-supreme-ember.page-home .headerInfo-text {
    color: #ded3d0;
    font-size: var(--ember-text-md);
    font-weight: 700;
    line-height: 1.45;
    margin: 19px auto 0;
    max-width: 560px;
    text-indent: 0.4em;
    text-shadow: 0 3px 20px rgba(0, 0, 0, 0.96);
}

.theme-supreme-ember.page-home .headerInfo-button {
    margin-top: 30px;
}

.ember-play-wrap {
    display: inline-flex;
    position: relative;
}

.ember-play-sparks {
    height: 140px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 320px;
    z-index: 0;
}

.theme-supreme-ember.page-home .headerInfo-button .ember-play-button {
    align-items: center;
    box-sizing: border-box;
    display: inline-flex;
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    font-weight: 800;
    gap: 15px;
    height: 60px;
    justify-content: center;
    letter-spacing: 0.17em;
    min-width: 260px;
    overflow: hidden;
    padding: 0 38px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}

.theme-supreme-ember.page-home .headerInfo-button .ember-play-button > span {
    display: inline-block;
    line-height: 1.1;
    white-space: nowrap;
}

.theme-supreme-ember.page-home .headerInfo-button .ember-play-button::before {
    background: linear-gradient(105deg, transparent, rgba(255, 232, 232, 0.42), transparent);
    content: '';
    inset: 0 auto 0 -65%;
    pointer-events: none;
    transform: skewX(-18deg);
    transition: left 0.65s ease;
    width: 44%;
}

.theme-supreme-ember.page-home .headerInfo-button .ember-play-button:hover::before,
.theme-supreme-ember.page-home .headerInfo-button .ember-play-button:focus-visible::before {
    left: 125%;
}

.theme-supreme-ember.page-home .main {
    background: transparent;
    display: grid;
    gap: 86px;
    grid-template-columns: minmax(0, 1fr);
    margin: 0 auto;
    max-width: 1120px;
    padding: 86px 0 96px;
    width: 100%;
}

.theme-supreme-ember.page-home .sidebar,
.theme-supreme-ember.page-home .ember-news {
    grid-column: 1;
    margin: 0;
    width: 100%;
}

.theme-supreme-ember.page-home .ember-news {
    grid-row: 1;
}

.theme-supreme-ember.page-home .sidebar {
    grid-row: 2;
}

.ember-news-heading {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    padding-bottom: 34px;
}

.ember-section-heading small {
    color: var(--ember-red-bright);
    display: block;
    font-size: var(--ember-text-xs);
    font-weight: 800;
    letter-spacing: 0.28em;
    margin-bottom: 9px;
    text-transform: uppercase;
}

.ember-section-heading h2 {
    color: #f0e7e2;
    font-family: var(--ember-heading);
    font-size: clamp(32px, 3.2vw, 46px);
    font-weight: 700;
    margin: 0;
}

.ember-section-heading h2 span {
    color: var(--ember-red-bright);
}

.ember-news-heading > a,
.ember-news-read-more {
    align-items: center;
    color: var(--ember-red-bright);
    display: inline-flex;
    font-size: var(--ember-text-xs);
    font-weight: 800;
    letter-spacing: 0.13em;
    min-height: 44px;
    text-transform: uppercase;
}

.ember-news-featured {
    align-items: stretch;
    display: grid;
    gap: 58px;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    min-height: 300px;
}

.ember-news-copy {
    align-self: center;
    padding: 20px 0;
}

.ember-news-copy h3 {
    color: #eee5df;
    font-family: var(--ember-heading);
    font-size: clamp(25px, 2.35vw, 36px);
    line-height: 1.3;
    margin: 17px 0;
}

.ember-news-copy p {
    color: #ada0a2;
    font-size: var(--ember-text-md);
    line-height: 1.9;
    margin-bottom: 24px;
}

.ember-news-meta {
    align-items: center;
    color: #776d70;
    display: flex;
    font-size: var(--ember-text-xs);
    gap: 16px;
    letter-spacing: 0.08em;
}

.ember-news-meta span {
    color: var(--ember-red-bright);
    font-weight: 800;
    text-transform: uppercase;
}

.ember-news-media {
    border: 1px solid rgba(74, 141, 212, 0.3);
    display: block;
    min-height: 300px;
    overflow: hidden;
    padding: 6px;
    position: relative;
}

.ember-news-media img {
    height: 100%;
    object-fit: cover;
    transition: transform 0.7s ease, filter 0.7s ease;
    width: 100%;
}

.ember-news-media:hover img {
    filter: brightness(1.08);
    transform: scale(1.035);
}

.ember-news-list {
    border-bottom: 1px solid var(--ember-line);
    border-top: 1px solid var(--ember-line);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 52px;
}

.ember-news-list article {
    align-items: center;
    border-left: 1px solid var(--ember-line);
    display: grid;
    gap: 18px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-width: 0;
    padding: 24px;
}

.ember-news-list article:nth-child(odd) {
    border-left: 0;
}

/* Full realm schedule: all configured events remain visible without nested scrolling. */
.theme-supreme-ember.page-home .ember-schedule {
    padding: 72px 0 80px;
    position: relative;
}

.theme-supreme-ember.page-home .ember-schedule::before {
    background:
        radial-gradient(circle at 20% 40%, rgba(37, 95, 158, 0.08), transparent 32%),
        radial-gradient(circle at 82% 44%, rgba(59, 119, 183, 0.07), transparent 30%);
    content: '';
    inset: 0 -8vw;
    pointer-events: none;
    position: absolute;
}

.theme-supreme-ember.page-home .ember-schedule .ember-section-heading {
    margin-bottom: 34px;
    position: relative;
    z-index: 1;
}

.theme-supreme-ember.page-home .ember-schedule .ember-section-heading small {
    font-size: var(--ember-text-xs);
    letter-spacing: 0.3em;
    margin-bottom: 10px;
}

.theme-supreme-ember.page-home .ember-schedule .ember-section-heading h2 {
    background: linear-gradient(180deg, #fff8f1 4%, #bccad8 100%);
    background-clip: text;
    font-size: clamp(35px, 4vw, 52px);
    font-weight: 600;
    letter-spacing: 0.045em;
    line-height: 1.12;
    text-shadow: 0 9px 26px rgba(0, 0, 0, 0.42);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.theme-supreme-ember.page-home .ember-schedule .ember-section-heading h2 span {
    background: linear-gradient(180deg, #77a9df 0%, #2f78c7 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.theme-supreme-ember.page-home .ember-schedule-grid {
    align-items: stretch;
    gap: 26px;
    grid-template-columns: minmax(0, 1.18fr) minmax(0, 0.92fr);
    position: relative;
    z-index: 1;
}

.theme-supreme-ember.page-home .ember-schedule-panel {
    background:
        radial-gradient(circle at 12% 0%, rgba(34, 87, 144, 0.11), transparent 32%),
        linear-gradient(145deg, rgba(18, 11, 15, 0.98), rgba(6, 5, 7, 0.995) 72%);
    box-shadow:
        0 26px 60px rgba(0, 0, 0, 0.38),
        inset 0 1px rgba(255, 255, 255, 0.025);
    min-height: 100%;
    overflow: hidden;
    position: relative;
}

.theme-supreme-ember.page-home .ember-schedule-panel:nth-child(2) {
    background:
        radial-gradient(circle at 12% 0%, rgba(56, 118, 184, 0.1), transparent 32%),
        linear-gradient(145deg, rgba(17, 12, 12, 0.98), rgba(6, 5, 7, 0.995) 72%);
}

.theme-supreme-ember.page-home .ember-schedule-panel::before {
    background: linear-gradient(90deg, transparent, rgba(83, 147, 215, 0.66), transparent);
    content: '';
    height: 1px;
    left: 12%;
    opacity: 0.72;
    position: absolute;
    right: 12%;
    top: 0;
    z-index: 2;
}

.theme-supreme-ember.page-home .ember-schedule-panel:nth-child(2)::before {
    background: linear-gradient(90deg, transparent, rgba(86, 148, 215, 0.66), transparent);
}

.theme-supreme-ember.page-home .ember-schedule-panel > header {
    background: linear-gradient(90deg, rgba(17, 8, 12, 0.96), rgba(8, 6, 8, 0.92));
    gap: 16px;
    min-height: 84px;
    padding: 15px 24px;
}

.theme-supreme-ember.page-home .ember-schedule-panel > header img {
    filter:
        drop-shadow(0 8px 13px rgba(0, 0, 0, 0.58))
        drop-shadow(0 0 13px rgba(74, 141, 212, 0.28));
    height: 50px;
    object-fit: contain;
    width: 50px;
}

.theme-supreme-ember.page-home .ember-schedule-panel:nth-child(2) > header img {
    filter:
        drop-shadow(0 8px 13px rgba(0, 0, 0, 0.58))
        drop-shadow(0 0 13px rgba(77, 142, 211, 0.28));
}

.theme-supreme-ember.page-home .ember-schedule-panel > header small {
    color: #8e7e81;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.22em;
    margin-bottom: 6px;
}

.theme-supreme-ember.page-home .ember-schedule-panel > header strong {
    background: linear-gradient(180deg, #fff7ef 8%, #b6c2cf 100%);
    background-clip: text;
    font-size: var(--ember-text-lg);
    font-weight: 600;
    letter-spacing: 0.055em;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.theme-supreme-ember.page-home .ember-schedule #events.timer-list,
.theme-supreme-ember.page-home .ember-schedule #invasions.timer-list {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 12px 22px 20px;
    scrollbar-width: auto;
}

.theme-supreme-ember.page-home .ember-schedule #events.timer-list > div,
.theme-supreme-ember.page-home .ember-schedule #invasions.timer-list > div {
    column-gap: 22px;
    height: auto !important;
    min-height: 44px;
    padding: 0 8px;
    position: relative;
    transition: background 0.22s ease, box-shadow 0.22s ease;
}

.theme-supreme-ember.page-home .ember-schedule #events.timer-list > div:hover,
.theme-supreme-ember.page-home .ember-schedule #invasions.timer-list > div:hover {
    background: linear-gradient(90deg, rgba(43, 110, 182, 0.08), rgba(43, 110, 182, 0.015));
    box-shadow: inset 3px 0 rgba(69, 138, 211, 0.48);
}

.theme-supreme-ember.page-home .ember-schedule #invasions.timer-list > div:hover {
    background: linear-gradient(90deg, rgba(67, 131, 199, 0.08), rgba(67, 131, 199, 0.015));
    box-shadow: inset 3px 0 rgba(77, 142, 211, 0.48);
}

.theme-supreme-ember.page-home .ember-schedule #events.timer-list > div span,
.theme-supreme-ember.page-home .ember-schedule #invasions.timer-list > div span {
    color: #c2b8b5;
    font-size: var(--ember-text-md);
    font-weight: 500;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
}

.theme-supreme-ember.page-home .ember-schedule #events.timer-list > div span::before,
.theme-supreme-ember.page-home .ember-schedule #invasions.timer-list > div span::before {
    background: #347fd0;
    box-shadow: 0 0 9px rgba(52, 127, 208, 0.4);
    content: '';
    display: inline-block;
    height: 4px;
    margin: 0 11px 2px 1px;
    transform: rotate(45deg);
    width: 4px;
}

.theme-supreme-ember.page-home .ember-schedule #invasions.timer-list > div span::before {
    background: #4d88c7;
    box-shadow: 0 0 9px rgba(77, 136, 199, 0.4);
}

.theme-supreme-ember.page-home .ember-schedule #events.timer-list > div small,
.theme-supreme-ember.page-home .ember-schedule #invasions.timer-list > div small {
    color: #8eb8e4;
    font-size: var(--ember-text-md);
    letter-spacing: 0.015em;
    text-shadow: 0 0 14px rgba(106, 159, 216, 0.2);
}

@media (max-width: 900px) {
    .theme-supreme-ember.page-home .ember-schedule {
        padding: 58px 0 66px;
    }

    .theme-supreme-ember.page-home .ember-schedule-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .theme-supreme-ember.page-home .ember-schedule .ember-section-heading {
        margin-bottom: 25px;
    }

    .theme-supreme-ember.page-home .ember-schedule .ember-section-heading h2 {
        font-size: clamp(30px, 10vw, 39px);
    }

    .theme-supreme-ember.page-home .ember-schedule-panel > header {
        min-height: 76px;
        padding: 13px 16px;
    }

    .theme-supreme-ember.page-home .ember-schedule-panel > header img {
        height: 44px;
        width: 44px;
    }

    .theme-supreme-ember.page-home .ember-schedule-panel > header strong {
        font-size: var(--ember-text-md);
    }

    .theme-supreme-ember.page-home .ember-schedule #events.timer-list,
    .theme-supreme-ember.page-home .ember-schedule #invasions.timer-list {
        padding: 10px 10px 16px;
    }

    .theme-supreme-ember.page-home .ember-schedule #events.timer-list > div,
    .theme-supreme-ember.page-home .ember-schedule #invasions.timer-list > div {
        min-height: 46px;
        padding: 0 5px;
    }

    .theme-supreme-ember.page-home .ember-schedule #events.timer-list > div span,
    .theme-supreme-ember.page-home .ember-schedule #invasions.timer-list > div span {
        font-size: var(--ember-text-sm);
    }

    .theme-supreme-ember.page-home .ember-schedule #events.timer-list > div small,
    .theme-supreme-ember.page-home .ember-schedule #invasions.timer-list > div small {
        font-size: var(--ember-text-sm);
    }
}

.ember-game-features {
    background:
        radial-gradient(circle at 50% 4%, rgba(29, 74, 123, 0.12), transparent 30%),
        linear-gradient(180deg, #070608 0%, #090709 48%, #050406 100%);
    border-bottom: 1px solid rgba(51, 82, 116, 0.16);
    border-top: 1px solid rgba(51, 82, 116, 0.16);
    isolation: isolate;
    overflow: hidden;
    padding: 108px 40px 118px;
    position: relative;
}

.ember-game-features::before {
    background-image:
        linear-gradient(rgba(65, 124, 188, 0.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(65, 124, 188, 0.018) 1px, transparent 1px);
    background-size: 54px 54px;
    content: '';
    inset: 0;
    mask-image: linear-gradient(to bottom, transparent, #000 24%, #000 76%, transparent);
    pointer-events: none;
    position: absolute;
    z-index: -1;
}

.ember-game-features__glow {
    background:
        radial-gradient(circle at 24% 54%, rgba(23, 59, 98, 0.13), transparent 28%),
        radial-gradient(circle at 76% 54%, rgba(34, 75, 118, 0.09), transparent 30%);
    filter: blur(22px);
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: -1;
}

.ember-game-features__eyebrow {
    color: #347fcf;
    font-size: var(--ember-text-xs);
    font-weight: 800;
    letter-spacing: 0.34em;
    margin: 0 0 13px;
    text-align: center;
    text-transform: uppercase;
}

.ember-game-features__heading {
    align-items: center;
    display: flex;
    gap: 18px;
    justify-content: center;
    position: relative;
}

.ember-game-features__heading h2 {
    color: #f4ece7;
    font-family: var(--ember-heading);
    font-size: var(--ember-text-3xl);
    font-weight: 400;
    line-height: 1.15;
    margin: 0;
    text-shadow: 0 8px 28px rgba(0, 0, 0, 0.72);
}

.ember-game-features__line {
    flex: 0 1 110px;
    height: 1px;
    max-width: 110px;
}

.ember-game-features__line--left {
    background: linear-gradient(90deg, transparent, rgba(53, 106, 162, 0.58));
}

.ember-game-features__line--right {
    background: linear-gradient(90deg, rgba(53, 106, 162, 0.58), transparent);
}

.ember-game-features__accent {
    background: linear-gradient(90deg, rgba(74, 141, 212, 0), #347fd0, rgba(74, 141, 212, 0));
    box-shadow: 0 0 14px rgba(52, 127, 208, 0.45);
    height: 1px;
    margin: 18px auto 0;
    position: relative;
    width: 210px;
}

.ember-game-features__accent::after {
    background: #488cd4;
    box-shadow: 0 0 14px rgba(72, 140, 212, 0.75);
    content: '';
    height: 6px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 6px;
}

.ember-game-features__intro {
    color: #9d9190;
    font-size: var(--ember-text-md);
    letter-spacing: 0.025em;
    line-height: 1.8;
    margin: 24px auto 0;
    max-width: 690px;
    text-align: center;
}

.ember-game-features__grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 58px auto 0;
    max-width: 1180px;
    position: relative;
}

.ember-game-features__card {
    background:
        linear-gradient(145deg, rgba(21, 17, 19, 0.97), rgba(7, 6, 8, 0.99)),
        #080608;
    border: 1px solid rgba(54, 95, 139, 0.24);
    box-shadow:
        0 22px 45px rgba(0, 0, 0, 0.27),
        inset 0 1px 0 rgba(227, 237, 248, 0.025);
    min-width: 0;
    min-height: 380px;
    color: inherit;
    display: block;
    overflow: hidden;
    padding: 30px 30px 28px;
    position: relative;
    text-align: left;
    transition: box-shadow 0.28s ease;
}

.ember-game-features__card:focus-visible {
    border-color: rgba(78, 143, 213, 0.72);
    box-shadow:
        0 28px 58px rgba(0, 0, 0, 0.44),
        0 0 0 2px rgba(78, 143, 213, 0.2);
    outline: 0;
}

.ember-game-features__card::before {
    background: linear-gradient(90deg, transparent, rgba(52, 127, 207, 0.95), transparent);
    content: '';
    height: 1px;
    left: 8%;
    opacity: 0.62;
    position: absolute;
    right: 8%;
    top: 0;
}

.ember-game-features__card:hover {
    box-shadow:
        0 28px 58px rgba(0, 0, 0, 0.44),
        0 0 22px rgba(39, 100, 165, 0.2),
        0 0 48px rgba(32, 82, 135, 0.12),
        inset 0 0 28px rgba(33, 84, 139, 0.055);
}

.ember-game-features__card--reward {
    background:
        radial-gradient(circle at 50% 14%, rgba(37, 92, 150, 0.16), transparent 34%),
        linear-gradient(145deg, rgba(24, 17, 18, 0.98), rgba(8, 6, 7, 0.99));
    border-color: rgba(54, 118, 186, 0.45);
}

.ember-game-features__card--reward::before {
    background: linear-gradient(90deg, transparent, #4e8fd5, #347fcf, #4e8fd5, transparent);
    opacity: 0.95;
}

.ember-game-features__corner {
    background: url('../images/features/feature-card-corner-v1.png') center / contain no-repeat;
    filter: drop-shadow(0 0 5px rgba(41, 103, 170, 0.12));
    height: 92px;
    opacity: 0.82;
    pointer-events: none;
    position: absolute;
    width: 92px;
    z-index: 2;
}

.ember-game-features__corner--top {
    left: 7px;
    top: 7px;
}

.ember-game-features__corner--bottom {
    bottom: 7px;
    right: 7px;
    transform: rotate(180deg);
}

.ember-game-features__icon {
    align-items: center;
    display: flex;
    height: 138px;
    justify-content: center;
    margin: -4px auto 14px;
    position: relative;
    width: 154px;
}

.ember-game-features__icon::before,
.ember-game-features__icon span {
    border: 1px solid rgba(61, 116, 175, 0.13);
    border-radius: 50%;
    content: '';
    pointer-events: none;
    position: absolute;
}

.ember-game-features__icon::before {
    background: radial-gradient(circle, rgba(34, 89, 147, 0.18), transparent 68%);
    box-shadow: 0 0 38px rgba(31, 81, 134, 0.09);
    height: 118px;
    width: 118px;
}

.ember-game-features__icon span {
    height: 94px;
    transform: rotate(45deg);
    width: 94px;
}

.ember-game-features__icon img {
    filter: drop-shadow(0 12px 16px rgba(0, 0, 0, 0.65));
    height: 142px;
    object-fit: contain;
    position: relative;
    transition: filter 0.28s ease, transform 0.28s ease;
    width: 142px;
    z-index: 1;
}

.ember-game-features__card:hover .ember-game-features__icon img {
    filter:
        drop-shadow(0 14px 18px rgba(0, 0, 0, 0.72))
        drop-shadow(0 0 11px rgba(47, 117, 192, 0.18));
}

.ember-game-features__card--reward .ember-game-features__icon::before {
    background: radial-gradient(circle, rgba(45, 117, 193, 0.2), rgba(29, 74, 123, 0.11) 48%, transparent 70%);
    box-shadow: 0 0 42px rgba(42, 108, 178, 0.13);
}

.ember-game-features__content {
    position: relative;
    z-index: 1;
}

.ember-game-features__content small {
    color: #347cca;
    display: block;
    font-size: var(--ember-text-xs);
    font-weight: 800;
    letter-spacing: 0.25em;
    margin-bottom: 9px;
    text-transform: uppercase;
}

.ember-game-features__card--reward .ember-game-features__content small {
    color: #5b95d4;
}

.ember-game-features__content h3 {
    background: linear-gradient(180deg, #fff7ef 10%, #b4c0cd 100%);
    background-clip: text;
    font-family: var(--ember-heading);
    font-size: var(--ember-text-xl);
    font-weight: 600;
    line-height: 1.32;
    margin: 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ember-game-features__content p {
    color: #bdb1ad;
    font-family: var(--ember-body);
    font-size: var(--ember-text-md);
    font-weight: 500;
    letter-spacing: 0.012em;
    line-height: 1.78;
    margin: 16px 0 0;
    text-wrap: pretty;
}

.ember-game-features__explore {
    align-items: center;
    border-bottom: 1px solid rgba(54, 95, 139, 0.24);
    border-top: 1px solid rgba(54, 95, 139, 0.24);
    display: flex;
    justify-content: space-between;
    margin: 34px auto 0;
    max-width: 1180px;
    min-height: 62px;
    padding: 10px 4px;
}

/* A counted sentence, not a label - "22 verified systems · 33 events and
   invasions" is too long to scan as chrome. */
.ember-game-features__explore span {
    color: #8f8588;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0;
}

.ember-game-features__explore a {
    align-items: center;
    color: #4e8fd5;
    display: inline-flex;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 800;
    gap: 9px;
    justify-content: center;
    letter-spacing: 0;
    min-height: 44px;
    text-transform: uppercase;
}

.ember-game-features__explore a:hover,
.ember-game-features__explore a:focus-visible {
    color: #a2c4e9;
    outline: 0;
}

@media (max-width: 640px) {
    .ember-game-features__explore {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
        padding: 14px 0;
    }

    .ember-game-features__explore span {
        line-height: 1.5;
    }

    .ember-game-features__explore a {
        justify-content: flex-start;
        text-align: left;
    }
}

/* Theme1 parity polish: one compact nav layer over the full-screen hero. */
.theme-supreme-ember .ember-top-panel {
    grid-template-columns: 190px minmax(0, 1fr) auto;
    min-height: 64px;
    padding-left: max(30px, calc((100vw - 1440px) / 2));
    padding-right: max(30px, calc((100vw - 1440px) / 2));
}

.theme-supreme-ember.page-home .ember-top-panel {
    margin-bottom: -64px;
}

.theme-supreme-ember.page-home .ember-top-panel:not(.is-scrolled) {
    background: transparent !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
}

.theme-supreme-ember .ember-nav-logo strong {
    font-size: var(--ember-text-lg);
    font-weight: 800;
    letter-spacing: 0.105em;
}

.theme-supreme-ember .supreme-v2-nav-logo.ember-nav-logo img {
    display: none;
}

.theme-supreme-ember.page-home .ember-top-panel:not(.is-scrolled)::before {
    backdrop-filter: none;
    background: none !important;
    border-bottom: 0;
    box-shadow: none;
}

.theme-supreme-ember.page-home .ember-hero::before {
    background: transparent;
    height: 0;
}

.theme-supreme-ember.page-home .ember-hero::after {
    height: auto;
}

.theme-supreme-ember.page-home .ember-hero-base {
    background-position: center top;
    opacity: 0;
    transition: opacity 2.6s cubic-bezier(0.4, 0, 0.2, 1);
}

/*
 * will-change follows the visible slide instead of sitting on all three.
 *
 * Declared on the base rule it held a full-viewport compositor layer for every
 * slide permanently - roughly 4 megapixels of texture for a crossfade that runs
 * for 2.6s once every ten seconds, and two of those layers no longer even carry
 * an image since the artwork was deferred. On weak GPUs that is memory taken
 * from the rest of the page for nothing.
 *
 * Scoping it to .is-active is safe because the outgoing slide is mid-transition
 * when it loses the class, and a running transition keeps its own layer until it
 * finishes. The incoming slide gets the hint as it gains the class.
 */
.theme-supreme-ember.page-home .ember-hero-base.is-active {
    will-change: opacity;
}

/*
 * Only the slide that is on screen carries its image.
 *
 * All three layers used to declare a background-image unconditionally, so the
 * landing downloaded and decoded 1.4MB of 4K artwork of which two layers - 895KB
 * - sat at opacity 0 from the first paint and stayed there until the rotator got
 * round to them, ten seconds apart.
 *
 * The gates slide keeps its image unconditionally: it is the one visible at
 * first paint and the LCP element, so deferring it would trade a real metric for
 * bytes nobody was waiting on. The other two load when ember-shell.js primes
 * them, which it does during idle after the page has settled - well before the
 * rotation reaches them, so the crossfade never waits on the network.
 */
.theme-supreme-ember.page-home .ember-hero-base--gates {
    background-image: url('../images/ember/hero-gates-desktop-4k-v1.webp');
    background-position: center center;
}

/*
 * `.ember-hero-base` above carries hero-desktop-v3.webp as a fallback for every
 * hero on the site, so gating the modifier rules alone changed nothing: the two
 * deferred slides simply fell back to the default image and downloaded that
 * instead. Inner pages still rely on that fallback, so it is cleared here for
 * the two home slides only, and the primed rules below win on specificity.
 */
.theme-supreme-ember.page-home .ember-hero-base--legacy,
.theme-supreme-ember.page-home .ember-hero-base--hell-gates {
    background-image: none;
}

.theme-supreme-ember.page-home .ember-hero-base--legacy.is-primed,
.theme-supreme-ember.page-home .ember-hero-base--legacy.is-active {
    background-image: url('../images/ember/hero-desktop-v3.webp');
}

.theme-supreme-ember.page-home .ember-hero-base--hell-gates {
    background-position: center center;
}

.theme-supreme-ember.page-home .ember-hero-base--hell-gates.is-primed,
.theme-supreme-ember.page-home .ember-hero-base--hell-gates.is-active {
    background-image: url('../images/ember/hero-hell-gates-desktop-4k-v1.webp');
}

.theme-supreme-ember.page-home .ember-hero-base.is-active {
    opacity: 1;
}

.theme-supreme-ember.page-home .ember-hero-copy {
    top: 50%;
}

.theme-supreme-ember.page-home .ember-hero-copy .headerInfo-text {
    color: #f0e7df;
    text-shadow:
        0 2px 2px rgba(0, 0, 0, 0.98),
        0 0 12px rgba(0, 0, 0, 0.96),
        0 0 30px rgba(0, 0, 0, 0.9);
}

.theme-supreme-ember.page-home .ember-hero-copy .ember-launch-countdown__stamp {
    color: #9bc0e8;
    text-shadow:
        0 2px 2px rgba(0, 0, 0, 0.98),
        0 0 12px rgba(0, 0, 0, 0.96),
        0 0 26px rgba(0, 0, 0, 0.9);
}

.theme-supreme-ember .ember-nav-play {
    background: rgba(33, 85, 140, 0.14);
    border-color: rgba(74, 141, 212, 0.42);
    box-shadow: none;
    font-size: var(--ember-text-xs);
    height: 38px;
    letter-spacing: 0.08em;
    min-width: 104px;
    padding-left: 18px;
    padding-right: 18px;
    word-spacing: 0.22em;
}

.theme-supreme-ember .ember-nav-play:hover,
.theme-supreme-ember .ember-nav-play:focus-visible {
    background: rgba(41, 105, 174, 0.34);
    box-shadow: 0 0 22px rgba(74, 141, 212, 0.18);
}

.theme-supreme-ember.page-home .headerInfo-button .ember-play-button {
    animation: emberPlayButtonBreath 3.8s ease-in-out infinite;
    background: linear-gradient(180deg, #2c73be 0%, #235a94 100%);
    border: 1px solid rgba(150, 189, 230, 0.55);
    box-shadow: 0 10px 30px rgba(25, 64, 105, 0.42), inset 0 1px rgba(255, 255, 255, 0.1);
    font-size: var(--ember-text-md);
    gap: 15px;
    height: 64px;
    letter-spacing: 0.09em;
    min-width: 282px;
    padding: 0 44px;
    transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
    word-spacing: 0.28em;
}

.theme-supreme-ember.page-home .headerInfo-button .ember-play-button > span {
    letter-spacing: 0.09em;
    word-spacing: 0.28em;
}

.theme-supreme-ember.page-home .headerInfo-button .ember-play-button::before {
    animation: emberPlayButtonSweep 4.8s ease-in-out infinite;
    height: auto;
    left: -65%;
    position: absolute;
    top: 0;
    bottom: 0;
}

.theme-supreme-ember.page-home .headerInfo-button .ember-play-button svg {
    height: 14px;
    transition: transform 0.25s ease;
    width: 18px;
}

.theme-supreme-ember.page-home .headerInfo-button .ember-play-button:hover,
.theme-supreme-ember.page-home .headerInfo-button .ember-play-button:focus-visible {
    animation: none;
    background: linear-gradient(180deg, #3580d0 0%, #2765a7 100%);
    border-color: rgba(186, 212, 239, 0.76);
    box-shadow: 0 14px 38px rgba(36, 92, 151, 0.5), 0 0 24px rgba(74, 141, 212, 0.18), inset 0 1px rgba(255, 255, 255, 0.14);
    transform: translateY(-3px);
}

.theme-supreme-ember.page-home .headerInfo-button .ember-play-button:hover::before,
.theme-supreme-ember.page-home .headerInfo-button .ember-play-button:focus-visible::before {
    animation: none;
    left: 125%;
}

.theme-supreme-ember.page-home .headerInfo-button .ember-play-button:hover svg,
.theme-supreme-ember.page-home .headerInfo-button .ember-play-button:focus-visible svg {
    transform: translateX(4px);
}

.theme-supreme-ember.page-home .headerInfo-button .ember-play-button:active {
    transform: translateY(-1px);
}

@keyframes emberPlayButtonBreath {
    0%,
    100% {
        box-shadow: 0 10px 30px rgba(25, 64, 105, 0.42), inset 0 1px rgba(255, 255, 255, 0.1);
    }

    50% {
        box-shadow: 0 13px 38px rgba(34, 87, 144, 0.5), 0 0 20px rgba(74, 141, 212, 0.14), inset 0 1px rgba(255, 255, 255, 0.12);
    }
}

@keyframes emberPlayButtonSweep {
    0%,
    62% {
        left: -65%;
        opacity: 0;
    }

    66% {
        opacity: 0.68;
    }

    84% {
        left: 125%;
        opacity: 0.34;
    }

    85%,
    100% {
        left: 125%;
        opacity: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .theme-supreme-ember.page-home .headerInfo-button .ember-play-button,
    .theme-supreme-ember.page-home .headerInfo-button .ember-play-button::before {
        animation: none !important;
    }

    .theme-supreme-ember.page-home .headerInfo-button .ember-play-button:hover,
    .theme-supreme-ember.page-home .headerInfo-button .ember-play-button:focus-visible {
        transform: none;
    }
}

/* --- source: assets/supreme_ember/css/ember-responsive.css --- */
/* Supreme Ember responsive layer. Loaded last and scoped to this theme only. */
@media (max-width: 1280px) {
    .theme-supreme-ember .ember-top-panel {
        grid-template-columns: 170px minmax(0, 1fr) auto;
        padding-left: 20px;
        padding-right: 20px;
    }

    .theme-supreme-ember .menu__link {
        font-size: var(--ember-text-xs);
        padding-left: 10px;
        padding-right: 10px;
    }

    .theme-supreme-ember .online-block,
    .theme-supreme-ember .online-block-active {
        min-width: 96px;
    }

    .ember-nav-play {
        min-width: 108px;
        padding-left: 14px;
        padding-right: 14px;
    }

    .ember-stat-strip {
        grid-template-columns: repeat(5, minmax(150px, 1fr));
        max-width: calc(100% - 48px);
    }

    .ember-stat {
        padding-left: 18px;
        padding-right: 18px;
    }
}

@media (max-width: 1080px) {
    .theme-supreme-ember .ember-top-panel {
        grid-template-columns: 150px minmax(0, 1fr) auto;
    }

    .theme-supreme-ember .ember-nav-logo {
        gap: 9px;
    }

    .theme-supreme-ember .ember-nav-logo strong {
        font-size: var(--ember-text-lg);
    }

    .theme-supreme-ember .menu__link {
        font-size: var(--ember-text-xs);
        letter-spacing: 0.07em;
        padding-left: 7px;
        padding-right: 7px;
    }

    .ember-nav-play {
        display: none;
    }
}

@media (max-width: 993px) {
    .theme-supreme-ember .wrapper {
        padding-left: 18px;
        padding-right: 18px;
    }

    body.theme-supreme-ember .ember-top-panel {
        grid-template-columns: 58px minmax(150px, 1fr) auto;
        min-height: 72px;
        padding: 0 18px;
    }

    .theme-supreme-ember.page-home .ember-top-panel {
        margin-bottom: -72px;
    }

    .theme-supreme-ember .btn-mobile {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 5px;
        grid-column: 1;
        grid-row: 1;
        height: 44px;
        justify-content: center;
        left: auto;
        margin: 0;
        position: relative;
        top: auto;
        width: 44px;
        z-index: 2;
    }

    .theme-supreme-ember .btn-mobile span,
    .theme-supreme-ember .btn-mobile.active span {
        background: linear-gradient(90deg, #2f77c5, #6da3dd);
        border-radius: 999px;
        display: block;
        height: 2px;
        margin: 0;
        position: relative;
        transition: opacity 0.2s ease, transform 0.22s ease, width 0.22s ease;
        width: 24px;
    }

    .theme-supreme-ember .btn-mobile.active {
        left: auto;
    }

    .theme-supreme-ember .btn-mobile.active span:nth-child(1) {
        top: 7px;
        transform: rotate(45deg);
    }

    .theme-supreme-ember .btn-mobile.active span:nth-child(2) {
        display: block;
        opacity: 0;
        width: 0;
    }

    .theme-supreme-ember .btn-mobile.active span:nth-child(3) {
        bottom: 7px;
        transform: rotate(-45deg);
    }

    .theme-supreme-ember .ember-nav-logo {
        grid-column: 2;
        grid-row: 1;
        justify-self: start;
    }

    .theme-supreme-ember .supreme-v2-nav-logo.ember-nav-logo img {
        display: none;
    }

    .theme-supreme-ember .topPanel-left {
        background: rgba(7, 5, 8, 0.98);
        border-right: 1px solid rgba(74, 141, 212, 0.25);
        box-shadow: 24px 0 58px rgba(0, 0, 0, 0.66);
        height: 100vh;
        justify-content: flex-start;
        left: 0;
        max-width: 330px;
        overflow-y: auto;
        padding: 88px 24px 28px;
        position: fixed;
        top: 0;
        transform: translateX(-105%);
        transition: transform 0.28s ease;
        width: min(84vw, 330px);
        z-index: 101;
    }

    .theme-supreme-ember .topPanel-left.active,
    .theme-supreme-ember .topPanel-left.is-open {
        transform: translateX(0);
    }

    .theme-supreme-ember .menu-wrapper,
    .theme-supreme-ember .langBlock {
        height: auto;
    }

    .theme-supreme-ember .menu-wrapper,
    .theme-supreme-ember .menu-main {
        display: block;
        max-width: none;
        width: 100%;
    }

    .theme-supreme-ember .menu__item {
        display: block;
        width: 100%;
    }

    .theme-supreme-ember .mobile-menu {
        display: block;
        padding-top: 0;
    }

    .theme-supreme-ember .mobile-menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .theme-supreme-ember .mobile-menu li {
        padding: 0;
    }

    .theme-supreme-ember .mobile-menu li a.mobile-menu__link {
        align-items: center;
        background: transparent;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
        color: #d5cbca;
        display: flex;
        font-family: var(--ember-body);
        font-size: var(--ember-text-sm);
        font-weight: 700;
        gap: 12px;
        justify-content: flex-start;
        letter-spacing: 0.075em;
        padding: 17px 16px 17px 22px;
        position: relative;
        text-align: left;
        text-decoration: none;
        text-transform: uppercase;
        transition: background 0.2s ease, color 0.2s ease;
        width: 100%;
    }

    .theme-supreme-ember .mobile-menu li a.mobile-menu__link i {
        color: #3f86d2;
        flex: 0 0 18px;
        font-size: var(--ember-text-md);
        text-align: center;
        transition: color 0.2s ease, filter 0.2s ease;
        width: 18px;
    }

    .theme-supreme-ember .mobile-menu li a.mobile-menu__link.is-active {
        background: linear-gradient(90deg, rgba(74, 141, 212, 0.09), transparent 78%);
        color: #fff;
        text-shadow: 0 0 12px rgba(74, 141, 212, 0.24);
    }

    .theme-supreme-ember .mobile-menu li a.mobile-menu__link:hover,
    .theme-supreme-ember .mobile-menu li a.mobile-menu__link:focus-visible {
        background: linear-gradient(90deg, rgba(74, 141, 212, 0.065), transparent 78%);
        color: #fff;
        outline: none;
        text-decoration: none;
    }

    .theme-supreme-ember .mobile-menu li a.mobile-menu__link:hover i,
    .theme-supreme-ember .mobile-menu li a.mobile-menu__link:focus-visible i,
    .theme-supreme-ember .mobile-menu li a.mobile-menu__link.is-active i {
        color: #7aabe0;
        filter: drop-shadow(0 0 6px rgba(74, 141, 212, 0.42));
    }

    .theme-supreme-ember .mobile-menu li a.mobile-menu__link::after {
        background: linear-gradient(180deg, transparent, #7aabe0 22%, #7aabe0 78%, transparent);
        border-radius: 999px;
        bottom: auto;
        box-shadow: 0 0 8px rgba(74, 141, 212, 0.42);
        display: block;
        height: 24px;
        left: 0;
        opacity: 0;
        right: auto;
        top: 50%;
        transform: translateY(-50%) scaleY(0.45);
        transform-origin: center;
        width: 2px;
    }

    .theme-supreme-ember .mobile-menu li a.mobile-menu__link:hover::after,
    .theme-supreme-ember .mobile-menu li a.mobile-menu__link:focus-visible::after {
        opacity: 0.6;
        transform: translateY(-50%) scaleY(0.72);
    }

    .theme-supreme-ember .mobile-menu li a.mobile-menu__link.is-active::after,
    .theme-supreme-ember .mobile-menu li a.mobile-menu__link.is-active:hover::after,
    .theme-supreme-ember .mobile-menu li a.mobile-menu__link.is-active:focus-visible::after {
        opacity: 1;
        transform: translateY(-50%) scaleY(1);
    }

    .theme-supreme-ember .topPanel-right {
        grid-column: 3;
        grid-row: 1;
        justify-self: end;
    }

    .theme-supreme-ember .langBlock,
    .theme-supreme-ember .ember-nav-play {
        display: none;
    }

    .ember-stat-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: calc(100% - 36px);
    }

    .ember-stat {
        border-bottom: 1px solid var(--ember-line);
        padding: 18px 22px;
    }

    .ember-stat:nth-child(odd) {
        border-left: 0;
    }

    .ember-stat:last-child {
        border-bottom: 0;
        grid-column: 1 / -1;
        justify-content: center;
    }

    .theme-supreme-ember.page-inner .ember-hero {
        height: 250px;
    }

    /* Same deferral as the desktop rules in ember-home.css - and it matters more
     * here, where the connection is likelier to be the slow part. The rotator is
     * disabled below 720px anyway, so the two extra slides may never be needed. */
    .theme-supreme-ember.page-home .ember-hero-base--legacy,
    .theme-supreme-ember.page-home .ember-hero-base--hell-gates {
        background-image: none;
    }

    .theme-supreme-ember.page-home .ember-hero-base--legacy {
        background-position: center 38%;
    }

    .theme-supreme-ember.page-home .ember-hero-base--legacy.is-primed,
    .theme-supreme-ember.page-home .ember-hero-base--legacy.is-active {
        background-image: url('../images/ember/hero-mobile-v3.webp');
    }

    .theme-supreme-ember.page-home .ember-hero-base--gates {
        background-image: url('../images/ember/hero-gates-mobile-4k-v1.webp');
        background-position: center center;
    }

    .theme-supreme-ember.page-home .ember-hero-base--hell-gates {
        background-position: center center;
    }

    .theme-supreme-ember.page-home .ember-hero-base--hell-gates.is-primed,
    .theme-supreme-ember.page-home .ember-hero-base--hell-gates.is-active {
        background-image: url('../images/ember/hero-hell-gates-mobile-4k-v1.webp');
    }

    .theme-supreme-ember.page-home .main {
        gap: 68px;
        padding: 70px 0 82px;
    }

    .ember-news-featured {
        gap: 34px;
    }

    .ember-game-features__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ember-game-features__card {
        min-height: 365px;
    }
}

@media (max-width: 720px) {
    .theme-supreme-ember .wrapper {
        padding-left: 12px;
        padding-right: 12px;
    }

    .theme-supreme-ember .ember-top-panel {
        padding-left: 12px;
        padding-right: 12px;
    }

    .theme-supreme-ember .online {
        display: none;
    }

    .theme-supreme-ember.page-home .ember-hero {
        height: max(680px, 100svh);
        min-height: 680px;
    }

    .theme-supreme-ember.page-inner .ember-hero {
        height: 230px;
    }

    .theme-supreme-ember .ember-hero--public-section .ember-hero-copy {
        padding: 24px 20px;
        top: 53%;
        width: calc(100% - 24px);
    }

    .theme-supreme-ember .ember-section-hero-kicker {
        font-size: var(--ember-text-xs);
        letter-spacing: 0.27em;
        margin-bottom: 8px;
    }

    .theme-supreme-ember .ember-section-hero-title {
        font-size: clamp(28px, 8vw, 38px);
    }

    .theme-supreme-ember .ember-section-hero-description {
        font-size: var(--ember-text-xs);
        line-height: 1.55;
        margin-top: 9px;
        max-width: 480px;
    }

    .theme-supreme-ember .ember-section-hero-divider {
        margin-top: 10px;
    }

    .theme-supreme-ember.page-rules .main,
    .theme-supreme-ember.page-module-unavailable .main {
        padding: 44px 0 68px;
    }

    .theme-supreme-ember .ember-policy-frame {
        padding: 40px 28px 44px;
    }

    .theme-supreme-ember .ember-unavailable-card {
        padding: 46px 28px 44px;
    }

    .theme-supreme-ember .ember-hero-base {
        background-image: url('../images/ember/hero-mobile-v3.webp');
        background-position: center 38%;
    }

    .theme-supreme-ember .ember-hero-copy {
        background: radial-gradient(closest-side, rgba(5, 3, 7, 0.8), rgba(5, 3, 7, 0.28) 70%, transparent);
        max-width: 100%;
        padding: 34px 18px;
        top: 51%;
        width: calc(100% - 24px);
    }

    .theme-supreme-ember.page-home .headerInfo-title .ember-title-main {
        font-size: clamp(30px, 8.4vw, 43px);
        letter-spacing: 0.02em;
        white-space: nowrap;
    }

    .theme-supreme-ember.page-inner .headerInfo-title .ember-title-main {
        font-size: clamp(28px, 8vw, 38px);
    }

    .ember-hero-divider {
        margin-top: 18px;
        width: min(190px, 64vw);
    }

    .theme-supreme-ember.page-home .headerInfo-text {
        font-size: var(--ember-text-xs);
        letter-spacing: 0.22em;
        line-height: 1.65;
        margin-top: 17px;
        max-width: 290px;
        text-indent: 0;
        white-space: normal;
    }

    .theme-supreme-ember.page-home .headerInfo-button {
        margin-top: 24px;
    }

    .theme-supreme-ember.page-home .headerInfo-button .ember-play-button {
        font-size: var(--ember-text-sm);
        height: 56px;
        min-width: 236px;
        padding: 0 29px;
    }

    .ember-stat-strip {
        margin-top: 0;
        width: calc(100% - 24px);
    }

    .ember-stat {
        gap: 10px;
        min-height: 76px;
        padding: 15px 14px;
    }

    .ember-stat-icon {
        flex-basis: 31px;
        height: 31px;
        width: 31px;
    }

    .ember-stat-icon svg {
        height: 25px;
        width: 25px;
    }

    .ember-stat strong {
        font-size: var(--ember-text-sm);
    }

    .theme-supreme-ember.page-home .main {
        gap: 58px;
        padding: 58px 0 68px;
    }

    .ember-news-heading {
        align-items: flex-start;
        gap: 18px;
        padding-bottom: 25px;
    }

    .ember-section-heading h2 {
        font-size: clamp(28px, 9vw, 37px);
    }

    .ember-news-featured {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .ember-news-media {
        min-height: 240px;
        order: -1;
    }

    .ember-news-list {
        grid-template-columns: 1fr;
        margin-top: 36px;
    }

    .ember-news-list article {
        border-left: 0;
    }

    .ember-game-features {
        padding: 76px 18px 84px;
    }

    .ember-game-features__eyebrow {
        font-size: var(--ember-text-xs);
        letter-spacing: 0.28em;
    }

    .ember-game-features__heading h2 {
        font-size: var(--ember-text-2xl);
        letter-spacing: 0.1em;
        text-align: center;
    }

    .ember-game-features__line {
        max-width: 52px;
    }

    .ember-game-features__intro {
        font-size: var(--ember-text-sm);
        max-width: 560px;
    }

    .ember-game-features__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
        margin-top: 42px;
    }

    .ember-game-features__card {
        min-height: 360px;
        padding: 26px 22px 24px;
    }

    .ember-game-features__content h3 {
        font-size: var(--ember-text-lg);
    }
}

@media (max-width: 480px) {
    body.theme-supreme-ember .ember-top-panel {
        grid-template-columns: 46px minmax(0, 1fr) auto;
        min-height: 68px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .theme-supreme-ember.page-home .ember-top-panel {
        margin-bottom: -68px;
    }

    .theme-supreme-ember .btn-mobile {
        height: 40px;
        width: 40px;
    }

    .theme-supreme-ember .btn-mobile span,
    .theme-supreme-ember .btn-mobile.active span {
        width: 22px;
    }

    .theme-supreme-ember .ember-nav-logo {
        gap: 7px;
    }

    .theme-supreme-ember .supreme-v2-nav-logo.ember-nav-logo img {
        display: none;
    }

    body.theme-supreme-ember .ember-nav-logo strong {
        font-size: var(--ember-text-md);
        letter-spacing: 0.065em;
    }

    .theme-supreme-ember .user-enter {
        font-size: var(--ember-text-xs);
        letter-spacing: 0.04em;
        padding-left: 7px;
        padding-right: 7px;
    }

    .theme-supreme-ember.page-home .ember-hero {
        min-height: 650px;
    }

    .theme-supreme-ember .ember-hero-copy {
        padding-left: 10px;
        padding-right: 10px;
        width: calc(100% - 12px);
    }

    .theme-supreme-ember .ember-hero--public-section .ember-hero-copy {
        padding: 20px 10px;
        width: calc(100% - 12px);
    }

    .theme-supreme-ember .ember-section-hero-title {
        font-size: clamp(25px, 8.4vw, 34px);
    }

    .theme-supreme-ember .ember-section-hero-description {
        max-width: 300px;
    }

    .theme-supreme-ember .ember-policy-frame,
    .theme-supreme-ember .ember-unavailable-card {
        padding-left: 20px;
        padding-right: 20px;
    }

    .theme-supreme-ember .ember-policy-actions,
    .theme-supreme-ember .ember-unavailable-card nav {
        align-items: stretch;
        flex-direction: column;
    }

    .theme-supreme-ember .ember-policy-actions .button,
    .theme-supreme-ember .ember-unavailable-card .button {
        width: 100%;
    }

    .theme-supreme-ember.page-home .headerInfo-title .ember-title-main {
        font-size: clamp(27px, 8.15vw, 34px);
        letter-spacing: 0.012em;
    }

    .theme-supreme-ember.page-home .headerInfo-text {
        max-width: 265px;
    }

    .theme-supreme-ember.page-home .headerInfo-button .ember-play-button {
        min-width: min(236px, calc(100vw - 46px));
    }

    .ember-stat {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
        justify-content: center;
        padding: 14px 12px;
    }

    .ember-stat:last-child {
        align-items: center;
        flex-direction: row;
    }

    .ember-stat small {
        margin-bottom: 2px;
    }

    .ember-news-heading {
        display: block;
    }

    .ember-news-heading > a {
        display: inline-block;
        margin-top: 16px;
    }

    .ember-news-copy h3 {
        font-size: var(--ember-text-2xl);
    }

    .ember-news-media {
        min-height: 205px;
    }

    .ember-news-list article {
        grid-template-columns: auto minmax(0, 1fr);
        padding-left: 12px;
        padding-right: 12px;
    }

    .ember-news-list article > :last-child {
        grid-column: 2;
    }

    .ember-game-features {
        padding: 62px 12px 70px;
    }

    .ember-game-features__line {
        display: none;
    }

    .ember-game-features__grid {
        gap: 12px;
        grid-template-columns: 1fr;
        margin-top: 34px;
    }

    .ember-game-features__card {
        min-height: 0;
        padding: 24px 22px 26px;
    }

    .ember-game-features__icon {
        height: 124px;
        margin-bottom: 10px;
        width: 140px;
    }

    .ember-game-features__icon img {
        height: 128px;
        width: 128px;
    }

    .ember-game-features__content h3 {
        font-size: var(--ember-text-lg);
    }

    .ember-game-features__content p {
        font-size: var(--ember-text-sm);
    }
}

@media (prefers-reduced-motion: reduce) {
    .theme-supreme-ember .ember-hero-clouds i {
        animation: none !important;
    }

    .theme-supreme-ember.page-home .ember-hero-base {
        transition-duration: 2.6s !important;
    }

    .theme-supreme-ember .ember-game-features__card,
    .theme-supreme-ember .supreme-button-primary,
    .theme-supreme-ember .ember-nav-play {
        transition-duration: 0.01ms !important;
    }
}

/* --- source: assets/supreme_ember/css/ember-landing.css --- */
/*
 * Supreme Ember - landing premium pass.
 * Same visual language as the Game Features page: surfaces and light
 * instead of hairline rules, gold used as light, engraved headings.
 * Loaded after ember-responsive.css so these rules win on every breakpoint.
 */

.theme-supreme-ember.page-home {
    --home-gold: var(--ember-gold);
    --home-gold-bright: var(--ember-gold-bright);
    --home-gold-deep: var(--ember-gold-deep);
    --home-red: var(--ember-red);
    --home-surface: var(--ember-surface);
    --home-surface-deep: var(--ember-surface-deep);
    --home-text: var(--ember-text);
    --home-muted: var(--ember-muted);
    --home-faint: var(--ember-faint);
    --home-heading: var(--ember-heading);
    --home-body: var(--ember-body);
    --home-radius: var(--ember-radius);
    --home-lift: var(--ember-lift);
    --home-lift-hover: var(--ember-lift-hover);
}

.theme-supreme-ember.page-home .ember-nav-logo__wordmark {
    display: inline-flex;
    isolation: isolate;
    position: relative;
}

.theme-supreme-ember.page-home .ember-nav-logo__wordmark strong {
    position: relative;
    z-index: 1;
}

/* ------------------------------------------------------- hero title */

.theme-supreme-ember.page-home .headerInfo-title {
    line-height: 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

/* Keep the integrated crest on the same optical axis as the launch copy,
   countdown and primary action. */
.theme-supreme-ember.page-home .headerInfo.ember-hero-copy {
    align-items: center;
}

.theme-supreme-ember.page-home .ember-hero-brand-lockup {
    display: block;
    filter:
        drop-shadow(0 16px 28px rgba(0, 0, 0, 0.88))
        drop-shadow(0 0 26px rgba(118, 165, 216, 0.22));
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    object-fit: contain;
    pointer-events: none;
    user-select: none;
    width: clamp(220px, 20vw, 290px);
}

/* Slow metallic sweep used by the compact navigation wordmark. */
@keyframes ember-title-sheen {
    0%, 100% { background-position: -60% 0, 0 0; }
    55% { background-position: 160% 0, 0 0; }
}

.theme-supreme-ember.page-home .headerInfo-text {
    display: grid;
    font-family: var(--home-body);
    gap: 6px;
    line-height: 1.35;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
    max-width: 680px;
    text-indent: 0;
}

/* The eyebrow keeps its capitals - it is a three-token label the eye skips
   over, which is exactly what uppercase is for. Only the promise line beneath
   it moved to sentence case, because that one is meant to be read. The two
   used to share a text-transform on .headerInfo-text, so quietening the parent
   took the eyebrow down with it. */
.theme-supreme-ember.page-home .ember-hero-meta {
    color: #6fa0d4;
    font-family: var(--home-body);
    font-size: var(--ember-text-sm);
    font-weight: 700;
    letter-spacing: var(--ember-tracking-label);
    line-height: 1.35;
    text-shadow: 0 3px 14px rgba(0, 0, 0, 0.88);
    text-transform: uppercase;
}

.theme-supreme-ember.page-home .ember-hero-promise {
    color: #f3ece2;
    font-family: var(--home-heading);
    font-size: clamp(17px, 1.5vw, 20px);
    font-weight: 400;
    letter-spacing: 0.035em;
    line-height: 1.3;
    text-shadow:
        0 4px 16px rgba(0, 0, 0, 0.9),
        0 0 22px rgba(118, 165, 216, 0.1);
}

/* ------------------------------------------------------ CTA system */

.theme-supreme-ember.page-home .ember-cta,
.theme-supreme-ember.page-home .headerInfo-button .ember-play-button {
    align-items: center;
    border: 0;
    border-radius: var(--home-radius);
    display: inline-flex;
    font-family: var(--home-body);
    font-size: var(--ember-text-sm);
    font-weight: 800;
    gap: 12px;
    justify-content: center;
    letter-spacing: 0.16em;
    min-height: 56px;
    padding: 16px 34px;
    position: relative;
    text-transform: uppercase;
    transition: box-shadow 0.26s ease, transform 0.26s ease, background-color 0.26s ease, color 0.26s ease;
}

.theme-supreme-ember.page-home .ember-cta--primary,
.theme-supreme-ember.page-home .headerInfo-button .ember-play-button {
    background: linear-gradient(180deg, #2e77c6, #1f5084);
    box-shadow:
        inset 0 1px 0 rgba(199, 220, 242, 0.4),
        inset 0 0 0 1px rgba(121, 170, 223, 0.55),
        0 18px 38px rgba(27, 70, 115, 0.46),
        0 0 34px rgba(45, 117, 193, 0.22);
    color: #fff;
}

.theme-supreme-ember.page-home .ember-cta--primary:hover,
.theme-supreme-ember.page-home .ember-cta--primary:focus-visible,
.theme-supreme-ember.page-home .headerInfo-button .ember-play-button:hover,
.theme-supreme-ember.page-home .headerInfo-button .ember-play-button:focus-visible {
    background: linear-gradient(180deg, #4389d3, #255f9c);
    box-shadow:
        inset 0 1px 0 rgba(215, 230, 246, 0.5),
        inset 0 0 0 1px rgba(151, 190, 231, 0.7),
        0 24px 48px rgba(32, 83, 138, 0.54),
        0 0 46px rgba(59, 131, 209, 0.32);
    color: #fff;
    outline: 0;
    transform: translateY(-2px);
}

.theme-supreme-ember.page-home .ember-cta--ghost {
    background: linear-gradient(180deg, rgba(118, 165, 216, 0.12), rgba(17, 14, 18, 0.92) 62%);
    box-shadow:
        inset 0 1px 0 rgba(187, 212, 239, 0.18),
        inset 0 0 0 1px rgba(118, 165, 216, 0.4),
        0 18px 38px rgba(0, 0, 0, 0.44);
    color: var(--home-gold-bright);
}

.theme-supreme-ember.page-home .ember-cta--ghost:hover,
.theme-supreme-ember.page-home .ember-cta--ghost:focus-visible {
    background: linear-gradient(180deg, rgba(118, 165, 216, 0.2), rgba(24, 19, 24, 0.94) 62%);
    box-shadow:
        inset 0 1px 0 rgba(223, 235, 248, 0.28),
        inset 0 0 0 1px rgba(180, 208, 238, 0.75),
        0 24px 48px rgba(0, 0, 0, 0.5),
        0 0 34px rgba(70, 128, 190, 0.22);
    color: #fff8ea;
    outline: 0;
    transform: translateY(-2px);
}

.theme-supreme-ember.page-home .ember-cta:active,
.theme-supreme-ember.page-home .headerInfo-button .ember-play-button:active {
    transform: translateY(0);
}

/* ------------------------------------------- hero actions + ladder */

.theme-supreme-ember.page-home .ember-hero-actions {
    display: flex;
    justify-content: center;
    margin-top: 14px;
}

@media (max-width: 720px) {
    .theme-supreme-ember.page-home .ember-hero-brand-lockup {
        width: clamp(164px, 46vw, 200px);
    }

    .theme-supreme-ember.page-home .headerInfo-text {
        gap: 5px;
        max-width: 330px;
    }

    .theme-supreme-ember.page-home .ember-hero-meta {
        font-size: var(--ember-text-xs);
        letter-spacing: 0.065em;
    }

    .theme-supreme-ember.page-home .ember-hero-promise {
        font-size: var(--ember-text-md);
        letter-spacing: 0.025em;
    }

    .theme-supreme-ember.page-home .ember-hero-actions .ember-cta {
        width: 100%;
    }
}


@media (min-width: 721px) and (max-height: 900px) {
    .theme-supreme-ember.page-home .ember-hero-brand-lockup {
        width: clamp(210px, 18vw, 250px);
    }
}


@media (prefers-reduced-motion: reduce) {
    .theme-supreme-ember.page-home .ember-cta,
.theme-supreme-ember.page-home .headerInfo-button .ember-play-button {
        transition: none;
    }

    .theme-supreme-ember.page-home .ember-cta:hover,
.theme-supreme-ember.page-home .headerInfo-button .ember-play-button:hover {
        transform: none;
    }
}


/* --- launch countdown ---------------------------------------------------
 * The single most important fact on a pre-launch landing: when it opens.
 * Sits between the tagline and the CTA so it cannot be missed.
 * ---------------------------------------------------------------------- */

.theme-supreme-ember.page-home .ember-launch-countdown {
    margin: 26px auto 0;
    max-width: 560px;
    text-align: center;
    width: 100%;
}

.theme-supreme-ember.page-home .ember-launch-countdown > #ember-launch-countdown-title {
    color: #669fdb;
    font-family: var(--home-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.2em;
    margin: 0 0 14px;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.9);
    text-transform: uppercase;
}

.theme-supreme-ember.page-home .ember-launch-countdown__clock {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.theme-supreme-ember.page-home .ember-launch-countdown__clock > span {
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    background:
        radial-gradient(130% 70% at 50% 0, rgba(118, 165, 216, 0.16), transparent 60%),
        linear-gradient(180deg, rgba(14, 11, 17, 0.86), rgba(6, 5, 9, 0.9));
    border-radius: var(--home-radius);
    box-shadow:
        inset 0 1px 0 rgba(187, 212, 239, 0.2),
        inset 0 0 30px rgba(0, 0, 0, 0.55),
        0 18px 40px rgba(0, 0, 0, 0.5);
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: 4px;
    max-width: 118px;
    padding: 14px 8px 12px;
    position: relative;
}

.theme-supreme-ember.page-home .ember-launch-countdown__clock > span::before {
    background: linear-gradient(90deg, transparent, rgba(118, 165, 216, 0.5), transparent);
    content: '';
    height: 1px;
    left: 16%;
    position: absolute;
    right: 16%;
    top: 0;
}

.theme-supreme-ember.page-home .ember-launch-countdown__clock b {
    color: #dce9f6;
    font-family: var(--home-heading);
    font-size: var(--ember-text-3xl);
    font-weight: 400;
    /* Tabular figures stop the clock from jittering every second. */
    font-variant-numeric: tabular-nums;
    font-feature-settings: 'tnum' 1;
    letter-spacing: 0.02em;
    line-height: 1;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.8), 0 0 22px rgba(52, 117, 186, 0.3);
}

.theme-supreme-ember.page-home .ember-launch-countdown__clock small {
    color: var(--home-faint);
    font-family: var(--home-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.theme-supreme-ember.page-home .ember-launch-countdown__stamp {
    color: var(--home-gold);
    font-family: var(--home-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.14em;
    line-height: 1.6;
    margin: 18px 0 0;
    text-transform: uppercase;
}

.theme-supreme-ember.page-home .ember-launch-countdown.is-live {
    display: none;
}

@media (max-width: 560px) {
    .theme-supreme-ember.page-home .ember-launch-countdown__clock > span {
        padding: 11px 4px 10px;
    }

    .theme-supreme-ember.page-home .ember-launch-countdown__clock b {
        font-size: var(--ember-text-2xl);
    }
}


/* --- hero CTA row: one line, one language, living ember -----------------
 * All hero buttons share a row and a size. The primary carries a slow
 * ember bloom; the ember variant carries a moving forge glow. Both stop
 * completely under prefers-reduced-motion.
 * ---------------------------------------------------------------------- */

.theme-supreme-ember.page-home .headerInfo-button {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: center;
}

.theme-supreme-ember.page-home .headerInfo-button > a {
    flex: 0 0 auto;
}

/* Fire bloom under the primary action. */
.theme-supreme-ember.page-home .headerInfo-button .ember-play-button::after {
    animation: ember-forge 3.6s ease-in-out infinite;
    background: radial-gradient(60% 120% at 50% 100%, rgba(99, 157, 218, 0.55), rgba(59, 131, 209, 0.28) 46%, transparent 72%);
    border-radius: 50%;
    bottom: -14px;
    content: '';
    filter: blur(12px);
    height: 34px;
    left: 8%;
    pointer-events: none;
    position: absolute;
    right: 8%;
    z-index: -1;
}

@keyframes ember-forge {
    0%, 100% { opacity: 0.55; transform: scaleX(0.92); }
    50% { opacity: 1; transform: scaleX(1.06); }
}

/* Molten variant: gold-red forge with a sweep of heat across the face. */
.theme-supreme-ember.page-home .ember-cta--ember {
    background:
        linear-gradient(100deg, transparent 34%, rgba(152, 190, 231, 0.28) 48%, transparent 62%),
        linear-gradient(180deg, #2661a1, #183d65);
    background-repeat: no-repeat, no-repeat;
    background-size: 240% 100%, 100% 100%;
    animation: ember-heat 5.5s ease-in-out infinite;
    box-shadow:
        inset 0 1px 0 rgba(178, 207, 237, 0.42),
        inset 0 0 0 1px rgba(91, 152, 217, 0.55),
        0 18px 38px rgba(25, 64, 105, 0.5),
        0 0 34px rgba(57, 130, 209, 0.24);
    color: #deeaf7;
    position: relative;
}

@keyframes ember-heat {
    0%, 100% { background-position: -60% 0, 0 0; }
    55% { background-position: 160% 0, 0 0; }
}

.theme-supreme-ember.page-home .ember-cta--ember::after {
    animation: ember-forge 4.2s ease-in-out infinite;
    background: radial-gradient(60% 120% at 50% 100%, rgba(108, 163, 221, 0.6), rgba(41, 105, 173, 0.3) 46%, transparent 72%);
    border-radius: 50%;
    bottom: -14px;
    content: '';
    filter: blur(12px);
    height: 34px;
    left: 8%;
    pointer-events: none;
    position: absolute;
    right: 8%;
    z-index: -1;
}

.theme-supreme-ember.page-home .ember-cta--ember:hover,
.theme-supreme-ember.page-home .ember-cta--ember:focus-visible {
    box-shadow:
        inset 0 1px 0 rgba(202, 222, 243, 0.55),
        inset 0 0 0 1px rgba(129, 176, 226, 0.75),
        0 24px 48px rgba(29, 74, 123, 0.58),
        0 0 48px rgba(91, 151, 216, 0.36);
    color: #fff6ec;
    outline: 0;
    transform: translateY(-2px);
}

@media (max-width: 560px) {
    .theme-supreme-ember.page-home .headerInfo-button {
        gap: 10px;
    }

    .theme-supreme-ember.page-home .headerInfo-button > a {
        flex: 1 1 100%;
    }
}


@media (prefers-reduced-motion: reduce) {
    .theme-supreme-ember.page-home .ember-cta--ember,
    .theme-supreme-ember.page-home .ember-cta--ember::after,
    .theme-supreme-ember.page-home .headerInfo-button .ember-play-button::after {
        animation: none;
    }
}


/* --- static hero copy -------------------------------------------------- */

.theme-supreme-ember.page-home .headerInfo-text,
.theme-supreme-ember.page-home .ember-launch-countdown__clock b,
.theme-supreme-ember.page-home .ember-launch-countdown__clock small,
.theme-supreme-ember.page-home .ember-launch-countdown__stamp {
    text-shadow:
        0 3px 14px rgba(0, 0, 0, 0.9),
        0 0 18px rgba(118, 165, 216, 0.1);
}

.theme-supreme-ember.page-home .ember-hero-socials {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-top: 12px;
}

.theme-supreme-ember.page-home .ember-hero-socials a {
    align-items: center;
    color: rgba(247, 238, 228, 0.76);
    display: inline-flex;
    height: 32px;
    justify-content: center;
    opacity: 0.72;
    text-decoration: none;
    transition: color 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
    width: 34px;
}

.theme-supreme-ember.page-home .ember-hero-socials img {
    display: block;
    height: 14px;
    width: auto;
}

.theme-supreme-ember.page-home .ember-hero-socials i {
    font-size: var(--ember-text-md);
    line-height: 1;
}

.theme-supreme-ember.page-home .ember-hero-socials a:hover,
.theme-supreme-ember.page-home .ember-hero-socials a:focus-visible {
    color: #f7eee4;
    opacity: 1;
    text-decoration: none;
    transform: translateY(-1px);
}

.theme-supreme-ember.page-home .ember-hero-socials a:hover {
    outline: 0;
}

.theme-supreme-ember.page-home .ember-hero-socials a:focus-visible {
    outline: 1px solid rgba(128, 175, 225, 0.78);
    outline-offset: 2px;
}

.theme-supreme-ember.page-home .headerInfo.ember-hero-copy {
    max-width: 960px;
    width: calc(100% - 48px);
    width: min(960px, calc(100% - 48px));
}

.theme-supreme-ember.page-home .ember-hero {
    height: max(100svh, 1060px);
    min-height: 1060px;
}

@media (max-width: 560px) {
    .theme-supreme-ember.page-home .ember-hero-socials {
        margin-top: 10px;
    }
}


@media (max-width: 720px) {
    .theme-supreme-ember.page-home .ember-hero {
        height: max(100svh, 1180px);
        min-height: 1180px;
    }

    .theme-supreme-ember.page-home .headerInfo.ember-hero-copy {
        width: calc(100% - 24px);
    }
}


@media (prefers-reduced-motion: reduce) {
    .theme-supreme-ember.page-home .ember-hero-socials a {
        transition: none;
    }

    .theme-supreme-ember.page-home .ember-hero-socials a:hover,
    .theme-supreme-ember.page-home .ember-hero-socials a:focus-visible {
        transform: none;
    }
}

/* --- source: assets/supreme_ember/css/ember-footer.css --- */
/*
 * Supreme Ember - footer premium pass.
 * Same language as Game Features: surfaces and light instead of hairline
 * rules, gold as light, engraved headings, gem markers instead of glyphs.
 * The full-width top/bottom footer lines are a deliberate design decision
 * guarded by browser_supreme_ember_footer_lines_qa.js - they stay.
 */

.theme-supreme-ember .ember-footer {
    --footer-gold: var(--ember-gold);
    --footer-gold-bright: var(--ember-gold-bright);
    --footer-gold-deep: var(--ember-gold-deep);
    --footer-text: var(--ember-text);
    --footer-muted: var(--ember-muted);
    --footer-faint: var(--ember-faint);
    --footer-heading: var(--ember-heading);
    --footer-body: var(--ember-body);
}

.theme-supreme-ember .ember-footer-frame {
    background:
        radial-gradient(1100px 420px at 12% 0, rgba(29, 76, 126, 0.12), transparent 62%),
        radial-gradient(900px 380px at 88% 0, rgba(46, 95, 148, 0.08), transparent 62%),
        linear-gradient(180deg, rgba(16, 13, 18, 0.92), rgba(7, 6, 10, 0.97));
    position: relative;
}

/* --- brand column -------------------------------------------------- */

.theme-supreme-ember .ember-footer-kicker {
    color: #3680d0;
    font-family: var(--footer-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.theme-supreme-ember .ember-footer-logo {
    filter: drop-shadow(0 8px 22px rgba(0, 0, 0, 0.6));
}

.theme-supreme-ember .ember-footer-frame .supreme-footer-logo.ember-footer-logo.ember-footer-brand-lockup {
    display: block;
    filter: none;
    line-height: 0;
    margin: 2px 0 22px;
    width: min(220px, 100%);
}

.theme-supreme-ember .ember-footer-frame .supreme-footer-logo.ember-footer-logo .ember-footer-brand-lockup__image {
    filter:
        drop-shadow(0 14px 22px rgba(0, 0, 0, 0.72))
        drop-shadow(0 0 18px rgba(118, 165, 216, 0.14));
    flex: none;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    width: 100%;
}

.theme-supreme-ember .ember-footer-frame .supreme-footer-brand p {
    color: var(--footer-muted);
    font-family: var(--footer-body);
    font-size: var(--ember-text-md);
    line-height: 1.72;
}

/* Realm facts: drop the pipe divider, use a gold gem instead. */

.theme-supreme-ember .ember-footer-realm {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
}

.theme-supreme-ember .ember-footer-realm > * {
    border: 0 !important;
    color: var(--footer-muted);
    font-family: var(--footer-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.14em;
    position: relative;
    text-transform: uppercase;
}

.theme-supreme-ember .ember-footer-realm > * + *::before {
    background: linear-gradient(135deg, var(--footer-gold-bright), var(--footer-gold-deep));
    border-radius: 1px;
    box-shadow: 0 0 8px rgba(118, 165, 216, 0.45);
    content: '';
    height: 5px;
    left: -12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 5px;
}
/* --- link columns -------------------------------------------------- */

.theme-supreme-ember .ember-footer-link-group > strong,
.theme-supreme-ember .ember-footer-link-group > span:first-child {
    color: var(--footer-gold-bright);
    font-family: var(--footer-heading);
    font-size: var(--ember-text-md);
    font-weight: 400;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.theme-supreme-ember .ember-footer-link-group > h3,
.theme-supreme-ember .ember-footer-link-group > h4 {
    color: var(--footer-gold-bright);
    font-family: var(--footer-heading);
    font-size: var(--ember-text-md);
    font-weight: 400;
}

.theme-supreme-ember .supreme-footer-nav a {
    align-items: center;
    color: #b8afb0;
    display: flex;
    font-family: var(--footer-body);
    font-size: var(--ember-text-md);
    gap: 12px;
    line-height: 1.5;
    padding: 7px 0;
    position: relative;
    transition: color 0.2s ease, transform 0.2s ease;
}

.theme-supreme-ember .supreme-footer-nav a:hover,
.theme-supreme-ember .supreme-footer-nav a:focus-visible {
    color: #f4ece5;
    outline: 0;
    transform: translateX(3px);
}

/* Replace the FontAwesome chevrons with a gold gem marker. */

.theme-supreme-ember .supreme-footer-nav a > i {
    background: linear-gradient(135deg, var(--footer-gold-bright), var(--footer-gold-deep));
    border-radius: 1px;
    box-shadow: 0 0 8px rgba(118, 165, 216, 0.4);
    color: transparent;
    flex: 0 0 6px;
    font-size: 0;
    height: 6px;
    opacity: 0.75;
    transform: rotate(45deg);
    transition: opacity 0.2s ease, box-shadow 0.2s ease;
    width: 6px;
}

.theme-supreme-ember .supreme-footer-nav a > i::before {
    display: none;
}

.theme-supreme-ember .supreme-footer-nav a:hover > i,
.theme-supreme-ember .supreme-footer-nav a:focus-visible > i {
    box-shadow: 0 0 14px rgba(180, 208, 238, 0.7);
    opacity: 1;
}

/* --- closing CTA block --------------------------------------------- */

.theme-supreme-ember .ember-footer-frame .supreme-footer-cta {
    border: 0 !important;
    padding-left: 0;
    position: relative;
}

.theme-supreme-ember .ember-footer-frame .supreme-footer-cta > span:first-child {
    color: #3680d0;
    font-family: var(--footer-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}
.theme-supreme-ember .ember-footer-frame .supreme-footer-cta strong {
    color: var(--footer-text);
    font-family: var(--footer-heading);
    font-size: var(--ember-text-2xl);
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 1.16;
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
}

.theme-supreme-ember .ember-footer-frame .supreme-footer-cta h2,
.theme-supreme-ember .ember-footer-frame .supreme-footer-cta h3 {
    color: var(--footer-text);
    font-family: var(--footer-heading);
    font-size: var(--ember-text-2xl);
    font-weight: 400;
    line-height: 1.16;
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.6);
}

.theme-supreme-ember .ember-footer-frame .supreme-footer-cta p {
    color: var(--footer-muted);
    font-family: var(--footer-body);
    font-size: var(--ember-text-md);
    line-height: 1.72;
}

.theme-supreme-ember .ember-footer-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.theme-supreme-ember .ember-footer-action {
    align-items: center;
    border: 0;
    border-radius: 3px;
    display: inline-flex;
    font-family: var(--footer-body);
    font-size: var(--ember-text-sm);
    font-weight: 800;
    gap: 11px;
    justify-content: center;
    letter-spacing: 0.14em;
    min-height: 50px;
    padding: 14px 24px;
    text-transform: uppercase;
    transition: box-shadow 0.24s ease, transform 0.24s ease, background-color 0.24s ease, color 0.24s ease;
}

.theme-supreme-ember .ember-footer-action--primary {
    background: linear-gradient(180deg, #2e77c6, #1f5084);
    box-shadow:
        inset 0 1px 0 rgba(199, 220, 242, 0.4),
        inset 0 0 0 1px rgba(121, 170, 223, 0.55),
        0 16px 34px rgba(27, 70, 115, 0.42),
        0 0 30px rgba(45, 117, 193, 0.2);
    color: #fff;
}

.theme-supreme-ember .ember-footer-action--primary:hover,
.theme-supreme-ember .ember-footer-action--primary:focus-visible {
    background: linear-gradient(180deg, #4389d3, #255f9c);
    box-shadow:
        inset 0 1px 0 rgba(215, 230, 246, 0.5),
        inset 0 0 0 1px rgba(151, 190, 231, 0.7),
        0 22px 44px rgba(32, 83, 138, 0.5),
        0 0 42px rgba(59, 131, 209, 0.3);
    color: #fff;
    outline: 0;
    transform: translateY(-2px);
}

.theme-supreme-ember .ember-footer-action--secondary {
    background: linear-gradient(180deg, rgba(118, 165, 216, 0.12), rgba(17, 14, 18, 0.92) 62%);
    box-shadow:
        inset 0 1px 0 rgba(187, 212, 239, 0.18),
        inset 0 0 0 1px rgba(118, 165, 216, 0.4),
        0 16px 34px rgba(0, 0, 0, 0.42);
    color: var(--footer-gold-bright);
}

.theme-supreme-ember .ember-footer-action--secondary:hover,
.theme-supreme-ember .ember-footer-action--secondary:focus-visible {
    background: linear-gradient(180deg, rgba(118, 165, 216, 0.2), rgba(24, 19, 24, 0.94) 62%);
    box-shadow:
        inset 0 1px 0 rgba(223, 235, 248, 0.28),
        inset 0 0 0 1px rgba(180, 208, 238, 0.75),
        0 22px 44px rgba(0, 0, 0, 0.48),
        0 0 30px rgba(70, 128, 190, 0.2);
    color: #fff8ea;
    outline: 0;
    transform: translateY(-2px);
}

.theme-supreme-ember .ember-footer-action i {
    font-size: var(--ember-text-sm);
}

/* --- bottom bar ----------------------------------------------------- */

.theme-supreme-ember .supreme-footer-bottom {
    color: var(--footer-faint);
    font-family: var(--footer-body);
    font-size: var(--ember-text-sm);
    letter-spacing: 0.04em;
}

.theme-supreme-ember .supreme-footer-bottom a {
    color: var(--footer-muted);
    transition: color 0.2s ease;
}

.theme-supreme-ember .supreme-footer-bottom a:hover,
.theme-supreme-ember .supreme-footer-bottom a:focus-visible {
    color: var(--footer-gold-bright);
    outline: 0;
}

@media (max-width: 720px) {
    .theme-supreme-ember .ember-footer-frame .supreme-footer-logo.ember-footer-logo.ember-footer-brand-lockup {
        width: min(190px, 62vw);
    }

    .theme-supreme-ember .ember-footer-frame .supreme-footer-cta h2,
    .theme-supreme-ember .ember-footer-frame .supreme-footer-cta h3,
    .theme-supreme-ember .ember-footer-frame .supreme-footer-cta strong {
        font-size: var(--ember-text-2xl);
    }

    .theme-supreme-ember .ember-footer-action {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .theme-supreme-ember .supreme-footer-nav a,
    .theme-supreme-ember .ember-footer-action {
        transition: none;
    }

    .theme-supreme-ember .supreme-footer-nav a:hover,
    .theme-supreme-ember .ember-footer-action:hover {
        transform: none;
    }
}

/* ==========================================================================
 * Footer, redesigned 2026-08-02.
 *
 * Two problems drove this. The footer was 515px tall and roughly half of that
 * was empty: the brand paragraph and the realm badges sat orphaned far below
 * the lockup, and the CTA column ended long before the block did. And the three
 * link groups were all crammed into one middle grid column while the outer two
 * sprawled, so the middle read as cramped and the sides as abandoned.
 *
 * It also sat inside .wrapper, so on a wide display the whole footer stopped at
 * 1440px with page background either side of it - the one band that should
 * close the page off was floating in the middle of it.
 *
 * The frame now goes full-bleed using the same escape the hero uses, while the
 * content inside stays on the page's measure. Depth comes from layered surface
 * and light, as everywhere else in this theme; there are no drawn borders here.
 * ========================================================================== */

/*
 * No full-bleed escape is set here on purpose. The footer already spans the
 * viewport through its own mechanism, and #site-footer::before /
 * .supreme-footer-bottom::before already draw lines that reach both viewport
 * edges - browser_supreme_ember_footer_lines_qa.js holds that contract, including
 * `overflow: visible` on the footer. An earlier pass of this redesign added a
 * second 100vw escape with `overflow: hidden` and clipped those lines.
 */
.theme-supreme-ember .ember-footer-frame {
    background:
        radial-gradient(1200px 460px at 14% 0, rgba(29, 76, 126, 0.14), transparent 64%),
        radial-gradient(1000px 400px at 86% 0, rgba(46, 95, 148, 0.09), transparent 64%),
        linear-gradient(180deg, rgba(14, 11, 16, 0.96), rgba(5, 4, 7, 0.99));
    padding-top: 34px;
    position: relative;
}

/* The top light is #site-footer::before and already spans the viewport - not
 * repeated here, or the page closes on two stacked lines. */

/* A CSS-only gem divider keeps the footer in the Game Features visual system. */
.theme-supreme-ember .ember-footer-frame::before {
    background: linear-gradient(90deg, transparent, rgba(118, 165, 216, 0.58), transparent);
    box-shadow: 0 0 16px rgba(118, 165, 216, 0.18);
    content: '';
    height: 1px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: -1px;
    transform: translateX(-50%);
    width: clamp(180px, 24vw, 300px);
}

.theme-supreme-ember .ember-footer-frame::after {
    background: linear-gradient(135deg, var(--footer-gold-bright), var(--footer-gold-deep));
    border-radius: 1px;
    box-shadow: 0 0 14px rgba(118, 165, 216, 0.5);
    content: '';
    height: 9px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: -5px;
    transform: translateX(-50%) rotate(45deg);
    width: 9px;
}

/* Content keeps the page measure even though the band behind it does not. */
.theme-supreme-ember .ember-footer-frame .supreme-footer-main,
.theme-supreme-ember .ember-footer-frame .supreme-footer-bottom {
    box-sizing: border-box;
    margin-inline: auto;
    max-width: 1440px;
    padding-inline: clamp(20px, 4vw, 56px);
    width: 100%;
}

/*
 * Nav takes the space the dead air used to. Three link groups needed room to
 * sit as three columns rather than as one squeezed stack.
 */
.theme-supreme-ember .ember-footer-frame .supreme-footer-main {
    align-items: start;
    border-top: 0;
    display: grid;
    gap: 44px;
    grid-template-columns: minmax(250px, 0.95fr) minmax(420px, 1.4fr) minmax(280px, 0.9fr);
    padding-bottom: 40px;
    padding-top: 44px;
}

/* --- brand: one tight stack, no orphans ----------------------------- */

.theme-supreme-ember .ember-footer-frame .supreme-footer-brand {
    display: grid;
    gap: 0;
    justify-items: start;
}

/* The lockup is a square image carrying its own transparent margin, so the box
 * reads larger than the crest inside it. Sized to the crest, not the file. */
.theme-supreme-ember .ember-footer-frame .supreme-footer-logo.ember-footer-logo.ember-footer-brand-lockup {
    margin: 10px 0 14px;
    width: min(186px, 100%);
}

.theme-supreme-ember .ember-footer-frame .supreme-footer-brand p {
    margin: 0 0 18px;
    max-width: 34ch;
}

.theme-supreme-ember .ember-footer-frame .ember-footer-realm {
    margin: 0;
}

/* --- navigation ------------------------------------------------------ */

.theme-supreme-ember .ember-footer-frame .supreme-footer-nav {
    align-items: start;
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

/*
 * align-content matters here. As a stretched grid item, a group with fewer
 * links than its neighbours had its rows spread over the full row height, so
 * Player's two entries sat at a completely different rhythm from Discover's
 * five and the columns stopped reading as a set.
 */
.theme-supreme-ember .ember-footer-frame .ember-footer-link-group {
    align-content: start;
    display: grid;
    gap: 11px;
    justify-items: start;
}

.theme-supreme-ember .ember-footer-frame .ember-footer-link-group a {
    transition: color 200ms ease, transform 200ms cubic-bezier(0.2, 0.72, 0.2, 1);
}

/* The chevron leads the eye rather than the whole row shifting. */
.theme-supreme-ember .ember-footer-frame .ember-footer-link-group a i {
    transition: transform 200ms cubic-bezier(0.2, 0.72, 0.2, 1);
}

@media (prefers-reduced-motion: no-preference) {
    .theme-supreme-ember .ember-footer-frame .ember-footer-link-group a:hover i,
    .theme-supreme-ember .ember-footer-frame .ember-footer-link-group a:focus-visible i {
        transform: translate3d(3px, 0, 0);
    }
}

/* --- call to action: a forged plate, not floating text --------------- */

/*
 * The plate runs the full height of the row and pins its action to the bottom.
 * The brand column is naturally ~110px taller than the other two, and leaving
 * the right-hand column short turned that difference into a void; carrying the
 * plate down makes the same difference read as a deliberate anchor.
 */
.theme-supreme-ember .ember-footer-frame .supreme-footer-cta {
    align-self: stretch;
    background:
        radial-gradient(130% 90% at 50% 116%, rgba(45, 117, 194, 0.16), transparent 62%),
        linear-gradient(180deg, rgba(118, 165, 216, 0.035), transparent 58%),
        var(--ember-surface);
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-ring), var(--ember-lift);
    display: flex;
    flex-direction: column;
    padding: 28px 28px 30px;
}

.theme-supreme-ember .ember-footer-frame .supreme-footer-cta p {
    margin-bottom: 22px;
    max-width: 38ch;
}

.theme-supreme-ember .ember-footer-frame .ember-footer-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    /* Sits on the floor of the plate whatever the copy above it does. */
    margin-top: auto;
}

/* --- official voting banners --------------------------------------- */

.theme-supreme-ember .ember-footer-frame .ember-footer-vote-links {
    align-items: center;
    display: flex;
    gap: 14px;
    justify-content: center;
    margin: 0 auto;
    padding: 0 20px 30px;
    width: 100%;
}

.theme-supreme-ember .ember-footer-frame .ember-footer-vote-links a {
    align-items: center;
    display: flex;
    flex: 0 0 88px;
    height: 53px;
    justify-content: center;
    opacity: 0.9;
    transition: filter 180ms ease, opacity 180ms ease, transform 180ms ease;
    width: 88px;
}

.theme-supreme-ember .ember-footer-frame .ember-footer-vote-links a:hover,
.theme-supreme-ember .ember-footer-frame .ember-footer-vote-links a:focus-visible {
    filter: brightness(1.12);
    opacity: 1;
    transform: translateY(-2px);
}

.theme-supreme-ember .ember-footer-frame .ember-footer-vote-links a:focus-visible {
    outline: 2px solid var(--footer-gold-bright);
    outline-offset: 4px;
}

.theme-supreme-ember .ember-footer-frame .ember-footer-vote-links img {
    display: block;
    height: auto;
    max-height: 53px;
    max-width: 88px;
    object-fit: contain;
    width: auto;
}

/* --- bottom bar ------------------------------------------------------ */

.theme-supreme-ember .ember-footer-frame .supreme-footer-bottom {
    padding-bottom: 26px;
    padding-top: 20px;
    position: relative;
}

/* The bottom line lives in supreme-ember.css and reaches both viewport edges.
 * Inset-ing it here broke that, and with it the test that guards it. */

@media (max-width: 993px) {
    .theme-supreme-ember .ember-footer-frame .supreme-footer-main {
        gap: 34px;
        grid-template-columns: minmax(0, 1fr);
        padding-bottom: 32px;
        padding-top: 38px;
    }

    .theme-supreme-ember .ember-footer-frame .supreme-footer-nav {
        gap: 24px;
    }
}

@media (max-width: 560px) {
    .theme-supreme-ember .ember-footer-frame .supreme-footer-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .theme-supreme-ember .ember-footer-frame::before {
        width: min(220px, 62vw);
    }

    .theme-supreme-ember .ember-footer-frame .ember-footer-vote-links {
        gap: 8px;
        padding-inline: 12px;
    }
}

/* --- source: assets/supreme_ember/css/ember-vote-premium.css --- */
/*
 * Supreme Ember - vote reward premium pass.
 * Consumes the shared tokens from ember-panels.css; no local copies.
 */

/* --- frame ---------------------------------------------------------- */

.theme-supreme-ember.page-vote-reward .ember-vote-frame {
    background:
        radial-gradient(1100px 420px at 20% 0, rgba(29, 76, 126, 0.1), transparent 62%),
        linear-gradient(180deg, rgba(16, 13, 18, 0.9), rgba(8, 7, 11, 0.96));
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-lift);
    overflow: hidden;
    position: relative;
}

.theme-supreme-ember.page-vote-reward .ember-vote-frame::after {
    background: var(--ember-edge-light);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.theme-supreme-ember.page-vote-reward .ember-vote-frame__header {
    background: none;
    border: 0 !important;
}
.theme-supreme-ember.page-vote-reward .ember-vote-frame__header strong {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-size: var(--ember-text-2xl);
    font-weight: 400;
    letter-spacing: 0.03em;
    text-shadow: 0 2px 22px rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
}

.theme-supreme-ember.page-vote-reward .ember-vote-frame__header h2,
.theme-supreme-ember.page-vote-reward .ember-vote-frame__header h1 {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-size: var(--ember-text-2xl);
    font-weight: 400;
    text-shadow: 0 2px 22px rgba(0, 0, 0, 0.6);
}

.theme-supreme-ember.page-vote-reward .ember-vote-frame__intro {
    color: var(--ember-muted);
    font-family: var(--ember-body);
    font-size: var(--ember-text-md);
    line-height: 1.72;
}

/* --- steps ----------------------------------------------------------- */

.theme-supreme-ember.page-vote-reward .ember-vote-steps {
    display: grid;
    gap: 16px;
}

.theme-supreme-ember.page-vote-reward .ember-vote-step {
    background: var(--ember-panel-bg);
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-lift);
    position: relative;
}

.theme-supreme-ember.page-vote-reward .ember-vote-step::before {
    background: var(--ember-edge-light);
    content: '';
    height: 1px;
    left: 16%;
    opacity: 0.55;
    position: absolute;
    right: 16%;
    top: 0;
}

.theme-supreme-ember.page-vote-reward .ember-vote-step__number {
    align-items: center;
    background: linear-gradient(180deg, #c0d7f0, #457db9);
    border: 0 !important;
    border-radius: 2px;
    box-shadow:
        inset 0 1px 0 rgba(230, 239, 249, 0.75),
        0 0 14px rgba(118, 165, 216, 0.3),
        0 4px 12px rgba(0, 0, 0, 0.45);
    color: #0c1a2a;
    display: flex;
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    font-weight: 800;
    height: 28px;
    justify-content: center;
    min-width: 28px;
}

/* Glyph icons give way to a gold gem. */
.theme-supreme-ember.page-vote-reward .ember-vote-step__icon,
.theme-supreme-ember.page-vote-reward .ember-vote-step__icon i {
    background: var(--ember-gem);
    border: 0 !important;
    border-radius: 1px;
    box-shadow: 0 0 10px rgba(118, 165, 216, 0.45);
    color: transparent;
    font-size: 0;
    height: 9px;
    transform: rotate(45deg);
    width: 9px;
}

.theme-supreme-ember.page-vote-reward .ember-vote-step__icon i::before {
    display: none;
}

.theme-supreme-ember.page-vote-reward .ember-vote-step h3,
.theme-supreme-ember.page-vote-reward .ember-vote-step strong {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-size: var(--ember-text-lg);
    font-weight: 400;
    letter-spacing: 0.02em;
}

.theme-supreme-ember.page-vote-reward .ember-vote-step p {
    color: var(--ember-muted);
    font-family: var(--ember-body);
    font-size: var(--ember-text-md);
    line-height: 1.7;
}

/* --- toplist cards ---------------------------------------------------- */

.theme-supreme-ember.page-vote-reward .ember-vote-links__heading {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-size: var(--ember-text-xl);
    font-weight: 400;
    letter-spacing: 0.02em;
}

.theme-supreme-ember.page-vote-reward .ember-vote-link-grid {
    display: grid;
    gap: 16px;
}

.theme-supreme-ember.page-vote-reward .ember-vote-link-card {
    background: var(--ember-panel-bg);
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-lift);
    overflow: hidden;
    position: relative;
    transition: box-shadow 0.26s ease, transform 0.26s ease;
}

.theme-supreme-ember.page-vote-reward .ember-vote-link-card::before {
    background: var(--ember-edge-light);
    content: '';
    height: 1px;
    left: 14%;
    opacity: 0.55;
    position: absolute;
    right: 14%;
    top: 0;
    transition: opacity 0.26s ease, left 0.26s ease, right 0.26s ease;
}

.theme-supreme-ember.page-vote-reward .ember-vote-link-card:hover {
    box-shadow: var(--ember-lift-hover);
    transform: translateY(-3px);
}

.theme-supreme-ember.page-vote-reward .ember-vote-link-card:hover::before {
    left: 4%;
    opacity: 1;
    right: 4%;
}

.theme-supreme-ember.page-vote-reward .ember-vote-link-card__emblem {
    border: 0 !important;
    filter: drop-shadow(0 10px 24px rgba(0, 0, 0, 0.55));
}

.theme-supreme-ember.page-vote-reward .ember-vote-link-card__body h3,
.theme-supreme-ember.page-vote-reward .ember-vote-link-card__body strong {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-size: var(--ember-text-lg);
    font-weight: 400;
    letter-spacing: 0.02em;
}

.theme-supreme-ember.page-vote-reward .ember-vote-link-card__body p {
    color: var(--ember-muted);
    font-family: var(--ember-body);
    font-size: var(--ember-text-md);
    line-height: 1.7;
}

/* --- actions ---------------------------------------------------------- */

.theme-supreme-ember.page-vote-reward .ember-vote-action {
    align-items: center;
    background: linear-gradient(180deg, rgba(118, 165, 216, 0.12), rgba(17, 14, 18, 0.92) 62%);
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow:
        inset 0 1px 0 rgba(187, 212, 239, 0.18),
        inset 0 0 0 1px rgba(118, 165, 216, 0.4),
        0 16px 34px rgba(0, 0, 0, 0.42);
    color: var(--ember-gold-bright);
    display: inline-flex;
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    font-weight: 800;
    gap: 11px;
    justify-content: center;
    letter-spacing: 0.14em;
    min-height: 50px;
    padding: 14px 24px;
    text-transform: uppercase;
    transition: box-shadow 0.24s ease, transform 0.24s ease, background-color 0.24s ease, color 0.24s ease;
}

.theme-supreme-ember.page-vote-reward .ember-vote-action--primary {
    background: linear-gradient(180deg, #2e77c6, #1f5084);
    box-shadow:
        inset 0 1px 0 rgba(199, 220, 242, 0.4),
        inset 0 0 0 1px rgba(121, 170, 223, 0.55),
        0 18px 38px rgba(27, 70, 115, 0.44),
        0 0 32px rgba(45, 117, 193, 0.2);
    color: #fff;
}

.theme-supreme-ember.page-vote-reward .ember-vote-action:hover,
.theme-supreme-ember.page-vote-reward .ember-vote-action:focus-visible {
    box-shadow:
        inset 0 1px 0 rgba(223, 235, 248, 0.28),
        inset 0 0 0 1px rgba(180, 208, 238, 0.75),
        0 22px 46px rgba(0, 0, 0, 0.5);
    color: #fff8ea;
    outline: 0;
    transform: translateY(-2px);
}

.theme-supreme-ember.page-vote-reward .ember-vote-action--primary:hover,
.theme-supreme-ember.page-vote-reward .ember-vote-action--primary:focus-visible {
    background: linear-gradient(180deg, #4389d3, #255f9c);
    box-shadow:
        inset 0 1px 0 rgba(215, 230, 246, 0.5),
        inset 0 0 0 1px rgba(151, 190, 231, 0.7),
        0 24px 48px rgba(32, 83, 138, 0.52),
        0 0 44px rgba(59, 131, 209, 0.3);
    color: #fff;
}

/* --- empty / warning states ------------------------------------------- */

.theme-supreme-ember.page-vote-reward .ember-vote-empty {
    background: var(--ember-panel-bg);
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-lift);
    color: var(--ember-muted);
    font-family: var(--ember-body);
}

.theme-supreme-ember.page-vote-reward .ember-vote-empty__kicker {
    color: var(--ember-red);
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.theme-supreme-ember.page-vote-reward .ember-vote-empty__seal {
    background:
        radial-gradient(circle at 50% 42%, rgba(118, 165, 216, 0.18), transparent 68%),
        rgba(17, 14, 18, 0.9);
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow: inset 0 0 0 1px rgba(118, 165, 216, 0.34), 0 18px 40px rgba(0, 0, 0, 0.44);
    color: var(--ember-gold);
}

.theme-supreme-ember.page-vote-reward .ember-vote-empty--warning .ember-vote-empty__seal {
    box-shadow: inset 0 0 0 1px rgba(99, 157, 219, 0.42), 0 18px 40px rgba(0, 0, 0, 0.44);
    color: #669fdb;
}

.theme-supreme-ember.page-vote-reward .ember-vote-panel-link {
    color: var(--ember-gold);
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    transition: color 0.2s ease;
}

.theme-supreme-ember.page-vote-reward .ember-vote-panel-link:hover,
.theme-supreme-ember.page-vote-reward .ember-vote-panel-link:focus-visible {
    color: var(--ember-gold-bright);
    outline: 0;
}

@media (prefers-reduced-motion: reduce) {
    .theme-supreme-ember.page-vote-reward .ember-vote-link-card,
    .theme-supreme-ember.page-vote-reward .ember-vote-link-card::before,
    .theme-supreme-ember.page-vote-reward .ember-vote-action {
        transition: none;
    }

    .theme-supreme-ember.page-vote-reward .ember-vote-link-card:hover,
    .theme-supreme-ember.page-vote-reward .ember-vote-action:hover {
        transform: none;
    }
}

/* --- source: assets/supreme_ember/css/ember-account-premium.css --- */
/*
 * Supreme Ember - account panel premium pass.
 * Consumes the shared tokens from ember-panels.css.
 *
 * SCOPE NOTE: this pass deliberately does NOT touch input borders, focus
 * rings or validation states. In a form those borders are functional
 * affordances, not decoration - removing them would damage usability.
 * Only panels, cards, headings, chips and buttons are restyled here.
 */

/* --- shell + summary -------------------------------------------------- */

.theme-supreme-ember.page-account-panel .ember-account-shell,
.theme-supreme-ember.page-account-panel .ember-account-workspace,
.theme-supreme-ember.page-account-panel .ember-account-settings-shell {
    background:
        radial-gradient(1100px 420px at 20% 0, rgba(29, 76, 126, 0.09), transparent 62%),
        linear-gradient(180deg, rgba(16, 13, 18, 0.9), rgba(8, 7, 11, 0.96));
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-lift);
    position: relative;
}

.theme-supreme-ember.page-account-panel .ember-account-shell::before,
.theme-supreme-ember.page-account-panel .ember-account-settings-shell::before {
    background: var(--ember-edge-light);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.theme-supreme-ember.page-account-panel .ember-account-summary {
    display: grid;
    gap: 14px;
}

.theme-supreme-ember.page-account-panel .ember-account-summary__item {
    background: var(--ember-panel-bg);
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-lift);
    overflow: hidden;
    position: relative;
}

.theme-supreme-ember.page-account-panel .ember-account-summary__item::before {
    background: var(--ember-edge-light);
    content: '';
    height: 1px;
    left: 18%;
    opacity: 0.55;
    position: absolute;
    right: 18%;
    top: 0;
}

.theme-supreme-ember.page-account-panel .ember-account-summary__item strong,
.theme-supreme-ember.page-account-panel .ember-account-summary__item b {
    color: var(--ember-gold-bright);
    font-family: var(--ember-heading);
    font-size: var(--ember-text-xl);
    font-weight: 400;
    letter-spacing: 0.015em;
}

.theme-supreme-ember.page-account-panel .ember-account-summary__item small,
.theme-supreme-ember.page-account-panel .ember-account-summary__copy small {
    color: var(--ember-faint);
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

/* Glyph icons give way to a gold gem. */
.theme-supreme-ember.page-account-panel .ember-account-summary__icon i,
.theme-supreme-ember.page-account-panel .ember-account-action-card__icon i,
.theme-supreme-ember.page-account-panel .ember-account-settings-card__icon i,
.theme-supreme-ember.page-account-panel .ember-account-tab__icon i {
    background: var(--ember-gem);
    border-radius: 1px;
    box-shadow: 0 0 10px rgba(118, 165, 216, 0.45);
    color: transparent;
    display: inline-block;
    font-size: 0;
    height: 9px;
    transform: rotate(45deg);
    width: 9px;
}

.theme-supreme-ember.page-account-panel .ember-account-summary__icon i::before,
.theme-supreme-ember.page-account-panel .ember-account-action-card__icon i::before,
.theme-supreme-ember.page-account-panel .ember-account-settings-card__icon i::before,
.theme-supreme-ember.page-account-panel .ember-account-tab__icon i::before {
    display: none;
}

.theme-supreme-ember.page-account-panel .ember-account-summary__icon,
.theme-supreme-ember.page-account-panel .ember-account-action-card__icon,
.theme-supreme-ember.page-account-panel .ember-account-settings-card__icon {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* --- tabs -------------------------------------------------------------- */

.theme-supreme-ember.page-account-panel .ember-account-tabs {
    border: 0 !important;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    position: relative;
}

.theme-supreme-ember.page-account-panel .ember-account-tabs::after {
    background: linear-gradient(90deg, rgba(118, 165, 216, 0.22), transparent 78%);
    bottom: 0;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
}

.theme-supreme-ember.page-account-panel .ember-account-tabs a,
.theme-supreme-ember.page-account-panel .ember-account-tabs button {
    background: none;
    border: 0 !important;
    color: #b0a7a9;
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    font-weight: 700;
    letter-spacing: 0.13em;
    min-height: 50px;
    position: relative;
    text-transform: uppercase;
    transition: color 0.22s ease, background-color 0.22s ease;
    z-index: 1;
}

.theme-supreme-ember.page-account-panel .ember-account-tabs a::after,
.theme-supreme-ember.page-account-panel .ember-account-tabs button::after {
    background: linear-gradient(90deg, transparent, var(--ember-gold), transparent);
    bottom: 0;
    content: '';
    height: 2px;
    left: 12%;
    opacity: 0;
    position: absolute;
    right: 12%;
    transition: opacity 0.22s ease;
}

.theme-supreme-ember.page-account-panel .ember-account-tabs a:hover,
.theme-supreme-ember.page-account-panel .ember-account-tabs a:focus-visible,
.theme-supreme-ember.page-account-panel .ember-account-tabs .active,
.theme-supreme-ember.page-account-panel .ember-account-tabs .is-active {
    background: linear-gradient(180deg, rgba(118, 165, 216, 0.08), transparent 72%);
    color: #f6f0ea;
    outline: 0;
}

.theme-supreme-ember.page-account-panel .ember-account-tabs a:hover::after,
.theme-supreme-ember.page-account-panel .ember-account-tabs a:focus-visible::after,
.theme-supreme-ember.page-account-panel .ember-account-tabs .active::after,
.theme-supreme-ember.page-account-panel .ember-account-tabs .is-active::after {
    opacity: 1;
}

/* --- action + service cards -------------------------------------------- */

.theme-supreme-ember.page-account-panel .ember-account-action-card,
.theme-supreme-ember.page-account-panel .ember-user-service-card,
.theme-supreme-ember.page-account-panel .ember-account-settings-card,
.theme-supreme-ember.page-account-panel .ember-account-details,
.theme-supreme-ember.page-account-panel .ember-service-intel {
    background: var(--ember-panel-bg);
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-lift);
    overflow: hidden;
    position: relative;
    transition: box-shadow 0.26s ease, transform 0.26s ease;
}

.theme-supreme-ember.page-account-panel .ember-account-action-card::before,
.theme-supreme-ember.page-account-panel .ember-user-service-card::before,
.theme-supreme-ember.page-account-panel .ember-account-settings-card::before {
    background: var(--ember-edge-light);
    content: '';
    height: 1px;
    left: 14%;
    opacity: 0.55;
    position: absolute;
    right: 14%;
    top: 0;
    transition: opacity 0.26s ease, left 0.26s ease, right 0.26s ease;
}

.theme-supreme-ember.page-account-panel .ember-account-action-card:hover,
.theme-supreme-ember.page-account-panel .ember-user-service-card:hover {
    box-shadow: var(--ember-lift-hover);
    transform: translateY(-3px);
}

.theme-supreme-ember.page-account-panel .ember-account-action-card:hover::before,
.theme-supreme-ember.page-account-panel .ember-user-service-card:hover::before {
    left: 4%;
    opacity: 1;
    right: 4%;
}

.theme-supreme-ember.page-account-panel .ember-account-action-card--danger {
    background:
        radial-gradient(620px 240px at 12% 0, rgba(34, 88, 145, 0.2), transparent 62%),
        linear-gradient(180deg, rgba(28, 17, 20, 0.94), rgba(12, 9, 12, 0.96));
}

.theme-supreme-ember.page-account-panel .ember-account-action-card--danger::before {
    background: linear-gradient(90deg, transparent, rgba(99, 157, 219, 0.55), transparent);
}

.theme-supreme-ember.page-account-panel .ember-account-action-card h3,
.theme-supreme-ember.page-account-panel .ember-user-service-card h3,
.theme-supreme-ember.page-account-panel .ember-account-settings-card h2,
.theme-supreme-ember.page-account-panel .ember-account-settings-card h3 {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-size: var(--ember-text-lg);
    font-weight: 400;
    letter-spacing: 0.02em;
}

.theme-supreme-ember.page-account-panel .ember-account-action-card p,
.theme-supreme-ember.page-account-panel .ember-user-service-card p,
.theme-supreme-ember.page-account-panel .ember-account-settings-card p,
.theme-supreme-ember.page-account-panel .ember-account-settings-note {
    color: var(--ember-muted);
    font-family: var(--ember-body);
    font-size: var(--ember-text-md);
    line-height: 1.7;
}

.theme-supreme-ember.page-account-panel .ember-account-settings-card__eyebrow,
.theme-supreme-ember.page-account-panel .ember-account-settings-kicker {
    color: var(--ember-red);
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.theme-supreme-ember.page-account-panel .ember-account-settings-head h1,
.theme-supreme-ember.page-account-panel .ember-account-settings-head h2 {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-size: var(--ember-text-2xl);
    font-weight: 400;
}

/* --- service intel rows ------------------------------------------------ */

.theme-supreme-ember.page-account-panel .ember-service-intel__row {
    border: 0 !important;
    position: relative;
}

.theme-supreme-ember.page-account-panel .ember-service-intel__row + .ember-service-intel__row::before {
    background: linear-gradient(90deg, rgba(118, 165, 216, 0.24), transparent 72%);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.theme-supreme-ember.page-account-panel .ember-service-intel__row--risk {
    color: #8db7e4;
}

/* --- empty state -------------------------------------------------------- */

.theme-supreme-ember.page-account-panel .ember-account-empty-state {
    background: var(--ember-panel-bg);
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-lift);
    color: var(--ember-muted);
    font-family: var(--ember-body);
}

@media (prefers-reduced-motion: reduce) {
    .theme-supreme-ember.page-account-panel .ember-account-action-card,
    .theme-supreme-ember.page-account-panel .ember-user-service-card,
    .theme-supreme-ember.page-account-panel .ember-account-tabs a {
        transition: none;
    }

    .theme-supreme-ember.page-account-panel .ember-account-action-card:hover,
    .theme-supreme-ember.page-account-panel .ember-user-service-card:hover {
        transform: none;
    }
}

/* --- source: assets/supreme_ember/css/ember-navbar.css --- */
/*
 * Supreme Ember - navbar premium pass.
 * Consumes the shared tokens from ember-panels.css.
 *
 * Fixes the header reading as three disconnected slabs (logo block, menu
 * panel, status/CTA block) by giving the whole bar one continuous surface
 * and aligning the pieces onto a single baseline.
 */

/* --- one continuous bar ---------------------------------------------- */

/* .topPanel is the only full-width ancestor; the bar surface belongs here.
 * The theme keeps the bar transparent until JS adds .is-scrolled, and those
 * rules outrank a plain class selector - so both states are addressed here
 * at matching specificity instead of fighting them. */
.theme-supreme-ember .ember-top-panel:not(.is-scrolled),
.theme-supreme-ember .ember-top-panel.is-scrolled,
.theme-supreme-ember .topPanel:not(.is-scrolled),
.theme-supreme-ember .topPanel.is-scrolled {
    position: sticky !important;
    top: 0;
    z-index: 90;
}

/* Layout of the bar is left to the theme. Only stickiness is added above;
 * the full-bleed background needs both .is-scrolled states rewritten, which
 * is a separate change - forcing it here broke the bar's own grid. */

/* The individual blocks stop painting their own backgrounds and edges. */
.theme-supreme-ember .menu-wrapper,
.theme-supreme-ember .menu-wrapper > *,
.theme-supreme-ember .topPanel-left,
.theme-supreme-ember .topPanel-right,
.theme-supreme-ember .menu-main,
.theme-supreme-ember .menu,
.theme-supreme-ember .ember-nav-logo {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* --- logo -------------------------------------------------------------- */

.theme-supreme-ember .ember-nav-logo {
    filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.6));
}

body.theme-supreme-ember .ember-nav-logo b,
body.theme-supreme-ember .ember-nav-logo strong {
    animation: ember-title-sheen 7s ease-in-out infinite;
    background:
        linear-gradient(100deg, transparent 34%, rgba(255, 252, 244, 0.72) 46%, transparent 58%),
        linear-gradient(180deg, #fffaf0 4%, #c6dbf2 32%, #89b4e2 56%, #457db9 100%);
    background-repeat: no-repeat, no-repeat;
    background-size: 240% 100%, 100% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: #c6dbf2;
    display: inline-block;
    filter:
        drop-shadow(0 6px 15px rgba(0, 0, 0, 0.82))
        drop-shadow(0 0 18px rgba(52, 117, 186, 0.32));
    font-family: var(--home-heading, var(--ember-heading));
    font-weight: 400;
    letter-spacing: 0.035em;
    line-height: 1;
    margin-right: -0.035em;
    text-shadow: none;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
}

.theme-supreme-ember.page-home .ember-nav-logo__wordmark::before {
    animation: none;
    content: none;
    filter: none;
    opacity: 0;
}

/* --- links ------------------------------------------------------------- */

.theme-supreme-ember .menu__link {
    align-items: center;
    border: 0 !important;
    color: #b8afb0;
    display: inline-flex;
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    font-weight: 700;
    justify-content: center;
    letter-spacing: 0.13em;
    min-height: 46px;
    padding: 10px 14px;
    position: relative;
    text-transform: uppercase;
    transition: color 0.22s ease, background-color 0.22s ease;
}

.theme-supreme-ember .menu__link::after {
    background: linear-gradient(90deg, transparent, var(--ember-gold), transparent);
    bottom: 4px;
    content: '';
    height: 2px;
    left: 14%;
    opacity: 0;
    position: absolute;
    right: 14%;
    transition: opacity 0.22s ease;
}

.theme-supreme-ember .menu__link:hover,
.theme-supreme-ember .menu__link:focus-visible {
    background: linear-gradient(180deg, rgba(118, 165, 216, 0.08), transparent 72%);
    color: #f6f0ea;
    outline: 0;
}

.theme-supreme-ember .menu__link:hover::after,
.theme-supreme-ember .menu__link:focus-visible::after,
.theme-supreme-ember .menu__link.is-active::after,
.theme-supreme-ember .menu__link.active::after {
    opacity: 1;
}

.theme-supreme-ember .menu__link.is-active,
.theme-supreme-ember .menu__link.active {
    color: #fff6e8;
}

/* --- header CTA + status ---------------------------------------------- */

.theme-supreme-ember .ember-nav-play {
    align-items: center;
    background: linear-gradient(180deg, #2e77c6, #1f5084);
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow:
        inset 0 1px 0 rgba(199, 220, 242, 0.4),
        inset 0 0 0 1px rgba(121, 170, 223, 0.55),
        0 12px 28px rgba(27, 70, 115, 0.42);
    color: #fff;
    display: inline-flex;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 800;
    justify-content: center;
    letter-spacing: 0.14em;
    min-height: 44px;
    padding: 12px 22px;
    text-transform: uppercase;
    transition: box-shadow 0.24s ease, transform 0.24s ease, background-color 0.24s ease;
}

.theme-supreme-ember .ember-nav-play:hover,
.theme-supreme-ember .ember-nav-play:focus-visible {
    background: linear-gradient(180deg, #4389d3, #255f9c);
    box-shadow:
        inset 0 1px 0 rgba(215, 230, 246, 0.5),
        inset 0 0 0 1px rgba(151, 190, 231, 0.7),
        0 18px 38px rgba(32, 83, 138, 0.5);
    outline: 0;
    transform: translateY(-1px);
}

/* --- account dropdown --------------------------------------------------- */

.theme-supreme-ember .ember-account-menu-head,
.theme-supreme-ember .ember-account-menu-link {
    border: 0 !important;
    font-family: var(--ember-body);
}

.theme-supreme-ember .ember-account-menu-link {
    color: #b8afb0;
    font-size: var(--ember-text-sm);
    letter-spacing: 0.06em;
    min-height: 44px;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.theme-supreme-ember .ember-account-menu-link:hover,
.theme-supreme-ember .ember-account-menu-link:focus-visible {
    background: linear-gradient(90deg, rgba(118, 165, 216, 0.1), transparent 80%);
    color: #f6f0ea;
    outline: 0;
}

.theme-supreme-ember .ember-account-menu-link--accent {
    color: var(--ember-gold-bright);
}

.theme-supreme-ember .ember-account-menu-link--logout {
    color: #8db7e4;
}

.theme-supreme-ember .ember-account-menu-separator {
    background: linear-gradient(90deg, rgba(118, 165, 216, 0.26), transparent 78%);
    border: 0 !important;
    height: 1px;
}

/* --- mobile ------------------------------------------------------------- */

.theme-supreme-ember .mobile-menu__link {
    border: 0 !important;
    color: #c3babb;
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    font-weight: 700;
    letter-spacing: 0.12em;
    min-height: 48px;
    position: relative;
    text-transform: uppercase;
}

.theme-supreme-ember .mobile-menu__link + .mobile-menu__link::before {
    background: linear-gradient(90deg, rgba(118, 165, 216, 0.22), transparent 76%);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.theme-supreme-ember .mobile-registration-link {
    color: var(--ember-gold-bright);
}

/* The mobile drawer sits above the hero; it must paint its own surface. */
@media (max-width: 993px) {
    .theme-supreme-ember .topPanel-left {
        background: #070508 !important;
        border-right: 1px solid rgba(74, 141, 212, 0.25) !important;
        box-shadow: 24px 0 58px rgba(0, 0, 0, 0.66) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.theme-supreme-ember .ember-nav-logo b,
    body.theme-supreme-ember .ember-nav-logo strong {
        animation: none;
        background-position: 0 0, 0 0;
    }

    .theme-supreme-ember .menu__link,
    .theme-supreme-ember .menu__link::after,
    .theme-supreme-ember .ember-nav-play,
    .theme-supreme-ember .ember-account-menu-link {
        transition: none;
    }

    .theme-supreme-ember .ember-nav-play:hover {
        transform: none;
    }
}

/* --- source: assets/supreme_ember/css/ember-prelaunch-premium.css --- */
/*
 * Supreme Ember - pre-launch card premium pass.
 * Consumes the shared tokens from ember-panels.css.
 *
 * This card is what every database-backed route (account panel, rankings,
 * shop, warehouse) actually shows before launch, so it is the most visible
 * surface on the site right now.
 */

.theme-supreme-ember .supreme-prelaunch-card {
    background:
        radial-gradient(900px 380px at 18% 0, rgba(29, 76, 126, 0.14), transparent 62%),
        linear-gradient(180deg, rgba(20, 16, 22, 0.94), rgba(9, 8, 12, 0.97));
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-lift);
    margin-left: auto;
    margin-right: auto;
    max-width: 820px;
    overflow: hidden;
    position: relative;
}

.theme-supreme-ember .supreme-prelaunch-card::before {
    background: var(--ember-edge-light);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

/* The L-shaped corner ornaments go; the surface carries the frame now. */
.theme-supreme-ember .supreme-prelaunch-card::after,
.theme-supreme-ember .supreme-prelaunch-card > span[class*="corner"],
.theme-supreme-ember .supreme-prelaunch-card [class*="-corner"] {
    display: none !important;
}

/* --- seal ------------------------------------------------------------- */

.theme-supreme-ember .supreme-prelaunch-card__icon {
    align-items: center;
    background:
        radial-gradient(circle at 50% 38%, rgba(118, 165, 216, 0.22), transparent 68%),
        linear-gradient(180deg, rgba(30, 24, 30, 0.95), rgba(14, 11, 16, 0.96));
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow:
        inset 0 1px 0 rgba(187, 212, 239, 0.22),
        inset 0 0 0 1px rgba(118, 165, 216, 0.3),
        0 14px 32px rgba(0, 0, 0, 0.5);
    color: var(--ember-gold-bright);
    display: inline-flex;
    height: 62px;
    justify-content: center;
    width: 62px;
}

.theme-supreme-ember .supreme-prelaunch-card__icon i {
    font-size: var(--ember-text-xl);
}

/* --- copy -------------------------------------------------------------- */

.theme-supreme-ember .supreme-prelaunch-card > span:first-of-type,
.theme-supreme-ember .supreme-prelaunch-card small {
    color: var(--ember-gold);
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.theme-supreme-ember .supreme-prelaunch-card h1,
.theme-supreme-ember .supreme-prelaunch-card h2 {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-size: var(--ember-text-3xl);
    font-weight: 400;
    text-shadow: 0 2px 24px rgba(0, 0, 0, 0.6);
}

.theme-supreme-ember .supreme-prelaunch-card p {
    color: var(--ember-muted);
    font-family: var(--ember-body);
    font-size: var(--ember-text-md);
    line-height: 1.72;
}

/* --- status ------------------------------------------------------------ */

.theme-supreme-ember .supreme-prelaunch-card__status {
    background: linear-gradient(180deg, rgba(118, 165, 216, 0.06), transparent 70%);
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow: inset 0 0 0 1px rgba(118, 165, 216, 0.16);
    padding: 16px 18px;
    position: relative;
}

.theme-supreme-ember .supreme-prelaunch-card__status strong {
    color: var(--ember-text);
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    font-weight: 700;
    letter-spacing: 0.06em;
}

.theme-supreme-ember .supreme-prelaunch-card__status span,
.theme-supreme-ember .supreme-prelaunch-card__status small {
    color: var(--ember-faint);
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    letter-spacing: 0.02em;
    text-transform: none;
}

/* --- actions ------------------------------------------------------------ */

.theme-supreme-ember .supreme-prelaunch-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.theme-supreme-ember .supreme-prelaunch-card__actions a {
    align-items: center;
    background: linear-gradient(180deg, rgba(118, 165, 216, 0.12), rgba(17, 14, 18, 0.92) 62%);
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow:
        inset 0 1px 0 rgba(187, 212, 239, 0.18),
        inset 0 0 0 1px rgba(118, 165, 216, 0.4),
        0 14px 30px rgba(0, 0, 0, 0.42);
    color: var(--ember-gold-bright);
    display: inline-flex;
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    font-weight: 800;
    justify-content: center;
    letter-spacing: 0.14em;
    min-height: 50px;
    padding: 14px 24px;
    text-transform: uppercase;
    transition: box-shadow 0.24s ease, transform 0.24s ease, color 0.24s ease;
}

.theme-supreme-ember .supreme-prelaunch-card__actions .supreme-button-primary {
    background: linear-gradient(180deg, #2e77c6, #1f5084);
    box-shadow:
        inset 0 1px 0 rgba(199, 220, 242, 0.4),
        inset 0 0 0 1px rgba(121, 170, 223, 0.55),
        0 16px 34px rgba(27, 70, 115, 0.44),
        0 0 30px rgba(45, 117, 193, 0.2);
    color: #fff;
}

.theme-supreme-ember .supreme-prelaunch-card__actions a:hover,
.theme-supreme-ember .supreme-prelaunch-card__actions a:focus-visible {
    box-shadow:
        inset 0 1px 0 rgba(223, 235, 248, 0.28),
        inset 0 0 0 1px rgba(180, 208, 238, 0.75),
        0 20px 42px rgba(0, 0, 0, 0.5);
    color: #fff8ea;
    outline: 0;
    transform: translateY(-2px);
}

.theme-supreme-ember .supreme-prelaunch-card__actions .supreme-button-primary:hover,
.theme-supreme-ember .supreme-prelaunch-card__actions .supreme-button-primary:focus-visible {
    background: linear-gradient(180deg, #4389d3, #255f9c);
    box-shadow:
        inset 0 1px 0 rgba(215, 230, 246, 0.5),
        inset 0 0 0 1px rgba(151, 190, 231, 0.7),
        0 22px 44px rgba(32, 83, 138, 0.5);
    color: #fff;
}

@media (max-width: 720px) {
    .theme-supreme-ember .supreme-prelaunch-card h1,
    .theme-supreme-ember .supreme-prelaunch-card h2 {
        font-size: var(--ember-text-2xl);
    }

    .theme-supreme-ember .supreme-prelaunch-card__actions a {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .theme-supreme-ember .supreme-prelaunch-card__actions a {
        transition: none;
    }

    .theme-supreme-ember .supreme-prelaunch-card__actions a:hover {
        transform: none;
    }
}

/* --- source: assets/supreme_ember/css/ember-home-premium.css --- */
/*
 * Supreme Ember - landing content sections premium pass.
 * Brings the news block and the feature grid in line with Game Features.
 *
 * SCOPE NOTE: typography, surfaces, shadows and decorative borders only.
 * No width, margin, padding, flex, grid or position declarations - every
 * layout regression in this theme so far came from overriding those.
 */

/* --- shared section heading -------------------------------------------- */

.theme-supreme-ember.page-home .ember-section-heading small,
.theme-supreme-ember.page-home .ember-news-heading small,
.theme-supreme-ember.page-home .ember-game-features__eyebrow {
    color: var(--ember-red);
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.theme-supreme-ember.page-home .ember-section-heading h2,
.theme-supreme-ember.page-home .ember-news-heading h2,
.theme-supreme-ember.page-home .ember-game-features__heading {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-weight: 400;
    letter-spacing: 0.03em;
    text-shadow: 0 2px 24px rgba(0, 0, 0, 0.6);
}

.theme-supreme-ember.page-home .ember-section-heading h2 span,
.theme-supreme-ember.page-home .ember-news-heading h2 span {
    color: var(--ember-red);
}

.theme-supreme-ember.page-home .ember-game-features__intro {
    color: var(--ember-muted);
    font-family: var(--ember-body);
    line-height: 1.72;
}

/* --- news --------------------------------------------------------------- */

.theme-supreme-ember.page-home .ember-news-showcase {
    position: relative;
}

.theme-supreme-ember.page-home .ember-news-heading {
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
}

.theme-supreme-ember.page-home .ember-news-heading > a {
    color: var(--ember-red-bright);
    position: absolute;
    right: 0;
    top: 12px;
}

.theme-supreme-ember.page-home .ember-news-panel {
    --news-accent-rgb: 196, 48, 55;
    background:
        linear-gradient(118deg, rgba(var(--news-accent-rgb), 0.12), transparent 42%),
        linear-gradient(180deg, rgba(20, 15, 19, 0.99), rgba(7, 6, 9, 0.995));
    border-radius: var(--ember-radius);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.045),
        inset 0 0 0 1px rgba(var(--news-accent-rgb), 0.2),
        0 28px 64px rgba(0, 0, 0, 0.48),
        0 0 34px rgba(var(--news-accent-rgb), 0.08);
    overflow: hidden;
    position: relative;
}

.theme-supreme-ember.page-home .ember-news-panel::before {
    background: linear-gradient(90deg, transparent, rgba(var(--news-accent-rgb), 0.96), transparent);
    content: '';
    height: 1px;
    left: 5%;
    opacity: 0.82;
    position: absolute;
    right: 5%;
    top: 0;
    z-index: 3;
}

.theme-supreme-ember.page-home .ember-news-featured {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    gap: 0;
    grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
    min-height: 340px;
    position: relative;
}

.theme-supreme-ember.page-home .ember-news-copy {
    align-self: center;
    padding: 38px 42px;
    position: relative;
    z-index: 1;
}

.theme-supreme-ember.page-home .ember-news-meta time {
    align-items: center;
    display: inline-flex;
    gap: 12px;
}

.theme-supreme-ember.page-home .ember-news-meta time::before {
    background: linear-gradient(135deg, #b4d0ee, #335e8d);
    content: '';
    height: 5px;
    transform: rotate(45deg);
    width: 5px;
}

.theme-supreme-ember.page-home .ember-news-media {
    border: 0 !important;
    min-height: 340px;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.theme-supreme-ember.page-home .ember-news-media::after {
    background:
        linear-gradient(90deg, rgba(9, 7, 10, 0.78), transparent 30%),
        linear-gradient(180deg, transparent 68%, rgba(7, 6, 9, 0.34));
    content: '';
    inset: 0;
    pointer-events: none;
    position: absolute;
}

.theme-supreme-ember.page-home .ember-news-media img {
    filter: saturate(1.04) contrast(1.03);
    object-position: center;
}

.theme-supreme-ember.page-home .ember-news-featured:hover .ember-news-media img {
    filter: saturate(1.08) contrast(1.04) brightness(1.04);
}

.theme-supreme-ember.page-home .ember-news-featured a,
.theme-supreme-ember.page-home .ember-news-list a,
.theme-supreme-ember.page-home .ember-news-copy a {
    color: inherit;
    text-decoration: none;
    transition: color 0.22s ease;
}

.theme-supreme-ember.page-home .ember-news-featured h3 a,
.theme-supreme-ember.page-home .ember-news-copy h3 a,
.theme-supreme-ember.page-home .ember-news-copy h2 a,
.theme-supreme-ember.page-home .ember-news-list article h3 a {
    align-items: center;
    color: var(--ember-text);
    display: inline-flex;
    min-height: 44px;
}

.theme-supreme-ember.page-home .ember-news-featured a:hover,
.theme-supreme-ember.page-home .ember-news-featured a:focus-visible,
.theme-supreme-ember.page-home .ember-news-list a:hover,
.theme-supreme-ember.page-home .ember-news-list a:focus-visible,
.theme-supreme-ember.page-home .ember-news-copy a:hover,
.theme-supreme-ember.page-home .ember-news-copy a:focus-visible {
    color: var(--ember-gold-bright);
    outline: 0;
    text-decoration: none;
}

.theme-supreme-ember.page-home .ember-news-copy h3,
.theme-supreme-ember.page-home .ember-news-copy h2,
.theme-supreme-ember.page-home .ember-news-featured h3 {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-weight: 400;
    letter-spacing: 0.02em;
}

.theme-supreme-ember.page-home .ember-news-copy p,
.theme-supreme-ember.page-home .ember-news-featured p {
    color: var(--ember-muted);
    font-family: var(--ember-body);
    line-height: 1.72;
    max-width: 48ch;
}

.theme-supreme-ember.page-home .ember-news-meta,
.theme-supreme-ember.page-home .ember-news-meta * {
    border: 0 !important;
    color: var(--ember-faint);
    font-family: var(--ember-body);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.theme-supreme-ember.page-home .ember-news-read-more {
    align-items: center;
    color: var(--ember-gold);
    display: inline-flex;
    font-family: var(--ember-body);
    font-weight: 700;
    letter-spacing: 0.14em;
    min-height: 44px;
    text-transform: uppercase;
    transition: color 0.2s ease;
}

.theme-supreme-ember.page-home .ember-news-read-more:hover,
.theme-supreme-ember.page-home .ember-news-read-more:focus-visible {
    color: var(--ember-gold-bright);
    outline: 0;
}

.theme-supreme-ember.page-home .ember-news-history {
    background: rgba(5, 4, 7, 0.48);
    border-top: 1px solid rgba(118, 165, 216, 0.16);
    margin: 0;
}

.theme-supreme-ember.page-home .ember-news-list {
    border: 0;
    gap: 0;
    margin-top: 0;
}

.theme-supreme-ember.page-home .ember-news-list article {
    background: transparent;
    border: 0;
    border-left: 1px solid rgba(118, 165, 216, 0.12);
    border-radius: 0;
    box-shadow: none;
    min-height: 78px;
    padding: 14px 20px;
    position: relative;
    transition: background-color 0.22s ease;
}

.theme-supreme-ember.page-home .ember-news-list article:nth-child(odd) {
    border-left: 0;
}

.theme-supreme-ember.page-home .ember-news-list article:nth-child(n+3) {
    border-top: 1px solid rgba(118, 165, 216, 0.12);
}

.theme-supreme-ember.page-home .ember-news-list article:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

.theme-supreme-ember.page-home .ember-news-list article:hover {
    background: rgba(118, 165, 216, 0.045);
    box-shadow: none;
    transform: none;
}

.theme-supreme-ember.page-home .ember-news-list article > time {
    color: var(--ember-faint);
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    white-space: nowrap;
}

.theme-supreme-ember.page-home .ember-news-list article small {
    color: var(--ember-faint);
    display: block;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    line-height: 1.2;
    margin-bottom: 3px;
}

.theme-supreme-ember.page-home .ember-news-list article h3 {
    font-family: var(--ember-heading);
    font-size: var(--ember-text-lg);
    font-weight: 400;
    line-height: 1.18;
    margin: 0;
}

.theme-supreme-ember.page-home .ember-news-list article h3 a {
    min-height: 0;
}

.theme-supreme-ember.page-home .ember-news-list article > a:last-child {
    align-items: center;
    display: inline-flex;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.theme-supreme-ember.page-home .ember-news-list article > a:last-child i {
    color: var(--ember-gold);
}

/* --- news article ------------------------------------------------------- */

.theme-supreme-ember.page-news-article .main {
    display: block;
    margin: 0 auto;
    max-width: 1120px;
    padding: 64px 0 96px;
    width: 100%;
}

.theme-supreme-ember.page-news-article .content.news-article {
    background: transparent;
    border: 0;
    box-shadow: none;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.theme-supreme-ember.page-news-article .news-article__card {
    background:
        linear-gradient(118deg, rgba(48, 120, 196, 0.1), transparent 34%),
        linear-gradient(180deg, rgba(19, 15, 19, 0.99), rgba(8, 7, 10, 0.995));
    border: 0;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-ring), var(--ember-lift-hover);
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    overflow: hidden;
    position: relative;
}

.theme-supreme-ember.page-news-article .news-article__card::before {
    background: linear-gradient(90deg, transparent, rgba(118, 165, 216, 0.78), transparent);
    content: '';
    height: 1px;
    left: 5%;
    position: absolute;
    right: 5%;
    top: 0;
    z-index: 2;
}

.theme-supreme-ember.page-news-article .news-article__cover {
    aspect-ratio: auto;
    border-bottom: 0;
    border-right: 1px solid rgba(118, 165, 216, 0.14);
    max-height: none;
    min-height: 430px;
}

.theme-supreme-ember.page-news-article .news-article__cover img {
    filter: saturate(1.04) contrast(1.03);
}

.theme-supreme-ember.page-news-article .news-article__header {
    align-self: stretch;
    border-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 48px 46px;
}

.theme-supreme-ember.page-news-article .news-article__type {
    color: var(--ember-gold-bright);
}

.theme-supreme-ember.page-news-article .news-article__header h1 {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-size: clamp(34px, 3.4vw, 48px);
    font-weight: 400;
    line-height: 1.12;
}

.theme-supreme-ember.page-news-article .news-article__meta,
.theme-supreme-ember.page-news-article .news-article__meta i {
    color: var(--ember-faint);
}

.theme-supreme-ember.page-news-article .news-article__body {
    border-top: 1px solid rgba(118, 165, 216, 0.14);
    color: var(--ember-muted);
    grid-column: 1 / -1;
    margin: 0 auto;
    max-width: 920px;
    padding: 56px 0 48px;
    width: calc(100% - 128px);
}

.theme-supreme-ember.page-news-article .news-article__body p {
    margin: 0 0 24px;
}

.theme-supreme-ember.page-news-article .news-article__body .news-article__lead {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-size: var(--ember-text-xl);
    line-height: 1.55;
}

.theme-supreme-ember.page-news-article .news-article__body h2 {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-size: var(--ember-text-2xl);
    font-weight: 400;
    margin: 42px 0 20px;
}

.theme-supreme-ember .news-article__facts {
    list-style: none;
    margin: 0 0 32px;
    padding: 0;
}

.theme-supreme-ember .news-article__facts li {
    background: linear-gradient(90deg, rgba(118, 165, 216, 0.055), transparent 72%);
    border-top: 1px solid rgba(118, 165, 216, 0.14);
    color: var(--ember-muted);
    padding: 17px 18px 17px 48px;
    position: relative;
}

.theme-supreme-ember .news-article__facts li:last-child {
    border-bottom: 1px solid rgba(118, 165, 216, 0.14);
}

.theme-supreme-ember .news-article__facts li::before {
    animation: none;
    background: #29629f;
    border: 1px solid rgba(108, 162, 220, 0.72);
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(11, 27, 45, 0.48), 0 0 6px rgba(41, 98, 159, 0.24);
    content: '';
    height: 8px;
    left: 20px;
    position: absolute;
    top: 25px;
    transform: none;
    width: 8px;
}

.theme-supreme-ember .news-article__facts li::after {
    content: none;
}

.theme-supreme-ember.page-news-article .news-article__facts strong,
.theme-supreme-ember.page-news-article .news-article__closing {
    color: var(--ember-gold-bright);
}

.theme-supreme-ember.page-news-article .news-article__closing {
    font-family: var(--ember-heading);
    font-size: var(--ember-text-xl);
}

.theme-supreme-ember.page-news-article .news-article__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 0 !important;
    padding-top: 8px;
}

.theme-supreme-ember.page-news-article .news-article__actions a {
    align-items: center;
    background: #2765a8;
    border: 1px solid rgba(123, 172, 224, 0.48);
    border-radius: 2px;
    color: #fff7ef;
    display: inline-flex;
    font-size: var(--ember-text-xs);
    font-weight: 800;
    justify-content: center;
    letter-spacing: 0.1em;
    min-height: 48px;
    padding: 0 22px;
    text-decoration: none;
    text-transform: uppercase;
}

.theme-supreme-ember.page-news-article .news-article__actions a + a {
    background: transparent;
    border-color: rgba(118, 165, 216, 0.38);
    color: var(--ember-gold-bright);
}

.theme-supreme-ember.page-news-article .news-article__actions a:hover,
.theme-supreme-ember.page-news-article .news-article__actions a:focus-visible {
    border-color: rgba(180, 208, 237, 0.72);
    color: #fff;
    outline: 0;
}

.theme-supreme-ember.page-news-article .news-article__footer {
    border-top: 1px solid rgba(118, 165, 216, 0.14);
    grid-column: 1 / -1;
    margin: 0 64px;
    padding: 24px 0 32px;
}

@media (max-width: 800px) {
    .theme-supreme-ember.page-home .ember-news-heading {
        display: flex;
    }

    .theme-supreme-ember.page-home .ember-news-heading > a {
        position: static;
    }

    .theme-supreme-ember.page-home .ember-news-featured {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .theme-supreme-ember.page-home .ember-news-media {
        min-height: 270px;
        order: -1;
    }

    .theme-supreme-ember.page-home .ember-news-copy {
        padding: 32px 34px 36px;
    }

    .theme-supreme-ember.page-home .ember-news-list {
        grid-template-columns: 1fr;
    }

    .theme-supreme-ember.page-home .ember-news-list article {
        border-left: 0;
    }

    .theme-supreme-ember.page-home .ember-news-list article:nth-child(n+2) {
        border-top: 1px solid rgba(118, 165, 216, 0.12);
    }

    .theme-supreme-ember.page-news-article .main {
        padding: 44px 20px 72px;
    }

    .theme-supreme-ember.page-news-article .news-article__card {
        display: block;
    }

    .theme-supreme-ember.page-news-article .news-article__cover {
        border-bottom: 1px solid rgba(118, 165, 216, 0.14);
        border-right: 0;
        min-height: 300px;
    }

    .theme-supreme-ember.page-news-article .news-article__body {
        max-width: none;
        padding: 42px 34px 36px;
        width: 100%;
    }

    .theme-supreme-ember.page-news-article .news-article__footer {
        margin: 0 34px;
    }
}


@media (max-width: 560px) {
    .theme-supreme-ember.page-home .ember-news-heading {
        align-items: center;
        text-align: center;
    }

    .theme-supreme-ember.page-home .ember-news-media {
        min-height: 205px;
    }

    .theme-supreme-ember.page-home .ember-news-copy {
        padding: 26px 22px 30px;
    }

    .theme-supreme-ember.page-home .ember-news-list {
        grid-template-columns: 1fr;
    }

    .theme-supreme-ember.page-home .ember-news-list article {
        gap: 8px;
        grid-template-columns: 68px minmax(0, 1fr) 44px;
        min-height: 70px;
        padding: 11px 12px;
    }

    .theme-supreme-ember.page-home .ember-news-list article h3 {
        font-size: var(--ember-text-lg);
    }

    .theme-supreme-ember.page-home .ember-news-list article > :last-child {
        grid-column: auto;
    }

    .theme-supreme-ember.page-news-article .main {
        padding-left: 12px;
        padding-right: 12px;
    }

    .theme-supreme-ember.page-news-article .news-article__cover {
        min-height: 220px;
    }

    .theme-supreme-ember.page-news-article .news-article__header,
    .theme-supreme-ember.page-news-article .news-article__body {
        padding-left: 22px;
        padding-right: 22px;
    }

    .theme-supreme-ember.page-news-article .news-article__footer {
        margin: 0 22px;
    }

    .theme-supreme-ember.page-news-article .news-article__actions {
        display: grid;
        grid-template-columns: 1fr;
    }
}


/* --- feature grid -------------------------------------------------------- */

.theme-supreme-ember.page-home .ember-game-features__corner,
.theme-supreme-ember.page-home .ember-game-features__line {
    display: none !important;
}

.theme-supreme-ember.page-home .ember-game-features__content {
    border: 0 !important;
}

.theme-supreme-ember.page-home .ember-game-features__card {
    background: var(--ember-panel-bg);
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-lift);
    position: relative;
    transition: box-shadow 0.26s ease, transform 0.26s ease;
}

.theme-supreme-ember.page-home .ember-game-features__card::before {
    background: var(--ember-edge-light);
    content: '';
    height: 1px;
    left: 16%;
    opacity: 0.5;
    position: absolute;
    right: 16%;
    top: 0;
    transition: opacity 0.26s ease, left 0.26s ease, right 0.26s ease;
}

.theme-supreme-ember.page-home .ember-game-features__card:hover {
    box-shadow: var(--ember-lift-hover);
    transform: translateY(-3px);
}

.theme-supreme-ember.page-home .ember-game-features__card:hover::before {
    left: 5%;
    opacity: 1;
    right: 5%;
}

.theme-supreme-ember.page-home .ember-game-features__card h3,
.theme-supreme-ember.page-home .ember-game-features__card strong {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-weight: 400;
    letter-spacing: 0.02em;
}

.theme-supreme-ember.page-home .ember-game-features__card p {
    color: var(--ember-muted);
    font-family: var(--ember-body);
    line-height: 1.72;
}

/* Glyph icons give way to a gold gem, as everywhere else in the system. */
.theme-supreme-ember.page-home .ember-game-features__icon {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

.theme-supreme-ember.page-home .ember-game-features__icon i {
    background: var(--ember-gem);
    border-radius: 1px;
    box-shadow: 0 0 10px rgba(118, 165, 216, 0.45);
    color: transparent;
    display: inline-block;
    font-size: 0;
    height: 9px;
    transform: rotate(45deg);
    width: 9px;
}

.theme-supreme-ember.page-home .ember-game-features__icon i::before {
    display: none;
}

/* This block holds a stats sentence ("22 verified systems · 33 events and
   invasions") alongside its link, so uppercase here shouted a whole line of
   prose. The link keeps its own capitals below. */
.theme-supreme-ember.page-home .ember-game-features__explore {
    border: 0 !important;
    color: var(--ember-gold);
    font-family: var(--ember-body);
    font-weight: 700;
    transition: color 0.2s ease;
}

.theme-supreme-ember.page-home .ember-game-features__explore:hover,
.theme-supreme-ember.page-home .ember-game-features__explore:focus-visible {
    color: var(--ember-gold-bright);
    outline: 0;
}

/* --- schedule panels ------------------------------------------------------ */

/*
 * Depth comes from layered surfaces and light, never from a drawn box - the
 * same rule the Game Features chapters and every premium panel follow. These
 * cards used to carry a full 1px accent border forced with !important, which
 * is why the schedule read as a different product from the rest of the page.
 * The edge is now an inset light ring plus the accent sheen on ::before.
 */
.theme-supreme-ember.page-home .ember-schedule-panel {
    --schedule-accent-rgb: 196, 48, 55;
    background:
        linear-gradient(118deg, rgba(var(--schedule-accent-rgb), 0.11), transparent 38%),
        linear-gradient(180deg, rgba(19, 15, 19, 0.985), rgba(7, 6, 9, 0.995));
    border: 0;
    border-radius: var(--ember-radius);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        inset 0 0 0 1px rgba(var(--schedule-accent-rgb), 0.1),
        0 24px 56px rgba(0, 0, 0, 0.42),
        0 0 30px rgba(var(--schedule-accent-rgb), 0.07);
    isolation: isolate;
    overflow: hidden;
    position: relative;
    transition: box-shadow 0.26s ease, transform 0.26s ease;
}

.theme-supreme-ember.page-home .ember-schedule-panel--invasions {
    --schedule-accent-rgb: 211, 159, 77;
}

.theme-supreme-ember.page-home .ember-schedule-panel--bosses {
    --schedule-accent-rgb: 178, 117, 57;
}

.theme-supreme-ember.page-home .ember-schedule-panel::before {
    background: linear-gradient(
        90deg,
        transparent,
        rgba(var(--schedule-accent-rgb), 0.95) 50%,
        transparent
    );
    content: '';
    height: 1px;
    left: 6%;
    opacity: 0.78;
    position: absolute;
    right: 6%;
    top: 0;
    z-index: 3;
}

.theme-supreme-ember.page-home .ember-schedule-panel:hover {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.055),
        0 30px 64px rgba(0, 0, 0, 0.5),
        0 0 36px rgba(var(--schedule-accent-rgb), 0.12);
    transform: translateY(-2px);
}

.theme-supreme-ember.page-home .ember-schedule-panel > header {
    align-items: center;
    background:
        linear-gradient(180deg, rgba(var(--schedule-accent-rgb), 0.16), transparent 66%),
        linear-gradient(180deg, rgba(16, 12, 16, 0.98), rgba(8, 7, 10, 0.96));
    /* The header separates from the list by a fading light, not a ruled line. */
    box-shadow: 0 1px 0 rgba(var(--schedule-accent-rgb), 0.12);
    display: flex;
    flex-direction: column;
    gap: 6px;
    justify-content: center;
    min-height: 200px;
    padding: 12px 20px 20px;
    position: relative;
    text-align: center;
}

.theme-supreme-ember.page-home .ember-schedule-panel > header > span {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative;
    z-index: 1;
}

.theme-supreme-ember.page-home .ember-schedule-panel__art {
    display: block;
    flex: 0 0 128px;
    height: 128px;
    position: relative;
    transition: filter 0.26s ease, transform 0.26s ease;
    width: 128px;
    z-index: 1;
}

.theme-supreme-ember.page-home .ember-schedule-panel > header .ember-schedule-panel__art img {
    display: block;
    filter:
        drop-shadow(0 12px 18px rgba(0, 0, 0, 0.76))
        drop-shadow(0 0 18px rgba(var(--schedule-accent-rgb), 0.4));
    height: 100%;
    max-width: none;
    object-fit: contain;
    width: 100%;
}

.theme-supreme-ember.page-home .ember-schedule-panel:hover .ember-schedule-panel__art {
    filter: brightness(1.08);
    transform: translateY(-2px) scale(1.035);
}

.theme-supreme-ember.page-home .ember-schedule-panel header strong {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-weight: 400;
    letter-spacing: 0.02em;
}

.theme-supreme-ember.page-home .ember-schedule-panel header small {
    color: var(--ember-faint);
    font-family: var(--ember-body);
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

@media (max-width: 680px) {
    .theme-supreme-ember.page-home .ember-schedule-panel > header {
        gap: 6px;
        min-height: 176px;
        padding: 10px 16px 18px;
    }

    .theme-supreme-ember.page-home .ember-schedule-panel__art {
        flex-basis: 112px;
        height: 112px;
        width: 112px;
    }
}


@media (prefers-reduced-motion: reduce) {
    .theme-supreme-ember.page-home .ember-news-featured,
    .theme-supreme-ember.page-home .ember-news-list > *,
    .theme-supreme-ember.page-home .ember-game-features__card,
    .theme-supreme-ember.page-home .ember-schedule-panel,
    .theme-supreme-ember.page-home .ember-schedule-panel__art {
        transition: none;
    }

    .theme-supreme-ember.page-home .ember-news-featured:hover,
    .theme-supreme-ember.page-home .ember-news-list > *:hover,
    .theme-supreme-ember.page-home .ember-game-features__card:hover,
    .theme-supreme-ember.page-home .ember-schedule-panel:hover,
    .theme-supreme-ember.page-home .ember-schedule-panel:hover .ember-schedule-panel__art {
        transform: none;
    }
}


/* --- realm brief band (advantages, screenshot slots, community) --------- */

.theme-supreme-ember.page-home .ember-realm-brief {
    background:
        radial-gradient(900px 380px at 15% 0, rgba(29, 76, 126, 0.13), transparent 62%),
        linear-gradient(180deg, rgba(13, 11, 16, 0.94), rgba(7, 6, 10, 0.97));
    position: relative;
}

.theme-supreme-ember.page-home .ember-realm-brief::before,
.theme-supreme-ember.page-home .ember-realm-brief::after {
    background: linear-gradient(90deg, transparent, rgba(118, 165, 216, 0.3) 24%, rgba(118, 165, 216, 0.3) 76%, transparent);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
}

.theme-supreme-ember.page-home .ember-realm-brief::before { top: 0; }
.theme-supreme-ember.page-home .ember-realm-brief::after { bottom: 0; opacity: 0.6; }

.theme-supreme-ember.page-home .ember-realm-brief__inner {
    margin: 0 auto;
    max-width: 1240px;
    padding: 68px 32px 74px;
}

.theme-supreme-ember.page-home .ember-realm-brief__head {
    text-align: center;
}

.theme-supreme-ember.page-home .ember-realm-brief__head span {
    color: var(--ember-red);
    display: block;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.18em;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.theme-supreme-ember.page-home .ember-realm-brief__head h2 {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-size: var(--ember-text-3xl);
    font-weight: 400;
    margin: 0;
    text-shadow: 0 2px 24px rgba(0, 0, 0, 0.6);
}

.theme-supreme-ember.page-home .ember-realm-brief__grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    list-style: none;
    margin: 40px 0 0;
    padding: 0;
}

.theme-supreme-ember.page-home .ember-realm-brief__grid li {
    background: var(--ember-panel-bg);
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-lift);
    padding: 26px 24px;
    position: relative;
    text-align: center;
}

.theme-supreme-ember.page-home .ember-realm-brief__grid li::before {
    background: var(--ember-edge-light);
    content: '';
    height: 1px;
    left: 18%;
    position: absolute;
    right: 18%;
    top: 0;
}

.theme-supreme-ember.page-home .ember-realm-brief__grid strong {
    color: var(--ember-gold-bright);
    display: block;
    font-family: var(--ember-heading);
    font-size: var(--ember-text-xl);
    font-weight: 400;
    letter-spacing: 0.015em;
    line-height: 1.2;
}

.theme-supreme-ember.page-home .ember-realm-brief__grid small {
    color: var(--ember-faint);
    display: block;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 600;
    margin-top: 10px;
}

.theme-supreme-ember.page-home .ember-realm-brief__grid .ember-realm-brief__guard {
    align-items: center;
    background:
        radial-gradient(circle at 50% 42%, rgba(118, 165, 216, 0.1), transparent 66%),
        var(--ember-panel-bg);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 18px;
    padding-right: 18px;
}

.theme-supreme-ember.page-home .ember-realm-brief__grid .ember-realm-brief__guard-title {
    font-size: var(--ember-text-2xl);
    line-height: 0.98;
    text-align: center;
    text-shadow: 0 0 18px rgba(118, 165, 216, 0.16);
}

.theme-supreme-ember.page-home .ember-realm-brief__guard-title span {
    display: block;
}

.theme-supreme-ember.page-home .ember-realm-brief__guard-title span + span {
    margin-top: 4px;
}

.theme-supreme-ember.page-home .ember-realm-brief__grid .ember-realm-brief__guard small {
    font-size: var(--ember-text-xs);
    letter-spacing: 0.09em;
    line-height: 1.45;
    margin-top: 14px;
    max-width: 170px;
    text-align: center;
}

.theme-supreme-ember.page-home .ember-realm-brief__gallery {
    margin-top: 52px;
    text-align: center;
}

.theme-supreme-ember.page-home .ember-realm-brief__gallery h3 {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-size: var(--ember-text-xl);
    font-weight: 400;
    margin: 0 0 22px;
}

.theme-supreme-ember.page-home .ember-realm-brief__slots {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.theme-supreme-ember.page-home .ember-realm-brief__slot {
    aspect-ratio: 16 / 9;
    background:
        repeating-linear-gradient(135deg, rgba(118, 165, 216, 0.05) 0 12px, transparent 12px 24px),
        linear-gradient(180deg, rgba(20, 16, 22, 0.9), rgba(9, 8, 12, 0.95));
    border-radius: var(--ember-radius);
    box-shadow: inset 0 0 0 1px rgba(118, 165, 216, 0.14), var(--ember-lift);
    margin: 0;
    overflow: hidden;
}

.theme-supreme-ember.page-home .ember-realm-brief__slot a,
.theme-supreme-ember.page-home .ember-realm-brief__slot img {
    display: block;
    height: 100%;
    width: 100%;
}

.theme-supreme-ember.page-home .ember-realm-brief__slot a:focus-visible {
    box-shadow: inset 0 0 0 2px var(--ember-gold-bright);
    outline: none;
}

.theme-supreme-ember.page-home .ember-realm-brief__slot img {
    filter: contrast(1.03) saturate(0.94);
    object-fit: cover;
    transition: filter 220ms ease, transform 320ms ease;
}

@media (hover: hover) and (pointer: fine) {
    .theme-supreme-ember.page-home .ember-realm-brief__slot a:hover img {
        filter: contrast(1.06) saturate(1.06);
        transform: scale(1.025);
    }
}


.theme-supreme-ember.page-home .ember-realm-brief__community {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    justify-content: center;
    margin-top: 48px;
}

.theme-supreme-ember.page-home .ember-realm-brief__community p {
    color: var(--ember-muted);
    font-family: var(--ember-body);
    font-size: var(--ember-text-md);
    line-height: 1.7;
    margin: 0;
}

@media (max-width: 900px) {
    .theme-supreme-ember.page-home .ember-realm-brief__grid,
    .theme-supreme-ember.page-home .ember-realm-brief__slots {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .theme-supreme-ember.page-home .ember-realm-brief__grid li:last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }
}


@media (max-width: 560px) {
    .theme-supreme-ember.page-home .ember-realm-brief__inner {
        padding: 54px 20px 58px;
    }

    .theme-supreme-ember.page-home .ember-realm-brief__head h2 {
        font-size: var(--ember-text-2xl);
    }

    .theme-supreme-ember.page-home .ember-realm-brief__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .theme-supreme-ember.page-home .ember-realm-brief__grid li:last-child {
        grid-column: auto;
    }

    .theme-supreme-ember.page-home .ember-realm-brief__slot img {
        transition: none;
    }
}


/* --- event / invasion timers -------------------------------------------
 * Rows are rendered by App.getEventTimes() as bare <div><span>name</span>
 * <small id="eventNN">countdown</small></div>. Styled purely by structure,
 * so no markup and no JS is touched.
 * ---------------------------------------------------------------------- */

.theme-supreme-ember.page-home .timer-list > div {
    align-items: center;
    background: linear-gradient(90deg, rgba(118, 165, 216, 0.045), transparent 62%);
    border-radius: 2px;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    padding: 11px 14px 11px 30px;
    position: relative;
    transition: background-color 0.22s ease, color 0.22s ease;
}

.theme-supreme-ember.page-home .timer-list > div::before {
    background: linear-gradient(135deg, #b4d0ee, #335e8d);
    border-radius: 1px;
    box-shadow: 0 0 8px rgba(118, 165, 216, 0.4);
    content: '';
    height: 6px;
    left: 12px;
    opacity: 0.7;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 6px;
}

.theme-supreme-ember.page-home .timer-list > div + div::after {
    background: linear-gradient(90deg, rgba(118, 165, 216, 0.18), transparent 72%);
    content: '';
    height: 1px;
    left: 12px;
    position: absolute;
    right: 12px;
    top: 0;
}

.theme-supreme-ember.page-home .timer-list > div:hover {
    background: linear-gradient(90deg, rgba(118, 165, 216, 0.1), transparent 62%);
}

.theme-supreme-ember.page-home .timer-list > div span {
    color: #ded5d3;
    font-family: var(--ember-heading);
    font-size: var(--ember-text-md);
    letter-spacing: 0.015em;
}

.theme-supreme-ember.page-home .timer-list > div small {
    color: var(--ember-gold-bright);
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    font-weight: 700;
    letter-spacing: 0.06em;
    /* Tabular figures stop the countdown from jittering every second. */
    font-variant-numeric: tabular-nums;
    font-feature-settings: 'tnum' 1;
    white-space: nowrap;
}

/* The next occurrence carries the accent. */
.theme-supreme-ember.page-home .timer-list > div:first-child {
    background: linear-gradient(90deg, rgba(52, 122, 196, 0.14), transparent 66%);
}

.theme-supreme-ember.page-home .timer-list > div:first-child::before {
    box-shadow: 0 0 12px rgba(98, 156, 218, 0.6);
    opacity: 1;
}

.theme-supreme-ember.page-home .timer-list > div:first-child span {
    color: #f6efe8;
}

.theme-supreme-ember.page-home .timer-list > div:first-child small {
    color: #bad4ef;
}

@media (prefers-reduced-motion: reduce) {
    .theme-supreme-ember.page-home .timer-list > div {
        transition: none;
    }
}


/* --- quick-access marquee: the last hairline separators on the landing --- */

.theme-supreme-ember.page-home .ember-quick-marquee a,
.theme-supreme-ember.page-home .ember-quick-marquee__group > a,
.theme-supreme-ember.page-home .ember-quick-marquee a + a {
    border-left: 0 !important;
    border-right: 0 !important;
    position: relative;
}

/* A fading gold gem replaces the table rule between entries. */
.theme-supreme-ember.page-home .ember-quick-marquee a + a::before {
    background: linear-gradient(135deg, #b4d0ee, #335e8d);
    border-radius: 1px;
    box-shadow: 0 0 7px rgba(118, 165, 216, 0.4);
    content: '';
    height: 5px;
    left: 0;
    opacity: 0.55;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 5px;
}

/* --- section divider: the same carved gold ornament as the hero --------- */

.theme-supreme-ember.page-home .ember-section-heading .ember-hero-divider,
.theme-supreme-ember.page-home .ember-game-features__accent {
    background: url('../images/ornaments/ornament-divider-skull-thin-v1.png') center / contain no-repeat;
    filter: drop-shadow(0 0 10px rgba(48, 123, 204, 0.22));
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.8;
    width: clamp(200px, 24vw, 320px);
}

.theme-supreme-ember.page-home .ember-section-heading .ember-hero-divider::before,
.theme-supreme-ember.page-home .ember-section-heading .ember-hero-divider::after,
.theme-supreme-ember.page-home .ember-section-heading .ember-hero-divider span,
.theme-supreme-ember.page-home .ember-game-features__accent::before,
.theme-supreme-ember.page-home .ember-game-features__accent::after,
.theme-supreme-ember.page-home .ember-game-features__accent span {
    display: none;
}

/* --- Master Reset card carries the realm's signature reward ------------- */

.theme-supreme-ember.page-home .ember-game-features__card--reward,
.theme-supreme-ember.page-home .ember-game-features__card.reward {
    background:
        radial-gradient(680px 260px at 18% 0, rgba(34, 88, 145, 0.2), transparent 62%),
        radial-gradient(140% 70% at 50% 0, rgba(118, 165, 216, 0.14), transparent 58%),
        linear-gradient(180deg, rgba(29, 23, 29, 0.96), rgba(11, 9, 13, 0.97));
    box-shadow:
        inset 0 1px 0 rgba(187, 212, 239, 0.16),
        0 26px 58px rgba(0, 0, 0, 0.55),
        0 0 40px rgba(46, 96, 150, 0.16);
}

.theme-supreme-ember.page-home .ember-game-features__card--reward::before,
.theme-supreme-ember.page-home .ember-game-features__card.reward::before {
    left: 6%;
    opacity: 1;
    right: 6%;
}

.theme-supreme-ember.page-home .ember-game-features__card--reward h3,
.theme-supreme-ember.page-home .ember-game-features__card.reward h3 {
    color: var(--ember-gold-bright);
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.7), 0 0 24px rgba(52, 117, 186, 0.28);
}

/* --- schedule: three columns + codex tooltip ---------------------------
 * Events / Invasions / Grand Bosses. Boss rows are static (world bosses
 * have no countdown), timer rows are produced by App.getEventTimes().
 * ---------------------------------------------------------------------- */

.theme-supreme-ember.page-home .ember-schedule-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.theme-supreme-ember.page-home .timer-list > div {
    cursor: help;
}

/* --- tooltip ------------------------------------------------------------- */

.ember-codex-tip {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background:
        radial-gradient(130% 60% at 50% 0, rgba(118, 165, 216, 0.14), transparent 58%),
        linear-gradient(180deg, rgba(18, 14, 20, 0.97), rgba(7, 6, 10, 0.98));
    border-radius: 3px;
    box-shadow:
        inset 0 1px 0 rgba(187, 212, 239, 0.2),
        0 30px 70px rgba(0, 0, 0, 0.66);
    display: none;
    max-width: 340px;
    opacity: 0;
    padding: 16px 18px 14px;
    pointer-events: none;
    position: fixed;
    transform: translateY(6px);
    transition: opacity 0.18s ease, transform 0.18s ease;
    width: max-content;
    z-index: 120;
}

.ember-codex-tip.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.ember-codex-tip.has-targets {
    max-width: 620px;
    width: min(620px, calc(100vw - 20px));
}

.ember-codex-tip::before {
    background: linear-gradient(90deg, transparent, rgba(118, 165, 216, 0.55), transparent);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.ember-codex-tip__head {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 10px;
}

.ember-codex-tip__head strong {
    color: #dce9f6;
    font-family: 'AlbertusSupreme', 'Marcellus', Georgia, serif;
    font-size: var(--ember-text-lg);
    font-weight: 400;
    letter-spacing: 0.02em;
}

.ember-codex-tip__badge {
    border-radius: 2px;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 800;
    letter-spacing: 0.16em;
    padding: 5px 9px;
    text-transform: uppercase;
    white-space: nowrap;
}

.ember-codex-tip__badge.is-normal { background: rgba(150, 160, 175, 0.18); box-shadow: inset 0 0 0 1px rgba(170, 182, 198, 0.4); color: #cfd8e3; }
.ember-codex-tip__badge.is-hard   { background: rgba(118, 165, 216, 0.18); box-shadow: inset 0 0 0 1px rgba(118, 165, 216, 0.5);  color: #b4d0ee; }
.ember-codex-tip__badge.is-elite  { background: rgba(74, 141, 212, 0.2);   box-shadow: inset 0 0 0 1px rgba(96, 155, 218, 0.55);  color: #aeccec; }
.ember-codex-tip__badge.is-mega   { background: rgba(46, 118, 194, 0.24);   box-shadow: inset 0 0 0 1px rgba(111, 164, 221, 0.6);    color: #c1d8f1; }

.ember-codex-tip p {
    color: #b9b0b1;
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    line-height: 1.65;
    margin: 0 0 12px;
}

.ember-codex-tip__targets {
    border-top: 1px solid rgba(118, 165, 216, 0.2);
    margin: 0 0 12px;
    padding-top: 10px;
}

.ember-codex-tip__targets[hidden] {
    display: none;
}

.ember-codex-tip__targets > span {
    color: #5684b6;
    display: block;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 800;
    letter-spacing: 0.16em;
    margin-bottom: 7px;
    text-transform: uppercase;
}

.ember-codex-tip__targets ul {
    display: grid;
    gap: 5px 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}

.ember-codex-tip__targets li {
    color: #ddd2c5;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    line-height: 1.4;
    padding-left: 12px;
    position: relative;
}

.ember-codex-tip__targets li::before {
    background: #4d88c8;
    box-shadow: 0 0 7px rgba(118, 165, 216, 0.45);
    content: '';
    height: 4px;
    left: 1px;
    position: absolute;
    top: 0.58em;
    transform: rotate(45deg);
    width: 4px;
}

.ember-codex-tip dl {
    display: grid;
    gap: 9px;
    margin: 0;
    position: relative;
}

.ember-codex-tip dl::before {
    background: linear-gradient(90deg, rgba(118, 165, 216, 0.3), transparent 76%);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: -4px;
}

.ember-codex-tip dl > div { padding-top: 4px; }

.ember-codex-tip dt {
    color: #8d8386;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.16em;
    margin-bottom: 3px;
    text-transform: uppercase;
}

.ember-codex-tip dd {
    color: #ded4d2;
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    line-height: 1.55;
    margin: 0;
}

@media (max-width: 1024px) {
    .theme-supreme-ember.page-home .ember-schedule-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 680px) {
    .theme-supreme-ember.page-home .ember-schedule-grid {
        grid-template-columns: 1fr;
    }

    .ember-codex-tip { max-width: calc(100vw - 24px); }

    .ember-codex-tip.has-targets {
        max-width: calc(100vw - 20px);
        padding: 14px;
    }

    .ember-codex-tip__targets ul {
        gap: 4px 12px;
    }

    .ember-codex-tip__targets li {
        font-size: var(--ember-text-xs);
        padding-left: 10px;
    }
}


@media (prefers-reduced-motion: reduce) {
    .ember-codex-tip,
    .theme-supreme-ember.page-home .ember-boss {
        transition: none;
    }
}


/* --- font consistency: every heading on the landing is Albertus --------
 * Audit found three exceptions: the hero H1 shell, the Game Features
 * section heading and the countdown label. The first two are fixed here
 * with matching specificity; the countdown label stays in the body face
 * because it is an eyebrow, not a section title.
 * ---------------------------------------------------------------------- */

.theme-supreme-ember.page-home h1.headerInfo-title,
.theme-supreme-ember.page-home .ember-game-features .ember-game-features__heading,
.theme-supreme-ember.page-home .ember-game-features__content .ember-game-features__heading,
.theme-supreme-ember.page-home .ember-news .ember-news-heading h2,
.theme-supreme-ember.page-home .ember-section-heading h2 {
    font-family: var(--ember-heading) !important;
}

/* Mobile performance profile: keep the artwork, remove decorative motion. */
@media (max-width: 720px) {
    html.is-mobile-effects-off body.theme-supreme-ember,
    html.is-mobile-effects-off body.theme-supreme-ember::before,
    html.is-mobile-effects-off body.theme-supreme-ember::after,
    html.is-mobile-effects-off body.theme-supreme-ember *,
    html.is-mobile-effects-off body.theme-supreme-ember *::before,
    html.is-mobile-effects-off body.theme-supreme-ember *::after {
        animation: none !important;
    }

    .theme-supreme-ember.page-home .ember-canvas,
    .theme-supreme-ember.page-home .ember-hero-clouds,
    .theme-supreme-ember.page-home .ember-hero-rays,
    .theme-supreme-ember.page-home .ember-hero-glow,
    .theme-supreme-ember.page-home .ember-hero-flash,
    .theme-supreme-ember.page-home .ember-castle-flare,
    .theme-supreme-ember.page-home .ember-play-sparks,
    .theme-supreme-ember.page-home .smoke {
        display: none !important;
    }

    .theme-supreme-ember.page-home .ember-hero-stage,
    .theme-supreme-ember.page-home .ember-hero-base {
        transition: none !important;
        will-change: auto !important;
    }

    .theme-supreme-ember.page-home .ember-hero-base:not(.is-active) {
        background-image: none !important;
        display: none !important;
    }

    .theme-supreme-ember.page-home .headerInfo-button .ember-play-button::before,
    .theme-supreme-ember.page-home .headerInfo-button .ember-play-button::after {
        display: none !important;
    }

    .theme-supreme-ember.page-home [data-ember-reveal] {
        filter: none !important;
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}


/* --- static landing hero ----------------------------------------------
 * Keep the artwork, countdown and live ladder, but remove the decorative
 * canvas, lightning, parallax and background rotation from the first screen.
 * The same rule is global so desktop and mobile use one predictable profile.
 * ---------------------------------------------------------------------- */

.theme-supreme-ember.page-home .ember-hero-clouds,
.theme-supreme-ember.page-home .ember-castle-flare,
.theme-supreme-ember.page-home .ember-canvas,
.theme-supreme-ember.page-home .ember-hero-glow,
.theme-supreme-ember.page-home .ember-hero-rays,
.theme-supreme-ember.page-home .ember-hero-flash,
.theme-supreme-ember.page-home .ember-play-sparks,
.theme-supreme-ember.page-home .smoke {
    display: none !important;
}

.theme-supreme-ember.page-home .ember-hero * {
    animation: none !important;
}

.theme-supreme-ember.page-home .ember-hero-base {
    display: none;
    opacity: 0;
    transition: none !important;
    will-change: auto !important;
}

.theme-supreme-ember.page-home .ember-hero-base--gates.is-active {
    background-image: url('../images/ember/hero-gates-desktop-4k-v1.webp');
    display: block;
    opacity: 1;
}

@media (max-width: 720px) {
    .theme-supreme-ember.page-home .ember-hero-base--gates.is-active {
        background-image: url('../images/ember/hero-gates-mobile-4k-v1.webp');
    }
}


/* Keep the countdown and ladder content, but remove their decorative cards. */
.theme-supreme-ember.page-home .ember-launch-countdown__clock > span {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}

.theme-supreme-ember.page-home .ember-launch-countdown__clock > span::before {
    display: none;
}

/* Final hero typography pass: static, compact and readable over the artwork. */
.theme-supreme-ember.page-home .ember-launch-countdown__clock b,
.theme-supreme-ember.page-home .ember-launch-countdown__clock small,
.theme-supreme-ember.page-home .ember-launch-countdown__stamp {
    text-shadow:
        0 3px 14px rgba(0, 0, 0, 0.94),
        0 0 18px rgba(118, 165, 216, 0.18);
}

.theme-supreme-ember.page-home .headerInfo-text {
    gap: 6px;
    margin-top: 15px;
}

.theme-supreme-ember.page-home .ember-launch-countdown {
    margin-top: 27px;
    max-width: 390px;
}

.theme-supreme-ember.page-home .ember-launch-countdown > #ember-launch-countdown-title {
    color: #83b1e2;
    font-size: var(--ember-text-xs);
    font-weight: 900;
    letter-spacing: 0;
    margin-bottom: 16px;
    text-shadow:
        0 3px 12px rgba(0, 0, 0, 0.94),
        0 0 16px rgba(108, 163, 221, 0.3);
}

.theme-supreme-ember.page-home .ember-launch-countdown__clock {
    display: grid;
    gap: 15px;
    grid-template-columns: repeat(4, 58px);
    justify-content: center;
    margin: 0 auto;
    max-width: 100%;
    width: max-content;
}

.theme-supreme-ember.page-home .ember-launch-countdown__clock > span {
    align-items: center;
    display: grid;
    flex: 0 0 58px;
    gap: 2px;
    max-width: 58px;
    padding: 0;
    width: 58px;
}

.theme-supreme-ember.page-home .ember-launch-countdown__clock b {
    color: #e8f0f9;
    font-family: var(--home-heading, var(--ember-heading));
    font-size: var(--ember-text-3xl);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 0.95;
}

.theme-supreme-ember.page-home .ember-launch-countdown__clock small {
    color: #eee2d7;
    font-size: var(--ember-text-xs);
    font-weight: 900;
    letter-spacing: 0;
}

.theme-supreme-ember.page-home .ember-launch-countdown__stamp {
    color: #95bce6;
    font-size: var(--ember-text-xs);
    letter-spacing: 0;
    margin-top: 22px;
}

@media (max-width: 560px) {
    .theme-supreme-ember.page-home .ember-launch-countdown {
        max-width: 300px;
    }

    .theme-supreme-ember.page-home .ember-launch-countdown__clock {
        gap: 10px;
        grid-template-columns: repeat(4, 50px);
    }

    .theme-supreme-ember.page-home .ember-launch-countdown__clock > span {
        flex-basis: 50px;
        max-width: 50px;
        width: 50px;
    }

    .theme-supreme-ember.page-home .ember-launch-countdown__clock b {
        font-size: var(--ember-text-2xl);
    }
}


/* Homepage starter gift dialog. */
.theme-supreme-ember.page-home.is-starter-gift-open {
    overflow: hidden;
}

.theme-supreme-ember.page-home .ember-starter-gift {
    background: #0b090b;
    border: 1px solid rgba(118, 165, 216, 0.58);
    border-radius: 6px;
    box-shadow:
        inset 0 1px 0 rgba(219, 233, 247, 0.08),
        0 30px 90px rgba(0, 0, 0, 0.82),
        0 0 46px rgba(43, 99, 158, 0.14);
    color: #eee8df;
    margin: auto;
    max-height: calc(100vh - 32px);
    max-width: 760px;
    overflow: auto;
    padding: 0;
    position: fixed;
    inset: 0;
    width: calc(100vw - 32px);
}

.theme-supreme-ember.page-home .ember-starter-gift[open] {
    animation: emberStarterGiftEnter 180ms cubic-bezier(0.2, 0.72, 0.2, 1) both;
}

.theme-supreme-ember.page-home .ember-starter-gift::backdrop {
    background: rgba(3, 2, 4, 0.84);
}

.theme-supreme-ember.page-home .ember-starter-gift__layout {
    display: grid;
    grid-template-columns: minmax(250px, 300px) minmax(0, 1fr);
    min-height: 420px;
    position: relative;
}

.theme-supreme-ember.page-home .ember-starter-gift__close {
    align-items: center;
    background: rgba(7, 6, 7, 0.86);
    border: 1px solid rgba(118, 165, 216, 0.4);
    border-radius: 50%;
    color: #b3cde9;
    display: inline-flex;
    font-size: var(--ember-text-md);
    height: 40px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 14px;
    top: 14px;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
    width: 40px;
    z-index: 2;
}

.theme-supreme-ember.page-home .ember-starter-gift__close:hover,
.theme-supreme-ember.page-home .ember-starter-gift__close:focus-visible {
    background: #171217;
    border-color: rgba(180, 208, 238, 0.86);
    color: #ebf2fa;
    outline: 0;
}

.theme-supreme-ember.page-home .ember-starter-gift__close:focus-visible {
    box-shadow: 0 0 0 3px rgba(118, 165, 216, 0.22);
}

.theme-supreme-ember.page-home .ember-starter-gift__media {
    align-items: center;
    background: #050607;
    border-right: 1px solid rgba(118, 165, 216, 0.18);
    display: flex;
    justify-content: center;
    margin: 0;
    min-width: 0;
    padding: 20px;
}

.theme-supreme-ember.page-home .ember-starter-gift__media img {
    display: block;
    height: auto;
    max-height: 380px;
    max-width: 100%;
    object-fit: contain;
    width: auto;
}

.theme-supreme-ember.page-home .ember-starter-gift__content {
    align-self: center;
    min-width: 0;
    padding: 42px 42px 36px;
}

.theme-supreme-ember.page-home .ember-starter-gift__eyebrow {
    color: var(--home-gold);
    font-family: var(--home-body);
    font-size: var(--ember-text-xs);
    font-weight: 800;
    letter-spacing: 0.14em;
    margin: 0 48px 10px 0;
    text-transform: uppercase;
}

.theme-supreme-ember.page-home .ember-starter-gift h2 {
    color: #ebf2fa;
    font-family: var(--home-heading);
    font-size: clamp(28px, 3.1vw, 38px);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.08;
    margin: 0 0 14px;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.82);
}

.theme-supreme-ember.page-home .ember-starter-gift__intro {
    color: #bdb5b1;
    font-size: var(--ember-text-md);
    line-height: 1.6;
    margin: 0 0 18px;
}

.theme-supreme-ember.page-home .ember-starter-gift__rewards {
    border-bottom: 1px solid rgba(118, 165, 216, 0.16);
    border-top: 1px solid rgba(118, 165, 216, 0.16);
    list-style: none;
    margin: 0 0 24px;
    padding: 0;
}

.theme-supreme-ember.page-home .ember-starter-gift__rewards li {
    align-items: baseline;
    color: #eee8df;
    display: flex;
    gap: 10px;
    min-height: 47px;
    padding: 13px 0;
}

.theme-supreme-ember.page-home .ember-starter-gift__rewards li + li {
    border-top: 1px solid rgba(118, 165, 216, 0.1);
}

.theme-supreme-ember.page-home .ember-starter-gift__rewards b {
    color: var(--home-gold-bright);
    flex: 0 0 22px;
    font-family: var(--home-heading);
    font-size: var(--ember-text-lg);
    font-weight: 400;
    line-height: 1;
    text-align: center;
}

.theme-supreme-ember.page-home .ember-starter-gift__rewards strong {
    font-size: var(--ember-text-md);
    font-weight: 600;
    letter-spacing: 0;
}

.theme-supreme-ember.page-home .ember-starter-gift__actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.theme-supreme-ember.page-home .ember-starter-gift__actions .ember-cta {
    min-height: 50px;
    padding: 13px 22px;
}

.theme-supreme-ember.page-home .ember-starter-gift__download {
    color: #bdcad8;
    font-size: var(--ember-text-sm);
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.theme-supreme-ember.page-home .ember-starter-gift__download i {
    color: var(--home-gold);
    margin-left: 5px;
}

.theme-supreme-ember.page-home .ember-starter-gift__download:hover,
.theme-supreme-ember.page-home .ember-starter-gift__download:focus-visible {
    color: #ebf2fa;
    outline: 0;
}

@keyframes emberStarterGiftEnter {
    from {
        opacity: 0;
        transform: translateY(10px) scale(0.985);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 620px) {
    .theme-supreme-ember.page-home .ember-starter-gift {
        max-height: calc(100vh - 24px);
        width: calc(100vw - 24px);
    }

    .theme-supreme-ember.page-home .ember-starter-gift__layout {
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
    }

    .theme-supreme-ember.page-home .ember-starter-gift__media {
        border-bottom: 1px solid rgba(118, 165, 216, 0.18);
        border-right: 0;
        max-height: 226px;
        padding: 16px 54px 14px;
    }

    .theme-supreme-ember.page-home .ember-starter-gift__media img {
        max-height: 196px;
    }

    .theme-supreme-ember.page-home .ember-starter-gift__content {
        padding: 25px 24px 24px;
    }

    .theme-supreme-ember.page-home .ember-starter-gift h2 {
        font-size: var(--ember-text-2xl);
    }

    .theme-supreme-ember.page-home .ember-starter-gift__intro {
        margin-bottom: 14px;
    }

    .theme-supreme-ember.page-home .ember-starter-gift__rewards {
        margin-bottom: 20px;
    }

    .theme-supreme-ember.page-home .ember-starter-gift__rewards li {
        min-height: 43px;
        padding: 11px 0;
    }

    .theme-supreme-ember.page-home .ember-starter-gift__actions {
        align-items: stretch;
        flex-direction: column;
        gap: 13px;
    }

    .theme-supreme-ember.page-home .ember-starter-gift__actions .ember-cta {
        width: 100%;
    }

    .theme-supreme-ember.page-home .ember-starter-gift__download {
        align-self: center;
        padding: 6px;
    }
}


@media (max-height: 700px) and (max-width: 620px) {
    .theme-supreme-ember.page-home .ember-starter-gift__media {
        max-height: 166px;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .theme-supreme-ember.page-home .ember-starter-gift__media img {
        max-height: 146px;
    }
}


@media (prefers-reduced-motion: reduce) {
    .theme-supreme-ember.page-home .ember-starter-gift[open] {
        animation: none;
    }

    .theme-supreme-ember.page-home .ember-starter-gift__close {
        transition: none;
    }
}

/* --- source: assets/supreme_ember/css/ember-hero.css --- */
/*
 * Hero components for the MU Supreme landing page.
 *
 * Consolidated 2026-08-12 from ember-landing.css (81 rules) and
 * ember-home-premium.css (15 rules), which had been styling the same
 * components in parallel - 15 selectors were defined in both files, with
 * home-premium silently winning every tie on bundle order.
 *
 * Order within this file is the original bundle order: everything that came
 * from ember-landing.css first, then the ember-home-premium.css layer, so the
 * cascade result is unchanged. Grouped selectors that mixed hero with other
 * components (.ember-cta, .ember-launch-countdown__*) were partitioned - only
 * the hero halves moved here.
 *
 * Loaded after ember-home-premium.css in build_supreme_ember_css.ps1.
 */

/* ------------------------------------------------------------------ *
 * Layer 1 - from ember-landing.css
 * ------------------------------------------------------------------ */


.theme-supreme-ember.page-home .ember-hero-ladder {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    background:
        radial-gradient(130% 60% at 50% 0, rgba(118, 165, 216, 0.12), transparent 58%),
        linear-gradient(180deg, rgba(16, 13, 18, 0.82), rgba(8, 7, 11, 0.88));
    border: 0;
    border-radius: var(--home-radius);
    box-shadow: var(--home-lift);
    margin: 30px auto 0;
    max-width: 480px;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 100%;
}

.theme-supreme-ember.page-home .ember-hero-ladder::before {
    background: linear-gradient(90deg, transparent, rgba(118, 165, 216, 0.55), transparent);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

/* Dark board: carved header, centred title, gold rule beneath. */
.theme-supreme-ember.page-home .ember-hero-ladder__head {
    align-items: center;
    background: linear-gradient(180deg, rgba(118, 165, 216, 0.1), transparent 88%);
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    padding: 20px 22px 16px;
    position: relative;
    text-align: center;
}

.theme-supreme-ember.page-home .ember-hero-ladder__head::after {
    background: linear-gradient(90deg, transparent, rgba(118, 165, 216, 0.42), transparent);
    bottom: 0;
    content: '';
    height: 1px;
    left: 12%;
    position: absolute;
    right: 12%;
}

.theme-supreme-ember.page-home .ember-hero-ladder__head h2 {
    color: #dce9f6;
    font-family: var(--home-heading);
    font-size: var(--ember-text-xl);
    font-weight: 400;
    margin: 0;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.8), 0 0 26px rgba(52, 117, 186, 0.32);
}

.theme-supreme-ember.page-home .ember-hero-ladder__head a {
    color: var(--home-gold);
    font-family: var(--home-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    transition: color 0.2s ease;
    white-space: nowrap;
}

.theme-supreme-ember.page-home .ember-hero-ladder__head a:hover,
.theme-supreme-ember.page-home .ember-hero-ladder__head a:focus-visible {
    color: var(--home-gold-bright);
    outline: 0;
}

.theme-supreme-ember.page-home .ember-hero-ladder__list {
    list-style: none;
    margin: 0;
    padding: 0 22px 18px;
}

.theme-supreme-ember.page-home .ember-hero-ladder__list li {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    padding: 11px 0;
    position: relative;
}

.theme-supreme-ember.page-home .ember-hero-ladder__list li + li::before {
    background: linear-gradient(90deg, rgba(118, 165, 216, 0.26), transparent 72%);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.theme-supreme-ember.page-home .ember-hero-ladder__rank {
    align-items: center;
    display: grid;
    height: 48px;
    isolation: isolate;
    justify-content: center;
    position: relative;
    width: 48px;
}

.theme-supreme-ember.page-home .ember-hero-ladder__rank img {
    filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.95));
    grid-area: 1 / 1;
    height: 46px;
    object-fit: contain;
    position: relative;
    transform: translateY(-1px);
    width: 46px;
    z-index: 2;
}

.theme-supreme-ember.page-home .ember-hero-ladder__rank--2 img {
    filter: grayscale(0.78) brightness(1.2) drop-shadow(0 3px 4px rgba(0, 0, 0, 0.95));
}

.theme-supreme-ember.page-home .ember-hero-ladder__rank--3 img {
    filter: sepia(0.58) saturate(0.9) brightness(0.9) drop-shadow(0 3px 4px rgba(0, 0, 0, 0.95));
}

.theme-supreme-ember.page-home .ember-hero-ladder__rank--4 img,
.theme-supreme-ember.page-home .ember-hero-ladder__rank--5 img {
    filter: grayscale(0.55) brightness(0.72) drop-shadow(0 3px 4px rgba(0, 0, 0, 0.95));
}

.theme-supreme-ember.page-home .ember-hero-ladder__player {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.theme-supreme-ember.page-home .ember-hero-ladder__player strong {
    color: #f2ebe4;
    font-family: var(--home-heading);
    font-size: var(--ember-text-lg);
    font-weight: 400;
    letter-spacing: 0.015em;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.theme-supreme-ember.page-home .ember-hero-ladder__list li:first-child .ember-hero-ladder__player > strong {
    color: #6ca3dd;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.84), 0 0 12px rgba(108, 163, 221, 0.18);
}

.theme-supreme-ember.page-home .ember-hero-ladder__list li:nth-child(2) .ember-hero-ladder__player > strong {
    color: #d5d9db;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.84);
}

.theme-supreme-ember.page-home .ember-hero-ladder__list li:nth-child(3) .ember-hero-ladder__player > strong {
    color: #598fc9;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.84);
}

.theme-supreme-ember.page-home .ember-hero-ladder__player small {
    color: var(--home-faint);
    font-family: var(--home-body);
    font-size: var(--ember-text-xs);
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.theme-supreme-ember.page-home .ember-hero-ladder__score {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.theme-supreme-ember.page-home .ember-hero-ladder__score b {
    color: var(--home-gold-bright);
    font-family: var(--home-heading);
    font-size: var(--ember-text-xl);
    font-weight: 400;
    line-height: 1;
}

.theme-supreme-ember.page-home .ember-hero-ladder__score small {
    color: var(--home-faint);
    font-family: var(--home-body);
    font-size: var(--ember-text-xs);
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.theme-supreme-ember.page-home .ember-hero-ladder__empty {
    color: var(--home-muted);
    font-family: var(--home-body);
    font-size: var(--ember-text-md);
    line-height: 1.7;
    margin: 0;
    padding: 6px 24px 30px;
}

/* -------------------------------------------------------- responsive */

@media (max-width: 1024px) {
    .theme-supreme-ember.page-home .ember-hero-ladder {
        max-width: 440px;
    }
}


@media (max-width: 720px) {
    .theme-supreme-ember.page-home .ember-hero-ladder {
        margin-top: 22px;
        max-width: 100%;
    }

    .theme-supreme-ember.page-home .ember-hero-ladder__head,
    .theme-supreme-ember.page-home .ember-hero-ladder__list {
        padding-left: 18px;
        padding-right: 18px;
    }
}


@media (prefers-reduced-motion: reduce) {
    .theme-supreme-ember.page-home .ember-hero-links a,
.theme-supreme-ember.page-home .ember-hero-links i {
        transition: none;
    }

    .theme-supreme-ember.page-home .ember-hero-links a:hover,
.theme-supreme-ember.page-home .ember-hero-links a:hover i {
        transform: none;
    }
}


/* --- ladder board: darker, carved, centred ------------------------------ */

.theme-supreme-ember.page-home .ember-hero-ladder {
    background:
        radial-gradient(140% 70% at 50% 0, rgba(118, 165, 216, 0.14), transparent 58%),
        repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.012) 0 2px, transparent 2px 5px),
        linear-gradient(180deg, rgba(12, 10, 15, 0.9), rgba(5, 4, 7, 0.94));
    box-shadow:
        inset 0 1px 0 rgba(187, 212, 239, 0.16),
        inset 0 0 44px rgba(0, 0, 0, 0.6),
        0 26px 60px rgba(0, 0, 0, 0.62);
}

.theme-supreme-ember.page-home .ember-hero-ladder__head a {
    color: var(--home-gold);
    font-size: var(--ember-text-xs);
    letter-spacing: 0.18em;
    opacity: 0.85;
}

.theme-supreme-ember.page-home .ember-hero-ladder__empty {
    color: #a9a0a1;
    font-family: var(--home-body);
    font-size: var(--ember-text-sm);
    font-style: italic;
    letter-spacing: 0.02em;
    line-height: 1.7;
    padding: 22px 24px 26px;
    text-align: center;
}

/* --- static hero copy -------------------------------------------------- */

.theme-supreme-ember.page-home .ember-hero-links a {
    text-shadow:
        0 3px 14px rgba(0, 0, 0, 0.9),
        0 0 18px rgba(118, 165, 216, 0.1);
}

.theme-supreme-ember.page-home .ember-hero-links {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 14px 28px;
    justify-content: center;
    margin-top: 22px;
}.theme-supreme-ember.page-home .ember-hero-links a {
    align-items: center;
    color: #f7eee4;
    display: inline-flex;
    font-family: var(--home-body);
    font-size: var(--ember-text-sm);
    font-weight: 700;
    gap: 9px;
    line-height: 1.4;
    padding: 5px 2px 6px;
    text-decoration: none;
    transition: color 0.2s ease, text-shadow 0.2s ease, transform 0.2s ease;
}

.theme-supreme-ember.page-home .ember-hero-links a:hover,
.theme-supreme-ember.page-home .ember-hero-links a:focus-visible {
    color: var(--home-gold-bright);
    text-decoration: none;
    text-shadow: 0 3px 14px rgba(0, 0, 0, 0.9), 0 0 16px rgba(118, 165, 216, 0.2);
    transform: translateY(-1px);
}

.theme-supreme-ember.page-home .ember-hero-links a:hover {
    outline: 0;
}

.theme-supreme-ember.page-home .ember-hero-links a:focus-visible {
    outline: 1px solid rgba(128, 175, 225, 0.86);
    outline-offset: 4px;
}

.theme-supreme-ember.page-home .ember-hero-links i {
    color: var(--home-gold);
    font-size: var(--ember-text-sm);
    line-height: 1;
    text-align: center;
    transition: color 0.2s ease, transform 0.2s ease;
    width: 14px;
}

.theme-supreme-ember.page-home .ember-hero-links a:hover i,
.theme-supreme-ember.page-home .ember-hero-links a:focus-visible i {
    color: var(--home-gold-bright);
    transform: translateY(-1px);
}

.theme-supreme-ember.page-home .ember-hero-upcoming {
    margin: 18px auto 0;
    max-width: 960px;
    padding: 15px 0 14px;
    position: relative;
    text-align: left;
    width: 100%;
}

.theme-supreme-ember.page-home .ember-hero-upcoming::before,
.theme-supreme-ember.page-home .ember-hero-upcoming::after {
    background: linear-gradient(90deg, transparent, rgba(118, 165, 216, 0.38) 18%, rgba(118, 165, 216, 0.38) 82%, transparent);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
}

.theme-supreme-ember.page-home .ember-hero-upcoming::before {
    top: 0;
}

.theme-supreme-ember.page-home .ember-hero-upcoming::after {
    bottom: 0;
    opacity: 0.52;
}

.theme-supreme-ember.page-home .ember-hero-upcoming__head {
    align-items: baseline;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin: 0 14px 9px;
}

.theme-supreme-ember.page-home .ember-hero-upcoming__head h2 {
    color: #f1e9de;
    font-family: var(--home-heading);
    font-size: var(--ember-text-lg);
    font-weight: 400;
    line-height: 1.25;
    margin: 0;
    text-shadow: 0 3px 14px rgba(0, 0, 0, 0.92), 0 0 18px rgba(118, 165, 216, 0.1);
}

.theme-supreme-ember.page-home .ember-hero-upcoming__head p {
    color: #bdb3af;
    font-family: var(--home-body);
    font-size: var(--ember-text-xs);
    font-weight: 600;
    letter-spacing: 0.055em;
    line-height: 1.4;
    margin: 0;
    text-transform: uppercase;
    white-space: nowrap;
}

.theme-supreme-ember.page-home .ember-hero-upcoming__head strong {
    color: #7ba8d9;
    font-weight: 700;
}

.theme-supreme-ember.page-home .ember-hero-upcoming__list {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}

.theme-supreme-ember.page-home .ember-hero-upcoming__item {
    align-content: center;
    display: grid;
    gap: 5px 8px;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    min-height: 62px;
    min-width: 0;
    padding: 8px 10px;
    position: relative;
}

.theme-supreme-ember.page-home .ember-hero-upcoming__item + .ember-hero-upcoming__item {
    border-left: 1px solid rgba(118, 165, 216, 0.16);
}

.theme-supreme-ember.page-home .ember-hero-upcoming__item.is-next {
    background: linear-gradient(180deg, rgba(118, 165, 216, 0.075), transparent 88%);
}

.theme-supreme-ember.page-home .ember-hero-upcoming__type {
    color: #6595c8;
    font-family: var(--home-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    grid-column: 1;
    grid-row: 1;
    letter-spacing: 0.08em;
    line-height: 1.25;
    text-transform: uppercase;
}

.theme-supreme-ember.page-home .ember-hero-upcoming__item--invasion .ember-hero-upcoming__type {
    color: #6a98c9;
}

.theme-supreme-ember.page-home .ember-hero-upcoming__name {
    color: #f1e9de;
    font-family: var(--home-heading);
    font-size: var(--ember-text-sm);
    font-weight: 400;
    grid-column: 1;
    grid-row: 2;
    letter-spacing: 0.01em;
    line-height: 1.2;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.9);
    white-space: nowrap;
}

.theme-supreme-ember.page-home .ember-hero-upcoming__item.is-next .ember-hero-upcoming__name {
    color: #ddeaf7;
    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.92), 0 0 14px rgba(118, 165, 216, 0.18);
}

.theme-supreme-ember.page-home .ember-hero-upcoming__time,
.theme-supreme-ember.page-home .ember-hero-upcoming__countdown {
    font-family: var(--home-body);
    font-size: var(--ember-text-xs);
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.2;
    white-space: nowrap;
}

.theme-supreme-ember.page-home .ember-hero-upcoming__time {
    color: #70a2d8;
    grid-column: 2;
    grid-row: 2;
    text-align: right;
}

.theme-supreme-ember.page-home .ember-hero-upcoming__countdown {
    color: #c5bdba;
    grid-column: 2;
    grid-row: 1;
    min-width: 46px;
    text-align: right;
}

.theme-supreme-ember.page-home .ember-hero-upcoming__empty {
    color: #bdb3af;
    font-family: var(--home-body);
    font-size: var(--ember-text-xs);
    margin: 12px 14px 4px;
    text-align: center;
}

.theme-supreme-ember.page-home .ember-hero-upcoming + .ember-hero-ladder {
    margin-top: 20px;
}

@media (max-width: 560px) {
    .theme-supreme-ember.page-home .ember-hero-links {
        gap: 12px 20px;
        margin-top: 20px;
    }

    .theme-supreme-ember.page-home .ember-hero-links a {
        font-size: var(--ember-text-xs);
        letter-spacing: 0.04em;
    }
}


@media (min-width: 721px) and (max-width: 1024px) {
    .theme-supreme-ember.page-home .ember-hero-upcoming__item {
        gap: 4px 6px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .theme-supreme-ember.page-home .ember-hero-upcoming__name {
        font-size: var(--ember-text-sm);
    }

    .theme-supreme-ember.page-home .ember-hero-upcoming__time,
    .theme-supreme-ember.page-home .ember-hero-upcoming__countdown {
        font-size: var(--ember-text-xs);
    }
}


@media (max-width: 720px) {
    .theme-supreme-ember.page-home .ember-hero-upcoming {
        margin-top: 16px;
        max-width: 430px;
        padding-bottom: 10px;
        padding-top: 13px;
    }

    .theme-supreme-ember.page-home .ember-hero-upcoming__head {
        gap: 10px;
        margin: 0 4px 7px;
    }

    .theme-supreme-ember.page-home .ember-hero-upcoming__head h2 {
        font-size: var(--ember-text-md);
        letter-spacing: 0.025em;
    }

    .theme-supreme-ember.page-home .ember-hero-upcoming__head p {
        font-size: var(--ember-text-xs);
        letter-spacing: 0.035em;
    }

    .theme-supreme-ember.page-home .ember-hero-upcoming__list {
        display: block;
    }

    .theme-supreme-ember.page-home .ember-hero-upcoming__item {
        align-items: center;
        gap: 6px;
        grid-template-columns: 62px minmax(0, 1fr) 38px 62px;
        grid-template-rows: auto;
        min-height: 42px;
        padding: 6px 4px;
    }

    .theme-supreme-ember.page-home .ember-hero-upcoming__item + .ember-hero-upcoming__item {
        border-left: 0;
        border-top: 1px solid rgba(118, 165, 216, 0.14);
    }

    .theme-supreme-ember.page-home .ember-hero-upcoming__item.is-next {
        background: linear-gradient(90deg, rgba(118, 165, 216, 0.08), transparent 76%);
    }

    .theme-supreme-ember.page-home .ember-hero-upcoming__type,
    .theme-supreme-ember.page-home .ember-hero-upcoming__name,
    .theme-supreme-ember.page-home .ember-hero-upcoming__time,
    .theme-supreme-ember.page-home .ember-hero-upcoming__countdown {
        grid-column: auto;
        grid-row: auto;
        min-height: 0;
    }

    .theme-supreme-ember.page-home .ember-hero-upcoming__type {
        font-size: var(--ember-text-xs);
        letter-spacing: 0.055em;
    }

    .theme-supreme-ember.page-home .ember-hero-upcoming__name {
        font-size: var(--ember-text-sm);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .theme-supreme-ember.page-home .ember-hero-upcoming__time,
    .theme-supreme-ember.page-home .ember-hero-upcoming__countdown {
        font-size: var(--ember-text-xs);
    }

    .theme-supreme-ember.page-home .ember-hero-upcoming__countdown {
        min-width: 64px;
    }

    .theme-supreme-ember.page-home .ember-hero-upcoming + .ember-hero-ladder {
        margin-top: 17px;
    }
}

/* ------------------------------------------------------------------ *
 * Layer 2 - from ember-home-premium.css (overrides layer 1)
 * ------------------------------------------------------------------ */


.theme-supreme-ember.page-home .ember-hero-ladder::before,
.theme-supreme-ember.page-home .ember-hero-ladder__head::after {
    display: none;
}

.theme-supreme-ember.page-home .ember-hero-ladder {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    margin: 28px auto 0;
    max-width: 500px;
    overflow: visible;
}

.theme-supreme-ember.page-home .ember-hero-ladder__head {
    background: transparent;
    gap: 5px;
    padding: 14px 20px 11px;
}

.theme-supreme-ember.page-home .ember-hero-ladder__head h2 {
    color: #f1e9de;
    font-size: var(--ember-text-xl);
    letter-spacing: 0.055em;
    line-height: 1.2;
    text-shadow: 0 4px 16px rgba(0, 0, 0, 0.88);
}

.theme-supreme-ember.page-home .ember-hero-ladder__head a {
    color: #6fa0d4;
    letter-spacing: 0.08em;
    opacity: 1;
}

.theme-supreme-ember.page-home .ember-hero-ladder__list {
    padding: 0 20px 10px;
}

.theme-supreme-ember.page-home .ember-hero-ladder__list li {
    gap: 12px;
    grid-template-columns: 42px minmax(0, 1fr) minmax(86px, auto);
    min-height: 58px;
    padding: 8px 0;
}

.theme-supreme-ember.page-home .ember-hero-ladder__rank {
    height: 42px;
    width: 42px;
}

.theme-supreme-ember.page-home .ember-hero-ladder__rank img {
    height: 40px;
    width: 40px;
}

.theme-supreme-ember.page-home .ember-hero-ladder__player strong {
    font-size: var(--ember-text-md);
    line-height: 1.2;
    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.86);
}

.theme-supreme-ember.page-home .ember-hero-ladder__player small,
.theme-supreme-ember.page-home .ember-hero-ladder__score small {
    color: #c3b9b5;
    letter-spacing: 0.075em;
    line-height: 1.25;
}

.theme-supreme-ember.page-home .ember-hero-ladder__score {
    min-width: 86px;
}

.theme-supreme-ember.page-home .ember-hero-ladder__score b {
    font-size: var(--ember-text-lg);
}

.theme-supreme-ember.page-home .ember-hero-ladder__empty {
    color: #c7beba;
    font-size: var(--ember-text-sm);
    font-style: normal;
    line-height: 1.55;
    padding: 12px 20px 16px;
    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.86);
}

/* Final hero typography pass: static, compact and readable over the artwork. */
.theme-supreme-ember.page-home .ember-hero-links a {
    text-shadow:
        0 3px 14px rgba(0, 0, 0, 0.94),
        0 0 18px rgba(118, 165, 216, 0.18);
}
/* ------------------------------------------------------------------ *
 * Side rails
 *
 * The schedule used to be one horizontal strip: repeat(5, minmax(0, 1fr))
 * inside a 960px box, so about 190px per cell for a type label, a name, a
 * time and a countdown. Longer names ("New Year Invasion") were clipped.
 *
 * It is now two rails - Events and Invasions - parked either side of the
 * hero copy. Both keep the .ember-hero-upcoming base class, so the existing
 * styling still applies and only the vertical arrangement is overridden.
 *
 * .ember-hero-copy is already position:absolute, so the rails position
 * against it and the hero's own layout is untouched.
 *
 * Geometry. The copy box on the home page is 960px wide - ember-home.css
 * declares max-width 820px but the landing layer raises it, so measure rather
 * than trust that number. That leaves (100vw - 960px) / 2 a side. A rail needs
 * its own width plus the gap to fit inside that, which 1440px does not give:
 * it leaves 240px against the 271px a rail wants, and the rail lands at
 * left: -39px. 1600px leaves 320px against 296px, so that is the breakpoint.
 *
 * The width also carries a hard cap on the space actually available, so if the
 * copy box is ever widened again the rails narrow instead of sliding off the
 * screen. Belt and braces: at 1600px and up the clamp is what applies.
 *
 * Below the breakpoint the rails fall back to in-flow strips - same markup,
 * no duplicated DOM.
 * ------------------------------------------------------------------ */

@media (min-width: 1600px) {
    /* Let the rails position against .ember-hero-copy, not the wrapper. */
    .theme-supreme-ember.page-home .ember-hero-rails {
        display: contents;
    }

    .theme-supreme-ember.page-home .ember-hero-rail {
        margin: 0;
        max-width: none;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: min(
            clamp(228px, 15.5vw, 276px),
            calc((100vw - 960px) / 2 - clamp(28px, 3vw, 72px))
        );
    }

    .theme-supreme-ember.page-home .ember-hero-rail--events {
        right: calc(100% + clamp(28px, 3vw, 72px));
    }

    .theme-supreme-ember.page-home .ember-hero-rail--invasions {
        left: calc(100% + clamp(28px, 3vw, 72px));
    }

    /* One column instead of five - the point of the whole change. */
    .theme-supreme-ember.page-home .ember-hero-rail .ember-hero-upcoming__list {
        grid-template-columns: minmax(0, 1fr);
    }

    .theme-supreme-ember.page-home .ember-hero-rail .ember-hero-upcoming__item {
        min-height: 0;
        padding: 9px 14px;
    }

    .theme-supreme-ember.page-home .ember-hero-rail .ember-hero-upcoming__item + .ember-hero-upcoming__item {
        border-top: 1px solid rgba(118, 165, 216, 0.14);
    }

    /* A full-width rail has room for the name, so stop truncating it. */
    .theme-supreme-ember.page-home .ember-hero-rail .ember-hero-upcoming__name {
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
    }

    .theme-supreme-ember.page-home .ember-hero-rail .ember-hero-upcoming__head {
        margin: 0 14px 7px;
    }
}

/* Fallback below the rail breakpoint.
 *
 * Two stacked strips carry two headings and two sets of rules where there used
 * to be one, and the hero is a fixed 100vh box with overflow:hidden. At
 * 1440x900 with a populated Top 5 that surplus pushed the copy about 5px past
 * the hero at each end. Collapse the seam between the strips: the first one's
 * bottom rule and the second one's top rule are the same line drawn twice. */
@media (min-width: 721px) and (max-width: 1599px) {
    /* Side by side, so the pair costs one row of hero height rather than two.
       The hero is a fixed 100vh box that was already close to full: stacked,
       the second strip pushed the copy under the navigation as soon as the
       Top 5 filled up. Two cells a strip at ~230px each also read wider than
       the 190px the old five-across strip gave, which is what clipped the
       longer invasion names in the first place. */
    .theme-supreme-ember.page-home .ember-hero-rails {
        display: grid;
        gap: 0 22px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 18px;
        width: 100%;
    }

    .theme-supreme-ember.page-home .ember-hero-rail {
        margin: 0;
        max-width: none;
        padding: 10px 0 9px;
    }

    .theme-supreme-ember.page-home .ember-hero-rail .ember-hero-upcoming__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .theme-supreme-ember.page-home .ember-hero-rail .ember-hero-upcoming__item:nth-child(n+3) {
        display: none;
    }

    .theme-supreme-ember.page-home .ember-hero-rail .ember-hero-upcoming__head {
        margin: 0 12px 5px;
    }

    /* 44px is the height the phone layout already uses, so it is a proven
       legible row rather than a number chosen to reclaim space. */
    .theme-supreme-ember.page-home .ember-hero-rail .ember-hero-upcoming__item {
        min-height: 44px;
    }
}

/* On a phone there is no room to put the strips side by side, so they stack
   and each entry takes its own row. Two per strip keeps the pair close to the
   height the single strip used to occupy - the hero is a fixed 100vh box and
   the copy runs under the navigation if it grows. Four upcoming entries split
   evenly across both types beats five that could all be one type. */
@media (max-width: 720px) {
    .theme-supreme-ember.page-home .ember-hero-rail {
        margin: 0;
        padding: 8px 0 7px;
    }

    .theme-supreme-ember.page-home .ember-hero-rails {
        display: grid;
        gap: 6px 0;
        margin-top: 14px;
        width: 100%;
    }

    .theme-supreme-ember.page-home .ember-hero-rail .ember-hero-upcoming__head {
        margin-bottom: 4px;
    }

    .theme-supreme-ember.page-home .ember-hero-rail .ember-hero-upcoming__item:nth-child(n+3) {
        display: none;
    }
}

/* --- source: assets/supreme_ember/css/ember-wiki-premium.css --- */
/*
 * Supreme Ember - wiki premium pass.
 * Consumes the shared tokens from ember-panels.css.
 *
 * SCOPE NOTE: typography, surfaces, shadows, decorative borders and icons.
 * Article body prose keeps its own rhythm - only colours and headings are
 * aligned, so CMS-generated markup is not fought over.
 */

/* --- archive shell ---------------------------------------------------- */

.theme-supreme-ember.page-guides .ember-wiki-archive {
    background:
        radial-gradient(1100px 420px at 20% 0, rgba(29, 76, 126, 0.1), transparent 62%),
        linear-gradient(180deg, rgba(16, 13, 18, 0.9), rgba(8, 7, 11, 0.96));
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-lift);
    overflow: hidden;
    position: relative;
}

.theme-supreme-ember.page-guides .ember-wiki-archive::after {
    background: var(--ember-edge-light);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.theme-supreme-ember.page-guides .ember-wiki-archive__glow {
    display: none !important;
}

.theme-supreme-ember.page-guides .ember-wiki-archive__header {
    background: none;
    border: 0 !important;
}

.theme-supreme-ember.page-guides .ember-wiki-archive__header h1,
.theme-supreme-ember.page-guides .ember-wiki-archive__header h2 {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-size: var(--ember-text-2xl);
    font-weight: 400;
    text-shadow: 0 2px 22px rgba(0, 0, 0, 0.6);
}

.theme-supreme-ember.page-guides .ember-wiki-archive__header p {
    color: var(--ember-muted);
    font-family: var(--ember-body);
    line-height: 1.72;
}

/* --- guide cards ------------------------------------------------------- */

.theme-supreme-ember.page-guides .ember-wiki-card {
    background: var(--ember-panel-bg);
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-lift);
    overflow: hidden;
    position: relative;
    transition: box-shadow 0.26s ease, transform 0.26s ease;
}

.theme-supreme-ember.page-guides .ember-wiki-card::before {
    background: var(--ember-edge-light);
    content: '';
    height: 1px;
    left: 14%;
    opacity: 0.5;
    position: absolute;
    right: 14%;
    top: 0;
    transition: opacity 0.26s ease, left 0.26s ease, right 0.26s ease;
    z-index: 2;
}

.theme-supreme-ember.page-guides .ember-wiki-card:hover {
    box-shadow: var(--ember-lift-hover);
    transform: translateY(-3px);
}

.theme-supreme-ember.page-guides .ember-wiki-card:hover::before {
    left: 4%;
    opacity: 1;
    right: 4%;
}

.theme-supreme-ember.page-guides .ember-wiki-card__cover {
    border: 0 !important;
    overflow: hidden;
    position: relative;
}

.theme-supreme-ember.page-guides .ember-wiki-card__cover::after {
    background: linear-gradient(180deg, transparent 46%, rgba(9, 8, 12, 0.82));
    content: '';
    inset: 0;
    pointer-events: none;
    position: absolute;
}

.theme-supreme-ember.page-guides .ember-wiki-card h3,
.theme-supreme-ember.page-guides .ember-wiki-card h2 {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-weight: 400;
    letter-spacing: 0.02em;
}

.theme-supreme-ember.page-guides .ember-wiki-card p {
    color: var(--ember-muted);
    font-family: var(--ember-body);
    line-height: 1.72;
}

.theme-supreme-ember.page-guides .ember-wiki-card__type {
    background: linear-gradient(180deg, rgba(118, 165, 216, 0.14), rgba(118, 165, 216, 0.05));
    border: 0 !important;
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px rgba(118, 165, 216, 0.2);
    color: var(--ember-gold-bright);
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

/* Glyph icons give way to a gold gem, as everywhere else in the system. */
.theme-supreme-ember.page-guides .ember-wiki-card__icon,
.theme-supreme-ember.page-guides .ember-wiki-empty__icon {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

.theme-supreme-ember.page-guides .ember-wiki-card__icon i,
.theme-supreme-ember.page-guides .ember-wiki-empty__icon i {
    background: var(--ember-gem);
    border-radius: 1px;
    box-shadow: 0 0 10px rgba(118, 165, 216, 0.45);
    color: transparent;
    display: inline-block;
    font-size: 0;
    height: 9px;
    transform: rotate(45deg);
    width: 9px;
}

.theme-supreme-ember.page-guides .ember-wiki-card__icon i::before,
.theme-supreme-ember.page-guides .ember-wiki-empty__icon i::before {
    display: none;
}

/* --- links: never the browser blue, never a raw underline -------------- */

.theme-supreme-ember.page-guides a,
.theme-supreme-ember.page-guides .ember-wiki-card a,
.theme-supreme-ember.page-guides .ember-wiki-card__action {
    text-decoration: none;
    transition: color 0.22s ease;
}

.theme-supreme-ember.page-guides .ember-wiki-card a,
.theme-supreme-ember.page-guides .ember-wiki-card h3 a {
    color: inherit;
}

.theme-supreme-ember.page-guides .ember-wiki-card a:hover,
.theme-supreme-ember.page-guides .ember-wiki-card a:focus-visible,
.theme-supreme-ember.page-guides .ember-wiki-card__action:hover,
.theme-supreme-ember.page-guides .ember-wiki-card__action:focus-visible {
    color: var(--ember-gold-bright);
    outline: 0;
    text-decoration: none;
}

.theme-supreme-ember.page-guides .ember-wiki-card__action,
.theme-supreme-ember.page-guides .ember-wiki-breadcrumb a {
    color: var(--ember-gold);
    font-family: var(--ember-body);
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.theme-supreme-ember.page-guides .ember-wiki-breadcrumb,
.theme-supreme-ember.page-guides .ember-wiki-breadcrumb * {
    border: 0 !important;
    color: var(--ember-faint);
    font-family: var(--ember-body);
    letter-spacing: 0.1em;
}

/* --- article ------------------------------------------------------------ */

.theme-supreme-ember.page-guides .ember-wiki-article {
    background: var(--ember-panel-bg);
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-lift);
    position: relative;
}

.theme-supreme-ember.page-guides .ember-wiki-article::before {
    background: var(--ember-edge-light);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.theme-supreme-ember.page-guides .ember-wiki-article__header {
    border: 0 !important;
}

.theme-supreme-ember.page-guides .ember-wiki-article__header h1 {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-weight: 400;
    letter-spacing: 0.025em;
    text-shadow: 0 2px 22px rgba(0, 0, 0, 0.6);
}

.theme-supreme-ember.page-guides .ember-wiki-article__meta,
.theme-supreme-ember.page-guides .ember-wiki-article__meta * {
    border: 0 !important;
    color: var(--ember-faint);
    font-family: var(--ember-body);
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.theme-supreme-ember.page-guides .ember-wiki-article__footer {
    border: 0 !important;
    position: relative;
}

.theme-supreme-ember.page-guides .ember-wiki-article__footer::before {
    background: linear-gradient(90deg, rgba(118, 165, 216, 0.26), transparent 76%);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

/* CMS-generated prose: colours and headings only, rhythm left alone. */

.theme-supreme-ember.page-guides .ember-wiki-article__body {
    color: #c6bdbd;
    font-family: var(--ember-body);
    line-height: 1.78;
}

.theme-supreme-ember.page-guides .ember-wiki-article__body h2,
.theme-supreme-ember.page-guides .ember-wiki-article__body h3,
.theme-supreme-ember.page-guides .ember-wiki-article__body h4 {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-weight: 400;
    letter-spacing: 0.02em;
}

.theme-supreme-ember.page-guides .ember-wiki-article__body a {
    color: var(--ember-gold);
    text-decoration: none;
}

.theme-supreme-ember.page-guides .ember-wiki-article__body a:hover,
.theme-supreme-ember.page-guides .ember-wiki-article__body a:focus-visible {
    color: var(--ember-gold-bright);
    outline: 0;
    text-decoration: none;
}

.theme-supreme-ember.page-guides .ember-wiki-article__body strong,
.theme-supreme-ember.page-guides .ember-wiki-article__body b {
    color: var(--ember-text);
}

.theme-supreme-ember.page-guides .ember-wiki-article__body hr {
    background: linear-gradient(90deg, transparent, rgba(118, 165, 216, 0.34), transparent);
    border: 0 !important;
    height: 1px;
}

.theme-supreme-ember.page-guides .ember-wiki-article__body blockquote {
    background: linear-gradient(180deg, rgba(118, 165, 216, 0.05), transparent 70%);
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow: inset 0 0 0 1px rgba(118, 165, 216, 0.16);
    color: var(--ember-muted);
}

.theme-supreme-ember.page-guides .ember-wiki-article__body li::marker {
    color: var(--ember-gold);
}

.theme-supreme-ember.page-guides .ember-wiki-article__body table,
.theme-supreme-ember.page-guides .ember-wiki-article__body th,
.theme-supreme-ember.page-guides .ember-wiki-article__body td {
    border: 0 !important;
}

.theme-supreme-ember.page-guides .ember-wiki-article__body th {
    color: var(--ember-gold-bright);
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.theme-supreme-ember.page-guides .ember-wiki-article__body td {
    box-shadow: inset 0 -1px 0 rgba(118, 165, 216, 0.1);
}

/* --- buttons + empty state ---------------------------------------------- */

.theme-supreme-ember.page-guides .ember-wiki-button {
    align-items: center;
    background: linear-gradient(180deg, rgba(118, 165, 216, 0.12), rgba(17, 14, 18, 0.92) 62%);
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow:
        inset 0 1px 0 rgba(187, 212, 239, 0.18),
        inset 0 0 0 1px rgba(118, 165, 216, 0.4),
        0 14px 30px rgba(0, 0, 0, 0.42);
    color: var(--ember-gold-bright);
    display: inline-flex;
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    font-weight: 800;
    justify-content: center;
    letter-spacing: 0.14em;
    min-height: 50px;
    text-transform: uppercase;
    transition: box-shadow 0.24s ease, transform 0.24s ease, color 0.24s ease;
}

.theme-supreme-ember.page-guides .ember-wiki-button--primary {
    background: linear-gradient(180deg, #2e77c6, #1f5084);
    box-shadow:
        inset 0 1px 0 rgba(199, 220, 242, 0.4),
        inset 0 0 0 1px rgba(121, 170, 223, 0.55),
        0 16px 34px rgba(27, 70, 115, 0.44);
    color: #fff;
}

.theme-supreme-ember.page-guides .ember-wiki-button:hover,
.theme-supreme-ember.page-guides .ember-wiki-button:focus-visible {
    box-shadow:
        inset 0 1px 0 rgba(223, 235, 248, 0.28),
        inset 0 0 0 1px rgba(180, 208, 238, 0.75),
        0 20px 42px rgba(0, 0, 0, 0.5);
    color: #fff8ea;
    outline: 0;
    transform: translateY(-2px);
}

.theme-supreme-ember.page-guides .ember-wiki-button--primary:hover,
.theme-supreme-ember.page-guides .ember-wiki-button--primary:focus-visible {
    background: linear-gradient(180deg, #4389d3, #255f9c);
    color: #fff;
}

.theme-supreme-ember.page-guides .ember-wiki-empty {
    background: var(--ember-panel-bg);
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-lift);
    color: var(--ember-muted);
    font-family: var(--ember-body);
}

@media (prefers-reduced-motion: reduce) {
    .theme-supreme-ember.page-guides .ember-wiki-card,
    .theme-supreme-ember.page-guides .ember-wiki-card::before,
    .theme-supreme-ember.page-guides .ember-wiki-button {
        transition: none;
    }

    .theme-supreme-ember.page-guides .ember-wiki-card:hover,
    .theme-supreme-ember.page-guides .ember-wiki-button:hover {
        transform: none;
    }
}

/* --- source: assets/supreme_ember/css/ember-auth-premium.css --- */
/*
 * Supreme Ember - registration and account recovery premium pass.
 * Consumes the shared tokens from ember-panels.css.
 *
 * SCOPE NOTE - read before editing:
 * This pass deliberately does NOT restyle input borders, focus rings or
 * validation states. On a sign-up or recovery form those borders are
 * functional affordances: they show where to type, what has focus and what
 * failed. Flattening them for visual consistency would trade usability for
 * looks on the two pages that decide whether a player joins at all.
 * Panels, headings, buttons, chips and decorative icons only.
 */

/* --- shell + card ------------------------------------------------------ */

.theme-supreme-ember.page-registration .ember-auth-shell,
.theme-supreme-ember.page-lost-password .ember-auth-shell {
    background:
        radial-gradient(1000px 400px at 18% 0, rgba(29, 76, 126, 0.11), transparent 62%),
        linear-gradient(180deg, rgba(16, 13, 18, 0.9), rgba(8, 7, 11, 0.96));
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-lift);
    position: relative;
}

.theme-supreme-ember.page-registration .ember-auth-shell--registration {
    margin-left: auto;
    margin-right: auto;
    max-width: 1040px;
    width: 100%;
}

.theme-supreme-ember.page-registration .ember-auth-shell::before,
.theme-supreme-ember.page-lost-password .ember-auth-shell::before {
    background: var(--ember-edge-light);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.theme-supreme-ember.page-registration .ember-auth-card,
.theme-supreme-ember.page-lost-password .ember-auth-card,
.theme-supreme-ember.page-registration .ember-registration-panel {
    background: var(--ember-panel-bg);
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-lift);
    position: relative;
}

.theme-supreme-ember.page-registration .ember-auth-card::before,
.theme-supreme-ember.page-lost-password .ember-auth-card::before {
    background: var(--ember-edge-light);
    content: '';
    height: 1px;
    left: 14%;
    opacity: 0.55;
    position: absolute;
    right: 14%;
    top: 0;
}

/* --- headings ---------------------------------------------------------- */

.theme-supreme-ember.page-registration .ember-auth-heading h1,
.theme-supreme-ember.page-registration .ember-auth-heading h2,
.theme-supreme-ember.page-lost-password .ember-auth-heading h1,
.theme-supreme-ember.page-lost-password .ember-auth-heading h2 {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-weight: 400;
    text-shadow: 0 2px 22px rgba(0, 0, 0, 0.6);
}

.theme-supreme-ember.page-registration .ember-auth-heading small,
.theme-supreme-ember.page-registration .ember-auth-heading span,
.theme-supreme-ember.page-lost-password .ember-auth-heading small,
.theme-supreme-ember.page-lost-password .ember-auth-heading span {
    color: var(--ember-red);
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.theme-supreme-ember.page-registration .ember-auth-heading p,
.theme-supreme-ember.page-lost-password .ember-auth-heading p {
    color: var(--ember-muted);
    font-family: var(--ember-body);
    line-height: 1.72;
}

.theme-supreme-ember.page-registration .ember-auth-heading--registration {
    margin-left: auto;
    margin-right: auto;
    max-width: 560px;
    text-align: center;
}

.theme-supreme-ember.page-registration .ember-auth-heading--registration > span {
    margin-left: auto;
    margin-right: auto;
}

/* --- decorative marks: the last inline SVG in the theme ---------------- */

.theme-supreme-ember.page-registration .ember-auth-mark,
.theme-supreme-ember.page-lost-password .ember-auth-mark {
    background:
        radial-gradient(circle at 50% 38%, rgba(118, 165, 216, 0.2), transparent 68%),
        linear-gradient(180deg, rgba(30, 24, 30, 0.95), rgba(14, 11, 16, 0.96));
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow:
        inset 0 1px 0 rgba(187, 212, 239, 0.22),
        inset 0 0 0 1px rgba(118, 165, 216, 0.3),
        0 14px 32px rgba(0, 0, 0, 0.5);
    color: var(--ember-gold-bright);
}

.theme-supreme-ember.page-registration .ember-auth-mark svg,
.theme-supreme-ember.page-lost-password .ember-auth-mark svg {
    color: var(--ember-gold-bright);
    filter: drop-shadow(0 0 8px rgba(118, 165, 216, 0.4));
    stroke: currentColor;
    stroke-width: 1.4;
}

.theme-supreme-ember.page-registration .ember-auth-mark--success,
.theme-supreme-ember.page-lost-password .ember-auth-mark--success {
    box-shadow:
        inset 0 1px 0 rgba(198, 240, 205, 0.22),
        inset 0 0 0 1px rgba(122, 200, 138, 0.36),
        0 14px 32px rgba(0, 0, 0, 0.5);
    color: #8fd6a0;
}

/* --- registration crest -------------------------------------------------- */

.theme-supreme-ember.page-registration .ember-registration-crest__glow {
    display: none !important;
}

.theme-supreme-ember.page-registration .ember-registration-crest {
    border: 0 !important;
}

.theme-supreme-ember.page-registration .ember-registration-crest img {
    filter: drop-shadow(0 18px 40px rgba(0, 0, 0, 0.62));
}

.theme-supreme-ember.page-registration .ember-registration-crest__copy strong,
.theme-supreme-ember.page-registration .ember-registration-crest__copy h2 {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-weight: 400;
    letter-spacing: 0.02em;
}

.theme-supreme-ember.page-registration .ember-registration-crest__copy p {
    color: var(--ember-muted);
    font-family: var(--ember-body);
    line-height: 1.72;
}

.theme-supreme-ember.page-registration .ember-registration-crest__details,
.theme-supreme-ember.page-registration .ember-registration-crest__details * {
    border: 0 !important;
    color: var(--ember-faint);
    font-family: var(--ember-body);
    letter-spacing: 0.1em;
}

/* Glyph icons in decorative lists give way to a gold gem. */
.theme-supreme-ember.page-registration .ember-registration-crest__details i,
.theme-supreme-ember.page-registration .ember-auth-rules i,
.theme-supreme-ember.page-lost-password .ember-auth-rules i {
    background: var(--ember-gem);
    border-radius: 1px;
    box-shadow: 0 0 8px rgba(118, 165, 216, 0.4);
    color: transparent;
    display: inline-block;
    font-size: 0;
    height: 6px;
    transform: rotate(45deg);
    width: 6px;
}

.theme-supreme-ember.page-registration .ember-registration-crest__details i::before,
.theme-supreme-ember.page-registration .ember-auth-rules i::before,
.theme-supreme-ember.page-lost-password .ember-auth-rules i::before {
    display: none;
}

/* --- rules, security note, captcha slot ---------------------------------- */

.theme-supreme-ember.page-registration .ember-auth-rules,
.theme-supreme-ember.page-registration .ember-auth-security,
.theme-supreme-ember.page-lost-password .ember-auth-rules,
.theme-supreme-ember.page-lost-password .ember-auth-security {
    background: linear-gradient(180deg, rgba(118, 165, 216, 0.05), transparent 70%);
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow: inset 0 0 0 1px rgba(118, 165, 216, 0.14);
    color: var(--ember-muted);
    font-family: var(--ember-body);
}

.theme-supreme-ember.page-registration .ember-auth-captcha {
    border: 0 !important;
}

/* --- alerts: keep the semantic colour, drop the boxy frame --------------- */

.theme-supreme-ember.page-registration .ember-auth-alert,
.theme-supreme-ember.page-lost-password .ember-auth-alert {
    border: 0 !important;
    border-radius: var(--ember-radius);
    font-family: var(--ember-body);
    position: relative;
}

.theme-supreme-ember.page-registration .ember-auth-alert::before,
.theme-supreme-ember.page-lost-password .ember-auth-alert::before {
    border-radius: 2px 0 0 2px;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 3px;
}

/* --- submit + links ------------------------------------------------------ */

.theme-supreme-ember.page-registration .ember-auth-submit,
.theme-supreme-ember.page-lost-password .ember-auth-submit {
    align-items: center;
    background: linear-gradient(180deg, #2e77c6, #1f5084);
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow:
        inset 0 1px 0 rgba(199, 220, 242, 0.4),
        inset 0 0 0 1px rgba(121, 170, 223, 0.55),
        0 16px 34px rgba(27, 70, 115, 0.44),
        0 0 30px rgba(45, 117, 193, 0.2);
    color: #fff;
    display: inline-flex;
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    font-weight: 800;
    justify-content: center;
    letter-spacing: 0.14em;
    min-height: 52px;
    text-transform: uppercase;
    transition: box-shadow 0.24s ease, transform 0.24s ease, background-color 0.24s ease;
}

.theme-supreme-ember.page-registration .ember-auth-submit:hover,
.theme-supreme-ember.page-registration .ember-auth-submit:focus-visible,
.theme-supreme-ember.page-lost-password .ember-auth-submit:hover,
.theme-supreme-ember.page-lost-password .ember-auth-submit:focus-visible {
    background: linear-gradient(180deg, #4389d3, #255f9c);
    box-shadow:
        inset 0 1px 0 rgba(215, 230, 246, 0.5),
        inset 0 0 0 1px rgba(151, 190, 231, 0.7),
        0 22px 44px rgba(32, 83, 138, 0.5);
    outline: 0;
    transform: translateY(-2px);
}

.theme-supreme-ember.page-registration .ember-auth-links,
.theme-supreme-ember.page-lost-password .ember-auth-links,
.theme-supreme-ember.page-registration .ember-auth-footer,
.theme-supreme-ember.page-lost-password .ember-auth-footer {
    border: 0 !important;
    color: var(--ember-faint);
    font-family: var(--ember-body);
    position: relative;
}

.theme-supreme-ember.page-registration .ember-auth-footer::before,
.theme-supreme-ember.page-lost-password .ember-auth-footer::before {
    background: linear-gradient(90deg, rgba(118, 165, 216, 0.24), transparent 76%);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

/* Links must never fall back to the browser blue or a raw underline. */
.theme-supreme-ember.page-registration .ember-auth-links a,
.theme-supreme-ember.page-lost-password .ember-auth-links a,
.theme-supreme-ember.page-registration .ember-auth-footer a,
.theme-supreme-ember.page-lost-password .ember-auth-footer a {
    color: var(--ember-gold);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-decoration: none;
    transition: color 0.2s ease;
}

.theme-supreme-ember.page-registration .ember-auth-links a:hover,
.theme-supreme-ember.page-registration .ember-auth-links a:focus-visible,
.theme-supreme-ember.page-lost-password .ember-auth-links a:hover,
.theme-supreme-ember.page-lost-password .ember-auth-links a:focus-visible,
.theme-supreme-ember.page-registration .ember-auth-footer a:hover,
.theme-supreme-ember.page-lost-password .ember-auth-footer a:hover {
    color: var(--ember-gold-bright);
    outline: 0;
    text-decoration: none;
}

@media (prefers-reduced-motion: reduce) {
    .theme-supreme-ember.page-registration .ember-auth-submit,
    .theme-supreme-ember.page-lost-password .ember-auth-submit {
        transition: none;
    }

    .theme-supreme-ember.page-registration .ember-auth-submit:hover,
    .theme-supreme-ember.page-lost-password .ember-auth-submit:hover {
        transform: none;
    }
}

/* --- source: assets/supreme_ember/css/ember-donate-premium.css --- */
/*
 * Supreme Ember - WCoin / donate premium pass.
 * Consumes the shared tokens from ember-panels.css.
 *
 * SCOPE NOTE - read before editing:
 * Payment pages. This pass touches presentation only: panels, headings,
 * crests, buttons and notices. It does NOT restyle inputs, amount fields,
 * provider iframes, hidden fields or validation states, and it must never
 * hide or reposition anything a payment provider renders - a checkout the
 * player cannot read or complete is worse than an ugly one.
 */

/* --- hero + panels ------------------------------------------------------ */

.theme-supreme-ember.page-donate .supreme-wcoin-hero {
    background:
        radial-gradient(1000px 400px at 18% 0, rgba(29, 76, 126, 0.12), transparent 62%),
        linear-gradient(180deg, rgba(16, 13, 18, 0.9), rgba(8, 7, 11, 0.96));
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-lift);
    position: relative;
}

.theme-supreme-ember.page-donate .supreme-wcoin-hero::before {
    background: var(--ember-edge-light);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.theme-supreme-ember.page-donate .supreme-wcoin-hero__eyebrow,
.theme-supreme-ember.page-donate .supreme-wcoin-result__eyebrow {
    color: var(--ember-red);
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.theme-supreme-ember.page-donate .supreme-wcoin-hero h1,
.theme-supreme-ember.page-donate .supreme-wcoin-hero h2,
.theme-supreme-ember.page-donate .supreme-wcoin-result h1,
.theme-supreme-ember.page-donate .supreme-wcoin-result h2 {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-weight: 400;
    text-shadow: 0 2px 22px rgba(0, 0, 0, 0.6);
}

.theme-supreme-ember.page-donate .supreme-wcoin-hero p,
.theme-supreme-ember.page-donate .supreme-wcoin-result p {
    color: var(--ember-muted);
    font-family: var(--ember-body);
    line-height: 1.72;
}

.theme-supreme-ember.page-donate .supreme-wcoin-hero__meta,
.theme-supreme-ember.page-donate .supreme-wcoin-hero__meta * {
    border: 0 !important;
    color: var(--ember-faint);
    font-family: var(--ember-body);
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

/* --- package cards -------------------------------------------------------- */

.theme-supreme-ember.page-donate .supreme-wcoin-card {
    background: var(--ember-panel-bg);
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-lift);
    overflow: hidden;
    position: relative;
    transition: box-shadow 0.26s ease, transform 0.26s ease;
}

.theme-supreme-ember.page-donate .supreme-wcoin-card::before {
    background: var(--ember-edge-light);
    content: '';
    height: 1px;
    left: 14%;
    opacity: 0.55;
    position: absolute;
    right: 14%;
    top: 0;
    transition: opacity 0.26s ease, left 0.26s ease, right 0.26s ease;
    z-index: 2;
}

.theme-supreme-ember.page-donate .supreme-wcoin-card:hover {
    box-shadow: var(--ember-lift-hover);
    transform: translateY(-3px);
}

.theme-supreme-ember.page-donate .supreme-wcoin-card:hover::before {
    left: 4%;
    opacity: 1;
    right: 4%;
}

.theme-supreme-ember.page-donate .supreme-wcoin-card__crest,
.theme-supreme-ember.page-donate .supreme-wcoin-result__crest {
    border: 0 !important;
}

.theme-supreme-ember.page-donate .supreme-wcoin-card__crest img,
.theme-supreme-ember.page-donate .supreme-wcoin-result__crest img {
    filter: drop-shadow(0 14px 30px rgba(0, 0, 0, 0.6));
}

.theme-supreme-ember.page-donate .supreme-wcoin-card__body strong,
.theme-supreme-ember.page-donate .supreme-wcoin-card__body h3 {
    color: var(--ember-gold-bright);
    font-family: var(--ember-heading);
    font-size: var(--ember-text-xl);
    font-weight: 400;
    letter-spacing: 0.015em;
}

.theme-supreme-ember.page-donate .supreme-wcoin-card__body p,
.theme-supreme-ember.page-donate .supreme-wcoin-card__body small {
    color: var(--ember-muted);
    font-family: var(--ember-body);
    line-height: 1.7;
}

/* Glyph icons in decorative slots give way to a gold gem. */
.theme-supreme-ember.page-donate .supreme-wcoin-card i,
.theme-supreme-ember.page-donate .supreme-wcoin-policy i {
    background: var(--ember-gem);
    border-radius: 1px;
    box-shadow: 0 0 8px rgba(118, 165, 216, 0.4);
    color: transparent;
    display: inline-block;
    font-size: 0;
    height: 7px;
    transform: rotate(45deg);
    width: 7px;
}

.theme-supreme-ember.page-donate .supreme-wcoin-card i::before,
.theme-supreme-ember.page-donate .supreme-wcoin-policy i::before {
    display: none;
}

/* --- actions -------------------------------------------------------------- */

.theme-supreme-ember.page-donate .supreme-wcoin-card__action,
.theme-supreme-ember.page-donate .supreme-wcoin-buy,
.theme-supreme-ember.page-donate .supreme-wcoin-actions a {
    align-items: center;
    background: linear-gradient(180deg, #2e77c6, #1f5084);
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow:
        inset 0 1px 0 rgba(199, 220, 242, 0.4),
        inset 0 0 0 1px rgba(121, 170, 223, 0.55),
        0 16px 34px rgba(27, 70, 115, 0.44);
    color: #fff;
    display: inline-flex;
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    font-weight: 800;
    justify-content: center;
    letter-spacing: 0.14em;
    min-height: 50px;
    text-decoration: none;
    text-transform: uppercase;
    transition: box-shadow 0.24s ease, transform 0.24s ease, background-color 0.24s ease;
}

.theme-supreme-ember.page-donate .supreme-wcoin-card__action:hover,
.theme-supreme-ember.page-donate .supreme-wcoin-card__action:focus-visible,
.theme-supreme-ember.page-donate .supreme-wcoin-buy:hover,
.theme-supreme-ember.page-donate .supreme-wcoin-buy:focus-visible,
.theme-supreme-ember.page-donate .supreme-wcoin-actions a:hover,
.theme-supreme-ember.page-donate .supreme-wcoin-actions a:focus-visible {
    background: linear-gradient(180deg, #4389d3, #255f9c);
    box-shadow:
        inset 0 1px 0 rgba(215, 230, 246, 0.5),
        inset 0 0 0 1px rgba(151, 190, 231, 0.7),
        0 22px 44px rgba(32, 83, 138, 0.5);
    color: #fff;
    outline: 0;
    transform: translateY(-2px);
}

/* --- notices: keep the semantics, drop the boxy frame --------------------- */

.theme-supreme-ember.page-donate .supreme-wcoin-notice {
    background: linear-gradient(180deg, rgba(118, 165, 216, 0.06), transparent 72%);
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow: inset 0 0 0 1px rgba(118, 165, 216, 0.16);
    color: var(--ember-muted);
    font-family: var(--ember-body);
    position: relative;
}

.theme-supreme-ember.page-donate .supreme-wcoin-notice--warning {
    background: linear-gradient(180deg, rgba(74, 141, 212, 0.09), transparent 72%);
    box-shadow: inset 0 0 0 1px rgba(74, 141, 212, 0.3);
    color: #9bc0e7;
}

.theme-supreme-ember.page-donate .supreme-wcoin-notice--error {
    background: linear-gradient(180deg, rgba(48, 120, 196, 0.11), transparent 72%);
    box-shadow: inset 0 0 0 1px rgba(99, 157, 219, 0.36);
    color: #b5d1ee;
}

/* --- orders, reference, policy --------------------------------------------- */

.theme-supreme-ember.page-donate .supreme-wcoin-orders,
.theme-supreme-ember.page-donate .supreme-wcoin-result__summary,
.theme-supreme-ember.page-donate .supreme-wcoin-policy {
    background: var(--ember-panel-bg);
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-lift);
    color: var(--ember-muted);
    font-family: var(--ember-body);
}

.theme-supreme-ember.page-donate .supreme-wcoin-orders table,
.theme-supreme-ember.page-donate .supreme-wcoin-orders th,
.theme-supreme-ember.page-donate .supreme-wcoin-orders td,
.theme-supreme-ember.page-donate .supreme-wcoin-result__summary th,
.theme-supreme-ember.page-donate .supreme-wcoin-result__summary td {
    border: 0 !important;
}

.theme-supreme-ember.page-donate .supreme-wcoin-orders th,
.theme-supreme-ember.page-donate .supreme-wcoin-result__summary th {
    color: var(--ember-faint);
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.theme-supreme-ember.page-donate .supreme-wcoin-orders td,
.theme-supreme-ember.page-donate .supreme-wcoin-result__summary td {
    box-shadow: inset 0 -1px 0 rgba(118, 165, 216, 0.1);
    color: #cdc4c4;
}

/* The provider transaction id must stay unmistakably readable and copyable. */
.theme-supreme-ember.page-donate .supreme-wcoin-reference {
    background: linear-gradient(180deg, rgba(118, 165, 216, 0.1), rgba(118, 165, 216, 0.04));
    border: 0 !important;
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px rgba(118, 165, 216, 0.24);
    color: var(--ember-gold-bright);
    font-family: var(--ember-mono);
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.04em;
    user-select: all;
}

.theme-supreme-ember.page-donate .supreme-wcoin-empty {
    background: var(--ember-panel-bg);
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-lift);
    color: var(--ember-muted);
    font-family: var(--ember-body);
}

/* --- links ------------------------------------------------------------------ */

.theme-supreme-ember.page-donate .supreme-wcoin-policy a,
.theme-supreme-ember.page-donate .supreme-wcoin-orders a {
    color: var(--ember-gold);
    text-decoration: none;
    transition: color 0.2s ease;
}

.theme-supreme-ember.page-donate .supreme-wcoin-policy a:hover,
.theme-supreme-ember.page-donate .supreme-wcoin-policy a:focus-visible,
.theme-supreme-ember.page-donate .supreme-wcoin-orders a:hover,
.theme-supreme-ember.page-donate .supreme-wcoin-orders a:focus-visible {
    color: var(--ember-gold-bright);
    outline: 0;
}

@media (prefers-reduced-motion: reduce) {
    .theme-supreme-ember.page-donate .supreme-wcoin-card,
    .theme-supreme-ember.page-donate .supreme-wcoin-card::before,
    .theme-supreme-ember.page-donate .supreme-wcoin-card__action,
    .theme-supreme-ember.page-donate .supreme-wcoin-buy {
        transition: none;
    }

    .theme-supreme-ember.page-donate .supreme-wcoin-card:hover,
    .theme-supreme-ember.page-donate .supreme-wcoin-card__action:hover,
    .theme-supreme-ember.page-donate .supreme-wcoin-buy:hover {
        transform: none;
    }
}

/* --- source: assets/supreme_ember/css/ember-rankings.css --- */
/*
 * Supreme Ember - Rankings.
 * Visual contract: the same engraved-gold surfaces, typography and light used
 * by Game Features. Ranking data, AJAX behavior and table semantics stay owned
 * by the existing rankings controller, App.populateRanking and EJS templates.
 */

.theme-supreme-ember.page-rankings {
    --rank-bg: var(--ember-page-bg);
    --rank-surface: var(--ember-page-surface);
    --rank-surface-strong: var(--ember-page-surface-strong);
    --rank-surface-deep: var(--ember-page-surface-deep);
    --rank-gold: var(--ember-gold);
    --rank-gold-bright: var(--ember-gold-bright);
    --rank-gold-deep: var(--ember-gold-deep);
    --rank-red: var(--ember-red);
    --rank-red-deep: var(--ember-red-deep);
    --rank-text: var(--ember-text);
    --rank-muted: var(--ember-muted);
    --rank-faint: var(--ember-faint);
    --rank-heading: var(--ember-heading);
    --rank-body: var(--ember-body);
    --rank-lift: var(--ember-lift);
    --rank-lift-hover: var(--ember-lift-hover);
    --rank-radius: var(--ember-radius);
}

.theme-supreme-ember.page-rankings .main {
    background:
        radial-gradient(1200px 520px at 50% 0, rgba(30, 76, 126, 0.07), transparent 70%),
        var(--rank-bg);
    border: 0;
    display: block;
    padding: 0 0 90px;
    width: 100%;
}

.theme-supreme-ember.page-rankings .sidebar {
    display: none !important;
}

/* ---------------------------------------------------------------- hero */

.theme-supreme-ember.page-rankings .ember-hero--rankings {
    height: 430px;
    isolation: isolate;
    overflow: hidden;
}

.theme-supreme-ember.page-rankings .ember-hero--rankings::after {
    background:
        linear-gradient(90deg, rgba(3, 2, 4, 0.9) 0%, rgba(5, 3, 6, 0.5) 52%, rgba(4, 2, 4, 0.74) 100%),
        linear-gradient(180deg, rgba(4, 3, 5, 0.06), rgba(6, 5, 9, 0.86));
    content: '';
    height: auto;
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 5;
}

.theme-supreme-ember.page-rankings .ember-hero--rankings .ember-hero-stage {
    height: 100%;
    inset: 0;
    opacity: 1;
    top: 0;
    transform: none !important;
}

.theme-supreme-ember.page-rankings .ember-hero--rankings .ember-hero-base {
    animation: none;
    background-image:
        linear-gradient(90deg, rgba(5, 3, 7, 0.26), transparent 38%, rgba(4, 2, 5, 0.3)),
        url('../images/rankings/rankings-hero-background-v1.webp');
    background-position: center, center;
    background-repeat: no-repeat;
    background-size: cover, cover;
    filter: brightness(0.58) saturate(0.82);
    transform: scale(1.015);
}

.theme-supreme-ember.page-rankings .ember-hero--rankings .ember-hero-clouds,
.theme-supreme-ember.page-rankings .ember-hero--rankings .ember-hero-rays {
    opacity: 0.14;
}

.theme-supreme-ember.page-rankings .ember-hero--rankings .ember-hero-copy {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: flex-start;
    margin: 0 auto;
    max-width: 1240px;
    padding: 42px 500px 30px 34px;
    position: absolute;
    text-align: left;
    transform: none;
    width: 100%;
    z-index: 8;
}

.ember-ranking-hero-copy {
    max-width: 650px;
    position: relative;
    z-index: 2;
}

.ember-ranking-hero-kicker {
    color: #669fdb;
    display: block;
    font-family: var(--rank-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.theme-supreme-ember .ember-ranking-hero-title {
    color: #f8f2ea;
    font-family: var(--rank-heading);
    font-size: 60px;
    font-weight: 400;
    line-height: 1.04;
    margin: 0;
    text-shadow: 0 14px 38px rgba(0, 0, 0, 0.86), 0 0 46px rgba(44, 95, 150, 0.22);
}

.ember-ranking-hero-description {
    color: #cfc5c6;
    font-family: var(--rank-body);
    font-size: var(--ember-text-md);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.7;
    margin: 20px 0 0;
    max-width: 600px;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.9);
}

.ember-ranking-hero-crest {
    filter:
        drop-shadow(0 22px 34px rgba(0, 0, 0, 0.86))
        drop-shadow(0 0 26px rgba(42, 108, 178, 0.24));
    height: auto;
    left: calc(50% + 360px);
    max-width: 390px;
    opacity: 0.88;
    pointer-events: none;
    position: absolute;
    top: 53%;
    transform: translate(-50%, -50%);
    width: 32vw;
    z-index: 7;
}

/* --------------------------------------------------------------- frame */

.ember-rankings-page {
    font-family: var(--rank-body);
    margin: 0 auto;
    max-width: 1240px;
    padding: 64px 20px 0;
    position: relative;
    width: 100%;
}

.ember-ranking-frame {
    background:
        radial-gradient(980px 360px at 18% 0, rgba(29, 76, 126, 0.09), transparent 62%),
        linear-gradient(180deg, rgba(16, 13, 18, 0.94), rgba(8, 7, 11, 0.98));
    border: 0;
    border-radius: var(--rank-radius);
    box-shadow: var(--rank-lift);
    min-height: 520px;
    overflow: hidden;
    position: relative;
}

.ember-ranking-frame::before {
    background: linear-gradient(90deg, transparent, rgba(118, 165, 216, 0.5), transparent);
    content: '';
    height: 1px;
    left: 0;
    opacity: 0.72;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.ember-ranking-frame__header {
    align-items: flex-end;
    display: flex;
    gap: 28px;
    justify-content: space-between;
    padding: 32px 34px 24px;
    position: relative;
}

.ember-ranking-frame__header h2 {
    color: var(--rank-text);
    font-family: var(--rank-heading);
    font-size: clamp(28px, 4vw, 38px);
    font-weight: 400;
    line-height: 1.14;
    margin: 0;
    text-shadow: 0 8px 24px rgba(0, 0, 0, 0.72);
}

.ember-ranking-back {
    align-items: center;
    color: var(--rank-gold);
    display: inline-flex;
    font-family: var(--rank-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    gap: 8px;
    letter-spacing: 0;
    margin-bottom: 12px;
    min-height: 44px;
    text-decoration: none;
    text-transform: uppercase;
}

.ember-ranking-back:hover,
.ember-ranking-back:focus-visible {
    color: var(--rank-gold-bright);
    outline: 0;
}

.ember-ranking-servers {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.ember-ranking-servers a {
    background: linear-gradient(180deg, rgba(118, 165, 216, 0.07), rgba(17, 14, 18, 0.9) 70%);
    border: 0;
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px rgba(118, 165, 216, 0.16), 0 8px 20px rgba(0, 0, 0, 0.28);
    color: var(--rank-muted);
    font-family: var(--rank-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0;
    min-height: 38px;
    padding: 11px 14px;
    text-decoration: none;
    text-transform: uppercase;
}

.ember-ranking-servers a:hover,
.ember-ranking-servers a:focus-visible,
.ember-ranking-servers a.is-active {
    box-shadow: inset 0 0 0 1px rgba(180, 208, 238, 0.5), 0 12px 26px rgba(0, 0, 0, 0.36);
    color: var(--rank-text);
    outline: 0;
}

/* ---------------------------------------------------------------- tabs */

.ember-ranking-tabs {
    align-items: stretch;
    background: rgba(7, 6, 10, 0.74);
    border: 0;
    display: flex;
    min-height: 58px;
    overflow-x: auto;
    padding: 0 28px;
    position: relative;
    scrollbar-color: rgba(118, 165, 216, 0.48) transparent;
    scrollbar-width: thin;
}

.ember-ranking-tabs::before,
.ember-ranking-tabs::after {
    background: linear-gradient(90deg, transparent, rgba(118, 165, 216, 0.22), transparent);
    content: '';
    height: 1px;
    left: 28px;
    position: absolute;
    right: 28px;
}

.ember-ranking-tabs::before {
    top: 0;
}

.ember-ranking-tabs::after {
    bottom: 0;
}

.ember-ranking-tab {
    align-items: center;
    background: none;
    border: 0;
    color: #aaa1a4;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-family: var(--rank-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    gap: 10px;
    justify-content: center;
    letter-spacing: 0;
    min-height: 58px;
    padding: 0 18px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.22s ease, background-color 0.22s ease;
    z-index: 1;
}

.ember-ranking-tab::before {
    background: linear-gradient(135deg, var(--rank-gold-bright), var(--rank-gold-deep));
    border-radius: 1px;
    box-shadow: 0 0 8px rgba(118, 165, 216, 0.4);
    content: '';
    flex: 0 0 7px;
    height: 7px;
    opacity: 0.58;
    transform: rotate(45deg);
    transition: opacity 0.22s ease, box-shadow 0.22s ease;
    width: 7px;
}

.ember-ranking-tab::after {
    background: linear-gradient(90deg, transparent, var(--rank-gold), transparent);
    bottom: 0;
    content: '';
    height: 2px;
    left: 12%;
    opacity: 0;
    position: absolute;
    right: 12%;
    transition: opacity 0.22s ease;
}

.ember-ranking-tab > i {
    display: none;
}

.ember-ranking-tab:hover,
.ember-ranking-tab:focus-visible {
    background: linear-gradient(180deg, rgba(118, 165, 216, 0.08), transparent 72%);
    color: var(--rank-text);
    outline: 0;
}

.ember-ranking-tab.active,
.ember-ranking-tab.is-active,
.ember-ranking-tab[aria-selected="true"] {
    color: #fff6e8;
}

.ember-ranking-tab.active::before,
.ember-ranking-tab.is-active::before,
.ember-ranking-tab[aria-selected="true"]::before,
.ember-ranking-tab:hover::before {
    box-shadow: 0 0 14px rgba(180, 208, 238, 0.7);
    opacity: 1;
}

.ember-ranking-tab.active::after,
.ember-ranking-tab.is-active::after,
.ember-ranking-tab[aria-selected="true"]::after,
.ember-ranking-tab:hover::after {
    opacity: 1;
}

.ember-ranking-tab:focus-visible {
    box-shadow: inset 0 0 0 2px rgba(180, 208, 238, 0.44);
}

/* ------------------------------------------------------------- content */

.ember-ranking-content {
    min-height: 390px;
    padding: 24px 30px 30px;
}

.ember-ranking-content--static {
    min-height: 260px;
}

.ember-ranking-loading {
    align-items: center;
    color: var(--rank-muted);
    display: flex;
    flex-direction: column;
    font-family: var(--rank-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    gap: 14px;
    justify-content: center;
    letter-spacing: 0;
    min-height: 300px;
    text-transform: uppercase;
}

.ember-ranking-loading span {
    animation: ember-ranking-pulse 900ms ease-in-out infinite alternate;
    background: linear-gradient(135deg, var(--rank-gold-bright), var(--rank-gold-deep));
    border-radius: 1px;
    box-shadow: 0 0 16px rgba(118, 165, 216, 0.52);
    height: 18px;
    transform: rotate(45deg);
    width: 18px;
}

.ember-ranking-toolbar {
    align-items: center;
    border: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    justify-content: space-between;
    margin-bottom: 20px;
}

.ember-ranking-toolbar__label {
    align-items: center;
    color: var(--rank-muted);
    display: flex;
    font-family: var(--rank-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    gap: 10px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.ember-ranking-toolbar__label i {
    background: linear-gradient(135deg, var(--rank-gold-bright), var(--rank-gold-deep));
    border-radius: 1px;
    box-shadow: 0 0 8px rgba(118, 165, 216, 0.38);
    color: transparent;
    font-size: 0;
    height: 7px;
    transform: rotate(45deg);
    width: 7px;
}

.ember-ranking-class-filter {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    gap: 8px;
    min-width: 0;
    overflow-x: auto;
    padding-bottom: 3px;
    scrollbar-color: rgba(118, 165, 216, 0.42) transparent;
    scrollbar-width: thin;
}

.ember-ranking-class-filter > span,
.ember-ranking-class-filter > label {
    color: var(--rank-faint);
    flex: 0 0 auto;
    font-family: var(--rank-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0;
    margin-right: 4px;
    text-transform: uppercase;
}

.ember-ranking-class-filter a,
.ember-ranking-class-filter button {
    align-items: center;
    background: linear-gradient(180deg, rgba(118, 165, 216, 0.07), rgba(17, 14, 18, 0.9) 70%);
    border: 0;
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px rgba(118, 165, 216, 0.16), 0 8px 20px rgba(0, 0, 0, 0.28);
    color: #b8afb0;
    display: inline-flex;
    flex: 0 0 auto;
    font-family: var(--rank-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    justify-content: center;
    letter-spacing: 0;
    min-height: 44px;
    min-width: 44px;
    padding: 10px 14px;
    text-decoration: none;
    text-transform: uppercase;
    transition: box-shadow 0.22s ease, color 0.22s ease, background-color 0.22s ease;
}

.ember-ranking-class-filter a:hover,
.ember-ranking-class-filter a:focus-visible,
.ember-ranking-class-filter button:hover,
.ember-ranking-class-filter button:focus-visible {
    box-shadow: inset 0 0 0 1px rgba(180, 208, 238, 0.5), 0 12px 26px rgba(0, 0, 0, 0.36);
    color: var(--rank-text);
    outline: 0;
}

.ember-ranking-class-filter .active,
.ember-ranking-class-filter .is-active,
.ember-ranking-class-filter [aria-pressed="true"] {
    background: linear-gradient(180deg, #c0d7f0, #457db9);
    box-shadow:
        inset 0 1px 0 rgba(230, 239, 249, 0.7),
        0 0 18px rgba(118, 165, 216, 0.3),
        0 10px 24px rgba(0, 0, 0, 0.36);
    color: #0c1a2a;
}

.ember-ranking-search {
    align-items: stretch;
    background: linear-gradient(180deg, rgba(118, 165, 216, 0.06), rgba(13, 11, 15, 0.94) 70%);
    border: 0;
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px rgba(118, 165, 216, 0.2), 0 10px 26px rgba(0, 0, 0, 0.34);
    display: flex;
    flex: 0 1 280px;
    overflow: hidden;
}

.ember-ranking-search--standalone {
    margin: 6px 0 30px;
    max-width: 520px;
    width: 100%;
}

.ember-ranking-search input {
    background: none;
    border: 0;
    box-shadow: none;
    color: var(--rank-text);
    flex: 1 1 auto;
    font-family: var(--rank-body);
    font-size: var(--ember-text-sm);
    min-height: 46px;
    min-width: 0;
    padding: 12px 16px;
}

.ember-ranking-search input::placeholder {
    color: var(--rank-faint);
}

.ember-ranking-search input:focus {
    outline: 0;
}

.ember-ranking-search:focus-within {
    box-shadow: inset 0 0 0 1px rgba(180, 208, 238, 0.62), 0 14px 30px rgba(0, 0, 0, 0.4);
}

.ember-ranking-search button {
    background: linear-gradient(180deg, #2e77c6, #1f5084);
    border: 0;
    border-radius: 0;
    box-shadow: inset 0 1px 0 rgba(199, 220, 242, 0.35);
    color: #fff;
    cursor: pointer;
    flex: 0 0 48px;
    min-height: 46px;
    padding: 0;
    transition: background-color 0.22s ease;
    width: 48px;
}

.ember-ranking-search button:hover,
.ember-ranking-search button:focus-visible {
    background: linear-gradient(180deg, #4389d3, #255f9c);
    outline: 0;
}

/* --------------------------------------------------------------- table */

.ember-ranking-table-wrap {
    border: 0;
    overflow-x: auto;
    scrollbar-color: rgba(118, 165, 216, 0.42) rgba(0, 0, 0, 0.18);
    scrollbar-width: thin;
}

.ember-ranking-table {
    border: 0;
    border-collapse: separate;
    border-spacing: 0 8px;
    color: #cec5c5;
    font-family: var(--rank-body);
    font-size: var(--ember-text-sm);
    margin: 0;
    min-width: 820px;
    table-layout: auto;
    width: 100%;
}

.ember-ranking-table--compact {
    min-width: 620px;
}

.ember-ranking-table--guilds {
    min-width: 680px;
}

.ember-ranking-frame--online .ember-ranking-table {
    min-width: 920px;
}

.ember-ranking-table th {
    background: none;
    border: 0;
    color: var(--rank-faint);
    font-family: var(--rank-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0;
    padding: 6px 16px 10px;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.ember-ranking-table tbody tr {
    position: relative;
}

.ember-ranking-table tbody td {
    background:
        linear-gradient(180deg, rgba(118, 165, 216, 0.03), transparent 60%),
        var(--rank-surface);
    border: 0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
    color: #cec5c5;
    font-family: var(--rank-body);
    font-size: var(--ember-text-sm);
    padding: 15px 16px;
    transition: background-color 0.24s ease, box-shadow 0.24s ease;
    vertical-align: middle;
    white-space: nowrap;
}

.ember-ranking-table tbody td:first-child {
    border-radius: var(--rank-radius) 0 0 var(--rank-radius);
}

.ember-ranking-table tbody td:last-child {
    border-radius: 0 var(--rank-radius) var(--rank-radius) 0;
}

@media (hover: hover) {
    .ember-ranking-table tbody tr:hover td {
        background:
            linear-gradient(180deg, rgba(118, 165, 216, 0.07), transparent 60%),
            var(--rank-surface-strong);
        box-shadow: inset 0 1px 0 rgba(187, 212, 239, 0.14);
    }
}

.ember-ranking-table tbody tr.is-position-1 td,
.ember-ranking-table tbody tr:nth-child(1).is-podium td {
    background:
        linear-gradient(180deg, rgba(118, 165, 216, 0.14), transparent 62%),
        var(--rank-surface-strong);
    box-shadow: inset 0 1px 0 rgba(215, 229, 246, 0.24), 0 0 26px rgba(60, 123, 190, 0.14);
}

.ember-ranking-table tbody tr.is-position-2 td,
.ember-ranking-table tbody tr:nth-child(2).is-podium td {
    background:
        linear-gradient(180deg, rgba(214, 214, 222, 0.1), transparent 62%),
        var(--rank-surface-strong);
    box-shadow: inset 0 1px 0 rgba(232, 235, 245, 0.18);
}

.ember-ranking-table tbody tr.is-position-3 td,
.ember-ranking-table tbody tr:nth-child(3).is-podium td {
    background:
        linear-gradient(180deg, rgba(74, 133, 196, 0.12), transparent 62%),
        var(--rank-surface-strong);
    box-shadow: inset 0 1px 0 rgba(155, 192, 231, 0.18);
}

.ember-ranking-table a {
    color: var(--rank-text);
    text-decoration: none;
}

.ember-ranking-table a:hover,
.ember-ranking-table a:focus-visible {
    color: var(--rank-gold-bright);
    outline: 0;
}

.ember-ranking-table__position {
    text-align: center !important;
    width: 76px;
}

.ember-ranking-medal {
    display: inline-block;
    filter: drop-shadow(0 6px 16px rgba(0, 0, 0, 0.6));
    height: 48px;
    object-fit: contain;
    vertical-align: middle;
    width: 48px;
}

.ember-ranking-number {
    color: var(--rank-faint);
    display: inline-flex;
    font-family: var(--rank-heading);
    font-size: var(--ember-text-lg);
    font-weight: 400;
    justify-content: center;
    min-width: 28px;
}

.ember-ranking-character,
.ember-ranking-class,
.ember-ranking-guild-cell {
    align-items: center;
    display: inline-flex;
    gap: 9px;
}

.ember-ranking-character > a,
.ember-ranking-guild-cell > a {
    font-family: var(--rank-heading);
    font-size: var(--ember-text-md);
}

.ember-ranking-class img,
.ember-ranking-guild-cell img {
    border: 0;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(118, 165, 216, 0.24), 0 7px 16px rgba(0, 0, 0, 0.42);
    object-fit: cover;
}

.ember-ranking-guild-cell img {
    border-radius: 3px;
    image-rendering: pixelated;
}

.ember-ranking-status {
    background: #5d5a5d;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(93, 90, 93, 0.1);
    display: inline-block;
    height: 7px;
    width: 7px;
}

.ember-ranking-status.is-online {
    background: #78cf54;
    box-shadow: 0 0 8px rgba(120, 207, 84, 0.55);
}

.ember-ranking-status.is-offline {
    background: #6b6769;
}

.ember-ranking-score {
    color: var(--rank-gold-bright);
    font-family: var(--rank-heading);
    font-size: var(--ember-text-lg);
    font-weight: 400;
}

.ember-ranking-score--master {
    color: var(--rank-faint);
    font-size: var(--ember-text-md);
}

.ember-ranking-muted {
    color: var(--rank-faint);
}

.ember-ranking-table td small {
    color: var(--rank-faint);
    display: block;
    font-size: var(--ember-text-xs);
    margin-top: 3px;
}

.ember-ranking-cache {
    color: var(--rank-faint);
    font-family: var(--rank-body);
    font-size: var(--ember-text-xs);
    margin-top: 15px;
    text-align: right;
}

.ember-ranking-cache i {
    color: var(--rank-gold);
    margin-right: 5px;
}

.ember-ranking-pagination {
    margin-top: 18px;
    text-align: center;
}

.ember-ranking-pagination a,
.ember-ranking-pagination span {
    background: linear-gradient(180deg, rgba(118, 165, 216, 0.06), rgba(17, 14, 18, 0.9) 70%);
    border: 0 !important;
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px rgba(118, 165, 216, 0.16);
    color: var(--rank-muted);
    display: inline-flex;
    font-family: var(--rank-body);
    font-size: var(--ember-text-sm);
    font-weight: 700;
    justify-content: center;
    min-height: 40px;
    min-width: 40px;
}

.ember-ranking-pagination a:hover,
.ember-ranking-pagination a:focus-visible {
    box-shadow: inset 0 0 0 1px rgba(180, 208, 238, 0.55);
    color: var(--rank-text);
    outline: 0;
}

.ember-ranking-empty {
    align-items: center;
    background: rgba(19, 16, 21, 0.52);
    border: 0;
    border-radius: var(--rank-radius);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
    color: var(--rank-muted);
    display: flex;
    font-family: var(--rank-body);
    justify-content: center;
    min-height: 180px;
    padding: 30px;
    text-align: center;
}

.ember-ranking-empty--error {
    background: linear-gradient(180deg, rgba(54, 128, 208, 0.09), rgba(19, 16, 21, 0.52));
    color: #d8c6c7;
}

/* --------------------------------------------- secondary ranking views */

.ember-ranking-results {
    display: grid;
    gap: 34px;
}

.ember-ranking-result h3 {
    color: var(--rank-text);
    font-family: var(--rank-heading);
    font-size: var(--ember-text-xl);
    font-weight: 400;
    margin: 0 0 14px;
}

.ember-ranking-factions {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 24px;
}

.ember-ranking-faction {
    align-items: center;
    background:
        linear-gradient(180deg, rgba(118, 165, 216, 0.04), transparent 62%),
        var(--rank-surface);
    border: 0;
    border-radius: var(--rank-radius);
    box-shadow: var(--rank-lift);
    display: grid;
    gap: 16px;
    grid-template-columns: 76px minmax(0, 1fr);
    min-width: 0;
    padding: 18px 20px;
}

.ember-ranking-faction img {
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.62));
    height: 70px;
    object-fit: contain;
    width: 70px;
}

.ember-ranking-faction h3 {
    color: var(--rank-text);
    font-family: var(--rank-heading);
    font-size: var(--ember-text-xl);
    font-weight: 400;
    margin: 0 0 6px;
}

.ember-ranking-faction p {
    color: var(--rank-muted);
    font-size: var(--ember-text-sm);
    margin: 0;
}

.ember-ranking-faction strong {
    color: var(--rank-gold-bright);
    font-family: var(--rank-heading);
    font-size: var(--ember-text-lg);
    font-weight: 400;
}

.ember-ranking-faction span {
    color: var(--rank-faint);
    margin-left: 8px;
}

@keyframes ember-ranking-pulse {
    from {
        opacity: 0.45;
        transform: rotate(45deg) scale(0.84);
    }
    to {
        opacity: 1;
        transform: rotate(45deg) scale(1);
    }
}

/* ---------------------------------------------------------- responsive */

@media (max-width: 1180px) {
    .theme-supreme-ember.page-rankings .ember-hero--rankings .ember-hero-copy {
        padding-left: 32px;
        padding-right: 410px;
    }

    .ember-ranking-hero-crest {
        left: calc(50% + 320px);
        max-width: 350px;
    }
}

@media (max-width: 993px) {
    .theme-supreme-ember.page-rankings .main {
        padding-bottom: 70px;
    }

    .theme-supreme-ember.page-rankings .ember-hero--rankings .ember-hero-copy {
        padding-right: 300px;
    }

    .ember-ranking-hero-title {
        font-size: 50px;
    }

    .ember-ranking-hero-crest {
        left: calc(50% + 280px);
        max-width: 310px;
        opacity: 0.72;
    }

    .ember-rankings-page {
        padding-top: 50px;
    }

    .ember-ranking-frame__header {
        padding-left: 28px;
        padding-right: 28px;
    }

    .ember-ranking-tabs {
        padding-left: 18px;
        padding-right: 18px;
    }

    .ember-ranking-tabs::before,
    .ember-ranking-tabs::after {
        left: 18px;
        right: 18px;
    }

    .ember-ranking-content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .ember-ranking-toolbar {
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
    }

    .ember-ranking-search {
        flex-basis: auto;
        max-width: 360px;
        width: 100%;
    }
}

@media (max-width: 720px) {
    .theme-supreme-ember.page-rankings .ember-hero--rankings {
        height: 360px;
    }

    .theme-supreme-ember.page-rankings .ember-hero--rankings::after {
        background:
            linear-gradient(180deg, rgba(4, 3, 5, 0.38), rgba(4, 3, 5, 0.86)),
            linear-gradient(90deg, rgba(3, 2, 4, 0.78), rgba(4, 3, 5, 0.46));
    }

    .theme-supreme-ember.page-rankings .ember-hero--rankings .ember-hero-copy {
        justify-content: center;
        padding: 36px 22px 26px;
        text-align: center;
    }

    .ember-ranking-hero-copy {
        max-width: 580px;
    }

    .ember-ranking-hero-title {
        font-size: 44px;
    }

    .ember-ranking-hero-description {
        font-size: var(--ember-text-md);
        margin-left: auto;
        margin-right: auto;
        max-width: 520px;
    }

    .ember-ranking-hero-crest {
        left: 50%;
        max-width: 300px;
        opacity: 0.18;
        top: 55%;
        width: 70vw;
    }

    .ember-rankings-page {
        padding: 34px 14px 0;
    }

    .ember-ranking-frame {
        min-height: 440px;
    }

    .ember-ranking-frame__header {
        align-items: flex-start;
        flex-direction: column;
        padding: 27px 22px 20px;
    }

    .ember-ranking-frame__header h2 {
        font-size: var(--ember-text-2xl);
    }

    .ember-ranking-servers {
        justify-content: flex-start;
    }

    .ember-ranking-tabs {
        padding: 0 10px;
    }

    .ember-ranking-tabs::before,
    .ember-ranking-tabs::after {
        left: 10px;
        right: 10px;
    }

    .ember-ranking-tab {
        min-height: 54px;
        padding: 0 14px;
    }

    .ember-ranking-content {
        min-height: 330px;
        padding: 18px 12px 24px;
    }

    .ember-ranking-class-filter {
        margin: 0 -2px;
        padding: 0 2px 5px;
    }

    .ember-ranking-search,
    .ember-ranking-search--standalone {
        max-width: none;
    }

    .ember-ranking-table th,
    .ember-ranking-table tbody td {
        padding: 11px 12px;
    }

    .ember-ranking-medal {
        height: 42px;
        width: 42px;
    }

    .ember-ranking-factions {
        grid-template-columns: 1fr;
    }

    .ember-ranking-faction {
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), 0 14px 28px rgba(0, 0, 0, 0.3);
    }

    .ember-ranking-tab,
    .ember-ranking-class-filter a,
    .ember-ranking-class-filter button,
    .ember-ranking-search button,
    .ember-ranking-table tbody td {
        transition: none;
    }
}

@media (max-width: 480px) {
    .theme-supreme-ember.page-rankings .ember-hero--rankings {
        height: 330px;
    }

    .ember-ranking-hero-kicker {
        font-size: var(--ember-text-xs);
    }

    .ember-ranking-hero-title {
        font-size: var(--ember-text-3xl);
    }

    .ember-ranking-hero-description {
        font-size: var(--ember-text-sm);
        line-height: 1.62;
    }

    .ember-ranking-frame__header h2 {
        font-size: var(--ember-text-2xl);
    }

    .ember-ranking-result h3 {
        font-size: var(--ember-text-xl);
    }

    .ember-ranking-faction {
        gap: 12px;
        grid-template-columns: 60px minmax(0, 1fr);
        padding: 16px;
    }

    .ember-ranking-faction img {
        height: 56px;
        width: 56px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ember-ranking-loading span {
        animation: none;
    }

    .ember-ranking-tab,
    .ember-ranking-tab::before,
    .ember-ranking-tab::after,
    .ember-ranking-class-filter a,
    .ember-ranking-class-filter button,
    .ember-ranking-search button,
    .ember-ranking-table tbody td {
        transition: none;
    }
}

/* --- source: assets/supreme_ember/css/ember-character-profile.css --- */
/* Character profile ----------------------------------------------------- */

.theme-supreme-ember.page-info .ember-character-profile {
    color: #ddd6d0;
    font-family: var(--ember-body);
}

.theme-supreme-ember.page-character-profile .main {
    justify-content: center;
}

.theme-supreme-ember.page-character-profile .main > .sidebar {
    display: none;
}

.theme-supreme-ember.page-character-profile .ember-character-profile.dmn-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 1120px;
    width: 100%;
}

.theme-supreme-ember.page-info .ember-character-profile__shell {
    background:
        radial-gradient(720px 260px at 88% 0, rgba(43, 90, 141, 0.09), transparent 68%),
        linear-gradient(180deg, rgba(17, 14, 18, 0.96), rgba(8, 7, 10, 0.98));
    border: 1px solid rgba(118, 165, 216, 0.13);
    border-radius: 4px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.42);
    overflow: hidden;
    padding: 34px;
    position: relative;
}

.theme-supreme-ember.page-info .ember-character-profile__shell::before {
    background: linear-gradient(90deg, transparent, rgba(148, 188, 230, 0.72), transparent);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.theme-supreme-ember.page-info .ember-character-profile__identity {
    align-items: center;
    border-bottom: 1px solid rgba(118, 165, 216, 0.13);
    display: flex;
    gap: 28px;
    padding: 0 0 30px;
}

.theme-supreme-ember.page-info .ember-character-profile__portrait {
    align-items: center;
    background:
        radial-gradient(circle at 50% 34%, rgba(113, 164, 218, 0.16), transparent 56%),
        rgba(7, 6, 9, 0.82);
    border: 1px solid rgba(118, 165, 216, 0.2);
    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.38), 0 14px 34px rgba(0, 0, 0, 0.36);
    display: flex;
    flex: 0 0 132px;
    height: 168px;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.theme-supreme-ember.page-info .ember-character-profile__portrait::after {
    border: 1px solid rgba(179, 207, 237, 0.12);
    bottom: 7px;
    content: '';
    left: 7px;
    pointer-events: none;
    position: absolute;
    right: 7px;
    top: 7px;
}

.theme-supreme-ember.page-info .ember-character-profile__portrait img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.theme-supreme-ember.page-info .ember-character-profile__identity-copy {
    min-width: 0;
}

.theme-supreme-ember.page-info .ember-character-profile__eyebrow {
    color: #6d99c9;
    display: block;
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.13em;
    margin-bottom: 9px;
    text-transform: uppercase;
}

.theme-supreme-ember.page-info .ember-character-profile__identity h2 {
    color: #f5eee5;
    font-family: var(--ember-heading);
    font-size: clamp(34px, 4.7vw, 52px);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
    margin: 0;
    overflow-wrap: anywhere;
    text-shadow: 0 12px 28px rgba(0, 0, 0, 0.72);
}

.theme-supreme-ember.page-info .ember-character-profile__identity-copy > p {
    color: #bcb3af;
    font-size: var(--ember-text-md);
    line-height: 1.5;
    margin: 10px 0 0;
}

.theme-supreme-ember.page-info .ember-character-profile__meta {
    align-items: center;
    color: #a9a1a0;
    display: flex;
    flex-wrap: wrap;
    font-size: var(--ember-text-sm);
    gap: 10px 20px;
    margin-top: 18px;
}

.theme-supreme-ember.page-info .ember-character-profile__meta > span {
    align-items: center;
    display: inline-flex;
    gap: 8px;
}

.theme-supreme-ember.page-info .ember-character-profile__meta .fa {
    color: #6d99c9;
    font-size: var(--ember-text-sm);
}

.theme-supreme-ember.page-info .ember-character-profile__status i {
    background: #25568a;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(37, 86, 138, 0.12);
    display: inline-block;
    height: 7px;
    width: 7px;
}

.theme-supreme-ember.page-info .ember-character-profile__status--online i {
    background: #76ad50;
    box-shadow: 0 0 0 3px rgba(118, 173, 80, 0.13);
}

.theme-supreme-ember.page-info .ember-character-profile__stats {
    background: rgba(5, 5, 7, 0.52);
    border-bottom: 1px solid rgba(118, 165, 216, 0.12);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    margin: 0 -34px;
    padding: 0 34px;
}

.theme-supreme-ember.page-info .ember-character-profile__stat {
    border-right: 1px solid rgba(118, 165, 216, 0.1);
    min-width: 0;
    padding: 23px 20px;
}

.theme-supreme-ember.page-info .ember-character-profile__stat:first-child {
    padding-left: 0;
}

.theme-supreme-ember.page-info .ember-character-profile__stat:last-child {
    border-right: 0;
}

.theme-supreme-ember.page-info .ember-character-profile__stat > span {
    color: #8f8888;
    display: block;
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 7px;
    text-transform: uppercase;
}

.theme-supreme-ember.page-info .ember-character-profile__stat > strong {
    color: #efe5d8;
    display: block;
    font-family: var(--ember-heading);
    font-size: var(--ember-text-2xl);
    font-weight: 400;
    line-height: 1;
}

.theme-supreme-ember.page-info .ember-character-profile__stat > .ember-character-profile__stat-text {
    font-family: var(--ember-body);
    font-size: var(--ember-text-md);
    font-weight: 600;
    line-height: 1.25;
}

.theme-supreme-ember.page-info .ember-character-profile__stat-text small {
    color: #8f8888;
    font-size: var(--ember-text-xs);
    font-weight: 500;
}

.theme-supreme-ember.page-info .ember-character-profile__details {
    display: grid;
    gap: 38px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 38px 0 0;
}

.theme-supreme-ember.page-info .ember-character-profile__section {
    min-width: 0;
}

.theme-supreme-ember.page-info .ember-character-profile__section--wide,
.theme-supreme-ember.page-info .ember-character-profile__equipment {
    border-top: 1px solid rgba(118, 165, 216, 0.12);
    margin-top: 38px;
    padding-top: 34px;
}

.theme-supreme-ember.page-info .ember-character-profile__section-header {
    align-items: center;
    display: flex;
    gap: 13px;
    margin-bottom: 20px;
}

.theme-supreme-ember.page-info .ember-character-profile__section-icon {
    align-items: center;
    border: 1px solid rgba(118, 165, 216, 0.22);
    color: #79a4d3;
    display: flex;
    flex: 0 0 34px;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.theme-supreme-ember.page-info .ember-character-profile__section-header span:not(.ember-character-profile__section-icon) {
    color: #8f8888;
    display: block;
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.12em;
    margin-bottom: 3px;
    text-transform: uppercase;
}

.theme-supreme-ember.page-info .ember-character-profile__section-header h3 {
    color: #eee5da;
    font-family: var(--ember-heading);
    font-size: var(--ember-text-xl);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 0;
}

.theme-supreme-ember.page-info .ember-character-profile__definition-list {
    margin: 0;
}

.theme-supreme-ember.page-info .ember-character-profile__definition-list > div {
    align-items: baseline;
    border-bottom: 1px solid rgba(118, 165, 216, 0.08);
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(95px, 0.7fr) minmax(0, 1.3fr);
    padding: 12px 0;
}

.theme-supreme-ember.page-info .ember-character-profile__definition-list > div:last-child {
    border-bottom: 0;
}

.theme-supreme-ember.page-info .ember-character-profile__definition-list dt {
    color: #8f8888;
    font-size: var(--ember-text-xs);
    font-weight: 500;
    margin: 0;
}

.theme-supreme-ember.page-info .ember-character-profile__definition-list dd {
    color: #ded6ce;
    font-size: var(--ember-text-sm);
    font-weight: 600;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
    text-align: right;
}

.theme-supreme-ember.page-info .ember-character-profile__definition-list a {
    color: #75a4d7;
    text-decoration: none;
    transition: color 0.2s ease;
}

.theme-supreme-ember.page-info .ember-character-profile__definition-list a:hover,
.theme-supreme-ember.page-info .ember-character-profile__definition-list a:focus-visible {
    color: #a7c7ea;
    outline: 0;
}

.theme-supreme-ember.page-info .ember-character-profile__characters span {
    color: #686265;
    margin-right: 4px;
}

.theme-supreme-ember.page-info .ember-character-profile__definition-list--guild {
    display: grid;
    gap: 0 34px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.theme-supreme-ember.page-info .ember-character-profile__definition-list--guild > div {
    grid-template-columns: auto minmax(0, 1fr);
}

.theme-supreme-ember.page-info .ember-character-profile__guild-mark {
    image-rendering: pixelated;
    margin-right: 6px;
    vertical-align: -3px;
}

.theme-supreme-ember.page-info .ember-character-profile__equipment {
    overflow: hidden;
}

.theme-supreme-ember.page-info .ember-character-profile__equipment-header {
    justify-content: center;
    text-align: left;
}

.theme-supreme-ember.page-info .ember-character-equipment {
    align-items: flex-start;
    display: flex;
    justify-content: center;
    margin: 8px auto 0;
    max-width: 100%;
    position: relative;
}

.theme-supreme-ember.page-info .ember-character-equipment--modern {
    height: 319px;
}

.theme-supreme-ember.page-info .ember-character-equipment--legacy {
    height: 407px;
}

.theme-supreme-ember.page-info .ember-character-equipment__canvas {
    flex: 0 0 auto;
    transform-origin: top center;
}

.theme-supreme-ember.page-info #inventoryc.ember-character-equipment__canvas {
    height: 319px;
    width: 395px;
}

.theme-supreme-ember.page-info #inventory.ember-character-equipment__canvas {
    display: inline-block;
    height: 407px;
    position: relative;
    width: 400px;
}

.theme-supreme-ember.page-info .ember-character-equipment__legacy-background {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.theme-supreme-ember.page-info .ember-character-equipment__canvas > div {
    cursor: help;
    z-index: 2;
}

.theme-supreme-ember.page-info .ember-character-equipment__canvas > div > img {
    display: block;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
    width: 100%;
}

.theme-supreme-ember.page-info .ember-character-profile__empty {
    align-items: center;
    color: #989091;
    display: flex;
    flex-direction: column;
    font-size: var(--ember-text-sm);
    gap: 10px;
    justify-content: center;
    min-height: 180px;
}

.theme-supreme-ember.page-info .ember-character-profile__empty .fa {
    color: #658db7;
    font-size: var(--ember-text-xl);
}

.theme-supreme-ember.page-info .ember-character-profile__alert {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    min-height: 180px;
    padding: 28px;
}

.theme-supreme-ember.page-info .ember-character-profile__alert-icon {
    align-items: center;
    border: 1px solid rgba(61, 126, 195, 0.45);
    color: #619bda;
    display: flex;
    flex: 0 0 34px;
    font-weight: 700;
    height: 34px;
    justify-content: center;
}

.theme-supreme-ember.page-info .ember-character-profile__alert strong {
    color: #f0e7df;
    display: block;
    font-family: var(--ember-heading);
    font-size: var(--ember-text-xl);
    font-weight: 400;
}

.theme-supreme-ember.page-info .ember-character-profile__alert p {
    color: #a79fa0;
    font-size: var(--ember-text-sm);
    margin: 8px 0 0;
}

@media (max-width: 1180px) {
    .theme-supreme-ember.page-info .ember-character-profile__shell {
        padding: 28px;
    }

    .theme-supreme-ember.page-info .ember-character-profile__stats {
        margin-left: -28px;
        margin-right: -28px;
        padding-left: 28px;
        padding-right: 28px;
    }

    .theme-supreme-ember.page-info .ember-character-profile__definition-list--guild {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .theme-supreme-ember.page-info .ember-character-profile__shell {
        padding: 22px;
    }

    .theme-supreme-ember.page-info .ember-character-profile__identity {
        align-items: center;
        gap: 18px;
        padding-bottom: 24px;
    }

    .theme-supreme-ember.page-info .ember-character-profile__portrait {
        flex-basis: 96px;
        height: 124px;
    }

    .theme-supreme-ember.page-info .ember-character-profile__identity h2 {
        font-size: clamp(29px, 9vw, 40px);
    }

    .theme-supreme-ember.page-info .ember-character-profile__identity-copy > p {
        font-size: var(--ember-text-sm);
    }

    .theme-supreme-ember.page-info .ember-character-profile__meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
        margin-top: 13px;
    }

    .theme-supreme-ember.page-info .ember-character-profile__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-left: -22px;
        margin-right: -22px;
        padding: 0 22px;
    }

    .theme-supreme-ember.page-info .ember-character-profile__stat,
    .theme-supreme-ember.page-info .ember-character-profile__stat:first-child {
        border-bottom: 1px solid rgba(118, 165, 216, 0.09);
        padding: 18px 14px;
    }

    .theme-supreme-ember.page-info .ember-character-profile__stat:nth-child(odd) {
        padding-left: 0;
    }

    .theme-supreme-ember.page-info .ember-character-profile__stat:nth-child(even) {
        border-right: 0;
    }

    .theme-supreme-ember.page-info .ember-character-profile__details {
        gap: 30px;
        grid-template-columns: 1fr;
        padding-top: 30px;
    }

    .theme-supreme-ember.page-info .ember-character-profile__section--wide,
    .theme-supreme-ember.page-info .ember-character-profile__equipment {
        margin-top: 30px;
        padding-top: 28px;
    }

    .theme-supreme-ember.page-info .ember-character-equipment--modern {
        height: 230px;
    }

    .theme-supreme-ember.page-info .ember-character-equipment--legacy {
        height: 277px;
    }

    .theme-supreme-ember.page-info .ember-character-equipment--modern .ember-character-equipment__canvas {
        transform: scale(0.72);
    }

    .theme-supreme-ember.page-info .ember-character-equipment--legacy .ember-character-equipment__canvas {
        transform: scale(0.68);
    }
}

@media (max-width: 420px) {
    .theme-supreme-ember.page-info .ember-character-profile__shell {
        padding: 18px;
    }

    .theme-supreme-ember.page-info .ember-character-profile__identity {
        align-items: flex-start;
    }

    .theme-supreme-ember.page-info .ember-character-profile__portrait {
        flex-basis: 78px;
        height: 104px;
    }

    .theme-supreme-ember.page-info .ember-character-profile__eyebrow {
        font-size: var(--ember-text-xs);
    }

    .theme-supreme-ember.page-info .ember-character-profile__identity h2 {
        font-size: clamp(25px, 9vw, 34px);
    }

    .theme-supreme-ember.page-info .ember-character-profile__meta {
        font-size: var(--ember-text-xs);
    }

    .theme-supreme-ember.page-info .ember-character-profile__stats {
        margin-left: -18px;
        margin-right: -18px;
        padding: 0 18px;
    }

    .theme-supreme-ember.page-info .ember-character-profile__stat > strong {
        font-size: var(--ember-text-xl);
    }

    .theme-supreme-ember.page-info .ember-character-profile__definition-list > div {
        gap: 12px;
        grid-template-columns: minmax(78px, 0.8fr) minmax(0, 1.2fr);
    }

    .theme-supreme-ember.page-info .ember-character-equipment--modern {
        height: 217px;
    }

    .theme-supreme-ember.page-info .ember-character-equipment--legacy {
        height: 269px;
    }

    .theme-supreme-ember.page-info .ember-character-equipment--modern .ember-character-equipment__canvas {
        transform: scale(0.68);
    }

    .theme-supreme-ember.page-info .ember-character-equipment--legacy .ember-character-equipment__canvas {
        transform: scale(0.66);
    }
}

@media (prefers-reduced-motion: reduce) {
    .theme-supreme-ember.page-info .ember-character-profile__definition-list a {
        transition: none;
    }
}

/* --- source: assets/supreme_ember/css/ember-wiki.css --- */
.theme-supreme-ember.page-guides {
    --wiki-surface: var(--ember-page-surface-deep);
    --wiki-surface-soft: var(--ember-page-surface-strong);
    --wiki-line: var(--ember-line-red);
    --wiki-line-soft: var(--ember-line);
    --wiki-gold: var(--ember-gold);
    --wiki-gold-bright: var(--ember-gold-bright);
    --wiki-red: var(--ember-red);
    --wiki-text: var(--ember-text);
    --wiki-muted: var(--ember-muted);
}

.theme-supreme-ember.page-guides .main {
    background:
        radial-gradient(circle at 50% 0, rgba(24, 61, 101, 0.13), transparent 43%),
        linear-gradient(180deg, rgba(7, 5, 7, 0.99), #070608 76%);
    border-bottom: 0;
    display: block;
    padding: 0 0 92px;
    width: 100%;
}

.theme-supreme-ember.page-guides .sidebar {
    display: none !important;
}

.theme-supreme-ember.page-guides .ember-hero--wiki {
    height: 340px;
    isolation: isolate;
}

.theme-supreme-ember.page-guides .ember-hero--wiki::after {
    background:
        linear-gradient(90deg, rgba(3, 3, 5, 0.54), rgba(7, 5, 8, 0.1) 42%, rgba(5, 3, 5, 0.56)),
        linear-gradient(180deg, rgba(4, 3, 5, 0.06), rgba(4, 3, 5, 0.6));
    content: '';
    height: auto;
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 5;
}

.theme-supreme-ember.page-guides .ember-hero--wiki .ember-hero-stage {
    height: 100%;
    inset: 0;
    opacity: 1;
    top: 0;
    transform: none !important;
}

.theme-supreme-ember.page-guides .ember-hero--wiki .ember-hero-base {
    animation: emberWikiBackgroundBreath 28s ease-in-out infinite alternate;
    background-image:
        linear-gradient(90deg, rgba(5, 3, 6, 0.22), transparent 30%, transparent 70%, rgba(5, 3, 6, 0.2)),
        url('../images/wiki/wiki-hero-background-v1.webp');
    background-position: center, center;
    background-repeat: no-repeat;
    background-size: cover, cover;
    filter: brightness(0.82) saturate(0.92);
}

.theme-supreme-ember.page-guides .ember-hero--wiki .ember-hero-copy {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: center;
    margin: 0 auto;
    max-width: 850px;
    padding: 34px 24px 26px;
    position: absolute;
    text-align: center;
    transform: none;
    width: calc(100% - 48px);
    z-index: 8;
}

.ember-wiki-hero-copy {
    max-width: 720px;
    position: relative;
    z-index: 2;
}

.ember-wiki-hero-kicker {
    color: #5292d7;
    display: block;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 800;
    letter-spacing: 0.36em;
    margin-bottom: 14px;
    text-shadow: 0 0 18px rgba(52, 127, 207, 0.52);
    text-transform: uppercase;
}

/* Scoped to .theme-supreme-ember so it outranks the theme-wide
 * `.theme-supreme-ember h1, h2, h3` Cinzel rule in supreme-ember.css. */
.theme-supreme-ember .ember-wiki-hero-title {
    background: linear-gradient(180deg, #fffdf8 5%, #eadfd5 55%, #9fadbc 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: #f4eee9;
    font-family: var(--ember-heading);
    font-size: clamp(48px, 6vw, 76px);
    font-weight: 400;
    line-height: 0.98;
    margin: 0;
    text-shadow: 0 11px 32px rgba(0, 0, 0, 0.72);
    -webkit-text-fill-color: transparent;
}

.ember-wiki-hero-description {
    color: #c2babc;
    font-family: var(--ember-body);
    font-size: var(--ember-text-md);
    font-weight: 500;
    letter-spacing: 0.015em;
    line-height: 1.7;
    margin: 20px auto 0;
    max-width: 620px;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.88);
}

.ember-wiki-hero-divider {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
    margin: 22px auto 0;
    width: 170px;
}

.ember-wiki-hero-divider::before,
.ember-wiki-hero-divider::after {
    background: linear-gradient(90deg, transparent, rgba(106, 158, 213, 0.52));
    content: '';
    height: 1px;
    width: 68px;
}

.ember-wiki-hero-divider::after {
    background: linear-gradient(90deg, rgba(106, 158, 213, 0.52), transparent);
}

.ember-wiki-hero-divider span {
    background: #3e86d2;
    box-shadow: 0 0 14px rgba(62, 134, 210, 0.78);
    height: 7px;
    transform: rotate(45deg);
    width: 7px;
}

.ember-wiki-hero-emblem {
    filter: drop-shadow(0 18px 28px rgba(0, 0, 0, 0.82)) drop-shadow(0 0 20px rgba(41, 106, 175, 0.18));
    height: auto;
    left: calc(50% + 350px);
    max-width: 260px;
    opacity: 0.27;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 20vw;
    z-index: 7;
}

.ember-wiki-page {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1240px;
    padding: 32px 20px 0;
    position: relative;
    width: 100%;
}

.ember-wiki-archive {
    background:
        linear-gradient(135deg, rgba(52, 127, 207, 0.045), transparent 36%),
        linear-gradient(180deg, rgba(17, 15, 19, 0.98), rgba(7, 7, 9, 0.99));
    border: 0;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-ring), var(--ember-lift-hover);
    min-height: 440px;
    overflow: hidden;
    position: relative;
}

.ember-wiki-archive::before {
    background: linear-gradient(90deg, transparent, rgba(52, 127, 207, 0.8), transparent);
    content: '';
    height: 1px;
    left: 18%;
    position: absolute;
    right: 18%;
    top: 0;
}

.ember-wiki-archive__glow {
    background: radial-gradient(circle, rgba(36, 94, 155, 0.17), transparent 68%);
    height: 380px;
    pointer-events: none;
    position: absolute;
    right: -170px;
    top: -190px;
    width: 500px;
}

.ember-wiki-archive__header {
    align-items: center;
    border-bottom: 1px solid var(--wiki-line-soft);
    display: flex;
    gap: 32px;
    justify-content: space-between;
    min-height: 170px;
    overflow: hidden;
    padding: 34px 42px 30px;
    position: relative;
}

.ember-wiki-archive__header > div {
    max-width: 720px;
    position: relative;
    z-index: 2;
}

.ember-wiki-archive__header small,
.ember-wiki-empty > small,
.ember-wiki-article__header > small {
    color: #5292d7;
    display: block;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 800;
    letter-spacing: 0.3em;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.ember-wiki-archive__header h2 {
    color: var(--wiki-text);
    font-family: var(--ember-heading);
    font-size: clamp(28px, 3vw, 39px);
    font-weight: 600;
    line-height: 1.1;
    margin: 0;
}

.ember-wiki-archive__header p {
    color: var(--wiki-muted);
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    line-height: 1.7;
    margin: 13px 0 0;
    max-width: 650px;
}

.ember-wiki-archive__header > img {
    filter: drop-shadow(0 13px 22px rgba(0, 0, 0, 0.72));
    height: 132px;
    margin: -10px 12px -10px 0;
    object-fit: contain;
    opacity: 0.7;
    position: relative;
    width: 132px;
    z-index: 2;
}

.ember-wiki-archive__content {
    padding: 32px 42px 42px;
}

.ember-wiki-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ember-wiki-card {
    animation: emberWikiCardIn 0.55s ease both;
    min-height: 225px;
    position: relative;
}

.ember-wiki-card:nth-child(2) { animation-delay: 0.06s; }
.ember-wiki-card:nth-child(3) { animation-delay: 0.12s; }
.ember-wiki-card:nth-child(4) { animation-delay: 0.18s; }

.ember-wiki-card__cover {
    background:
        radial-gradient(circle at 100% 0, rgba(32, 83, 138, 0.12), transparent 40%),
        linear-gradient(145deg, rgba(20, 18, 22, 0.97), rgba(8, 8, 10, 0.99));
    border: 0;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-ring), var(--ember-lift), 0 0 24px rgba(33, 86, 142, 0.12);
    color: inherit;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 225px;
    overflow: hidden;
    padding: 30px 32px 27px;
    position: relative;
    transition: box-shadow 0.28s ease;
}

.ember-wiki-card__cover::before {
    background: linear-gradient(90deg, var(--wiki-red), rgba(106, 158, 213, 0.7), transparent 72%);
    content: '';
    height: 1px;
    left: 0;
    opacity: 0.62;
    position: absolute;
    top: 0;
    width: 52%;
}

.ember-wiki-card__cover::after {
    box-shadow: inset 0 0 0 1px rgba(106, 158, 213, 0.12);
    content: '';
    height: 116px;
    position: absolute;
    right: -42px;
    top: -42px;
    transform: rotate(45deg);
    width: 116px;
}

.ember-wiki-card__cover:hover,
.ember-wiki-card__cover:focus-visible {
    box-shadow: var(--ember-ring-hover), var(--ember-lift-hover), 0 0 30px rgba(45, 117, 194, 0.28), 0 0 68px rgba(33, 86, 142, 0.14);
    color: inherit;
}

.ember-wiki-card__cover:focus-visible {
    outline: 2px solid var(--wiki-gold-bright);
    outline-offset: 3px;
}

.ember-wiki-card__icon {
    align-items: center;
    background: linear-gradient(145deg, rgba(36, 92, 152, 0.17), rgba(106, 158, 213, 0.06));
    box-shadow: inset 0 0 0 1px rgba(106, 158, 213, 0.18);
    color: var(--wiki-gold);
    display: inline-flex;
    font-size: var(--ember-text-lg);
    height: 42px;
    justify-content: center;
    margin-bottom: 22px;
    transform: rotate(45deg);
    width: 42px;
}

.ember-wiki-card__icon i {
    transform: rotate(-45deg);
}

.ember-wiki-card__type {
    color: #5292d7;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 800;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.ember-wiki-card h3 {
    color: var(--wiki-text);
    font-family: var(--ember-heading);
    font-size: clamp(20px, 2vw, 27px);
    font-weight: 600;
    letter-spacing: 0.025em;
    line-height: 1.3;
    margin: 11px 0 22px;
}

.ember-wiki-card__action {
    align-items: center;
    color: var(--wiki-gold-bright);
    display: inline-flex;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 800;
    gap: 10px;
    letter-spacing: 0.16em;
    margin-top: auto;
    text-transform: uppercase;
}

.ember-wiki-card__action i {
    color: var(--wiki-red);
    transition: transform 0.22s ease;
}

.ember-wiki-card__cover:hover .ember-wiki-card__action i,
.ember-wiki-card__cover:focus-visible .ember-wiki-card__action i {
    transform: translateX(4px);
}

.ember-wiki-grid--single .ember-wiki-card__cover {
    min-height: 250px;
    padding-right: min(28vw, 330px);
}

.ember-wiki-grid--single .ember-wiki-card__cover::after {
    background: url('../images/wiki/wiki-hero-emblem-v1.png') center / contain no-repeat;
    border: 0;
    bottom: -48px;
    height: 280px;
    opacity: 0.16;
    right: 38px;
    top: auto;
    transform: none;
    width: 280px;
}

.ember-wiki-empty {
    align-items: center;
    background:
        radial-gradient(circle at 50% 0, rgba(33, 86, 143, 0.12), transparent 48%),
        rgba(10, 9, 12, 0.6);
    border: 0;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-ring), var(--ember-lift);
    display: flex;
    flex-direction: column;
    min-height: 320px;
    padding: 48px 30px;
    text-align: center;
}

.ember-wiki-empty__icon {
    align-items: center;
    box-shadow: inset 0 0 0 1px rgba(106, 158, 213, 0.25);
    color: var(--wiki-gold);
    display: inline-flex;
    font-size: var(--ember-text-2xl);
    height: 58px;
    justify-content: center;
    margin-bottom: 24px;
    transform: rotate(45deg);
    width: 58px;
}

.ember-wiki-empty__icon i {
    transform: rotate(-45deg);
}

.ember-wiki-empty h1,
.ember-wiki-empty h2 {
    color: var(--wiki-text);
    font-family: var(--ember-heading);
    font-size: clamp(25px, 3vw, 36px);
    font-weight: 600;
    margin: 0;
}

.ember-wiki-empty p {
    color: var(--wiki-muted);
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    line-height: 1.7;
    margin: 16px auto 0;
    max-width: 580px;
}

.ember-wiki-empty--error {
    box-shadow: var(--ember-ring), var(--ember-lift-hover);
    margin: 0 auto;
    max-width: 900px;
}

.ember-wiki-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    margin-top: 28px;
}

.ember-wiki-button {
    align-items: center;
    background: rgba(10, 9, 12, 0.82);
    border: 1px solid rgba(106, 158, 213, 0.28);
    color: var(--wiki-text);
    display: inline-flex;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 800;
    gap: 9px;
    justify-content: center;
    letter-spacing: 0.13em;
    min-height: 44px;
    padding: 0 20px;
    text-transform: uppercase;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.ember-wiki-button:hover,
.ember-wiki-button:focus-visible {
    background: rgba(106, 158, 213, 0.1);
    border-color: rgba(162, 196, 233, 0.56);
    color: #fff;
    transform: translateY(-1px);
}

.ember-wiki-button--primary {
    background: linear-gradient(180deg, #2f78c6, #21568e);
    border-color: #5191d6;
    box-shadow: 0 10px 26px rgba(33, 85, 140, 0.25);
}

.ember-wiki-button--primary:hover,
.ember-wiki-button--primary:focus-visible {
    background: linear-gradient(180deg, #3f86d2, #2560a0);
    border-color: #7aabe0;
}

.ember-wiki-page--article {
    max-width: 1080px;
}

.ember-wiki-breadcrumb {
    align-items: center;
    color: #6f696d;
    display: flex;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    gap: 10px;
    margin: 0 0 16px;
    min-width: 0;
}

.ember-wiki-breadcrumb a {
    color: var(--wiki-gold);
    font-weight: 700;
}

.ember-wiki-breadcrumb span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ember-wiki-article {
    background:
        linear-gradient(145deg, rgba(52, 127, 207, 0.035), transparent 28%),
        linear-gradient(180deg, rgba(17, 15, 19, 0.985), rgba(8, 8, 10, 0.995));
    border: 0;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-ring), var(--ember-lift-hover);
    overflow: hidden;
    position: relative;
}

.ember-wiki-article::before {
    background: linear-gradient(90deg, transparent, rgba(52, 127, 207, 0.82), transparent);
    content: '';
    height: 1px;
    left: 18%;
    position: absolute;
    right: 18%;
    top: 0;
}

.ember-wiki-article__header {
    background:
        radial-gradient(circle at 90% 10%, rgba(34, 87, 144, 0.15), transparent 32%),
        linear-gradient(145deg, rgba(28, 24, 29, 0.76), rgba(12, 11, 14, 0.72));
    border-bottom: 1px solid var(--wiki-line-soft);
    padding: 46px 58px 38px;
}

.ember-wiki-article__header h1 {
    color: var(--wiki-text);
    font-family: var(--ember-heading);
    font-size: clamp(32px, 4.2vw, 50px);
    font-weight: 600;
    letter-spacing: 0.025em;
    line-height: 1.14;
    margin: 0;
    overflow-wrap: anywhere;
}

.ember-wiki-article__meta {
    align-items: center;
    color: #777176;
    display: flex;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    gap: 12px;
    letter-spacing: 0.08em;
    margin-top: 22px;
    text-transform: uppercase;
}

.ember-wiki-article__meta span {
    color: var(--wiki-gold);
    font-weight: 700;
}

.ember-wiki-article__meta i {
    color: var(--wiki-red);
    margin-right: 6px;
}

.ember-wiki-article__body {
    box-sizing: border-box;
    color: #beb8ba;
    font-family: var(--ember-body);
    font-size: var(--ember-text-md);
    line-height: 1.78;
    margin: 0 auto;
    max-width: 900px;
    overflow-wrap: anywhere;
    padding: 48px 58px 56px;
}

.ember-wiki-article__body > :first-child {
    margin-top: 0 !important;
}

.ember-wiki-article__body > :last-child {
    margin-bottom: 0 !important;
}

.ember-wiki-article__body h2,
.ember-wiki-article__body h3,
.ember-wiki-article__body h4 {
    color: var(--wiki-text);
    font-family: var(--ember-heading);
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.3;
}

.ember-wiki-article__body h2 {
    border-bottom: 1px solid rgba(106, 158, 213, 0.15);
    font-size: var(--ember-text-2xl);
    margin: 42px 0 18px;
    padding-bottom: 12px;
}

.ember-wiki-article__body h3 {
    color: var(--wiki-gold-bright);
    font-size: var(--ember-text-xl);
    margin: 30px 0 14px;
}

.ember-wiki-article__body h4 {
    font-size: var(--ember-text-lg);
    margin: 24px 0 12px;
}

.ember-wiki-article__body p {
    margin: 0 0 20px;
}

.ember-wiki-article__body a {
    color: var(--wiki-gold-bright);
    text-decoration: underline;
    text-decoration-color: rgba(106, 158, 213, 0.38);
    text-underline-offset: 3px;
}

.ember-wiki-article__body a:hover,
.ember-wiki-article__body a:focus-visible {
    color: #fff;
    text-decoration-color: var(--wiki-red);
}

.ember-wiki-article__body ul,
.ember-wiki-article__body ol {
    margin: 0 0 24px;
    padding-left: 24px;
}

.ember-wiki-article__body li {
    margin: 8px 0;
    padding-left: 4px;
}

.ember-wiki-article__body li::marker {
    color: var(--wiki-red);
}

.ember-wiki-article__body strong {
    color: #eee6df;
    font-weight: 700;
}

.ember-wiki-article__body blockquote {
    background: rgba(106, 158, 213, 0.055);
    border-left: 2px solid var(--wiki-gold);
    color: #d0c8c4;
    margin: 30px 0;
    padding: 22px 26px;
}

.ember-wiki-article__body img {
    border: 1px solid rgba(106, 158, 213, 0.18);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.35);
    display: block;
    height: auto;
    margin: 30px auto;
    max-width: 100%;
}

.ember-wiki-article__body table {
    border-collapse: collapse;
    display: block;
    font-size: var(--ember-text-sm);
    margin: 28px 0;
    max-width: 100%;
    overflow-x: auto;
    width: 100%;
}

.ember-wiki-article__body th,
.ember-wiki-article__body td {
    border: 1px solid rgba(106, 158, 213, 0.15);
    min-width: 130px;
    padding: 12px 14px;
    text-align: left;
}

.ember-wiki-article__body th {
    background: rgba(52, 127, 207, 0.08);
    color: var(--wiki-gold-bright);
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.ember-wiki-article__body code,
.ember-wiki-article__body pre {
    background: #08080a;
    border: 1px solid var(--wiki-line-soft);
    color: #bdc9d6;
    font-family: var(--ember-mono);
}

.ember-wiki-article__body code {
    padding: 2px 6px;
}

.ember-wiki-article__body pre {
    overflow-x: auto;
    padding: 18px 20px;
}

.ember-wiki-article__footer {
    border-top: 1px solid var(--wiki-line-soft);
    padding: 24px 58px;
}

@keyframes emberWikiCardIn {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes emberWikiBackgroundBreath {
    from {
        transform: scale(1.005);
    }
    to {
        transform: scale(1.025);
    }
}

@media (max-width: 993px) {
    .theme-supreme-ember.page-guides .main {
        padding-bottom: 72px;
    }

    .ember-wiki-hero-emblem {
        left: calc(50% + 280px);
        max-width: 220px;
        opacity: 0.2;
        width: 24vw;
    }

    .ember-wiki-page {
        padding-top: 26px;
    }

    .ember-wiki-archive__header {
        padding-left: 30px;
        padding-right: 30px;
    }

    .ember-wiki-archive__content {
        padding: 28px 30px 34px;
    }

    .ember-wiki-article__header,
    .ember-wiki-article__body {
        padding-left: 42px;
        padding-right: 42px;
    }

    .ember-wiki-article__footer {
        padding-left: 42px;
        padding-right: 42px;
    }
}

@media (max-width: 720px) {
    .ember-wiki-grid {
        grid-template-columns: 1fr;
    }

    .ember-wiki-grid--single .ember-wiki-card__cover {
        padding-right: 32px;
    }

    .ember-wiki-grid--single .ember-wiki-card__cover::after {
        opacity: 0.07;
        right: -72px;
    }
}

@media (max-width: 640px) {
    .theme-supreme-ember.page-guides .ember-hero--wiki {
        height: 285px;
    }

    .theme-supreme-ember.page-guides .ember-hero--wiki .ember-hero-base {
        background-image:
            linear-gradient(90deg, rgba(5, 3, 6, 0.18), rgba(5, 3, 6, 0.05)),
            url('../images/wiki/wiki-hero-background-mobile-v1.webp');
        background-position: center, center;
    }

    .theme-supreme-ember.page-guides .ember-hero--wiki .ember-hero-copy {
        padding: 30px 20px 22px;
        width: 100%;
    }

    .ember-wiki-hero-kicker {
        font-size: var(--ember-text-xs);
        letter-spacing: 0.26em;
        margin-bottom: 12px;
    }

    .ember-wiki-hero-title {
        font-size: 42px;
    }

    .ember-wiki-hero-description {
        font-size: var(--ember-text-sm);
        line-height: 1.6;
        margin-top: 16px;
        max-width: 310px;
    }

    .ember-wiki-hero-divider {
        margin-top: 17px;
    }

    .ember-wiki-hero-emblem {
        display: none;
    }

    .ember-wiki-page {
        padding: 20px 12px 0;
    }

    .ember-wiki-archive {
        min-height: 390px;
    }

    .ember-wiki-archive__header {
        min-height: 0;
        padding: 28px 24px 24px;
    }

    .ember-wiki-archive__header h2 {
        font-size: var(--ember-text-2xl);
    }

    .ember-wiki-archive__header > img {
        height: 84px;
        margin-right: -12px;
        opacity: 0.38;
        width: 84px;
    }

    .ember-wiki-archive__content {
        padding: 22px 18px 26px;
    }

    .ember-wiki-card__cover {
        min-height: 215px;
        padding: 26px 24px 24px;
    }

    .ember-wiki-card h3 {
        font-size: var(--ember-text-xl);
    }

    .ember-wiki-empty {
        min-height: 300px;
        padding: 42px 20px;
    }

    .ember-wiki-actions {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .ember-wiki-button {
        width: 100%;
    }

    .ember-wiki-breadcrumb {
        padding: 0 4px;
    }

    .ember-wiki-article__header {
        padding: 34px 24px 28px;
    }

    .ember-wiki-article__header h1 {
        font-size: var(--ember-text-2xl);
    }

    .ember-wiki-article__meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
        margin-top: 18px;
    }

    .ember-wiki-article__body {
        font-size: var(--ember-text-md);
        line-height: 1.74;
        padding: 32px 24px 38px;
    }

    .ember-wiki-article__body h2 {
        font-size: var(--ember-text-xl);
        margin-top: 34px;
    }

    .ember-wiki-article__body h3 {
        font-size: var(--ember-text-lg);
    }

    .ember-wiki-article__footer {
        padding: 20px 24px;
    }
}

@media (max-width: 420px) {
    .ember-wiki-archive__header > img {
        display: none;
    }

    .ember-wiki-card__cover {
        padding-left: 21px;
        padding-right: 21px;
    }

    .ember-wiki-article__header,
    .ember-wiki-article__body,
    .ember-wiki-article__footer {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .theme-supreme-ember.page-guides .ember-hero--wiki .ember-hero-base,
    .ember-wiki-card {
        animation: none !important;
    }

    .ember-wiki-card__cover,
    .ember-wiki-card__action i,
    .ember-wiki-button {
        transition-duration: 0.01ms !important;
    }
}

/* --- source: assets/supreme_ember/css/ember-downloads.css --- */
/*
 * Supreme Ember - Downloads.
 * Uses the same "engraved gold on obsidian" visual contract as Game Features.
 * Download-specific artwork and layout remain local to this route.
 */

.theme-supreme-ember.page-downloads {
    --downloads-bg: var(--ember-page-bg);
    --downloads-surface: var(--ember-page-surface);
    --downloads-surface-strong: var(--ember-page-surface-strong);
    --downloads-surface-deep: var(--ember-page-surface-deep);
    --downloads-gold: var(--ember-gold);
    --downloads-gold-bright: var(--ember-gold-bright);
    --downloads-gold-deep: var(--ember-gold-deep);
    --downloads-red: var(--ember-red);
    --downloads-red-deep: var(--ember-red-deep);
    --downloads-text: var(--ember-text);
    --downloads-muted: var(--ember-muted);
    --downloads-faint: var(--ember-faint);
    --downloads-heading: var(--ember-heading);
    --downloads-body: var(--ember-body);
    --downloads-lift: var(--ember-lift);
    --downloads-lift-hover: var(--ember-lift-hover);
    --downloads-radius: var(--ember-radius);
}

.theme-supreme-ember.page-downloads .main {
    background:
        radial-gradient(1200px 520px at 50% 0, rgba(30, 76, 126, 0.07), transparent 70%),
        var(--downloads-bg);
    border: 0;
    display: block;
    padding: 0;
    width: 100%;
}

.theme-supreme-ember.page-downloads .sidebar {
    display: none !important;
}

/* ---------------------------------------------------------------- hero */

.theme-supreme-ember.page-downloads .ember-hero--downloads {
    height: 430px;
    isolation: isolate;
    overflow: hidden;
}

.theme-supreme-ember.page-downloads .ember-hero--downloads::after {
    background:
        linear-gradient(90deg, rgba(3, 2, 4, 0.9) 0%, rgba(5, 3, 6, 0.5) 52%, rgba(4, 2, 4, 0.74) 100%),
        linear-gradient(180deg, rgba(4, 3, 5, 0.06), rgba(6, 5, 9, 0.86));
    content: '';
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 5;
}

.theme-supreme-ember.page-downloads .ember-hero--downloads .ember-hero-stage {
    height: 100%;
    inset: 0;
    opacity: 1;
    top: 0;
    transform: none !important;
}

.theme-supreme-ember.page-downloads .ember-hero--downloads .ember-hero-base {
    animation: none;
    background-image:
        linear-gradient(90deg, rgba(5, 3, 7, 0.26), transparent 38%, rgba(4, 2, 5, 0.3)),
        url('../images/downloads/downloads-hero-background-v1.webp');
    background-position: center, center;
    background-repeat: no-repeat;
    background-size: cover, cover;
    filter: brightness(0.5) saturate(0.76);
    transform: scale(1.015);
}

.theme-supreme-ember.page-downloads .ember-hero--downloads .ember-hero-clouds,
.theme-supreme-ember.page-downloads .ember-hero--downloads .ember-hero-rays {
    opacity: 0.14;
}

.theme-supreme-ember.page-downloads .ember-hero--downloads .ember-hero-copy {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: flex-start;
    margin: 0 auto;
    max-width: 1240px;
    padding: 42px 500px 30px 34px;
    position: absolute;
    text-align: left;
    transform: none;
    width: 100%;
    z-index: 8;
}

.theme-supreme-ember.page-downloads .ember-downloads-hero-copy {
    max-width: 650px;
    position: relative;
    z-index: 2;
}

.theme-supreme-ember.page-downloads .ember-downloads-hero-kicker {
    color: #669fdb;
    display: block;
    font-family: var(--downloads-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.theme-supreme-ember.page-downloads .ember-downloads-hero-title {
    background: none;
    color: #f8f2ea;
    font-family: var(--downloads-heading);
    font-size: 60px;
    font-weight: 400;
    line-height: 1.04;
    margin: 0;
    text-shadow: 0 14px 38px rgba(0, 0, 0, 0.86), 0 0 46px rgba(44, 95, 150, 0.22);
    -webkit-text-fill-color: currentColor;
}

.theme-supreme-ember.page-downloads .ember-downloads-hero-description {
    color: #cfc5c6;
    font-family: var(--downloads-body);
    font-size: var(--ember-text-md);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.7;
    margin: 20px 0 0;
    max-width: 600px;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.9);
}

.theme-supreme-ember.page-downloads .ember-downloads-hero-divider {
    align-items: center;
    display: flex;
    gap: 14px;
    margin: 24px 0 0;
    width: 210px;
}

.theme-supreme-ember.page-downloads .ember-downloads-hero-divider::before,
.theme-supreme-ember.page-downloads .ember-downloads-hero-divider::after {
    content: '';
    height: 1px;
    width: 84px;
}

.theme-supreme-ember.page-downloads .ember-downloads-hero-divider::before {
    background: linear-gradient(90deg, transparent, rgba(118, 165, 216, 0.62));
}

.theme-supreme-ember.page-downloads .ember-downloads-hero-divider::after {
    background: linear-gradient(90deg, rgba(118, 165, 216, 0.62), transparent);
}

.theme-supreme-ember.page-downloads .ember-downloads-hero-divider span {
    background: linear-gradient(135deg, var(--downloads-gold-bright), var(--downloads-gold-deep));
    border: 0;
    border-radius: 1px;
    box-shadow: 0 0 14px rgba(118, 165, 216, 0.5);
    height: 9px;
    transform: rotate(45deg);
    width: 9px;
}

.theme-supreme-ember.page-downloads .ember-downloads-hero-emblem {
    filter:
        drop-shadow(0 22px 34px rgba(0, 0, 0, 0.86))
        drop-shadow(0 0 26px rgba(42, 108, 178, 0.24));
    height: auto;
    left: calc(50% + 360px);
    max-width: 390px;
    opacity: 0.9;
    pointer-events: none;
    position: absolute;
    top: 53%;
    transform: translate(-50%, -50%);
    width: 32vw;
    z-index: 7;
}

/* --------------------------------------------------------------- page */

.theme-supreme-ember.page-downloads .ember-downloads-page {
    color: var(--downloads-text);
    font-family: var(--downloads-body);
    overflow: hidden;
    width: 100%;
}

.theme-supreme-ember.page-downloads .ember-downloads-frame {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0 auto;
    max-width: 1240px;
    overflow: visible;
    padding: 80px 32px 96px;
    position: relative;
}

.theme-supreme-ember.page-downloads .ember-downloads-frame::before,
.theme-supreme-ember.page-downloads .ember-downloads-frame::after {
    content: none;
    display: none;
}

.theme-supreme-ember.page-downloads .ember-downloads-empty > small,
.theme-supreme-ember.page-downloads .ember-downloads-mirrors > header small,
.theme-supreme-ember.page-downloads .ember-downloads-install > header small {
    color: var(--downloads-red);
    display: block;
    font-family: var(--downloads-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 14px;
    text-transform: uppercase;
}

.theme-supreme-ember.page-downloads .ember-downloads-empty h2,
.theme-supreme-ember.page-downloads .ember-downloads-install h2 {
    color: var(--downloads-text);
    font-family: var(--downloads-heading);
    font-size: 42px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.16;
    margin: 0;
    text-shadow: 0 2px 22px rgba(0, 0, 0, 0.5);
    text-transform: none;
}

.theme-supreme-ember.page-downloads .ember-downloads-empty > p {
    color: var(--downloads-muted);
    font-family: var(--downloads-body);
    font-size: var(--ember-text-md);
    letter-spacing: 0;
    line-height: 1.7;
    margin: 18px 0 0;
    max-width: 720px;
}

.theme-supreme-ember.page-downloads .ember-downloads-countdown {
    background:
        linear-gradient(180deg, rgba(118, 165, 216, 0.08), transparent 62%),
        rgba(12, 9, 14, 0.86);
    border: 1px solid rgba(118, 165, 216, 0.3);
    box-shadow: inset 0 1px rgba(224, 236, 248, 0.08), 0 18px 38px rgba(0, 0, 0, 0.28);
    margin: 30px auto 0;
    max-width: 580px;
    padding: 24px 22px 20px;
}

.theme-supreme-ember.page-downloads .ember-downloads-countdown__label {
    color: var(--downloads-gold-bright);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.14em;
    margin: 0;
    text-transform: uppercase;
}

.theme-supreme-ember.page-downloads .ember-downloads-countdown__clock {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 18px auto 0;
}

.theme-supreme-ember.page-downloads .ember-downloads-countdown__clock span {
    border-right: 1px solid rgba(118, 165, 216, 0.2);
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 0 10px;
}

.theme-supreme-ember.page-downloads .ember-downloads-countdown__clock span:last-child {
    border-right: 0;
}

.theme-supreme-ember.page-downloads .ember-downloads-countdown__clock b {
    color: #f8f2ea;
    font-family: var(--downloads-heading);
    font-size: var(--ember-text-2xl);
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    line-height: 1;
}

.theme-supreme-ember.page-downloads .ember-downloads-countdown__clock small {
    color: var(--downloads-faint);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.theme-supreme-ember.page-downloads .ember-downloads-countdown__stamp {
    color: var(--downloads-muted);
    font-size: var(--ember-text-xs);
    margin: 18px 0 0;
}

.theme-supreme-ember.page-downloads .ember-downloads-timezone {
    color: var(--downloads-faint);
    font-size: var(--ember-text-xs);
    letter-spacing: 0.02em;
    line-height: 1.5;
    margin: 6px 0 0;
}

.theme-supreme-ember.page-downloads .ember-downloads-countdown.is-live .ember-downloads-countdown__label {
    color: #8fc474;
}

.theme-supreme-ember.page-downloads .ember-downloads-frame__content {
    position: relative;
}

/* ---------------------------------------------------- featured client */

.theme-supreme-ember.page-downloads .ember-downloads-featured {
    background:
        linear-gradient(180deg, rgba(118, 165, 216, 0.035), transparent 58%),
        var(--downloads-surface);
    border: 0;
    border-radius: var(--downloads-radius);
    box-shadow: var(--downloads-lift);
    display: grid;
    grid-template-columns: minmax(320px, 440px) minmax(0, 1fr);
    min-height: 390px;
    min-width: 0;
    overflow: hidden;
    position: relative;
    transition: box-shadow 0.28s ease, transform 0.28s ease, background-color 0.28s ease;
}

.theme-supreme-ember.page-downloads .ember-downloads-featured::before {
    background: linear-gradient(90deg, transparent, rgba(118, 165, 216, 0.42), transparent);
    content: '';
    height: 1px;
    left: 22%;
    opacity: 0.55;
    position: absolute;
    right: 22%;
    top: 0;
    transition: opacity 0.28s ease;
}

.theme-supreme-ember.page-downloads .ember-downloads-featured:hover {
    box-shadow: var(--downloads-lift-hover);
    transform: translateY(-3px);
}

.theme-supreme-ember.page-downloads .ember-downloads-featured:hover::before {
    opacity: 1;
}

.theme-supreme-ember.page-downloads .ember-downloads-featured__art {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 390px;
    overflow: visible;
    padding: 38px;
    position: relative;
}

.theme-supreme-ember.page-downloads .ember-downloads-featured__art::before {
    background: radial-gradient(circle at 50% 48%, rgba(52, 122, 196, 0.3), rgba(40, 88, 140, 0.12) 44%, transparent 70%);
    content: '';
    filter: blur(16px);
    inset: 2%;
    pointer-events: none;
    position: absolute;
}

.theme-supreme-ember.page-downloads .ember-downloads-featured__art img {
    display: block;
    filter: drop-shadow(0 26px 46px rgba(0, 0, 0, 0.6)) saturate(1.04);
    height: auto;
    max-width: 290px;
    object-fit: contain;
    position: relative;
    transition: filter 0.4s ease, transform 0.5s ease;
    width: 86%;
    z-index: 1;
}

.theme-supreme-ember.page-downloads .ember-downloads-featured__art .ember-downloads-featured__logo {
    max-width: 320px;
    width: 92%;
}

.theme-supreme-ember.page-downloads .ember-downloads-featured:hover .ember-downloads-featured__art img {
    filter: drop-shadow(0 30px 54px rgba(0, 0, 0, 0.66)) saturate(1.1) brightness(1.05);
    transform: scale(1.03);
}

.theme-supreme-ember.page-downloads .ember-downloads-featured__body {
    align-self: center;
    min-width: 0;
    padding: 48px 52px 48px 12px;
    position: relative;
    z-index: 2;
}

.theme-supreme-ember.page-downloads .ember-downloads-type {
    color: var(--downloads-red);
    display: block;
    font-family: var(--downloads-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.theme-supreme-ember.page-downloads .ember-downloads-featured__body h3 {
    color: var(--downloads-text);
    font-family: var(--downloads-heading);
    font-size: 42px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.14;
    margin: 14px 0 0;
    overflow-wrap: anywhere;
    text-shadow: 0 2px 22px rgba(0, 0, 0, 0.5);
}

.theme-supreme-ember.page-downloads .ember-downloads-featured__body > p {
    color: var(--downloads-muted);
    font-family: var(--downloads-body);
    font-size: var(--ember-text-md);
    letter-spacing: 0;
    line-height: 1.72;
    margin: 18px 0 0;
    max-width: 640px;
}

.theme-supreme-ember.page-downloads .ember-downloads-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    margin-top: 24px;
}

.theme-supreme-ember.page-downloads .ember-downloads-meta > span {
    background: none;
    border: 0;
    box-shadow: none;
    min-width: 0;
    padding: 0;
}

.theme-supreme-ember.page-downloads .ember-downloads-meta small {
    color: var(--downloads-faint);
    display: block;
    font-family: var(--downloads-body);
    font-size: var(--ember-text-xs);
    font-weight: 600;
    letter-spacing: 0;
    text-transform: uppercase;
}

.theme-supreme-ember.page-downloads .ember-downloads-meta strong {
    background: linear-gradient(180deg, #dbe8f6 10%, var(--downloads-gold) 92%);
    -webkit-background-clip: text;
    background-clip: text;
    color: var(--downloads-gold-bright);
    display: block;
    font-family: var(--downloads-heading);
    font-size: var(--ember-text-lg);
    font-weight: 400;
    letter-spacing: 0;
    margin-top: 7px;
    -webkit-text-fill-color: transparent;
}

.theme-supreme-ember.page-downloads .ember-downloads-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.theme-supreme-ember.page-downloads .ember-downloads-button {
    align-items: center;
    background:
        linear-gradient(180deg, rgba(118, 165, 216, 0.1), transparent 60%),
        rgba(17, 14, 18, 0.92);
    border: 0;
    border-radius: var(--downloads-radius);
    box-shadow: inset 0 0 0 1px rgba(118, 165, 216, 0.3), 0 14px 30px rgba(0, 0, 0, 0.4);
    color: #efe8e1;
    display: inline-flex;
    font-family: var(--downloads-body);
    font-size: var(--ember-text-sm);
    font-weight: 700;
    gap: 10px;
    justify-content: center;
    letter-spacing: 0;
    min-height: 50px;
    padding: 14px 22px;
    text-decoration: none;
    text-transform: uppercase;
    transition: box-shadow 0.24s ease, color 0.24s ease, transform 0.24s ease, background-color 0.24s ease;
}

.theme-supreme-ember.page-downloads .ember-downloads-button--primary {
    background: linear-gradient(180deg, #2c71bb, #1f4f82);
    box-shadow: inset 0 1px 0 rgba(191, 215, 240, 0.32), inset 0 0 0 1px rgba(108, 162, 220, 0.5), 0 16px 34px rgba(26, 67, 110, 0.42);
    color: #fff;
}

.theme-supreme-ember.page-downloads .ember-downloads-button:hover,
.theme-supreme-ember.page-downloads .ember-downloads-button:focus-visible {
    box-shadow: inset 0 0 0 1px rgba(180, 208, 238, 0.72), 0 20px 42px rgba(0, 0, 0, 0.5);
    color: #fff;
    outline: 0;
    text-decoration: none;
    transform: translateY(-2px);
}

.theme-supreme-ember.page-downloads .ember-downloads-button--primary:hover,
.theme-supreme-ember.page-downloads .ember-downloads-button--primary:focus-visible {
    background: linear-gradient(180deg, #3982d1, #235b97);
    box-shadow: inset 0 1px 0 rgba(207, 225, 244, 0.4), inset 0 0 0 1px rgba(140, 183, 228, 0.62), 0 22px 46px rgba(32, 83, 138, 0.5);
}

.theme-supreme-ember.page-downloads .ember-downloads-button.is-disabled {
    cursor: not-allowed;
    opacity: 0.46;
    pointer-events: none;
}

/* ------------------------------------------------------------ mirrors */

.theme-supreme-ember.page-downloads .ember-downloads-mirrors {
    margin-top: 64px;
}

.theme-supreme-ember.page-downloads .ember-downloads-mirrors > header {
    margin-bottom: 30px;
}

.theme-supreme-ember.page-downloads .ember-downloads-mirrors > header h3 {
    color: var(--downloads-text);
    font-family: var(--downloads-heading);
    font-size: var(--ember-text-2xl);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.16;
    margin: 0;
}

.theme-supreme-ember.page-downloads .ember-downloads-mirror-grid {
    border: 0;
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.theme-supreme-ember.page-downloads .ember-downloads-mirror {
    background:
        linear-gradient(180deg, rgba(118, 165, 216, 0.035), transparent 58%),
        var(--downloads-surface);
    border: 0;
    border-radius: var(--downloads-radius);
    box-shadow: var(--downloads-lift);
    display: grid;
    gap: 16px;
    grid-template-columns: 16px minmax(0, 1fr);
    min-width: 0;
    padding: 28px 30px 30px;
    position: relative;
    transition: box-shadow 0.28s ease, transform 0.28s ease, background-color 0.28s ease;
}

.theme-supreme-ember.page-downloads .ember-downloads-mirror::before {
    background: linear-gradient(90deg, transparent, rgba(118, 165, 216, 0.42), transparent);
    content: '';
    height: 1px;
    left: 22%;
    opacity: 0.55;
    position: absolute;
    right: 22%;
    top: 0;
    transition: opacity 0.28s ease;
}

.theme-supreme-ember.page-downloads .ember-downloads-mirror:hover {
    box-shadow: var(--downloads-lift-hover);
    transform: translateY(-3px);
}

.theme-supreme-ember.page-downloads .ember-downloads-mirror:hover::before {
    opacity: 1;
}

.theme-supreme-ember.page-downloads .ember-downloads-mirror__icon {
    background: linear-gradient(135deg, var(--downloads-gold-bright), var(--downloads-gold-deep));
    border: 0;
    border-radius: 1px;
    box-shadow: 0 0 14px rgba(118, 165, 216, 0.45);
    display: block;
    height: 12px;
    margin: 9px 0 0 2px;
    transform: rotate(45deg);
    width: 12px;
}

.theme-supreme-ember.page-downloads .ember-downloads-mirror__icon i {
    display: none;
}

.theme-supreme-ember.page-downloads .ember-downloads-mirror h4 {
    color: #f2ebe4;
    font-family: var(--downloads-heading);
    font-size: var(--ember-text-xl);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.3;
    margin: 8px 0 0;
    overflow-wrap: anywhere;
}

.theme-supreme-ember.page-downloads .ember-downloads-mirror p {
    color: #b3a9ab;
    font-family: var(--downloads-body);
    font-size: var(--ember-text-md);
    letter-spacing: 0;
    line-height: 1.72;
    margin: 12px 0 0;
}

.theme-supreme-ember.page-downloads .ember-downloads-mirror footer {
    align-items: center;
    border: 0;
    display: flex;
    gap: 20px;
    grid-column: 2;
    justify-content: space-between;
    margin-top: 16px;
    padding: 0;
}

.theme-supreme-ember.page-downloads .ember-downloads-mirror footer code {
    background: transparent;
    color: var(--downloads-faint);
    font-family: var(--downloads-body);
    font-size: var(--ember-text-xs);
    padding: 0;
}

.theme-supreme-ember.page-downloads .ember-downloads-mirror footer a,
.theme-supreme-ember.page-downloads .ember-downloads-mirror footer span {
    color: var(--downloads-gold-bright);
    font-family: var(--downloads-body);
    font-size: var(--ember-text-sm);
    font-weight: 700;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: uppercase;
}

.theme-supreme-ember.page-downloads .ember-downloads-mirror footer a:hover,
.theme-supreme-ember.page-downloads .ember-downloads-mirror footer a:focus-visible {
    color: #fff;
    outline: 0;
}

/* --------------------------------------------------------- empty state */

.theme-supreme-ember.page-downloads .ember-downloads-empty {
    background: transparent;
    border: 0;
    box-shadow: none;
    margin: 0 auto;
    max-width: 760px;
    padding: 32px 24px 58px;
    text-align: center;
}

.theme-supreme-ember.page-downloads .ember-downloads-empty__emblem {
    border: 0;
    display: block;
    filter: drop-shadow(0 26px 46px rgba(0, 0, 0, 0.6)) saturate(1.04);
    height: auto;
    margin: 0 auto 30px;
    max-width: 220px;
    width: 62vw;
}

.theme-supreme-ember.page-downloads .ember-downloads-empty > p {
    margin-left: auto;
    margin-right: auto;
}

.theme-supreme-ember.page-downloads .ember-downloads-empty .ember-downloads-actions {
    justify-content: center;
}

/* ------------------------------------------------------ install steps */

.theme-supreme-ember.page-downloads .ember-downloads-install {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-top: 88px;
    padding: 0;
}

.theme-supreme-ember.page-downloads .ember-downloads-install > header {
    max-width: 830px;
}

.theme-supreme-ember.page-downloads .ember-downloads-install ol {
    border: 0;
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    list-style: none;
    margin: 48px 0 0;
    padding: 0;
}

.theme-supreme-ember.page-downloads .ember-downloads-install li {
    align-content: start;
    background:
        linear-gradient(180deg, rgba(118, 165, 216, 0.035), transparent 58%),
        var(--downloads-surface);
    border: 0;
    border-radius: var(--downloads-radius);
    box-shadow: var(--downloads-lift);
    display: grid;
    grid-template-rows: 180px auto;
    min-height: 320px;
    min-width: 0;
    padding: 28px 30px 30px;
    position: relative;
    text-align: center;
    transition: box-shadow 0.28s ease, transform 0.28s ease, background-color 0.28s ease;
}

.theme-supreme-ember.page-downloads .ember-downloads-install li::before {
    background: linear-gradient(90deg, transparent, rgba(118, 165, 216, 0.42), transparent);
    content: '';
    height: 1px;
    left: 22%;
    opacity: 0.55;
    position: absolute;
    right: 22%;
    top: 0;
    transition: opacity 0.28s ease;
}

.theme-supreme-ember.page-downloads .ember-downloads-install li:hover {
    box-shadow: var(--downloads-lift-hover);
    transform: translateY(-3px);
}

.theme-supreme-ember.page-downloads .ember-downloads-install li:hover::before {
    opacity: 1;
}

.theme-supreme-ember.page-downloads .ember-downloads-step__art {
    align-items: center;
    display: flex;
    height: 172px;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    width: 172px;
}

.theme-supreme-ember.page-downloads .ember-downloads-step__art::before {
    background: radial-gradient(circle at 50% 48%, rgba(52, 122, 196, 0.3), rgba(40, 88, 140, 0.12) 44%, transparent 70%);
    content: '';
    filter: blur(12px);
    inset: 0;
    pointer-events: none;
    position: absolute;
}

.theme-supreme-ember.page-downloads .ember-downloads-step__art img {
    display: block;
    filter: drop-shadow(0 18px 30px rgba(0, 0, 0, 0.62)) saturate(1.04);
    height: 100%;
    object-fit: contain;
    position: relative;
    transition: filter 0.4s ease, transform 0.5s ease;
    width: 100%;
    z-index: 1;
}

.theme-supreme-ember.page-downloads .ember-downloads-install li:hover .ember-downloads-step__art img {
    filter: drop-shadow(0 22px 36px rgba(0, 0, 0, 0.68)) saturate(1.1) brightness(1.05);
    transform: scale(1.03);
}

.theme-supreme-ember.page-downloads .ember-downloads-step__copy {
    min-width: 0;
}

.theme-supreme-ember.page-downloads .ember-downloads-install strong {
    color: #f2ebe4;
    display: block;
    font-family: var(--downloads-heading);
    font-size: var(--ember-text-xl);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.theme-supreme-ember.page-downloads .ember-downloads-install p {
    color: #b3a9ab;
    font-family: var(--downloads-body);
    font-size: var(--ember-text-md);
    letter-spacing: 0;
    line-height: 1.72;
    margin: 12px auto 0;
    max-width: 290px;
}

/* --------------------------------------------------------- responsive */

@media (max-width: 1180px) {
    .theme-supreme-ember.page-downloads .ember-hero--downloads .ember-hero-copy {
        padding-left: 32px;
        padding-right: 410px;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-hero-emblem {
        left: calc(50% + 320px);
        max-width: 350px;
    }
}

@media (max-width: 900px) {
    .theme-supreme-ember.page-downloads .ember-hero--downloads .ember-hero-copy {
        padding-right: 300px;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-hero-title {
        font-size: 50px;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-hero-emblem {
        left: calc(50% + 280px);
        max-width: 310px;
        opacity: 0.74;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-frame {
        padding-bottom: 78px;
        padding-top: 72px;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-featured {
        grid-template-columns: minmax(250px, 320px) minmax(0, 1fr);
    }

    .theme-supreme-ember.page-downloads .ember-downloads-featured__body {
        padding-left: 4px;
        padding-right: 34px;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-featured__body h3 {
        font-size: var(--ember-text-3xl);
    }

    .theme-supreme-ember.page-downloads .ember-downloads-mirror-grid,
    .theme-supreme-ember.page-downloads .ember-downloads-install ol {
        grid-template-columns: 1fr;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-install li {
        align-items: center;
        grid-template-columns: 190px minmax(0, 1fr);
        grid-template-rows: auto;
        min-height: 220px;
        text-align: left;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-install p {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 720px) {
    .theme-supreme-ember.page-downloads .ember-hero--downloads {
        height: 360px;
    }

    .theme-supreme-ember.page-downloads .ember-hero--downloads::after {
        background:
            linear-gradient(180deg, rgba(4, 3, 5, 0.38), rgba(4, 3, 5, 0.86)),
            linear-gradient(90deg, rgba(3, 2, 4, 0.78), rgba(4, 3, 5, 0.46));
    }

    .theme-supreme-ember.page-downloads .ember-hero--downloads .ember-hero-base {
        background-image:
            linear-gradient(180deg, rgba(5, 3, 7, 0.24), rgba(4, 2, 5, 0.48)),
            url('../images/downloads/downloads-hero-background-mobile-v1.webp');
        background-position: center, center;
    }

    .theme-supreme-ember.page-downloads .ember-hero--downloads .ember-hero-copy {
        justify-content: center;
        padding: 36px 22px 26px;
        text-align: center;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-hero-copy {
        max-width: 580px;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-hero-title {
        font-size: 44px;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-hero-description {
        font-size: var(--ember-text-md);
        margin-left: auto;
        margin-right: auto;
        max-width: 520px;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-hero-divider {
        margin-left: auto;
        margin-right: auto;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-hero-emblem {
        left: 50%;
        max-width: 300px;
        opacity: 0.2;
        top: 55%;
        width: 70vw;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-frame {
        padding: 58px 22px 70px;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-empty h2,
    .theme-supreme-ember.page-downloads .ember-downloads-install h2 {
        font-size: var(--ember-text-2xl);
    }

    .theme-supreme-ember.page-downloads .ember-downloads-featured {
        grid-template-columns: 1fr;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-featured__art {
        min-height: 300px;
        padding: 30px;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-featured__art img {
        max-width: 230px;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-featured__art .ember-downloads-featured__logo {
        max-width: 250px;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-featured__body {
        padding: 6px 28px 34px;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-install {
        margin-top: 70px;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-install li {
        padding: 24px 22px 26px;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-button,
    .theme-supreme-ember.page-downloads .ember-downloads-featured,
    .theme-supreme-ember.page-downloads .ember-downloads-featured__art img,
    .theme-supreme-ember.page-downloads .ember-downloads-mirror,
    .theme-supreme-ember.page-downloads .ember-downloads-mirror::before,
    .theme-supreme-ember.page-downloads .ember-downloads-install li,
    .theme-supreme-ember.page-downloads .ember-downloads-install li::before,
    .theme-supreme-ember.page-downloads .ember-downloads-step__art img {
        transition: none;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-featured:hover,
    .theme-supreme-ember.page-downloads .ember-downloads-mirror:hover,
    .theme-supreme-ember.page-downloads .ember-downloads-install li:hover,
    .theme-supreme-ember.page-downloads .ember-downloads-featured:hover .ember-downloads-featured__art img,
    .theme-supreme-ember.page-downloads .ember-downloads-install li:hover .ember-downloads-step__art img {
        transform: none;
    }
}

@media (max-width: 480px) {
    .theme-supreme-ember.page-downloads .ember-hero--downloads {
        height: 330px;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-hero-kicker {
        font-size: var(--ember-text-xs);
    }

    .theme-supreme-ember.page-downloads .ember-downloads-hero-title {
        font-size: var(--ember-text-3xl);
    }

    .theme-supreme-ember.page-downloads .ember-downloads-hero-description {
        font-size: var(--ember-text-sm);
        line-height: 1.62;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-frame {
        padding-left: 16px;
        padding-right: 16px;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-featured__art {
        min-height: 250px;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-featured__body h3 {
        font-size: var(--ember-text-2xl);
    }

    .theme-supreme-ember.page-downloads .ember-downloads-featured__body > p,
    .theme-supreme-ember.page-downloads .ember-downloads-mirror p,
    .theme-supreme-ember.page-downloads .ember-downloads-install p {
        font-size: var(--ember-text-sm);
    }

    .theme-supreme-ember.page-downloads .ember-downloads-meta {
        gap: 18px;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-button {
        width: 100%;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-mirror {
        gap: 13px;
        grid-template-columns: 12px minmax(0, 1fr);
        padding: 24px 22px 26px;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-mirror h4,
    .theme-supreme-ember.page-downloads .ember-downloads-install strong {
        font-size: var(--ember-text-lg);
    }

    .theme-supreme-ember.page-downloads .ember-downloads-mirror footer {
        align-items: flex-start;
        flex-direction: column;
        grid-column: 2;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-install li {
        grid-template-columns: 1fr;
        grid-template-rows: 154px auto;
        min-height: 276px;
        text-align: center;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-step__art {
        height: 148px;
        width: 148px;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-install p {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .theme-supreme-ember.page-downloads .ember-downloads-button,
    .theme-supreme-ember.page-downloads .ember-downloads-featured,
    .theme-supreme-ember.page-downloads .ember-downloads-featured::before,
    .theme-supreme-ember.page-downloads .ember-downloads-featured__art img,
    .theme-supreme-ember.page-downloads .ember-downloads-mirror,
    .theme-supreme-ember.page-downloads .ember-downloads-mirror::before,
    .theme-supreme-ember.page-downloads .ember-downloads-install li,
    .theme-supreme-ember.page-downloads .ember-downloads-install li::before,
    .theme-supreme-ember.page-downloads .ember-downloads-step__art img {
        transition: none;
    }

    .theme-supreme-ember.page-downloads .ember-downloads-featured:hover,
    .theme-supreme-ember.page-downloads .ember-downloads-mirror:hover,
    .theme-supreme-ember.page-downloads .ember-downloads-install li:hover,
    .theme-supreme-ember.page-downloads .ember-downloads-featured:hover .ember-downloads-featured__art img,
    .theme-supreme-ember.page-downloads .ember-downloads-install li:hover .ember-downloads-step__art img {
        transform: none;
    }
}

/* --- source: assets/supreme_ember/css/ember-vote-reward.css --- */
.theme-supreme-ember.page-vote-reward {
    --vote-bg: var(--ember-page-bg);
    --vote-surface: var(--ember-page-surface);
    --vote-surface-strong: var(--ember-page-surface-deep);
    --vote-line: var(--ember-line);
    --vote-line-red: var(--ember-line-red);
    --vote-gold: var(--ember-gold);
    --vote-gold-bright: var(--ember-gold-bright);
    --vote-red: var(--ember-red);
    --vote-red-deep: var(--ember-red-deep);
    --vote-text: var(--ember-text);
    --vote-muted: var(--ember-muted);
}

.theme-supreme-ember.page-vote-reward .main {
    background:
        radial-gradient(circle at 50% 0, rgba(27, 70, 116, 0.13), transparent 42%),
        linear-gradient(180deg, #080608, var(--vote-bg) 72%);
    border-bottom: 0;
    display: block;
    padding: 0 0 72px;
    width: 100%;
}

.theme-supreme-ember.page-vote-reward .sidebar {
    display: none !important;
}

.theme-supreme-ember.page-vote-reward .ember-hero--vote-reward {
    height: 340px;
    isolation: isolate;
}

.theme-supreme-ember.page-vote-reward .ember-hero--vote-reward::after {
    background:
        linear-gradient(90deg, rgba(3, 3, 5, 0.5), rgba(7, 5, 8, 0.14) 42%, rgba(5, 3, 5, 0.5)),
        linear-gradient(180deg, rgba(4, 3, 5, 0.06), rgba(4, 3, 5, 0.58));
    content: '';
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 5;
}

.theme-supreme-ember.page-vote-reward .ember-hero--vote-reward .ember-hero-stage {
    height: 100%;
    inset: 0;
    opacity: 1;
    top: 0;
    transform: none !important;
}

.theme-supreme-ember.page-vote-reward .ember-hero--vote-reward .ember-hero-base {
    animation: emberVoteBackgroundBreath 26s ease-in-out infinite alternate;
    background-image:
        linear-gradient(90deg, rgba(5, 3, 7, 0.28), transparent 32%, transparent 68%, rgba(5, 3, 7, 0.28)),
        url('../images/rankings/rankings-hero-background-v1.webp');
    background-position: center, center;
    background-repeat: no-repeat;
    background-size: cover, cover;
    filter: brightness(0.76) saturate(0.94);
}

.theme-supreme-ember.page-vote-reward .ember-hero--vote-reward .ember-hero-copy {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: center;
    margin: 0 auto;
    max-width: 850px;
    padding: 34px 24px 26px;
    position: absolute;
    text-align: center;
    transform: none;
    width: calc(100% - 48px);
    z-index: 8;
}

.ember-vote-hero-copy {
    max-width: 740px;
    position: relative;
    z-index: 2;
}

.ember-vote-hero-kicker {
    color: #5292d7;
    display: block;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 800;
    letter-spacing: 0;
    margin-bottom: 14px;
    text-shadow: 0 0 18px rgba(52, 127, 207, 0.52);
    text-transform: uppercase;
}

.theme-supreme-ember .ember-vote-hero-title {
    background: linear-gradient(180deg, #fffdf8 5%, #eadfd5 55%, #9fadbc 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: #f4eee9;
    font-family: var(--ember-heading);
    font-size: 68px;
    font-weight: 400;
    line-height: 1;
    margin: 0;
    text-shadow: 0 11px 32px rgba(0, 0, 0, 0.72);
    -webkit-text-fill-color: transparent;
}

.ember-vote-hero-description {
    color: #c2babc;
    font-family: var(--ember-body);
    font-size: var(--ember-text-md);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.7;
    margin: 20px auto 0;
    max-width: 650px;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.88);
}

.ember-vote-hero-divider {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
    margin: 22px auto 0;
    width: 170px;
}

.ember-vote-hero-divider::before,
.ember-vote-hero-divider::after {
    background: linear-gradient(90deg, transparent, rgba(106, 158, 213, 0.52));
    content: '';
    height: 1px;
    width: 68px;
}

.ember-vote-hero-divider::after {
    background: linear-gradient(90deg, rgba(106, 158, 213, 0.52), transparent);
}

.ember-vote-hero-divider span {
    background: #3e86d2;
    box-shadow: 0 0 14px rgba(62, 134, 210, 0.78);
    height: 7px;
    transform: rotate(45deg);
    width: 7px;
}

.ember-vote-hero-crest {
    filter: drop-shadow(0 18px 28px rgba(0, 0, 0, 0.78)) drop-shadow(0 0 18px rgba(41, 106, 175, 0.2));
    height: auto;
    left: calc(50% + 350px);
    max-width: 270px;
    opacity: 0.26;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 270px;
    z-index: 7;
}

.ember-vote-page {
    margin: 0 auto;
    max-width: 1240px;
    padding: 38px 24px 0;
    position: relative;
    width: 100%;
}

.theme-supreme-ember.page-vote-reward .ember-vote-frame {
    background:
        radial-gradient(circle at 16% 0, rgba(31, 80, 132, 0.08), transparent 34%),
        linear-gradient(180deg, rgba(15, 13, 17, 0.66), rgba(7, 7, 9, 0.3));
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-ring), var(--ember-lift);
    min-height: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.theme-supreme-ember.page-vote-reward .ember-vote-frame::before {
    background: linear-gradient(90deg, transparent, var(--vote-red), var(--vote-gold), var(--vote-red), transparent);
    content: '';
    height: 1px;
    left: 18%;
    position: absolute;
    right: 18%;
    top: 0;
    z-index: 3;
}

.ember-vote-command {
    align-items: center;
    background:
        radial-gradient(circle at 14% 20%, rgba(36, 92, 152, 0.15), transparent 38%),
        linear-gradient(110deg, rgba(20, 14, 17, 0.96), rgba(8, 8, 11, 0.96));
    border-bottom: 0;
    box-shadow: 0 1px 0 rgba(118, 165, 216, 0.1);
    display: grid;
    gap: 32px;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 154px;
    padding: 30px 40px;
    position: relative;
}

.ember-vote-command::after {
    background: linear-gradient(180deg, transparent, rgba(52, 127, 207, 0.42), transparent);
    bottom: 22px;
    content: '';
    position: absolute;
    right: 0;
    top: 22px;
    width: 1px;
}

.ember-vote-command__copy {
    min-width: 0;
}

.ember-vote-command__copy > span,
.ember-vote-ranking__heading > span,
.ember-vote-sources__heading > span,
.ember-vote-guide__heading > span,
.ember-vote-empty__kicker {
    color: var(--vote-red);
    display: block;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 800;
    letter-spacing: 0;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.ember-vote-command h2,
.ember-vote-ranking__heading h3,
.ember-vote-sources__heading h3,
.ember-vote-guide__heading h3 {
    background: linear-gradient(180deg, #fff8ef 6%, #a1bedc 62%, #648bb5 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: var(--vote-text);
    font-family: var(--ember-heading);
    font-weight: 400;
    line-height: 1.08;
    margin: 0;
    -webkit-text-fill-color: transparent;
}

.ember-vote-command h2 {
    font-size: var(--ember-text-3xl);
}

.ember-vote-command p {
    color: #b8b0b1;
    font-family: var(--ember-body);
    font-size: var(--ember-text-md);
    line-height: 1.6;
    margin: 11px 0 0;
}

.ember-vote-command,
.supreme-vote-hero {
    z-index: 4;
}

.vote-vip-offer {
    margin-top: 18px;
    max-width: 760px;
    position: relative;
    width: 100%;
    z-index: 30;
}

.vote-vip-offer--account {
    margin-top: 22px;
}

.vote-vip-offer__trigger {
    align-items: center;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: inline-grid;
    font: inherit;
    gap: 5px 14px;
    grid-template-columns: auto minmax(0, 1fr);
    list-style: none;
    max-width: 100%;
    outline: 0;
    padding: 5px 0 8px 18px;
    position: relative;
    text-align: left;
}

.vote-vip-offer__trigger::before {
    background: linear-gradient(180deg, transparent, #7faee1 38%, #bdd5ef 58%, transparent);
    box-shadow: 0 0 18px rgba(104, 160, 220, 0.68);
    content: '';
    inset: 0 auto 0 0;
    opacity: 0.78;
    position: absolute;
    width: 1px;
}

.vote-vip-offer__trigger::after {
    background: linear-gradient(90deg, rgba(94, 153, 217, 0.72), rgba(172, 203, 236, 0.2), transparent);
    bottom: 0;
    box-shadow: 0 0 15px rgba(85, 148, 215, 0.48);
    content: '';
    height: 1px;
    left: 18px;
    position: absolute;
    width: min(100%, 430px);
}

.vote-vip-offer__kicker {
    color: #8db0d6;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    grid-column: 1 / -1;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: uppercase;
}

.vote-vip-offer__trigger strong {
    animation: voteVipAura 2.8s ease-in-out infinite;
    background: linear-gradient(100deg, #245d99 0%, #80afe1 22%, #caddf2 44%, #3179c7 68%, #b2cfed 84%, #245d99 100%);
    background-size: 240% auto;
    -webkit-background-clip: text;
    background-clip: text;
    color: #8db7e4;
    font-family: var(--ember-heading);
    font-size: var(--ember-text-lg);
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.25;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
}

.vote-vip-offer__hint {
    align-items: center;
    color: #9daab7;
    display: inline-flex;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    gap: 6px;
    justify-self: end;
    line-height: 1.2;
    text-transform: uppercase;
    white-space: nowrap;
}

.vote-vip-offer__hint i {
    color: #659edb;
    transition: transform 180ms ease;
}

.vote-vip-offer.is-open .vote-vip-offer__hint i {
    transform: rotate(180deg);
}

.vote-vip-offer__trigger:hover strong,
.vote-vip-offer__trigger:focus-visible strong {
    filter: drop-shadow(0 0 9px rgba(144, 185, 229, 0.72));
}

.theme-supreme-ember.page-vote-reward .vote-vip-offer__trigger:hover,
.theme-supreme-ember.page-vote-reward .vote-vip-offer__trigger:focus-visible {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: inherit;
    transform: none;
}

.vote-vip-offer__panel {
    background:
        radial-gradient(circle at 82% 0, rgba(65, 135, 210, 0.13), transparent 34%),
        linear-gradient(145deg, rgba(17, 12, 13, 0.99), rgba(5, 5, 8, 0.99));
    border: 1px solid rgba(105, 161, 220, 0.42);
    box-shadow: 0 28px 65px rgba(0, 0, 0, 0.72), 0 0 38px rgba(48, 123, 204, 0.12), inset 0 1px rgba(209, 226, 244, 0.08);
    left: 0;
    opacity: 0;
    padding: 26px 28px 22px;
    pointer-events: none;
    position: absolute;
    top: calc(100% + 10px);
    transform: translateY(8px);
    transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
    visibility: hidden;
    width: min(760px, 100%);
    z-index: 80;
}

.vote-vip-offer.is-open .vote-vip-offer__panel {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    visibility: visible;
}

@media (hover: hover) and (pointer: fine) {
    .vote-vip-offer:hover .vote-vip-offer__panel {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
        visibility: visible;
    }
}

.vote-vip-offer__header > span {
    color: #5996d8;
    display: block;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 800;
    margin-bottom: 7px;
    text-transform: uppercase;
}

.vote-vip-offer__header h3 {
    color: #f4eee5;
    font-family: var(--ember-heading);
    font-size: var(--ember-text-xl);
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
}

.vote-vip-offer__header p {
    color: #b9b0aa;
    font-size: var(--ember-text-sm);
    line-height: 1.65;
    margin: 9px 0 0;
    max-width: 690px;
}

.vote-vip-benefits {
    margin-top: 18px;
    overflow-x: auto;
}

.vote-vip-benefits table {
    border-collapse: collapse;
    color: #bdb4ae;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    table-layout: fixed;
    width: 100%;
}

.vote-vip-benefits th,
.vote-vip-benefits td {
    border-bottom: 1px solid rgba(157, 193, 231, 0.09);
    padding: 8px 10px;
    text-align: left;
    vertical-align: middle;
}

.vote-vip-benefits thead th {
    color: #8f8887;
    font-size: var(--ember-text-xs);
    font-weight: 800;
    text-transform: uppercase;
}

.vote-vip-benefits th:first-child {
    width: 56%;
}

.vote-vip-benefits tbody th {
    color: #cec5bd;
    font-weight: 500;
}

.vote-vip-benefits .is-vip {
    background: linear-gradient(90deg, #25609f, #82b0e2, #c3d9f1, #3079c8, #82b0e2);
    background-size: 240% auto;
    -webkit-background-clip: text;
    background-clip: text;
    color: #7dade0;
    filter: drop-shadow(0 0 7px rgba(79, 144, 214, 0.35));
    font-weight: 800;
    -webkit-text-fill-color: transparent;
}

.vote-vip-offer__account {
    align-items: center;
    border-top: 1px solid rgba(128, 175, 225, 0.16);
    display: grid;
    gap: 6px 20px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-top: 18px;
    padding-top: 16px;
}

.vote-vip-offer__balance span,
.vote-vip-offer__balance strong {
    display: block;
}

.vote-vip-offer__balance span {
    color: #8f8887;
    font-size: var(--ember-text-xs);
    font-weight: 800;
    text-transform: uppercase;
}

.vote-vip-offer__balance strong {
    color: #95bce6;
    font-family: var(--ember-heading);
    font-size: var(--ember-text-md);
    font-weight: 600;
    margin-top: 3px;
}

.vote-vip-offer__state,
.vote-vip-offer__footnote {
    color: #999190;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    line-height: 1.55;
}

.vote-vip-offer__state {
    grid-column: 1;
}

.vote-vip-offer__footnote {
    border-top: 1px solid rgba(128, 175, 225, 0.14);
    margin: 17px 0 0;
    padding-top: 13px;
}

.vote-vip-offer__redeem {
    align-items: center;
    align-self: center;
    background: transparent;
    border: 0;
    color: #7eaee1;
    cursor: pointer;
    display: inline-flex;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 800;
    gap: 8px;
    grid-column: 2;
    grid-row: 1 / span 2;
    padding: 8px 0 6px;
    position: relative;
    text-transform: uppercase;
}

.vote-vip-offer__redeem::after {
    background: linear-gradient(90deg, #2b6eb5, #b2cfed, transparent);
    bottom: 0;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    transform-origin: left;
    transition: transform 180ms ease;
}

.vote-vip-offer__redeem:hover::after,
.vote-vip-offer__redeem:focus-visible::after {
    transform: scaleX(0.72);
}

.theme-supreme-ember.page-vote-reward .vote-vip-offer__redeem:hover,
.theme-supreme-ember.page-vote-reward .vote-vip-offer__redeem:focus-visible {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: #b2cfed;
    transform: none;
}

.vote-vip-offer__redeem:focus-visible {
    outline: 1px solid rgba(151, 190, 231, 0.58);
    outline-offset: 5px;
}

.vote-vip-offer__redeem:disabled {
    color: #736d69;
    cursor: not-allowed;
}

.vote-vip-offer__redeem:disabled::after {
    background: rgba(133, 122, 112, 0.24);
}

@keyframes voteVipAura {
    0%, 100% {
        background-position: 0% center;
        filter: drop-shadow(0 0 4px rgba(91, 151, 216, 0.32));
    }
    50% {
        background-position: 100% center;
        filter: drop-shadow(0 0 11px rgba(151, 189, 230, 0.78));
    }
}

.ember-vote-command__actions {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ember-vote-ranking {
    align-items: center;
    background: transparent;
    box-shadow:
        inset 0 1px 0 rgba(108, 163, 221, 0.08),
        inset 0 -1px 0 rgba(108, 163, 221, 0.1);
    display: grid;
    gap: 42px;
    grid-template-columns: minmax(180px, 250px) minmax(0, 1fr);
    padding: 27px 40px 29px;
}

.ember-vote-ranking__heading {
    min-width: 0;
}

.ember-vote-ranking__heading h3 {
    font-size: var(--ember-text-2xl);
}

.ember-vote-ranking__heading p {
    color: #8f8787;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 600;
    line-height: 1.45;
    margin: 8px 0 0;
    text-transform: uppercase;
}

.ember-vote-ranking__list {
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.ember-vote-ranking__entry {
    align-items: center;
    background: transparent;
    box-shadow: inset 0 -1px 0 rgba(159, 188, 220, 0.1);
    display: grid;
    gap: 14px;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    min-height: 54px;
    padding: 3px 0;
}

.ember-vote-ranking__entry:last-child {
    box-shadow: none;
}

.ember-vote-ranking__position {
    color: #857c78;
    font-family: var(--ember-heading);
    font-size: var(--ember-text-xl);
    font-weight: 500;
    line-height: 1;
    text-align: center;
}

.ember-vote-ranking__name {
    color: #ddd5cf;
    display: block;
    font-family: var(--ember-heading);
    font-size: var(--ember-text-lg);
    font-weight: 600;
    line-height: 1.3;
    min-width: 0;
    overflow-wrap: anywhere;
    text-transform: uppercase;
}

.ember-vote-ranking__name:hover,
.ember-vote-ranking__name:focus-visible {
    color: #d2e3f5;
    outline: 0;
    text-decoration: underline;
    text-decoration-color: rgba(115, 167, 222, 0.62);
    text-underline-offset: 5px;
}

.ember-vote-ranking__score {
    align-items: baseline;
    color: #a49b96;
    display: inline-flex;
    gap: 7px;
    justify-content: flex-end;
    min-width: 72px;
    text-align: right;
}

.ember-vote-ranking__score strong {
    font-family: var(--ember-heading);
    font-size: var(--ember-text-xl);
    font-weight: 600;
    line-height: 1;
}

.ember-vote-ranking__score small {
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    text-transform: uppercase;
}

.ember-vote-ranking__entry--1 .ember-vote-ranking__name {
    animation: voteVipAura 2.8s ease-in-out infinite;
    background: linear-gradient(100deg, #245d99 0%, #80afe1 22%, #caddf2 44%, #3179c7 68%, #b2cfed 84%, #245d99 100%);
    background-size: 240% auto;
    -webkit-background-clip: text;
    background-clip: text;
    color: #8db7e4;
    -webkit-text-fill-color: transparent;
}

.ember-vote-ranking__entry--1 .ember-vote-ranking__position,
.ember-vote-ranking__entry--1 .ember-vote-ranking__score {
    color: #81b0e2;
    text-shadow: 0 0 13px rgba(93, 153, 217, 0.28);
}

.ember-vote-ranking__entry--2 .ember-vote-ranking__name,
.ember-vote-ranking__entry--2 .ember-vote-ranking__position,
.ember-vote-ranking__entry--2 .ember-vote-ranking__score {
    color: #d1d4d8;
    text-shadow: 0 0 10px rgba(204, 211, 220, 0.18);
}

.ember-vote-ranking__entry--3 .ember-vote-ranking__name,
.ember-vote-ranking__entry--3 .ember-vote-ranking__position,
.ember-vote-ranking__entry--3 .ember-vote-ranking__score {
    color: #558dc8;
    text-shadow: 0 0 10px rgba(62, 125, 193, 0.18);
}

.ember-vote-ranking__empty {
    color: #9d9493;
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    line-height: 1.6;
    margin: 0;
}

.ember-vote-servers {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.ember-vote-servers a {
    align-items: center;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.09);
    color: #d2c9c6;
    display: inline-flex;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 800;
    justify-content: center;
    letter-spacing: 0;
    min-height: 44px;
    padding: 0 16px;
    text-transform: uppercase;
}

.ember-vote-servers a.is-active,
.ember-vote-servers a:hover,
.ember-vote-servers a:focus-visible {
    border-color: rgba(52, 127, 207, 0.52);
    box-shadow: 0 0 24px rgba(52, 127, 207, 0.2);
    color: var(--vote-gold-bright);
}

.theme-supreme-ember.page-vote-reward .ember-vote-panel-link,
.theme-supreme-ember.page-vote-reward .ember-vote-action {
    align-items: center;
    background: linear-gradient(180deg, #2f78c7, var(--vote-red-deep));
    border: 1px solid rgba(79, 144, 214, 0.72) !important;
    border-radius: 2px;
    box-shadow: 0 14px 32px rgba(23, 58, 96, 0.3), inset 0 1px rgba(255, 255, 255, 0.14);
    color: #fff;
    display: inline-flex;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 900;
    gap: 9px;
    justify-content: center;
    letter-spacing: 0;
    min-height: 48px;
    padding: 0 22px;
    text-transform: uppercase;
    transition: border-color 180ms ease, box-shadow 180ms ease, color 180ms ease, transform 180ms ease;
    white-space: nowrap;
}

.theme-supreme-ember.page-vote-reward .ember-vote-panel-link:hover,
.theme-supreme-ember.page-vote-reward .ember-vote-action:hover,
.theme-supreme-ember.page-vote-reward .ember-vote-panel-link:focus-visible,
.theme-supreme-ember.page-vote-reward .ember-vote-action:focus-visible {
    border-color: rgba(168, 200, 234, 0.58) !important;
    box-shadow: 0 0 30px rgba(52, 127, 207, 0.46), 0 18px 40px rgba(23, 58, 96, 0.34);
    color: #fff;
    outline: 2px solid transparent;
    transform: translateY(-1px);
}

.ember-vote-sources {
    padding: 30px 40px 34px;
}

.ember-vote-sources__heading,
.ember-vote-guide__heading {
    margin-bottom: 22px;
}

.ember-vote-sources__heading h3,
.ember-vote-guide__heading h3 {
    font-size: var(--ember-text-2xl);
}

.ember-vote-sources__heading p {
    color: var(--vote-muted);
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    line-height: 1.55;
    margin: 7px 0 0;
    max-width: 660px;
}

.ember-vote-status {
    border-bottom: 1px solid rgba(118, 165, 216, 0.12);
    color: var(--vote-muted);
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    line-height: 1.55;
    margin: -4px 0 16px;
    padding: 0 0 13px;
}

.ember-vote-status--warning {
    color: #a2bcd7;
}

.ember-vote-toplist-grid {
    border-top: 1px solid rgba(118, 165, 216, 0.13);
    list-style: none;
    margin: 0;
    padding: 0;
}

.ember-vote-toplist {
    align-items: center;
    background: rgba(255, 255, 255, 0.008);
    border-bottom: 1px solid rgba(118, 165, 216, 0.1);
    border-radius: 0;
    box-shadow: none;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(230px, 1.5fr) minmax(135px, 0.72fr) minmax(105px, 0.55fr) minmax(170px, 0.85fr);
    min-height: 84px;
    padding: 12px 10px;
    transition: background-color 160ms ease;
}

.theme-supreme-ember.page-vote-reward #vote-options > .ember-vote-toplist {
    background: rgba(255, 255, 255, 0.008);
    border-radius: 0;
    box-shadow: none;
    height: auto;
    line-height: normal;
    margin-top: 0;
    padding: 12px 10px;
}

.ember-vote-toplist:hover,
.ember-vote-toplist:focus-within {
    background: rgba(114, 161, 211, 0.035);
}

.ember-vote-toplist.has-pending-reward {
    background:
        linear-gradient(90deg, rgba(72, 137, 206, 0.075), rgba(255, 255, 255, 0.01) 42%),
        rgba(255, 255, 255, 0.012);
    box-shadow: inset 2px 0 0 rgba(116, 168, 223, 0.55);
}

.ember-vote-toplist__provider {
    align-items: center;
    display: flex;
    gap: 14px;
    min-width: 0;
}

.ember-vote-toplist__banner {
    align-items: center;
    background:
        radial-gradient(circle at 50% 35%, rgba(119, 169, 223, 0.1), transparent 62%),
        linear-gradient(145deg, rgba(10, 9, 11, 0.92), rgba(23, 17, 18, 0.72));
    border: 0;
    border-radius: 4px;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(105, 161, 220, 0.16);
    color: inherit;
    display: flex;
    flex: 0 0 96px;
    height: 56px;
    justify-content: center;
    min-width: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
}

.ember-vote-toplist__banner-action {
    cursor: pointer;
}

.ember-vote-toplist__banner-action:focus-visible {
    outline: 1px solid rgba(162, 196, 233, 0.78);
    outline-offset: 4px;
}

.ember-vote-toplist__banner-action:disabled,
.ember-vote-toplist__banner-action.is-disabled {
    cursor: not-allowed;
    opacity: 0.62;
}

.ember-vote-toplist__banner img {
    clip-path: inset(2px 3px);
    display: block;
    filter: saturate(0.96) contrast(1.05) drop-shadow(0 7px 14px rgba(0, 0, 0, 0.5));
    height: 57px;
    max-width: 100%;
    object-fit: contain;
    transform: scale(1.12);
    transition: filter 160ms ease, transform 160ms ease;
    width: 95px;
}

.theme-supreme-ember.page-vote-reward #vote-options > .ember-vote-toplist .ember-vote-toplist__banner img {
    height: 57px;
    width: 95px;
}

.ember-vote-toplist:hover .ember-vote-toplist__banner img,
.ember-vote-toplist:focus-within .ember-vote-toplist__banner img {
    filter: drop-shadow(0 0 12px rgba(107, 162, 220, 0.22)) drop-shadow(0 8px 14px rgba(0, 0, 0, 0.55));
    transform: scale(1.14);
}

.ember-vote-toplist__identity {
    display: block;
    min-width: 0;
}

.ember-vote-toplist__identity small,
.ember-vote-toplist__datum small {
    color: #817779;
    display: block;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 800;
    line-height: 1.25;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.ember-vote-toplist.is-configured .ember-vote-toplist__identity small {
    color: #3a7abe;
}

.ember-vote-toplist__identity strong {
    color: var(--vote-text);
    display: block;
    font-family: var(--ember-body);
    font-size: var(--ember-text-md);
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.ember-vote-pending-note {
    color: #a0bbd7;
    display: block;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 600;
    line-height: 1.45;
    margin-top: 5px;
    max-width: 420px;
    overflow-wrap: anywhere;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.55);
}

.ember-vote-toplist__datum {
    display: block;
    min-width: 0;
}

.ember-vote-toplist__datum strong {
    color: var(--vote-gold-bright);
    display: block;
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.ember-vote-toplist__action {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.ember-vote-source-action {
    align-items: center;
    background:
        linear-gradient(180deg, rgba(115, 167, 222, 0.08), rgba(28, 59, 92, 0.06)),
        rgba(8, 7, 9, 0.72);
    border: 1px solid rgba(93, 153, 217, 0.34);
    border-radius: 4px;
    box-shadow: inset 0 1px rgba(202, 222, 243, 0.06), 0 10px 22px rgba(0, 0, 0, 0.34);
    color: var(--vote-gold-bright);
    cursor: pointer;
    display: inline-flex;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 800;
    gap: 7px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1.3;
    min-height: 38px;
    min-width: 164px;
    padding: 8px 13px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 160ms ease;
}

.ember-vote-source-action:hover,
.ember-vote-source-action:focus-visible {
    background:
        linear-gradient(180deg, rgba(138, 182, 228, 0.14), rgba(28, 65, 104, 0.1)),
        rgba(12, 10, 12, 0.82);
    border-color: rgba(162, 196, 233, 0.9);
    box-shadow: inset 0 1px rgba(209, 226, 244, 0.1), 0 0 18px rgba(96, 155, 218, 0.16), 0 12px 24px rgba(0, 0, 0, 0.42);
    color: #d3e3f5;
    outline: 0;
    transform: translateY(-1px);
}

.ember-vote-source-action--claim {
    background:
        linear-gradient(180deg, rgba(132, 177, 226, 0.16), rgba(25, 63, 103, 0.11)),
        rgba(15, 11, 10, 0.84);
    border-color: rgba(121, 171, 224, 0.72);
    box-shadow: inset 0 1px rgba(202, 222, 243, 0.11), 0 0 18px rgba(72, 140, 212, 0.14), 0 12px 24px rgba(0, 0, 0, 0.36);
    color: #b4d0ee;
}

.ember-vote-source-action--claim:hover,
.ember-vote-source-action--claim:focus-visible {
    border-color: rgba(178, 207, 237, 0.95);
    box-shadow: inset 0 1px rgba(219, 233, 247, 0.14), 0 0 24px rgba(98, 156, 218, 0.22), 0 13px 26px rgba(0, 0, 0, 0.43);
}

.ember-vote-source-action.is-disabled,
.ember-vote-source-action:disabled {
    background: rgba(10, 9, 11, 0.46);
    border-color: rgba(132, 124, 127, 0.18);
    box-shadow: none;
    color: #746d70;
    cursor: not-allowed;
}

.theme-supreme-ember.page-vote-reward #vote-options > .ember-vote-toplist button.ember-vote-source-action {
    border: 1px solid rgba(93, 153, 217, 0.34);
    line-height: 1.3;
    margin: 0;
    padding: 8px 13px;
}

.theme-supreme-ember.page-vote-reward #vote-options > .ember-vote-toplist button.ember-vote-source-action:hover,
.theme-supreme-ember.page-vote-reward #vote-options > .ember-vote-toplist button.ember-vote-source-action:focus-visible {
    border-color: rgba(162, 196, 233, 0.9);
}

.theme-supreme-ember.page-vote-reward #vote-options > .ember-vote-toplist button.ember-vote-source-action.is-disabled,
.theme-supreme-ember.page-vote-reward #vote-options > .ember-vote-toplist button.ember-vote-source-action:disabled {
    border-color: rgba(132, 124, 127, 0.18);
}

.ember-vote-counter {
    color: var(--vote-red-bright);
    display: none;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 800;
    margin-bottom: 3px;
}

.ember-vote-guide {
    background:
        radial-gradient(circle at 50% 0, rgba(114, 161, 211, 0.05), transparent 36%),
        rgba(5, 5, 8, 0.5);
    border-top: 0;
    box-shadow: inset 0 1px 0 rgba(118, 165, 216, 0.09);
    padding: 30px 40px 38px;
}

.ember-vote-guide-list {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}

.ember-vote-guide-card {
    align-items: center;
    background:
        radial-gradient(circle at 50% 14%, rgba(42, 109, 180, 0.12), transparent 42%),
        linear-gradient(180deg, rgba(14, 12, 16, 0.94), rgba(7, 7, 10, 0.98));
    border: 0;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-ring), var(--ember-lift);
    display: flex;
    flex-direction: column;
    min-height: 292px;
    overflow: hidden;
    padding: 18px 20px 24px;
    position: relative;
    text-align: center;
}

.ember-vote-guide-card::before {
    background: linear-gradient(90deg, transparent, rgba(114, 161, 211, 0.65), transparent);
    content: '';
    height: 1px;
    left: 18%;
    opacity: 0.45;
    position: absolute;
    right: 18%;
    top: 0;
}

.ember-vote-guide-card--vote {
    background:
        radial-gradient(circle at 50% 14%, rgba(48, 123, 204, 0.15), transparent 43%),
        linear-gradient(180deg, rgba(14, 12, 16, 0.94), rgba(7, 7, 10, 0.98));
}

.ember-vote-guide-card--reward {
    background:
        radial-gradient(circle at 50% 14%, rgba(81, 145, 214, 0.13), transparent 43%),
        linear-gradient(180deg, rgba(14, 12, 16, 0.94), rgba(7, 7, 10, 0.98));
}

.ember-vote-guide-card__art {
    align-items: center;
    display: flex;
    height: 164px;
    justify-content: center;
    margin-bottom: 8px;
    width: 164px;
}

.ember-vote-guide-card__art img {
    display: block;
    height: 160px;
    object-fit: contain;
    width: 160px;
}

.ember-vote-guide-card--panel .ember-vote-guide-card__art img {
    filter: drop-shadow(0 0 18px rgba(92, 152, 216, 0.12));
}

.ember-vote-guide-card--vote .ember-vote-guide-card__art img {
    filter: drop-shadow(0 0 18px rgba(48, 122, 203, 0.15));
}

.ember-vote-guide-card--reward .ember-vote-guide-card__art img {
    filter: drop-shadow(0 0 20px rgba(92, 152, 217, 0.17));
}

.ember-vote-guide-card h4 {
    color: #f2ebe6;
    font-family: var(--ember-heading);
    font-size: var(--ember-text-lg);
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 8px;
}

.ember-vote-guide-card p {
    color: var(--vote-muted);
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    line-height: 1.58;
    margin: 0;
    max-width: 250px;
}

.theme-supreme-ember.page-vote-reward .ember-vote-empty {
    align-items: center;
    background:
        radial-gradient(circle at 50% 16%, rgba(114, 161, 211, 0.08), transparent 36%),
        linear-gradient(180deg, rgba(12, 11, 14, 0.64), rgba(5, 5, 8, 0.8));
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-ring), var(--ember-lift);
    color: var(--vote-muted);
    display: flex;
    flex-direction: column;
    font-family: var(--ember-body);
    justify-content: center;
    min-height: 210px;
    padding: 30px 24px;
    position: relative;
    text-align: center;
}

.ember-vote-empty--warning {
    box-shadow: inset 0 0 0 1px rgba(52, 127, 207, 0.24), var(--ember-lift);
}

.ember-vote-empty__seal {
    align-items: center;
    background: rgba(17, 14, 18, 0.9);
    border: 0 !important;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(52, 127, 207, 0.34), 0 0 24px rgba(52, 127, 207, 0.12);
    color: var(--vote-red);
    display: inline-flex;
    height: 46px;
    justify-content: center;
    margin-bottom: 16px;
    width: 46px;
}

.ember-vote-empty__seal i {
    font-size: var(--ember-text-xl);
    line-height: 1;
    text-shadow: 0 0 18px rgba(52, 127, 207, 0.4);
}

.ember-vote-empty__kicker {
    margin-bottom: 8px;
}

.ember-vote-empty strong {
    color: var(--vote-text);
    display: block;
    font-family: var(--ember-heading);
    font-size: var(--ember-text-xl);
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.3;
    margin-bottom: 9px;
    text-transform: uppercase;
}

.ember-vote-empty p {
    font-size: var(--ember-text-sm);
    line-height: 1.7;
    margin: 0;
    max-width: 560px;
}

@keyframes emberVoteBackgroundBreath {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.03);
    }
}

@media (max-width: 980px) {
    .ember-vote-command {
        align-items: flex-start;
        grid-template-columns: 1fr;
    }

    .ember-vote-command__actions {
        align-items: flex-start;
        width: 100%;
    }

    .ember-vote-servers {
        justify-content: flex-start;
    }

    .ember-vote-toplist {
        gap: 10px 16px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        min-height: 0;
        padding: 14px 8px;
    }

    .theme-supreme-ember.page-vote-reward #vote-options > .ember-vote-toplist {
        padding: 14px 8px;
    }

    .ember-vote-toplist__provider,
    .ember-vote-toplist__action {
        grid-column: 1 / -1;
    }

    .ember-vote-toplist__action {
        align-items: flex-start;
    }

    .ember-vote-source-action {
        justify-content: flex-start;
        text-align: left;
    }

    .ember-vote-guide-card__art,
    .ember-vote-guide-card__art img {
        height: 138px;
        width: 138px;
    }
}

@media (max-width: 720px) {
    .theme-supreme-ember.page-vote-reward .ember-hero--vote-reward {
        height: 286px;
    }

    .theme-supreme-ember.page-vote-reward .ember-hero--vote-reward .ember-hero-copy {
        padding-left: 18px;
        padding-right: 18px;
        width: 100%;
    }

    .ember-vote-hero-title {
        font-size: 44px;
        line-height: 1.04;
    }

    .ember-vote-hero-description {
        font-size: var(--ember-text-sm);
        line-height: 1.6;
        margin-top: 15px;
    }

    .ember-vote-hero-divider {
        margin-top: 18px;
    }

    .ember-vote-hero-crest {
        display: none;
    }

    .ember-vote-page {
        padding: 24px 14px 0;
    }

    .ember-vote-command,
    .ember-vote-ranking,
    .ember-vote-sources,
    .ember-vote-guide {
        padding-left: 18px;
        padding-right: 18px;
    }

    .ember-vote-command {
        gap: 22px;
        min-height: 0;
        padding-bottom: 26px;
        padding-top: 26px;
    }

    .ember-vote-command h2 {
        font-size: var(--ember-text-2xl);
    }

    .ember-vote-command p {
        font-size: var(--ember-text-sm);
    }

    .ember-vote-ranking {
        align-items: stretch;
        gap: 16px;
        grid-template-columns: 1fr;
        padding-bottom: 24px;
        padding-top: 24px;
    }

    .ember-vote-ranking__heading h3 {
        font-size: var(--ember-text-2xl);
    }

    .ember-vote-ranking__heading p {
        margin-top: 6px;
    }

    .ember-vote-ranking__entry {
        gap: 10px;
        grid-template-columns: 32px minmax(0, 1fr) auto;
        min-height: 50px;
    }

    .ember-vote-ranking__name {
        font-size: var(--ember-text-md);
    }

    .ember-vote-ranking__score {
        min-width: 62px;
    }

    .ember-vote-ranking__score strong {
        font-size: var(--ember-text-lg);
    }

    .ember-vote-ranking__entry--1 .ember-vote-ranking__name {
        animation: none;
        background-position: 50% center;
    }

    .vote-vip-offer {
        margin-top: 16px;
        max-width: none;
    }

    .vote-vip-offer__trigger {
        display: grid;
        gap: 5px;
        grid-template-columns: 1fr auto;
        padding-left: 14px;
        width: 100%;
    }

    .vote-vip-offer__trigger strong {
        font-size: var(--ember-text-md);
    }

    .vote-vip-offer__hint {
        font-size: var(--ember-text-xs);
    }

    .vote-vip-offer__panel {
        display: none;
        margin-top: 12px;
        opacity: 1;
        padding: 20px 15px 17px;
        pointer-events: auto;
        position: relative;
        top: auto;
        transform: none;
        visibility: visible;
        width: 100%;
    }

    .vote-vip-offer.is-open .vote-vip-offer__panel {
        display: block;
    }

    .vote-vip-offer__header h3 {
        font-size: var(--ember-text-lg);
    }

    .vote-vip-benefits table {
        font-size: var(--ember-text-xs);
    }

    .vote-vip-benefits th,
    .vote-vip-benefits td {
        padding: 7px 4px;
    }

    .vote-vip-benefits th:first-child {
        width: 52%;
    }

    .vote-vip-offer__account {
        grid-template-columns: 1fr;
    }

    .vote-vip-offer__redeem {
        grid-column: 1;
        grid-row: auto;
        justify-self: start;
        margin-top: 6px;
    }

    .ember-vote-command__actions,
    .theme-supreme-ember.page-vote-reward .ember-vote-panel-link {
        width: 100%;
    }

    .ember-vote-sources__heading h3,
    .ember-vote-guide__heading h3 {
        font-size: var(--ember-text-2xl);
    }

    .ember-vote-guide-list {
        grid-template-columns: 1fr;
    }

    .ember-vote-sources__heading p {
        font-size: var(--ember-text-xs);
    }

    .ember-vote-guide-card {
        align-items: center;
        display: grid;
        gap: 4px 18px;
        grid-template-columns: 116px minmax(0, 1fr);
        min-height: 148px;
        padding: 15px 18px;
        text-align: left;
    }

    .ember-vote-guide-card__art {
        grid-row: 1 / span 2;
        height: 112px;
        margin: 0;
        width: 112px;
    }

    .ember-vote-guide-card__art img {
        height: 112px;
        width: 112px;
    }

    .ember-vote-guide-card h4 {
        margin: 0;
    }

    .ember-vote-guide-card p {
        max-width: none;
    }

    .ember-vote-empty {
        min-height: 200px;
        padding: 28px 18px;
    }
}

@media (max-width: 420px) {
    .ember-vote-hero-title {
        font-size: var(--ember-text-3xl);
    }

    .ember-vote-toplist {
        gap: 9px 12px;
        padding: 13px 4px;
    }

    .theme-supreme-ember.page-vote-reward #vote-options > .ember-vote-toplist {
        padding: 13px 4px;
    }

    .ember-vote-toplist__provider {
        gap: 10px;
    }

    .ember-vote-toplist__banner {
        flex-basis: 78px;
        height: 50px;
    }

    .ember-vote-toplist__banner img {
        height: 46px;
        width: 76px;
    }

    .theme-supreme-ember.page-vote-reward #vote-options > .ember-vote-toplist .ember-vote-toplist__banner img {
        height: 46px;
        width: 76px;
    }

    .ember-vote-toplist__identity strong {
        font-size: var(--ember-text-md);
    }

    .ember-vote-toplist__datum strong {
        font-size: var(--ember-text-xs);
    }

    .ember-vote-source-action {
        white-space: normal;
    }

    .ember-vote-guide-card {
        gap: 3px 12px;
        grid-template-columns: 92px minmax(0, 1fr);
        min-height: 126px;
        padding: 14px;
    }

    .ember-vote-guide-card__art,
    .ember-vote-guide-card__art img {
        height: 88px;
        width: 88px;
    }

    .ember-vote-guide-card h4 {
        font-size: var(--ember-text-md);
    }

    .ember-vote-guide-card p {
        font-size: var(--ember-text-xs);
    }
}

@media (prefers-reduced-motion: reduce) {
    .theme-supreme-ember.page-vote-reward .ember-hero--vote-reward .ember-hero-base {
        animation: none;
    }

    .ember-vote-toplist,
    .ember-vote-toplist__banner-action,
    .ember-vote-toplist__banner img,
    .ember-vote-source-action,
    .ember-vote-panel-link,
    .ember-vote-action,
    .vote-vip-offer__panel,
    .vote-vip-offer__hint i,
    .vote-vip-offer__redeem::after {
        transition: none;
    }

    .vote-vip-offer__trigger strong {
        animation: none;
        background-position: 50% center;
    }

    .ember-vote-ranking__entry--1 .ember-vote-ranking__name {
        animation: none;
        background-position: 50% center;
    }

    .vote-vip-benefits .is-vip {
        animation: none;
        background-position: 50% center;
    }

    .ember-vote-toplist:hover,
    .ember-vote-panel-link:hover,
    .ember-vote-action:hover {
        transform: none;
    }
}

/* --- source: assets/supreme_ember/css/ember-game-features.css --- */
/*
 * Supreme Ember - Game Features page.
 * Visual system: "engraved gold on obsidian".
 * Depth comes from layered surfaces, light and shadow - not from hairline rules.
 * Gold is used as light (sheen, glow, hover) and never as a full decorative border.
 */

/* The AlbertusSupreme @font-face now lives in ember-panels.css, beside the
 * --ember-heading token, so every route loads it rather than this one. */

.theme-supreme-ember.page-game-features {
    --features-bg: #07060a;
    --features-surface: rgba(19, 16, 21, 0.72);
    --features-surface-strong: rgba(26, 21, 27, 0.9);
    --features-surface-deep: rgba(11, 9, 13, 0.92);
    /*
     * Aliases, not values. Every one of these used to restate a global token
     * verbatim - nine of the eleven were byte-identical to their --ember-
     * counterpart - and the two that differed were this page's deeper shadows,
     * which have since been promoted to the global set in ember-panels.css.
     *
     * This page is the theme's reference for surfaces and headings, so it must
     * not be able to drift from the tokens the rest of the site reads. Keeping
     * the --features- names means none of the rules below had to change.
     */
    --features-gold: var(--ember-gold);
    --features-gold-bright: var(--ember-gold-bright);
    --features-gold-deep: var(--ember-gold-deep);
    --features-red: var(--ember-red);
    --features-red-deep: var(--ember-red-deep);
    --features-text: var(--ember-text);
    --features-muted: var(--ember-muted);
    --features-faint: var(--ember-faint);
    --features-heading: var(--ember-heading);
    --features-body: var(--ember-body);
    --features-lift: var(--ember-lift);
    --features-lift-hover: var(--ember-lift-hover);
    --features-radius: var(--ember-radius);
}

.theme-supreme-ember.page-game-features .main {
    background:
        radial-gradient(1200px 520px at 50% 0, rgba(30, 76, 126, 0.07), transparent 70%),
        var(--features-bg);
    border: 0;
    display: block;
    padding: 0;
    width: 100%;
}

.theme-supreme-ember.page-game-features .sidebar {
    display: none !important;
}

/* ---------------------------------------------------------------- hero */

.theme-supreme-ember.page-game-features .ember-hero--game-features {
    height: 430px;
    isolation: isolate;
    overflow: hidden;
}

.theme-supreme-ember.page-game-features .ember-hero--game-features::after {
    background:
        linear-gradient(90deg, rgba(3, 2, 4, 0.9) 0%, rgba(5, 3, 6, 0.5) 52%, rgba(4, 2, 4, 0.74) 100%),
        linear-gradient(180deg, rgba(4, 3, 5, 0.06), rgba(6, 5, 9, 0.86));
    content: '';
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 5;
}

.theme-supreme-ember.page-game-features .ember-hero--game-features .ember-hero-stage {
    height: 100%;
    inset: 0;
    opacity: 1;
    top: 0;
    transform: none !important;
}

.theme-supreme-ember.page-game-features .ember-hero--game-features .ember-hero-base {
    animation: none;
    background-image:
        linear-gradient(90deg, rgba(5, 3, 7, 0.26), transparent 38%, rgba(4, 2, 5, 0.3)),
        url('../images/ember/hero-desktop-v3.webp');
    background-position: center, center 42%;
    background-repeat: no-repeat;
    background-size: cover, cover;
    filter: brightness(0.5) saturate(0.76);
    transform: scale(1.015);
}

.theme-supreme-ember.page-game-features .ember-hero--game-features .ember-hero-clouds,
.theme-supreme-ember.page-game-features .ember-hero--game-features .ember-hero-rays {
    opacity: 0.14;
}

.theme-supreme-ember.page-game-features .ember-hero--game-features .ember-hero-copy {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: flex-start;
    margin: 0 auto;
    max-width: 1240px;
    padding: 42px 500px 30px 34px;
    position: absolute;
    text-align: left;
    transform: none;
    width: 100%;
    z-index: 8;
}

.ember-game-features-hero-copy {
    max-width: 650px;
    position: relative;
    z-index: 2;
}

.ember-game-features-hero-kicker {
    color: #669fdb;
    display: block;
    font-family: var(--features-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 16px;
    text-transform: uppercase;
}

/* Scoped to .theme-supreme-ember so it outranks the theme-wide
 * `.theme-supreme-ember h1, h2, h3` Cinzel rule in supreme-ember.css. */
.theme-supreme-ember .ember-game-features-hero-title {
    color: #f8f2ea;
    font-family: var(--features-heading);
    font-size: 60px;
    font-weight: 400;
    line-height: 1.04;
    margin: 0;
    text-shadow: 0 14px 38px rgba(0, 0, 0, 0.86), 0 0 46px rgba(44, 95, 150, 0.22);
}

.ember-game-features-hero-description {
    color: #cfc5c6;
    font-family: var(--features-body);
    font-size: var(--ember-text-md);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.7;
    margin: 20px 0 0;
    max-width: 600px;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.9);
}

.ember-game-features-hero-emblem {
    filter:
        drop-shadow(0 22px 34px rgba(0, 0, 0, 0.86))
        drop-shadow(0 0 26px rgba(42, 108, 178, 0.24));
    height: auto;
    left: calc(50% + 360px);
    max-width: 390px;
    opacity: 0.9;
    pointer-events: none;
    position: absolute;
    top: 53%;
    transform: translate(-50%, -50%);
    width: 32vw;
    z-index: 7;
}

/* --------------------------------------------------- gem ornament rule */

.ember-game-features-hero-divider,
.ember-game-features-chapter__ornament {
    align-items: center;
    display: flex;
    gap: 14px;
    margin: 24px 0 0;
    width: 210px;
}

.ember-game-features-hero-divider::before,
.ember-game-features-hero-divider::after,
.ember-game-features-chapter__ornament::before,
.ember-game-features-chapter__ornament::after {
    content: '';
    height: 1px;
    width: 84px;
}

.ember-game-features-hero-divider::before,
.ember-game-features-chapter__ornament::before {
    background: linear-gradient(90deg, transparent, rgba(118, 165, 216, 0.62));
}

.ember-game-features-hero-divider::after,
.ember-game-features-chapter__ornament::after {
    background: linear-gradient(90deg, rgba(118, 165, 216, 0.62), transparent);
}

.ember-game-features-hero-divider span,
.ember-game-features-chapter__ornament i {
    background: linear-gradient(135deg, var(--features-gold-bright), var(--features-gold-deep));
    border: 0;
    border-radius: 1px;
    box-shadow: 0 0 14px rgba(118, 165, 216, 0.5);
    height: 9px;
    transform: rotate(45deg);
    width: 9px;
}

/* --------------------------------------------------------------- page */

.ember-game-features-page {
    color: var(--features-text);
    font-family: var(--features-body);
    overflow: hidden;
    position: relative;
    width: 100%;
}

.ember-game-features-intro {
    margin: 0 auto;
    max-width: 1240px;
    padding: 80px 32px 56px;
}

.ember-game-features-intro__copy {
    max-width: 830px;
}

.ember-game-features-intro__copy > span,
.ember-game-features-cta > div > span {
    color: var(--features-red);
    display: block;
    font-family: var(--features-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 14px;
    text-transform: uppercase;
}

.ember-game-features-intro__copy h2,
.ember-game-features-cta h2 {
    color: var(--features-text);
    font-family: var(--features-heading);
    font-size: 42px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.16;
    margin: 0;
    text-shadow: 0 2px 22px rgba(0, 0, 0, 0.5);
}

.ember-game-features-intro__copy p,
.ember-game-features-cta p {
    color: var(--features-muted);
    font-family: var(--features-body);
    font-size: var(--ember-text-md);
    letter-spacing: 0;
    line-height: 1.7;
    margin: 18px 0 0;
    max-width: 720px;
}

/* --------------------------------------------------------------- stats */

.ember-game-features-stats {
    border: 0;
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin: 48px 0 0;
    position: relative;
}

.ember-game-features-stats > div {
    background:
        linear-gradient(180deg, rgba(118, 165, 216, 0.05), transparent 62%),
        var(--features-surface);
    border-radius: var(--features-radius);
    box-shadow: var(--features-lift);
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    min-height: 116px;
    overflow: hidden;
    padding: 22px 24px;
    position: relative;
}

.ember-game-features-stats > div::before {
    background: linear-gradient(90deg, transparent, rgba(118, 165, 216, 0.55), transparent);
    content: '';
    height: 1px;
    left: 18%;
    position: absolute;
    right: 18%;
    top: 0;
}

.ember-game-features-stats dt {
    color: var(--features-faint);
    font-family: var(--features-body);
    font-size: var(--ember-text-xs);
    font-weight: 600;
    letter-spacing: 0;
    margin-top: 10px;
    text-transform: uppercase;
}

.ember-game-features-stats dd {
    background: linear-gradient(180deg, #dbe8f6 10%, var(--features-gold) 92%);
    -webkit-background-clip: text;
    background-clip: text;
    color: var(--features-gold-bright);
    -webkit-text-fill-color: transparent;
    font-family: var(--features-heading);
    font-size: var(--ember-text-2xl);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
    margin: 0;
}

/* ---------------------------------------------------------- chapter nav */

.ember-game-features-index {
    background: linear-gradient(180deg, rgba(12, 10, 15, 0.98), rgba(8, 7, 10, 0.98));
    border: 0;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.44);
    position: sticky;
    top: 64px;
    z-index: 30;
}

.ember-game-features-index::before,
.ember-game-features-index::after {
    background: linear-gradient(90deg, transparent, rgba(118, 165, 216, 0.28) 22%, rgba(118, 165, 216, 0.28) 78%, transparent);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
}

.ember-game-features-index::before {
    top: 0;
}

.ember-game-features-index::after {
    bottom: 0;
}

.ember-game-features-index > div {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin: 0 auto;
    max-width: 1240px;
    padding: 0 20px;
}

.ember-game-features-index a {
    align-items: center;
    border: 0;
    color: #b4aaac;
    display: flex;
    font-family: var(--features-body);
    font-size: var(--ember-text-xs);
    font-weight: 600;
    gap: 11px;
    justify-content: center;
    letter-spacing: 0;
    min-height: 66px;
    padding: 10px 12px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: color 0.22s ease, background-color 0.22s ease;
}

.ember-game-features-index a::after {
    background: linear-gradient(90deg, transparent, var(--features-gold), transparent);
    bottom: 0;
    content: '';
    height: 2px;
    left: 14%;
    opacity: 0;
    position: absolute;
    right: 14%;
    transition: opacity 0.22s ease;
}

.ember-game-features-index a i {
    background: linear-gradient(135deg, var(--features-gold-bright), var(--features-gold-deep));
    border: 0;
    border-radius: 1px;
    box-shadow: 0 0 10px rgba(118, 165, 216, 0.42);
    flex: 0 0 9px;
    height: 9px;
    opacity: 0.62;
    transform: rotate(45deg);
    transition: opacity 0.22s ease, box-shadow 0.22s ease;
    width: 9px;
}

.ember-game-features-index a i::before {
    display: none;
}

.ember-game-features-index a span {
    min-width: 0;
}

.ember-game-features-index a:hover,
.ember-game-features-index a:focus-visible {
    background: linear-gradient(180deg, rgba(118, 165, 216, 0.09), transparent 70%);
    color: #f6f0ea;
    outline: 0;
}

.ember-game-features-index a:hover::after,
.ember-game-features-index a:focus-visible::after {
    opacity: 1;
}

.ember-game-features-index a:hover i,
.ember-game-features-index a:focus-visible i {
    box-shadow: 0 0 16px rgba(180, 208, 238, 0.7);
    opacity: 1;
}

/* ------------------------------------------------------------ chapters */

.ember-game-features-chapter {
    border: 0;
    position: relative;
    scroll-margin-top: 128px;
}

.ember-game-features-chapter:nth-child(even) {
    background:
        radial-gradient(900px 400px at 78% 24%, rgba(29, 74, 123, 0.07), transparent 68%),
        rgba(11, 9, 12, 0.55);
}

.ember-game-features-chapter + .ember-game-features-chapter::before {
    background: linear-gradient(90deg, transparent, rgba(118, 165, 216, 0.2) 30%, rgba(118, 165, 216, 0.2) 70%, transparent);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.ember-game-features-chapter__inner {
    margin: 0 auto;
    max-width: 1240px;
    padding: 88px 32px 96px;
}

.ember-game-features-chapter__heading {
    align-items: center;
    display: grid;
    gap: 56px;
    grid-template-columns: minmax(320px, 480px) minmax(0, 1fr);
    margin-bottom: 52px;
}

@media (min-width: 1000px) {
    .ember-game-features-chapter--progression .ember-game-features-chapter__heading {
        gap: 28px;
        grid-template-columns: minmax(240px, 260px) minmax(0, 1fr);
    }

    .ember-game-features-chapter--progression .ember-game-features-chapter__summary h2 {
        overflow-wrap: normal;
        white-space: nowrap;
    }
}

@media (min-width: 1120px) {
    .ember-game-features-chapter--progression .ember-game-features-chapter__heading {
        gap: 36px;
        grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
    }
}

@media (min-width: 1280px) {
    .ember-game-features-chapter--progression .ember-game-features-chapter__heading {
        gap: 44px;
        grid-template-columns: minmax(300px, 400px) minmax(0, 1fr);
    }
}

.ember-game-features-chapter:nth-child(even) .ember-game-features-chapter__visual {
    order: 2;
}

.ember-game-features-chapter:nth-child(even) .ember-game-features-chapter__summary {
    order: 1;
}

/* --- chapter artwork: medallion, no frame, no bars, no scrims --- */

.ember-game-features-chapter__visual {
    aspect-ratio: 1;
    margin: 0;
    max-width: 480px;
    min-width: 0;
    overflow: visible;
    position: relative;
    width: 100%;
}

.ember-game-features-chapter__visual::before {
    background: radial-gradient(circle at 50% 48%, rgba(52, 122, 196, 0.3), rgba(40, 88, 140, 0.12) 44%, transparent 70%);
    content: '';
    filter: blur(16px);
    inset: -8%;
    pointer-events: none;
    position: absolute;
    z-index: 0;
}

.ember-game-features-chapter__visual::after {
    content: none;
}

.ember-game-features-chapter__visual-frame {
    display: none;
}

.ember-game-features-chapter__visual picture,
.ember-game-features-chapter__visual img {
    display: block;
    height: 100%;
    width: 100%;
}

.ember-game-features-chapter__visual img {
    filter: drop-shadow(0 26px 46px rgba(0, 0, 0, 0.6)) saturate(1.04);
    -webkit-mask-image: radial-gradient(circle closest-side at 50% 50%, #000 88%, rgba(0, 0, 0, 0.5) 96%, transparent 100%);
    mask-image: radial-gradient(circle closest-side at 50% 50%, #000 88%, rgba(0, 0, 0, 0.5) 96%, transparent 100%);
    object-fit: contain;
    position: relative;
    transform: scale(1);
    transition: filter 0.4s ease, transform 0.5s ease;
    z-index: 1;
}

.ember-game-features-chapter__heading:hover .ember-game-features-chapter__visual img {
    filter: drop-shadow(0 30px 54px rgba(0, 0, 0, 0.66)) saturate(1.1) brightness(1.05);
    transform: scale(1.03);
}

.ember-game-features-chapter__summary {
    max-width: none;
    min-width: 0;
}

/* These are full sentences ("Fight on a living schedule"), not eyebrows, so
   they read as prose rather than chrome. */
.ember-game-features-chapter__summary small {
    color: var(--features-red);
    display: block;
    font-family: var(--features-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 14px;
}

.ember-game-features-chapter__summary h2 {
    color: var(--features-text);
    font-family: var(--features-heading);
    font-size: 42px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.14;
    margin: 0;
    overflow-wrap: anywhere;
    text-shadow: 0 2px 22px rgba(0, 0, 0, 0.5);
}

.ember-game-features-chapter__summary p {
    color: var(--features-muted);
    font-family: var(--features-body);
    font-size: var(--ember-text-md);
    letter-spacing: 0;
    line-height: 1.72;
    margin: 18px 0 0;
    max-width: 640px;
}

.ember-game-features-chapter__ornament {
    margin-top: 28px;
    width: 180px;
}

.ember-game-features-chapter__ornament::before,
.ember-game-features-chapter__ornament::after {
    width: 68px;
}

/* -------------------------------------------------------- feature cards */

.ember-game-features-list {
    border: 0;
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ember-game-feature {
    background:
        linear-gradient(180deg, rgba(118, 165, 216, 0.035), transparent 58%),
        var(--features-surface);
    border: 0;
    border-radius: var(--features-radius);
    box-shadow: var(--features-lift);
    display: grid;
    gap: 20px;
    grid-template-columns: 68px minmax(0, 1fr);
    min-width: 0;
    padding: 28px 30px 30px;
    position: relative;
    transition: box-shadow 0.28s ease, transform 0.28s ease, background-color 0.28s ease;
}

.ember-game-feature::before {
    background: linear-gradient(90deg, transparent, rgba(118, 165, 216, 0.42), transparent);
    content: '';
    height: 1px;
    left: 22%;
    opacity: 0.55;
    position: absolute;
    right: 22%;
    top: 0;
    transition: opacity 0.28s ease;
}

.ember-game-feature:hover {
    box-shadow: var(--features-lift-hover);
    transform: translateY(-3px);
}

.ember-game-feature:hover::before {
    opacity: 1;
}

.ember-game-feature--spotlight {
    background:
        radial-gradient(680px 260px at 12% 0, rgba(34, 88, 145, 0.22), transparent 62%),
        linear-gradient(180deg, rgba(118, 165, 216, 0.05), transparent 52%),
        var(--features-surface-strong);
    grid-column: 1 / -1;
    padding: 34px 36px 36px;
}

.ember-game-feature__marker {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    height: 64px;
    justify-content: center;
    margin: -4px 0 0 -4px;
    position: relative;
    transform: none;
    width: 64px;
}

.ember-game-feature__marker--image::before {
    background:
        radial-gradient(circle, rgba(118, 165, 216, 0.34) 0, rgba(34, 88, 145, 0.2) 38%, transparent 72%);
    border-radius: 50%;
    content: '';
    filter: blur(2px);
    inset: 12px;
    opacity: 0.9;
    position: absolute;
    transition: opacity 0.28s ease, transform 0.28s ease;
}

.ember-game-feature__marker img {
    display: block;
    height: 64px;
    object-fit: contain;
    position: relative;
    transition: filter 0.28s ease, transform 0.28s ease;
    width: 64px;
    z-index: 1;
    filter:
        drop-shadow(0 0 8px rgba(118, 165, 216, 0.2))
        drop-shadow(0 10px 16px rgba(0, 0, 0, 0.46));
}

.ember-game-feature:hover .ember-game-feature__marker--image::before {
    opacity: 1;
    transform: scale(1.12);
}

.ember-game-feature:hover .ember-game-feature__marker img {
    transform: translateY(-1px) scale(1.04);
    filter:
        drop-shadow(0 0 12px rgba(118, 165, 216, 0.34))
        drop-shadow(0 12px 18px rgba(0, 0, 0, 0.52));
}

.ember-game-feature__marker:not(.ember-game-feature__marker--image) {
    background: linear-gradient(135deg, var(--features-gold-bright), var(--features-gold-deep));
    border-radius: 1px;
    box-shadow: 0 0 14px rgba(118, 165, 216, 0.45);
    display: block;
    height: 12px;
    margin: 9px 0 0 2px;
    transform: rotate(45deg);
    width: 12px;
}

.ember-game-feature__marker i {
    display: none;
}

.ember-game-feature__copy {
    min-width: 0;
}

.ember-game-feature__copy h3 {
    color: #f2ebe4;
    font-family: var(--features-heading);
    font-size: var(--ember-text-xl);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.3;
    margin: 0;
    overflow-wrap: anywhere;
}

.ember-game-feature__copy > p {
    color: #b3a9ab;
    font-family: var(--features-body);
    font-size: var(--ember-text-md);
    letter-spacing: 0;
    line-height: 1.72;
    margin: 12px 0 0;
}

.ember-game-feature__points {
    display: grid;
    gap: 10px;
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
}

.ember-game-feature__points li {
    color: #cac1c0;
    font-family: var(--features-body);
    font-size: var(--ember-text-sm);
    line-height: 1.6;
    padding-left: 22px;
    position: relative;
}

.ember-game-feature__points li::before {
    background: linear-gradient(135deg, var(--features-gold-bright), var(--features-gold-deep));
    border-radius: 1px;
    box-shadow: 0 0 8px rgba(118, 165, 216, 0.38);
    content: '';
    height: 6px;
    left: 2px;
    position: absolute;
    top: 8px;
    transform: rotate(45deg);
    width: 6px;
}

.ember-game-feature__rewards {
    border: 0;
    margin-top: 24px;
    padding: 0;
}

.ember-game-feature__rewards strong {
    color: var(--features-gold-bright);
    display: block;
    font-family: var(--features-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.ember-game-feature__rewards ul {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    list-style: none;
    margin: 14px 0 0;
    padding: 0;
}

.ember-game-feature__rewards li {
    background: linear-gradient(180deg, rgba(118, 165, 216, 0.14), rgba(118, 165, 216, 0.06));
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px rgba(118, 165, 216, 0.2);
    color: #f0e7dd;
    font-family: var(--features-body);
    font-size: var(--ember-text-sm);
    letter-spacing: 0;
    padding: 8px 14px;
}

.ember-game-feature__rewards small {
    color: var(--features-faint);
    display: block;
    font-family: var(--features-body);
    font-size: var(--ember-text-sm);
    line-height: 1.6;
    margin-top: 14px;
}

/* --------------------------------------------------------------- events */

.ember-game-events {
    align-items: stretch;
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 46px;
}

/* Panels are always expanded: no disclosure control, no interactive affordance. */
.ember-game-events__group {
    background:
        radial-gradient(130% 64% at 50% 0, rgba(118, 165, 216, 0.1), transparent 58%),
        linear-gradient(180deg, rgba(29, 24, 31, 0.96), rgba(12, 10, 14, 0.97));
    border: 0;
    border-radius: var(--features-radius);
    box-shadow: var(--features-lift-hover), 0 0 34px rgba(46, 96, 150, 0.14);
    display: block;
    min-width: 0;
    overflow: hidden;
    position: relative;
}

.ember-game-events__group::before {
    background: linear-gradient(90deg, transparent, rgba(118, 165, 216, 0.5), transparent);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.ember-game-events__group > header {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 62px;
    padding: 14px 18px;
}

.ember-game-events__title {
    color: #f0e8e0;
    font-family: var(--features-heading);
    font-size: var(--ember-text-lg);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.26;
    margin: 0;
}

.ember-game-events__count {
    color: var(--features-gold-bright);
    display: inline;
    font-family: var(--features-body);
    font-size: var(--ember-text-sm);
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1;
    padding: 0;
}

.ember-game-events__group ul {
    border: 0;
    list-style: none;
    margin: 0 18px;
    padding: 6px 0 18px;
    position: relative;
}

.ember-game-events__group ul::before {
    background: linear-gradient(90deg, transparent, rgba(118, 165, 216, 0.34) 30%, rgba(118, 165, 216, 0.34) 70%, transparent);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.ember-game-events__group li {
    color: #b8afb0;
    font-family: var(--features-body);
    font-size: var(--ember-text-sm);
    line-height: 1.45;
    padding: 9px 0 9px 20px;
    position: relative;
    transition: color 0.2s ease;
}

.ember-game-events__group li:hover {
    color: #f0e7e2;
}

.ember-game-events__group li::before {
    background: linear-gradient(135deg, var(--features-gold-bright), var(--features-gold-deep));
    border-radius: 1px;
    box-shadow: 0 0 7px rgba(118, 165, 216, 0.45);
    content: '';
    height: 5px;
    left: 2px;
    position: absolute;
    top: 15px;
    transform: rotate(45deg);
    width: 5px;
}

/* ------------------------------------------------------------------ cta */

.ember-game-features-cta {
    align-items: center;
    background:
        radial-gradient(900px 320px at 8% 0, rgba(29, 76, 126, 0.2), transparent 62%),
        linear-gradient(180deg, rgba(20, 15, 18, 0.9), #08070a);
    border: 0;
    display: grid;
    gap: 48px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin: 0 auto;
    max-width: none;
    padding: 72px max(32px, calc((100% - 1176px) / 2));
    position: relative;
}

.ember-game-features-cta::before,
.ember-game-features-cta::after {
    background: linear-gradient(90deg, transparent, rgba(118, 165, 216, 0.34) 26%, rgba(118, 165, 216, 0.34) 74%, transparent);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
}

.ember-game-features-cta::before {
    top: 0;
}

.ember-game-features-cta::after {
    bottom: 0;
    opacity: 0.6;
}

.ember-game-features-cta__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-end;
    max-width: 470px;
}

.ember-game-features-button {
    align-items: center;
    background:
        linear-gradient(180deg, rgba(118, 165, 216, 0.1), transparent 60%),
        rgba(17, 14, 18, 0.92);
    border: 0;
    border-radius: var(--features-radius);
    box-shadow: inset 0 0 0 1px rgba(118, 165, 216, 0.3), 0 14px 30px rgba(0, 0, 0, 0.4);
    color: #efe8e1;
    display: inline-flex;
    font-family: var(--features-body);
    font-size: var(--ember-text-sm);
    font-weight: 700;
    gap: 10px;
    justify-content: center;
    letter-spacing: 0;
    min-height: 50px;
    padding: 14px 22px;
    text-transform: uppercase;
    transition: box-shadow 0.24s ease, color 0.24s ease, transform 0.24s ease, background-color 0.24s ease;
}

.ember-game-features-button--primary {
    background: linear-gradient(180deg, #2c71bb, #1f4f82);
    box-shadow: inset 0 1px 0 rgba(191, 215, 240, 0.32), inset 0 0 0 1px rgba(108, 162, 220, 0.5), 0 16px 34px rgba(26, 67, 110, 0.42);
    color: #fff;
}

.ember-game-features-button--discord {
    box-shadow: inset 0 0 0 1px rgba(114, 137, 218, 0.45), 0 14px 30px rgba(0, 0, 0, 0.4);
}

.ember-game-features-button:hover,
.ember-game-features-button:focus-visible {
    box-shadow: inset 0 0 0 1px rgba(180, 208, 238, 0.72), 0 20px 42px rgba(0, 0, 0, 0.5);
    color: #fff;
    outline: 0;
    transform: translateY(-2px);
}

.ember-game-features-button--primary:hover,
.ember-game-features-button--primary:focus-visible {
    background: linear-gradient(180deg, #3982d1, #235b97);
    box-shadow: inset 0 1px 0 rgba(207, 225, 244, 0.4), inset 0 0 0 1px rgba(140, 183, 228, 0.62), 0 22px 46px rgba(32, 83, 138, 0.5);
}

.ember-game-features-button--discord:hover,
.ember-game-features-button--discord:focus-visible {
    box-shadow: inset 0 0 0 1px rgba(154, 172, 240, 0.8), 0 20px 42px rgba(0, 0, 0, 0.5);
}

/* ---------------------------------------------------------- unavailable */

.ember-game-features-unavailable {
    margin: 0 auto;
    max-width: 760px;
    padding: 90px 24px 110px;
    text-align: center;
}

.ember-game-features-unavailable__seal {
    align-items: center;
    background:
        radial-gradient(circle at 50% 42%, rgba(118, 165, 216, 0.18), transparent 68%),
        rgba(17, 14, 18, 0.9);
    border: 0;
    border-radius: var(--features-radius);
    box-shadow: inset 0 0 0 1px rgba(118, 165, 216, 0.34), 0 18px 40px rgba(0, 0, 0, 0.44);
    color: var(--features-gold);
    display: flex;
    height: 72px;
    justify-content: center;
    margin: 0 auto 24px;
    transform: rotate(45deg);
    width: 72px;
}

.ember-game-features-unavailable__seal i {
    font-size: var(--ember-text-xl);
    transform: rotate(-45deg);
}

.ember-game-features-unavailable > p {
    color: var(--features-red);
    font-family: var(--features-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.ember-game-features-unavailable h2 {
    color: var(--features-text);
    font-family: var(--features-heading);
    font-size: var(--ember-text-2xl);
    font-weight: 400;
    letter-spacing: 0;
    margin: 14px 0 26px;
}

.ember-game-features-unavailable > a {
    align-items: center;
    background: rgba(17, 14, 18, 0.9);
    border: 0;
    border-radius: var(--features-radius);
    box-shadow: inset 0 0 0 1px rgba(118, 165, 216, 0.3), 0 14px 30px rgba(0, 0, 0, 0.4);
    color: #efe8e1;
    display: inline-flex;
    font-size: var(--ember-text-sm);
    font-weight: 700;
    letter-spacing: 0;
    min-height: 50px;
    padding: 14px 22px;
    text-transform: uppercase;
}

/* --------------------------------------------------------- responsive */

@media (max-width: 1180px) {
    .theme-supreme-ember.page-game-features .ember-hero--game-features .ember-hero-copy {
        padding-left: 32px;
        padding-right: 410px;
    }

    .ember-game-features-hero-emblem {
        left: calc(50% + 320px);
        max-width: 350px;
    }

    .ember-game-features-index a {
        font-size: var(--ember-text-xs);
        letter-spacing: 0;
        padding-left: 8px;
        padding-right: 8px;
    }

    .ember-game-features-chapter__heading {
        gap: 44px;
        grid-template-columns: minmax(300px, 400px) minmax(0, 1fr);
    }

    .ember-game-events {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ember-game-features-cta {
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media (max-width: 900px) {
    .theme-supreme-ember.page-game-features .ember-hero--game-features .ember-hero-copy {
        padding-right: 300px;
    }

    .ember-game-features-hero-title {
        font-size: 50px;
    }

    .ember-game-features-hero-emblem {
        left: calc(50% + 280px);
        max-width: 310px;
        opacity: 0.74;
    }

    .ember-game-features-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .ember-game-features-index {
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scrollbar-width: thin;
    }

    .ember-game-features-index > div {
        display: flex;
        min-width: max-content;
    }

    .ember-game-features-index a {
        flex: 0 0 180px;
    }

    .ember-game-features-chapter__inner {
        padding-bottom: 78px;
        padding-top: 72px;
    }

    .ember-game-features-chapter__heading {
        gap: 34px;
        grid-template-columns: 300px minmax(0, 1fr);
    }

    .ember-game-features-chapter__summary h2 {
        font-size: var(--ember-text-3xl);
    }

    .ember-game-features-list {
        grid-template-columns: 1fr;
    }

    .ember-game-features-cta {
        align-items: flex-start;
        grid-template-columns: 1fr;
    }

    .ember-game-features-cta__actions {
        justify-content: flex-start;
        max-width: none;
    }
}

@media (max-width: 720px) {
    .theme-supreme-ember.page-game-features .ember-hero--game-features {
        height: 360px;
    }

    .theme-supreme-ember.page-game-features .ember-hero--game-features::after {
        background:
            linear-gradient(180deg, rgba(4, 3, 5, 0.38), rgba(4, 3, 5, 0.86)),
            linear-gradient(90deg, rgba(3, 2, 4, 0.78), rgba(4, 3, 5, 0.46));
    }

    .theme-supreme-ember.page-game-features .ember-hero--game-features .ember-hero-copy {
        justify-content: center;
        padding: 36px 22px 26px;
        text-align: center;
    }

    .ember-game-features-hero-copy {
        max-width: 580px;
    }

    .ember-game-features-hero-title {
        font-size: 44px;
    }

    .ember-game-features-hero-description {
        font-size: var(--ember-text-md);
        margin-left: auto;
        margin-right: auto;
        max-width: 520px;
    }

    .ember-game-features-hero-divider {
        margin-left: auto;
        margin-right: auto;
    }

    .ember-game-features-hero-emblem {
        left: 50%;
        max-width: 300px;
        opacity: 0.2;
        top: 55%;
        width: 70vw;
    }

    .ember-game-features-intro {
        padding: 58px 22px 46px;
    }

    .ember-game-features-intro__copy h2,
    .ember-game-features-cta h2 {
        font-size: var(--ember-text-2xl);
    }

    .ember-game-features-stats {
        gap: 12px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ember-game-features-stats > div {
        min-height: 100px;
        padding: 18px;
    }

    .ember-game-features-stats > div:nth-child(5) {
        grid-column: 1 / -1;
    }

    .ember-game-features-chapter__inner {
        padding: 62px 22px 70px;
    }

    .ember-game-features-chapter__heading {
        gap: 30px;
        grid-template-columns: 1fr;
        margin-bottom: 40px;
    }

    .ember-game-features-chapter:nth-child(even) .ember-game-features-chapter__visual,
    .ember-game-features-chapter:nth-child(even) .ember-game-features-chapter__summary {
        order: initial;
    }

    .ember-game-features-chapter__visual {
        margin: 0 auto;
        max-width: 340px;
    }

    .ember-game-features-chapter__summary h2 {
        font-size: var(--ember-text-2xl);
    }

    .ember-game-feature {
        padding: 24px 22px 26px;
    }

    .ember-game-feature--spotlight {
        padding: 28px 22px 30px;
    }

    .ember-game-events {
        gap: 14px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 36px;
    }

    .ember-game-events__group > header {
        align-items: start;
        min-height: 56px;
        padding: 12px 14px;
    }

    .ember-game-events__count {
        margin-top: 2px;
    }

    .ember-game-events__group ul {
        margin: 0 14px;
    }

    .ember-game-features-cta {
        gap: 32px;
        padding: 58px 22px 64px;
    }
}

@media (max-width: 480px) {
    .theme-supreme-ember.page-game-features .ember-hero--game-features {
        height: 330px;
    }

    .ember-game-features-hero-kicker {
        font-size: var(--ember-text-xs);
    }

    .ember-game-features-hero-title {
        font-size: var(--ember-text-3xl);
    }

    .ember-game-features-hero-description {
        font-size: var(--ember-text-sm);
        line-height: 1.62;
    }

    .ember-game-features-index {
        top: 58px;
    }

    .ember-game-features-index a {
        flex-basis: 166px;
        min-height: 60px;
    }

    .ember-game-features-chapter {
        scroll-margin-top: 120px;
    }

    .ember-game-features-chapter__visual {
        max-width: 290px;
    }

    .ember-game-features-chapter__summary h2 {
        font-size: var(--ember-text-2xl);
    }

    .ember-game-feature {
        gap: 13px;
        grid-template-columns: 52px minmax(0, 1fr);
    }

    .ember-game-feature__marker {
        height: 50px;
        margin: -2px 0 0 -2px;
        width: 50px;
    }

    .ember-game-feature__marker--image::before {
        inset: 9px;
    }

    .ember-game-feature__marker img {
        height: 50px;
        width: 50px;
    }

    .ember-game-feature__copy h3 {
        font-size: var(--ember-text-lg);
    }

    .ember-game-feature__copy > p {
        font-size: var(--ember-text-sm);
    }

    .ember-game-feature__rewards ul {
        display: grid;
    }

    .ember-game-features-cta__actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .ember-game-features-button {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ember-game-features-chapter__visual img,
    .ember-game-features-button,
    .ember-game-features-index a,
    .ember-game-features-index a::after,
    .ember-game-feature,
    .ember-game-feature::before,
    .ember-game-feature__marker img,
    .ember-game-feature__marker--image::before,
    .ember-game-events__group li {
        transition: none;
    }

    .ember-game-feature:hover,
    .ember-game-features-button:hover {
        transform: none;
    }
}

/* --- source: assets/supreme_ember/css/ember-market.css --- */
/*
 * Supreme Ember - player market.
 * Uses the Game Features surface, typography and depth tokens without
 * changing the legacy market controller contract or form field names.
 */

.theme-supreme-ember.page-market .main {
    background:
        radial-gradient(1200px 520px at 50% 0, rgba(30, 76, 126, 0.07), transparent 70%),
        var(--ember-page-bg);
    border: 0;
    display: block;
    padding: 0 0 96px;
    width: 100%;
}

.theme-supreme-ember.page-market .sidebar {
    display: none !important;
}

.theme-supreme-ember.page-market .ember-market-content.dmn-content {
    color: var(--ember-text);
    flex: none;
    font-family: var(--ember-body);
    margin: 0 auto;
    max-width: 1240px;
    padding: 76px 32px 0;
    width: 100%;
}

.ember-market-shell {
    margin: 0 auto;
    max-width: 1180px;
    min-width: 0;
}

.ember-market-shell--narrow {
    max-width: 920px;
}

.ember-market-heading {
    align-items: end;
    display: grid;
    gap: 32px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: 34px;
}

.ember-market-heading small,
.ember-market-filters__heading small,
.ember-market-results__heading small,
.ember-market-result > small {
    color: var(--ember-red);
    display: block;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.theme-supreme-ember .ember-market-heading h2 {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-size: 42px;
    font-weight: 400;
    line-height: 1.14;
    margin: 0;
    text-shadow: 0 2px 22px rgba(0, 0, 0, 0.5);
}

.ember-market-heading p {
    color: var(--ember-muted);
    font-size: var(--ember-text-md);
    letter-spacing: 0;
    line-height: 1.7;
    margin: 16px 0 0;
    max-width: 660px;
}

.ember-market-actions,
.ember-market-filter-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.ember-market-button,
.ember-market-icon-button,
.ember-market-text-action {
    appearance: none;
    border: 0;
    border-radius: var(--ember-radius);
    cursor: pointer;
    font-family: var(--ember-body);
    font-weight: 800;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: uppercase;
}

.ember-market-button {
    align-items: center;
    display: inline-flex;
    font-size: var(--ember-text-xs);
    justify-content: center;
    min-height: 48px;
    padding: 0 20px;
    transition: box-shadow 180ms ease, color 180ms ease, transform 180ms ease;
}

.ember-market-button--primary {
    background: linear-gradient(180deg, #2e77c6, #1f5084);
    box-shadow:
        inset 0 1px 0 rgba(199, 220, 242, 0.36),
        inset 0 0 0 1px rgba(121, 170, 223, 0.5),
        0 16px 34px rgba(27, 70, 115, 0.38);
    color: #ffffff;
}

.ember-market-button--ghost {
    background: linear-gradient(180deg, rgba(118, 165, 216, 0.09), rgba(11, 9, 13, 0.92));
    box-shadow: inset 0 0 0 1px rgba(118, 165, 216, 0.28);
    color: var(--ember-gold-bright);
}

.ember-market-button:hover,
.ember-market-button:focus-visible {
    box-shadow:
        inset 0 1px 0 rgba(223, 235, 248, 0.22),
        inset 0 0 0 1px rgba(180, 208, 238, 0.58),
        0 20px 40px rgba(0, 0, 0, 0.44);
    color: #ffffff;
    outline: 0;
    transform: translateY(-2px);
}

.ember-market-workspace {
    align-items: start;
    display: grid;
    gap: 22px;
    grid-template-columns: 300px minmax(0, 1fr);
}

.ember-market-filters,
.ember-market-results--history,
.ember-market-purchase,
.ember-market-result {
    background:
        linear-gradient(180deg, rgba(118, 165, 216, 0.035), transparent 58%),
        var(--ember-page-surface);
    border: 0;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-lift);
    overflow: hidden;
    position: relative;
}

.ember-market-filters::before,
.ember-market-results--history::before,
.ember-market-purchase::before,
.ember-market-result::before {
    background: linear-gradient(90deg, transparent, rgba(118, 165, 216, 0.48), transparent);
    content: '';
    height: 1px;
    left: 18%;
    opacity: 0.65;
    position: absolute;
    right: 18%;
    top: 0;
}

.ember-market-filters {
    padding: 28px;
}

.theme-supreme-ember .ember-market-filters__heading h3,
.theme-supreme-ember .ember-market-results__heading h3 {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-size: var(--ember-text-xl);
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
}

.ember-market-search {
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) 44px;
    margin-top: 24px;
}

.theme-supreme-ember.page-market .ember-market-search .form-control {
    background: rgba(5, 4, 7, 0.86);
    border: 1px solid rgba(118, 165, 216, 0.2);
    border-radius: var(--ember-radius);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
    color: var(--ember-text);
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    height: 44px;
    min-width: 0;
    padding: 0 13px;
}

.theme-supreme-ember.page-market .ember-market-search .form-control:focus {
    border-color: rgba(118, 165, 216, 0.56);
    box-shadow: 0 0 0 3px rgba(118, 165, 216, 0.09);
    outline: 0;
}

.ember-market-icon-button {
    align-items: center;
    background: linear-gradient(180deg, #2e77c6, #1f5084);
    box-shadow: inset 0 0 0 1px rgba(121, 170, 223, 0.48);
    color: #ffffff;
    display: flex;
    font-size: var(--ember-text-sm);
    height: 44px;
    justify-content: center;
    width: 44px;
}

.ember-market-icon-button:focus-visible {
    box-shadow: 0 0 0 3px rgba(118, 165, 216, 0.18), inset 0 0 0 1px rgba(121, 170, 223, 0.58);
    outline: 0;
}

.ember-market-filter-form {
    margin-top: 20px;
}

.ember-market-filter-form fieldset {
    border: 0;
    margin: 0;
    padding: 20px 0;
    position: relative;
}

.ember-market-filter-form fieldset + fieldset::before {
    background: linear-gradient(90deg, rgba(118, 165, 216, 0.2), transparent 78%);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.ember-market-filter-form legend {
    color: var(--ember-gold-bright);
    font-family: var(--ember-heading);
    font-size: var(--ember-text-md);
    font-weight: 400;
    letter-spacing: 0;
    margin: 0 0 12px;
    padding: 0;
    text-transform: uppercase;
    width: auto;
}

.ember-market-options {
    display: grid;
    gap: 8px;
}

.ember-market-options--levels,
.ember-market-options--excellent {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ember-market-options label,
.ember-market-category-tree label,
.ember-market-category-tree td {
    color: var(--ember-muted);
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    letter-spacing: 0;
    line-height: 1.45;
}

.ember-market-options label {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 8px;
    margin: 0;
    min-height: 22px;
}

.ember-market-options input,
.ember-market-category-tree input {
    accent-color: var(--ember-red);
    flex: 0 0 auto;
}

.ember-market-category-tree,
.ember-market-category-tree table,
.ember-market-category-tree tbody,
.ember-market-category-tree tr,
.ember-market-category-tree td {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ember-market-category-tree {
    color: var(--ember-muted);
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    letter-spacing: 0;
    line-height: 1.85;
}

.ember-market-category-tree > input {
    margin-right: 7px;
}

.ember-market-category-tree table {
    margin: 0;
    width: 100%;
}

.ember-market-category-tree td {
    padding: 4px 0 !important;
}

.ember-market-filter-actions {
    justify-content: stretch;
    margin-top: 8px;
}

.ember-market-filter-actions .ember-market-button {
    flex: 1 1 120px;
}

.ember-market-results {
    min-width: 0;
}

.ember-market-results--history {
    padding: 30px;
}

.ember-market-results__heading {
    align-items: end;
    display: flex;
    justify-content: space-between;
    margin-bottom: 18px;
    min-height: 52px;
}

.ember-market-results__heading small {
    color: var(--ember-faint);
    margin-bottom: 8px;
}

.ember-market-table-wrap {
    overflow-x: auto;
    width: 100%;
}

.ember-market-table {
    border-collapse: separate;
    border-spacing: 0 8px;
    color: var(--ember-muted);
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    margin: -8px 0 0;
    min-width: 650px;
    width: 100%;
}

.ember-market-table th,
.ember-market-table td {
    border: 0;
    letter-spacing: 0;
    text-align: left;
    vertical-align: middle;
}

.ember-market-table th {
    color: var(--ember-faint);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    padding: 10px 14px;
    text-transform: uppercase;
}

.ember-market-table td {
    background:
        linear-gradient(180deg, rgba(118, 165, 216, 0.025), transparent 74%),
        rgba(19, 16, 21, 0.76);
    min-height: 58px;
    padding: 15px 14px;
    transition: background-color 180ms ease, box-shadow 180ms ease;
}

.ember-market-table tr:hover td {
    background-color: rgba(32, 25, 30, 0.9);
    box-shadow: inset 0 1px 0 rgba(118, 165, 216, 0.16);
}

.ember-market-table tr.is-highlighted td {
    background:
        radial-gradient(480px 120px at 12% 0, rgba(54, 128, 208, 0.2), transparent 70%),
        rgba(30, 17, 21, 0.9);
}

.ember-market-table tbody td:first-child {
    border-radius: var(--ember-radius) 0 0 var(--ember-radius);
}

.ember-market-table tbody td:last-child {
    border-radius: 0 var(--ember-radius) var(--ember-radius) 0;
}

.ember-market-table a,
.ember-market-text-action {
    color: var(--ember-gold-bright);
    text-decoration: none;
}

.ember-market-table a:hover,
.ember-market-table a:focus-visible,
.ember-market-text-action:hover,
.ember-market-text-action:focus-visible {
    color: #ffffff;
    outline: 0;
}

.ember-market-inline-form {
    margin: 0;
}

.ember-market-text-action {
    background: transparent;
    font-size: var(--ember-text-xs);
    padding: 0;
}

.ember-market-status {
    color: var(--ember-gold-bright);
    font-size: var(--ember-text-xs);
    font-weight: 800;
    text-transform: uppercase;
}

.ember-market-status.is-removed {
    color: var(--ember-faint);
}

.ember-market-pagination {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 22px;
}

.ember-market-empty {
    align-items: center;
    background:
        linear-gradient(180deg, rgba(118, 165, 216, 0.035), transparent 64%),
        var(--ember-page-surface);
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-lift);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 280px;
    padding: 48px 28px;
    text-align: center;
}

.ember-market-empty > span,
.ember-market-result__mark {
    background: linear-gradient(135deg, var(--ember-gold-bright), var(--ember-gold-deep));
    border-radius: 1px;
    box-shadow: 0 0 16px rgba(118, 165, 216, 0.48);
    display: block;
    height: 12px;
    margin-bottom: 24px;
    transform: rotate(45deg);
    width: 12px;
}

.ember-market-empty strong {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-size: var(--ember-text-2xl);
    font-weight: 400;
    letter-spacing: 0;
    text-transform: uppercase;
}

.ember-market-empty p {
    color: var(--ember-muted);
    font-size: var(--ember-text-md);
    line-height: 1.7;
    margin: 12px 0 0;
    max-width: 440px;
}

.ember-market-notice {
    border: 0;
    border-radius: var(--ember-radius);
    color: var(--ember-text);
    font-size: var(--ember-text-md);
    margin-bottom: 18px;
    padding: 16px 18px 16px 22px;
    position: relative;
}

.ember-market-notice::before {
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 3px;
}

.ember-market-notice--error {
    background: rgba(54, 128, 208, 0.12);
}

.ember-market-notice--error::before {
    background: var(--ember-red);
}

.ember-market-notice--success {
    background: rgba(120, 173, 94, 0.1);
}

.ember-market-notice--success::before {
    background: #78ad5e;
}

.ember-market-purchase {
    display: grid;
    gap: 28px;
    grid-template-columns: 240px minmax(0, 1fr);
    padding: 36px;
}

.ember-market-purchase__item {
    align-items: center;
    background: radial-gradient(circle at 50% 42%, rgba(118, 165, 216, 0.12), rgba(8, 7, 10, 0.2) 66%, transparent);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 240px;
    padding: 24px;
    text-align: center;
}

.ember-market-purchase__image img {
    filter: drop-shadow(0 14px 24px rgba(0, 0, 0, 0.62));
    height: auto;
    max-height: 130px;
    max-width: 150px;
}

.ember-market-purchase__name {
    color: var(--ember-gold-bright);
    font-family: var(--ember-heading);
    font-size: var(--ember-text-xl);
    margin-top: 18px;
}

.ember-market-purchase__details {
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.ember-market-purchase__details > div {
    background: rgba(0, 0, 0, 0.24);
    min-height: 82px;
    padding: 17px;
}

.ember-market-purchase__details dt {
    color: var(--ember-faint);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    text-transform: uppercase;
}

.ember-market-purchase__details dd {
    color: var(--ember-text);
    font-size: var(--ember-text-md);
    line-height: 1.45;
    margin: 8px 0 0;
}

.ember-market-purchase__details a {
    color: var(--ember-gold-bright);
}

.ember-market-button--purchase {
    grid-column: 2;
    justify-self: start;
    min-width: 180px;
}

.ember-market-result {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-height: 360px;
    padding: 58px 36px;
    text-align: center;
}

.ember-market-result.is-error .ember-market-result__mark {
    background: linear-gradient(135deg, #a1c4e9, var(--ember-red-deep));
    box-shadow: 0 0 16px rgba(54, 128, 208, 0.5);
}

.theme-supreme-ember .ember-market-result h2 {
    color: var(--ember-text);
    font-family: var(--ember-heading);
    font-size: var(--ember-text-3xl);
    font-weight: 400;
    margin: 0;
}

.ember-market-result p {
    color: var(--ember-muted);
    font-size: var(--ember-text-md);
    line-height: 1.7;
    margin: 18px 0 28px;
    max-width: 560px;
}

@media (max-width: 980px) {
    .ember-market-heading {
        align-items: start;
        grid-template-columns: 1fr;
    }

    .ember-market-actions {
        justify-content: flex-start;
    }

    .ember-market-workspace {
        grid-template-columns: 1fr;
    }

    .ember-market-options--levels,
    .ember-market-options--excellent,
    .ember-market-options--classes {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .theme-supreme-ember.page-market .main {
        padding-bottom: 58px;
    }

    .theme-supreme-ember.page-market .ember-market-content.dmn-content {
        padding: 54px 16px 0;
    }

    .theme-supreme-ember .ember-market-heading h2 {
        font-size: var(--ember-text-3xl);
    }

    .ember-market-actions,
    .ember-market-filter-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .ember-market-button,
    .ember-market-filter-actions .ember-market-button {
        flex: none;
        width: 100%;
    }

    .ember-market-filters,
    .ember-market-results--history,
    .ember-market-purchase,
    .ember-market-result {
        padding: 24px;
    }

    .ember-market-options--levels,
    .ember-market-options--excellent,
    .ember-market-options--classes {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ember-market-purchase {
        grid-template-columns: 1fr;
    }

    .ember-market-purchase__details {
        grid-template-columns: 1fr;
    }

    .ember-market-button--purchase {
        grid-column: 1;
        justify-self: stretch;
    }

    .ember-market-table {
        min-width: 620px;
    }
}

@media (max-width: 720px), (prefers-reduced-motion: reduce) {
    .ember-market-button,
    .ember-market-table td {
        transition: none;
    }

    .ember-market-button:hover,
    .ember-market-button:focus-visible {
        transform: none;
    }
}

/* --- source: assets/supreme_ember/css/ember-account-panel.css --- */
/* Premium player account surfaces. Kept controller-scoped to avoid changing public modules. */
.theme-supreme-ember.page-account-panel {
    --account-bg: var(--ember-page-bg);
    --account-surface: var(--ember-page-surface-deep);
    --account-surface-raised: var(--ember-page-surface-strong);
    --account-line: var(--ember-line);
    --account-line-strong: rgba(118, 165, 216, 0.36);
    --account-line-red: var(--ember-line-red);
    --account-gold: var(--ember-gold);
    --account-gold-bright: var(--ember-gold-bright);
    --account-red: var(--ember-red);
    --account-red-bright: var(--ember-red-bright);
    --account-text: var(--ember-text);
    --account-muted: var(--ember-muted);
}

.theme-supreme-ember.page-account-panel .ember-hero--public-section .ember-hero-base {
    animation: none;
    background-image: url('../images/account-panel/account-panel-vault-bg-v1.webp');
    background-position: center 50%;
    background-size: cover;
    filter: brightness(0.9) saturate(0.94);
}

.theme-supreme-ember.page-account-panel .ember-hero--public-section::after {
    content: none;
    display: none;
}

.theme-supreme-ember.page-account-panel .ember-hero--public-section .ember-hero-stage {
    height: 100%;
    inset: 0;
    opacity: 1;
    top: 0;
    transform: none !important;
}

.theme-supreme-ember.page-account-panel .ember-hero--public-section .ember-hero-copy {
    background: transparent;
}

.theme-supreme-ember.page-account-panel .ember-hero--public-section .ember-hero-clouds,
.theme-supreme-ember.page-account-panel .ember-hero--public-section .ember-hero-rays {
    opacity: 0.18;
}

.theme-supreme-ember.page-account-panel .main {
    background-color: var(--account-bg);
    background-image: url('../images/account-panel/account-panel-vault-bg-v1.webp');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    display: block;
    isolation: isolate;
    max-width: none;
    overflow: hidden;
    padding: 38px 24px 104px;
    position: relative;
    width: 100%;
}

.theme-supreme-ember.page-account-panel .main::before {
    content: none;
    display: none;
}

.theme-supreme-ember.page-account-panel .main > .sidebar {
    display: none !important;
}

.theme-supreme-ember.page-account-panel .dmn-content {
    float: none;
    margin: 0 auto;
    max-width: 1280px;
    min-width: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 1;
}

.theme-supreme-ember.page-account-panel .dmn-page-box {
    background:
        linear-gradient(135deg, rgba(61, 133, 210, 0.035), transparent 32%),
        linear-gradient(180deg, var(--account-surface-raised), var(--account-surface));
    border: 0;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-ring), var(--ember-lift-hover);
    margin: 0;
    overflow: hidden;
    position: relative;
}

.theme-supreme-ember.page-account-panel .dmn-page-box::before {
    background: linear-gradient(90deg, transparent, rgba(61, 133, 210, 0.88), rgba(116, 164, 215, 0.42), transparent);
    content: '';
    height: 1px;
    left: 12%;
    pointer-events: none;
    position: absolute;
    right: 12%;
    top: 0;
}

.theme-supreme-ember.page-account-panel .dmn-page-title {
    background: rgba(5, 4, 6, 0.52);
    border-bottom: 1px solid var(--account-line);
    padding: 27px 34px 22px;
}

.theme-supreme-ember.page-account-panel .dmn-page-title h1 {
    background: linear-gradient(180deg, #fffaf5, #a8bacd);
    -webkit-background-clip: text;
    background-clip: text;
    color: var(--account-text);
    font-family: var(--ember-heading);
    font-size: clamp(25px, 3vw, 36px);
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
    -webkit-text-fill-color: transparent;
}

/*
 * dmncms.css paints .dmn-page-content #21202c - a blue-grey the legacy CMS uses
 * for its content slab. The panel restyled the text and padding here but never
 * the background, so that slab sat behind everything and showed through the gap
 * between the summary strip and the tab block. It is the grey this page kept
 * reading as, underneath all the darker surfaces laid on top of it.
 */
.theme-supreme-ember.page-account-panel .dmn-page-content {
    background: transparent;
    color: var(--account-text);
    padding: 32px 34px;
}

.theme-supreme-ember.page-account-panel .dmn-page-content > .row {
    margin-left: 0;
    margin-right: 0;
}

.theme-supreme-ember.page-account-panel .dmn-page-content > .row > [class*='col-'] {
    padding-left: 0;
    padding-right: 0;
}

.theme-supreme-ember.page-account-panel .dmn-page-content h2.title {
    color: var(--account-gold-bright);
    font-family: var(--ember-heading);
    font-size: clamp(21px, 2.5vw, 28px);
    font-weight: 600;
    letter-spacing: 0.045em;
    margin: 0 0 25px;
}

.theme-supreme-ember.page-account-panel .form-group {
    margin-bottom: 20px;
}

.theme-supreme-ember.page-account-panel .control-label {
    color: #bcb1b3;
    display: block;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.08em;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.theme-supreme-ember.page-account-panel .form-control {
    background: rgba(6, 5, 7, 0.86);
    border: 1px solid var(--account-line);
    border-radius: 2px;
    color: var(--account-text);
    min-height: 46px;
}

/* The panel action button is defined once, at the end of this file, on the
 * shared ember-btn appearance. The earlier definition that used to sit here was
 * removed on 2026-08-01 so there is one place to change it. */

.theme-supreme-ember.page-account-panel .alert {
    border-radius: 2px;
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    margin-bottom: 22px;
    padding: 14px 17px;
}

.theme-supreme-ember.page-account-panel .alert-danger {
    background: rgba(28, 72, 120, 0.18);
    border: 1px solid rgba(73, 140, 212, 0.34);
    color: #c5daf1;
}

.theme-supreme-ember.page-account-panel .alert-success {
    background: rgba(69, 116, 59, 0.17);
    border: 1px solid rgba(119, 176, 94, 0.3);
    color: #cce4bd;
}

.theme-supreme-ember.page-account-panel .ember-account-settings-shell {
    background: transparent;
    border: 0;
    box-shadow: none;
    overflow: visible;
}

.theme-supreme-ember.page-account-panel .ember-account-settings-shell::before {
    display: none;
}

.theme-supreme-ember.page-account-panel .ember-account-settings-head {
    align-items: end;
    background:
        linear-gradient(115deg, rgba(42, 18, 22, 0.93), rgba(10, 8, 11, 0.94) 54%, rgba(21, 15, 13, 0.9)),
        url('../images/account-panel/account-panel-vault-bg-v1.webp') center 42% / cover;
    border: 0;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-ring), var(--ember-lift);
    display: flex;
    gap: 28px;
    justify-content: space-between;
    margin-bottom: 24px;
    min-height: 172px;
    overflow: hidden;
    padding: 34px 38px;
    position: relative;
}

.theme-supreme-ember.page-account-panel .ember-account-settings-head::after {
    background: linear-gradient(90deg, rgba(47, 122, 202, 0.9), rgba(104, 160, 219, 0.44), transparent);
    bottom: 0;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    width: 52%;
}

.theme-supreme-ember.page-account-panel .ember-account-settings-kicker,
.theme-supreme-ember.page-account-panel .ember-account-settings-card__eyebrow {
    color: var(--account-red-bright);
    display: block;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 800;
    letter-spacing: 0.18em;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.theme-supreme-ember.page-account-panel .ember-account-settings-head h1 {
    background: linear-gradient(180deg, #fffaf4, #a4b6c9);
    -webkit-background-clip: text;
    background-clip: text;
    color: var(--account-text);
    font-family: var(--ember-heading);
    font-size: clamp(28px, 4vw, 48px);
    font-weight: 500;
    line-height: 1.08;
    margin: 0;
    -webkit-text-fill-color: transparent;
}

.theme-supreme-ember.page-account-panel .ember-account-settings-head p {
    color: var(--account-muted);
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    line-height: 1.65;
    margin: 12px 0 0;
}

.theme-supreme-ember.page-account-panel .ember-account-settings-back {
    align-items: center;
    border: 1px solid var(--account-line);
    color: var(--account-gold-bright);
    display: inline-flex;
    flex: 0 0 auto;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 800;
    gap: 9px;
    letter-spacing: 0.08em;
    min-height: 40px;
    padding: 10px 15px;
    text-transform: uppercase;
    transition: background-color 180ms ease, box-shadow 180ms ease, color 180ms ease;
}

.theme-supreme-ember.page-account-panel .ember-account-settings-back:hover,
.theme-supreme-ember.page-account-panel .ember-account-settings-back:focus-visible {
    background: rgba(46, 118, 196, 0.1);
    box-shadow: 0 0 22px rgba(47, 121, 200, 0.2);
    color: #dfebf7;
}

.theme-supreme-ember.page-account-panel .ember-account-settings-grid {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.theme-supreme-ember.page-account-panel .ember-account-settings-shell--single {
    margin: 0 auto;
    max-width: 900px;
}

.theme-supreme-ember.page-account-panel .ember-account-settings-card {
    background:
        linear-gradient(145deg, rgba(43, 112, 185, 0.045), transparent 42%),
        linear-gradient(180deg, rgba(18, 14, 18, 0.97), rgba(8, 7, 9, 0.97));
    border: 0;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-ring), var(--ember-lift);
    min-width: 0;
    padding: 30px;
    position: relative;
    transition: box-shadow 180ms ease, filter 180ms ease;
}

.theme-supreme-ember.page-account-panel .ember-account-settings-card:hover {
    box-shadow: var(--ember-ring-hover), var(--ember-lift-hover), 0 0 26px rgba(42, 108, 179, 0.09);
    filter: brightness(1.025);
}

.theme-supreme-ember.page-account-panel .ember-account-settings-card:target {
    box-shadow:
        var(--ember-ring-hover),
        0 30px 68px rgba(0, 0, 0, 0.46),
        0 0 34px rgba(46, 119, 197, 0.18),
        inset 0 0 30px rgba(46, 119, 197, 0.055);
    scroll-margin-top: 96px;
}

.theme-supreme-ember.page-account-panel .ember-account-settings-card--confirmation {
    margin: 0 auto;
    max-width: 720px;
}

.theme-supreme-ember.page-account-panel .ember-account-settings-card__head {
    align-items: center;
    border-bottom: 1px solid var(--account-line);
    display: flex;
    gap: 18px;
    margin-bottom: 26px;
    min-height: 104px;
    padding-bottom: 22px;
}

.theme-supreme-ember.page-account-panel .ember-account-settings-card__icon {
    align-items: center;
    background: radial-gradient(circle, rgba(46, 119, 198, 0.13), transparent 68%);
    display: flex;
    flex: 0 0 78px;
    height: 78px;
    justify-content: center;
    width: 78px;
}

.theme-supreme-ember.page-account-panel .ember-account-settings-card__icon img {
    height: 74px;
    object-fit: contain;
    width: 74px;
}

.theme-supreme-ember.page-account-panel .ember-account-settings-card h2 {
    color: var(--account-gold-bright);
    font-family: var(--ember-heading);
    font-size: clamp(20px, 2.3vw, 27px);
    font-weight: 600;
    letter-spacing: 0.045em;
    line-height: 1.2;
    margin: 0;
}

.theme-supreme-ember.page-account-panel .ember-account-settings-card__head p,
.theme-supreme-ember.page-account-panel .ember-account-settings-note {
    color: var(--account-muted);
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    line-height: 1.65;
    margin: 8px 0 0;
}

.theme-supreme-ember.page-account-panel .ember-account-settings-form {
    margin: 0;
}

.theme-supreme-ember.page-account-panel .ember-account-settings-form .form-control {
    padding: 10px 13px;
    width: 100%;
}

.theme-supreme-ember.page-account-panel .ember-account-settings-note {
    border-left: 2px solid rgba(101, 150, 203, 0.34);
    margin: 5px 0 20px;
    padding-left: 12px;
}

.theme-supreme-ember.page-account-panel .ember-account-settings-actions {
    border-top: 1px solid rgba(83, 137, 194, 0.12);
    display: flex;
    justify-content: flex-end;
    margin-top: 25px;
    padding-top: 20px;
}

.theme-supreme-ember.page-account-panel .ember-account-settings-actions .btn {
    min-width: 168px;
}

.theme-supreme-ember.page-account-panel .ember-account-shell {
    background: transparent;
    border: 0;
    box-shadow: none;
    overflow: visible;
}

.theme-supreme-ember.page-account-panel .ember-account-shell::before {
    display: none;
}

.theme-supreme-ember.page-account-panel .ember-account-shell > .dmn-page-content {
    padding: 0;
}

/*
 * The strip used to be painted with a flat gold wash at 16% and rely on a 1px
 * grid gap to let that gold show through as dividers. It worked as a divider
 * trick, but it also meant the whole band sat lighter than the page behind it,
 * which is what made the top of this panel read grey instead of dark. The
 * surface is now darker than the page and the dividers are separate lights.
 */
.theme-supreme-ember.page-account-panel .ember-account-summary {
    background: linear-gradient(180deg, rgba(20, 16, 21, 0.9), rgba(8, 7, 10, 0.96));
    border: 0;
    border-radius: var(--ember-radius);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.045),
        inset 0 0 0 1px rgba(118, 165, 216, 0.13),
        0 28px 68px rgba(0, 0, 0, 0.44);
    display: grid;
    gap: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0 0 24px;
    overflow: hidden;
    position: relative;
}

.theme-supreme-ember.page-account-panel .ember-account-summary::before {
    background: linear-gradient(90deg, transparent, rgba(89, 149, 213, 0.42), rgba(46, 118, 196, 0.86), rgba(89, 149, 213, 0.42), transparent);
    content: '';
    height: 1px;
    left: 8%;
    pointer-events: none;
    position: absolute;
    right: 8%;
    top: 0;
    z-index: 2;
}

.theme-supreme-ember.page-account-panel .ember-account-summary article {
    align-items: center;
    background:
        radial-gradient(circle at 16% 50%, rgba(39, 100, 166, 0.1), transparent 32%),
        linear-gradient(145deg, rgba(29, 21, 22, 0.97), rgba(10, 8, 11, 0.98) 72%);
    border: 0;
    display: flex;
    gap: 17px;
    min-height: 132px;
    min-width: 0;
    padding: 20px 22px 20px 16px;
    position: relative;
    transition: box-shadow 200ms ease, filter 200ms ease;
}

.theme-supreme-ember.page-account-panel .ember-account-summary article:hover {
    box-shadow: inset 0 0 38px rgba(46, 118, 196, 0.12), inset 0 1px rgba(161, 196, 233, 0.08), 0 0 28px rgba(34, 88, 146, 0.1);
    filter: brightness(1.08);
}

.theme-supreme-ember.page-account-panel .ember-account-summary__icon {
    align-items: center;
    background: radial-gradient(circle, rgba(35, 89, 147, 0.18), rgba(35, 89, 147, 0.03) 58%, transparent 72%);
    display: inline-flex;
    flex: 0 0 78px;
    height: 88px;
    justify-content: center;
    position: relative;
    width: 78px;
}

.theme-supreme-ember.page-account-panel .ember-account-summary__icon::after {
    background: radial-gradient(circle, rgba(46, 118, 196, 0.2), transparent 68%);
    content: '';
    inset: 13%;
    position: absolute;
}

.theme-supreme-ember.page-account-panel .ember-account-summary__icon img {
    filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.58)) drop-shadow(0 0 9px rgba(46, 118, 196, 0.1));
    height: 82px;
    object-fit: contain;
    position: relative;
    transition: filter 200ms ease;
    width: 82px;
    z-index: 1;
}

.theme-supreme-ember.page-account-panel .ember-account-summary article:hover .ember-account-summary__icon img {
    filter: drop-shadow(0 10px 14px rgba(0, 0, 0, 0.64)) drop-shadow(0 0 14px rgba(46, 118, 196, 0.22));
}

.theme-supreme-ember.page-account-panel .ember-account-summary__copy {
    min-width: 0;
}

.theme-supreme-ember.page-account-panel .ember-account-summary small,
.theme-supreme-ember.page-account-panel .ember-account-summary strong {
    display: block;
}

.theme-supreme-ember.page-account-panel .ember-account-summary small {
    color: #9a8c8f;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 800;
    letter-spacing: 0.13em;
    margin-bottom: 7px;
    text-transform: uppercase;
}

.theme-supreme-ember.page-account-panel .ember-account-summary strong {
    color: var(--account-gold-bright);
    font-family: var(--ember-heading);
    font-size: clamp(15px, 1.2vw, 18px);
    font-weight: 650;
    letter-spacing: 0.035em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*
 * The workspace opened at rgba(16, 12, 16) against a #070608 page, so the block
 * that holds the tabs was lighter than everything around it and read as a grey
 * slab under the hero. It now opens darker than the page and carries its edge
 * as light rather than as a drawn border.
 */
.theme-supreme-ember.page-account-panel .ember-account-workspace {
    background:
        radial-gradient(circle at 50% 0, rgba(28, 72, 119, 0.09), transparent 38%),
        linear-gradient(180deg, rgba(11, 9, 12, 0.98), rgba(5, 4, 6, 0.99));
    border: 0;
    border-radius: var(--ember-radius);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        inset 0 0 0 1px rgba(118, 165, 216, 0.11),
        0 38px 84px rgba(0, 0, 0, 0.54);
    min-height: 430px;
    overflow: hidden;
}

.theme-supreme-ember.page-account-panel .ember-account-tabs {
    background:
        linear-gradient(180deg, rgba(15, 12, 16, 0.98), rgba(6, 5, 7, 0.98));
    border: 0;
    /* Separated from the panes by a fading light, not a ruled line. */
    box-shadow: 0 1px 0 rgba(118, 165, 216, 0.14);
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    margin: 0;
    overflow-x: auto;
    padding: 10px;
    scrollbar-color: rgba(61, 133, 210, 0.36) transparent;
    scrollbar-width: thin;
}

.theme-supreme-ember.page-account-panel .ember-account-tabs .nav-item {
    flex: 1 0 auto;
    margin: 0;
    max-width: none;
    min-width: 205px;
}

.theme-supreme-ember.page-account-panel .ember-account-tabs .nav-link {
    align-items: center;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.018), transparent 46%),
        rgba(6, 5, 7, 0.5);
    border: 1px solid transparent;
    border-radius: 2px;
    color: #a39a9d;
    display: flex;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 800;
    gap: 11px;
    justify-content: center;
    letter-spacing: 0.085em;
    margin: 0;
    min-height: 72px;
    padding: 11px 18px;
    position: relative;
    text-transform: uppercase;
    transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, color 180ms ease;
    white-space: nowrap;
}

.theme-supreme-ember.page-account-panel .ember-account-tabs .nav-link::after {
    background: linear-gradient(90deg, transparent, var(--account-gold), var(--account-red-bright), var(--account-gold), transparent);
    bottom: 5px;
    content: '';
    height: 2px;
    left: 20%;
    opacity: 0;
    position: absolute;
    right: 20%;
    transform: scaleX(0.3);
    transition: opacity 180ms ease, transform 180ms ease;
}

.theme-supreme-ember.page-account-panel .ember-account-tabs .nav-link:hover,
.theme-supreme-ember.page-account-panel .ember-account-tabs .nav-link:focus-visible {
    background: rgba(32, 83, 137, 0.1);
    border-color: rgba(104, 160, 220, 0.2);
    box-shadow: inset 0 0 24px rgba(46, 118, 196, 0.08), 0 0 18px rgba(46, 118, 196, 0.08);
    color: #e7dcd6;
}

.theme-supreme-ember.page-account-panel .ember-account-tabs .nav-link.active {
    background:
        radial-gradient(circle at 16% 50%, rgba(41, 105, 173, 0.16), transparent 30%),
        linear-gradient(180deg, rgba(25, 51, 79, 0.42), rgba(13, 9, 12, 0.92));
    border-color: rgba(104, 160, 220, 0.28);
    box-shadow: inset 0 0 34px rgba(46, 118, 196, 0.1), 0 0 24px rgba(46, 118, 196, 0.1);
    color: var(--account-gold-bright);
}

.theme-supreme-ember.page-account-panel .ember-account-tabs .nav-link.active::after {
    opacity: 1;
    transform: scaleX(1);
}

.theme-supreme-ember.page-account-panel .ember-account-tab__icon {
    align-items: center;
    display: inline-flex;
    flex: 0 0 38px;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.theme-supreme-ember.page-account-panel .ember-account-tab__icon img {
    filter: grayscale(0.22) brightness(0.76) drop-shadow(0 4px 8px rgba(0, 0, 0, 0.58));
    height: 36px;
    object-fit: contain;
    opacity: 0.82;
    transition: filter 180ms ease, opacity 180ms ease;
    width: 36px;
}

.theme-supreme-ember.page-account-panel .ember-account-tabs .nav-link:hover .ember-account-tab__icon img,
.theme-supreme-ember.page-account-panel .ember-account-tabs .nav-link:focus-visible .ember-account-tab__icon img,
.theme-supreme-ember.page-account-panel .ember-account-tabs .nav-link.active .ember-account-tab__icon img {
    filter: brightness(1.02) drop-shadow(0 0 9px rgba(46, 118, 196, 0.26));
    opacity: 1;
}

.theme-supreme-ember.page-account-panel .ember-account-tab-content {
    background:
        radial-gradient(circle at 50% 0, rgba(24, 62, 102, 0.06), transparent 32%),
        rgba(7, 6, 8, 0.45);
    padding: 26px 28px 32px;
}

.theme-supreme-ember.page-account-panel .ember-account-tab-content > .tab-pane {
    padding: 0;
}

.theme-supreme-ember.page-account-panel .dmn-account-table {
    background: transparent;
    border-collapse: separate;
    border-spacing: 0 8px;
    border: 0 !important;
    color: #d8d0cd;
    margin: 0;
    width: 100%;
}

.theme-supreme-ember.page-account-panel .dmn-account-table tr th,
.theme-supreme-ember.page-account-panel .dmn-account-table tr td {
    background:
        linear-gradient(180deg, rgba(16, 13, 16, 0.94), rgba(9, 7, 10, 0.94));
    border-bottom: 1px solid rgba(83, 137, 194, 0.12) !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 1px solid rgba(83, 137, 194, 0.12) !important;
    color: inherit;
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    line-height: 1.55;
    padding: 16px 18px !important;
    vertical-align: middle;
}

.theme-supreme-ember.page-account-panel .dmn-account-table tr th {
    border-left: 1px solid rgba(83, 137, 194, 0.12) !important;
    color: #ad9fa2;
    font-size: var(--ember-text-xs);
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.theme-supreme-ember.page-account-panel .dmn-account-table tr td:last-child {
    border-right: 1px solid rgba(83, 137, 194, 0.12) !important;
}

.theme-supreme-ember.page-account-panel .ember-account-details tr th {
    width: 230px;
}

.theme-supreme-ember.page-account-panel .ember-account-details tr td {
    color: #e9e2de;
    overflow-wrap: anywhere;
}

.theme-supreme-ember.page-account-panel .ember-account-details tr:hover th,
.theme-supreme-ember.page-account-panel .ember-account-details tr:hover td {
    background:
        linear-gradient(180deg, rgba(38, 19, 22, 0.94), rgba(12, 8, 11, 0.96));
    border-color: rgba(46, 118, 196, 0.24) !important;
}

.theme-supreme-ember.page-account-panel .ember-account-services tr:first-child th {
    background: rgba(5, 4, 6, 0.82);
    border-top: 1px solid rgba(61, 133, 210, 0.24) !important;
    color: var(--account-gold);
}

.theme-supreme-ember.page-account-panel .ember-account-services tr:not(:first-child) {
    transition: box-shadow 180ms ease, filter 180ms ease;
}

.theme-supreme-ember.page-account-panel .ember-account-services tr:not(:first-child):hover {
    box-shadow: inset 0 0 34px rgba(61, 133, 210, 0.045);
    filter: brightness(1.05);
}

.theme-supreme-ember.page-account-panel .ember-account-services tr td:first-child {
    color: #eee4da;
    font-family: var(--ember-heading);
    font-size: var(--ember-text-sm);
    font-weight: 600;
    width: 26%;
}

.theme-supreme-ember.page-account-panel .ember-account-services tr td:nth-child(2) {
    color: var(--account-muted);
}

.theme-supreme-ember.page-account-panel .ember-account-services tr td:last-child {
    text-align: right !important;
    width: 150px;
}

.theme-supreme-ember.page-account-panel .ember-user-services {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.theme-supreme-ember.page-account-panel .ember-user-service-card {
    align-content: start;
    background:
        radial-gradient(circle at 12% 0, rgba(32, 83, 137, 0.13), transparent 42%),
        linear-gradient(145deg, rgba(22, 16, 19, 0.96), rgba(8, 7, 9, 0.97));
    border: 0;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-ring), var(--ember-lift);
    display: grid;
    grid-template-columns: 1fr auto;
    min-height: 188px;
    overflow: hidden;
    padding: 22px 22px 20px;
    position: relative;
    transition: box-shadow 180ms ease, filter 180ms ease;
}

.theme-supreme-ember.page-account-panel .ember-user-service-card::before {
    background: linear-gradient(90deg, transparent, rgba(53, 128, 208, 0.8), transparent);
    content: '';
    height: 1px;
    left: 16px;
    opacity: 0.54;
    position: absolute;
    right: 16px;
    top: 0;
}

.theme-supreme-ember.page-account-panel .ember-user-service-card:hover,
.theme-supreme-ember.page-account-panel .ember-user-service-card:focus-within {
    box-shadow:
        var(--ember-ring-hover),
        var(--ember-lift-hover),
        inset 0 0 34px rgba(45, 117, 193, 0.07),
        0 0 24px rgba(41, 107, 177, 0.12);
    filter: brightness(1.055);
}

.theme-supreme-ember.page-account-panel .ember-user-service-card.is-disabled {
    background:
        linear-gradient(135deg, rgba(119, 105, 96, 0.045), transparent 48%),
        rgba(9, 7, 9, 0.82);
}

.theme-supreme-ember.page-account-panel .ember-user-service-card.is-disabled:hover,
.theme-supreme-ember.page-account-panel .ember-user-service-card.is-disabled:focus-within {
    filter: none;
    box-shadow: var(--ember-ring), var(--ember-lift);
}

.theme-supreme-ember.page-account-panel .ember-user-service-card__topline {
    align-items: center;
    display: flex;
    gap: 12px;
    grid-column: 1 / -1;
    justify-content: space-between;
    margin-bottom: 12px;
}

.theme-supreme-ember.page-account-panel .ember-user-service-card__icon {
    align-items: center;
    display: inline-flex;
    height: 48px;
    justify-content: center;
    position: relative;
    width: 48px;
}

.theme-supreme-ember.page-account-panel .ember-user-service-card__icon::after {
    background: rgba(43, 112, 185, 0.15);
    border-radius: 50%;
    content: '';
    filter: blur(12px);
    inset: 9px;
    position: absolute;
}

.theme-supreme-ember.page-account-panel .ember-user-service-card__icon img {
    height: 48px;
    object-fit: contain;
    position: relative;
    width: 48px;
    z-index: 1;
}

.theme-supreme-ember.page-account-panel .ember-user-service-card__status {
    border: 1px solid rgba(91, 145, 202, 0.18);
    color: var(--account-gold);
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 800;
    letter-spacing: 0.12em;
    line-height: 1;
    padding: 7px 9px;
    text-transform: uppercase;
}

.theme-supreme-ember.page-account-panel .ember-user-service-card__body {
    min-width: 0;
    padding-right: 18px;
}

.theme-supreme-ember.page-account-panel .ember-user-service-card__body h3 {
    color: #f1e7da;
    font-family: var(--ember-heading);
    font-size: var(--ember-text-md);
    font-weight: 600;
    letter-spacing: 0.025em;
    line-height: 1.25;
    margin: 0 0 9px;
    text-transform: none;
}

.theme-supreme-ember.page-account-panel .ember-user-service-card__body p {
    color: #958a8d;
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    line-height: 1.65;
    margin: 0;
}

/*
 * Recessed into the plate rather than boxed off with a rule. The ruled top
 * border and the lighter panel it sat in were the two things that made this
 * block read as a form field dropped into the card.
 */
.theme-supreme-ember.page-account-panel .ember-service-intel {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.16));
    border: 0;
    border-radius: 2px;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.4), inset 0 -1px 0 rgba(255, 255, 255, 0.03);
    display: grid;
    gap: 10px;
    margin-top: 16px;
    padding: 14px 16px;
}

.theme-supreme-ember.page-account-panel .ember-service-intel__row {
    display: grid;
    gap: 4px;
}

.theme-supreme-ember.page-account-panel .ember-service-intel__row span {
    color: rgba(161, 196, 233, 0.82);
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 900;
    letter-spacing: 0.14em;
    line-height: 1.2;
    text-transform: uppercase;
}

.theme-supreme-ember.page-account-panel .ember-service-intel__row p {
    color: #b9afb0;
    font-size: var(--ember-text-xs);
    line-height: 1.55;
}

.theme-supreme-ember.page-account-panel .ember-service-intel__row--risk span {
    color: #5594d7;
}

.theme-supreme-ember.page-account-panel .ember-service-intel__row--risk p {
    color: #b6c7d9;
}

.theme-supreme-ember.page-account-panel .ember-user-service-card__action {
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;
}

.theme-supreme-ember.page-account-panel .ember-user-service-card__action form {
    margin: 0;
}

.theme-supreme-ember.page-account-panel .ember-user-service-card__action .btn {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    min-height: 38px;
    min-width: 132px;
    padding: 10px 14px;
    white-space: nowrap;
}

.theme-supreme-ember.page-account-panel .ember-user-service-card__action .btn.is-disabled {
    border-color: rgba(124, 138, 154, 0.3);
    background: rgba(40, 35, 37, 0.72);
    color: rgba(232, 222, 209, 0.58);
    cursor: not-allowed;
    box-shadow: none;
    pointer-events: none;
}

.theme-supreme-ember.page-account-panel .ember-user-service-card--disconnect-player {
    background:
        radial-gradient(circle at 12% 0, rgba(34, 87, 143, 0.17), transparent 45%),
        linear-gradient(145deg, rgba(24, 13, 16, 0.97), rgba(8, 7, 9, 0.97));
}

.theme-supreme-ember.page-account-panel .dmn-rankings-table {
    background: rgba(7, 6, 8, 0.42);
    border: 1px solid var(--account-line);
    color: #d8d0cd;
    margin-bottom: 24px;
}

.theme-supreme-ember.page-account-panel .dmn-rankings-table > thead > tr {
    background: rgba(5, 4, 6, 0.86) !important;
    color: var(--account-gold-bright);
}

.theme-supreme-ember.page-account-panel .dmn-rankings-table th,
.theme-supreme-ember.page-account-panel .dmn-rankings-table td {
    border-color: rgba(124, 166, 211, 0.11) !important;
    padding: 13px 15px !important;
}

.theme-supreme-ember.page-account-panel .dmn-rankings-table a {
    color: var(--account-gold-bright);
}

.theme-supreme-ember.page-account-panel .dmn-rankings-table a:hover {
    color: #fff;
    text-shadow: 0 0 14px rgba(61, 133, 210, 0.45);
}

.theme-supreme-ember.page-account-panel .ember-hero--public-section,
.theme-supreme-ember.page-account-panel .ember-hero--public-section::before {
    background-color: transparent;
}

.theme-supreme-ember.page-account-panel .ember-hero--public-section::before {
    background: linear-gradient(180deg, rgba(5, 4, 6, 0.42), transparent 72%);
}

.theme-supreme-ember.page-account-panel .ember-hero--public-section .ember-hero-stage::before {
    background:
        radial-gradient(circle at 50% 48%, rgba(37, 96, 159, 0.18), transparent 30%),
        linear-gradient(90deg, rgba(5, 4, 6, 0.42), transparent 30%, transparent 70%, rgba(5, 4, 6, 0.42));
}

.theme-supreme-ember.page-account-panel .ember-account-settings-card.is-focused {
    box-shadow: var(--ember-ring-hover), var(--ember-lift-hover), 0 0 34px rgba(60, 132, 209, 0.14), inset 0 0 44px rgba(83, 137, 194, 0.04);
}

.theme-supreme-ember.page-account-panel .ember-account-action-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

/*
 * Service card, reworked 2026-08-01.
 *
 * It used to centre all three children in a grid that was as tall as the tallest
 * card in the row, so a short card left wide empty bands above and below its own
 * content and the action floated at whatever height the row happened to be. The
 * content now starts at the top and the action is pinned to its own row at the
 * bottom, which is also what makes a row of cards read as a set.
 *
 * The surface is darker than the page rather than a shade lighter, with the edge
 * carried by an inset light ring instead of the drawn border this used to have -
 * the same rule the rest of the theme follows.
 */
.theme-supreme-ember.page-account-panel .ember-account-action-card {
    align-items: start;
    background:
        radial-gradient(120% 80% at 8% 0, rgba(45, 117, 194, 0.1), transparent 46%),
        linear-gradient(168deg, rgba(30, 24, 30, 0.72) 0%, rgba(9, 7, 10, 0.96) 62%);
    border: 0;
    border-radius: var(--ember-radius);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        inset 0 0 0 1px rgba(118, 165, 216, 0.13),
        0 20px 46px rgba(0, 0, 0, 0.44);
    color: var(--account-text);
    display: grid;
    gap: 14px 20px;
    grid-template-areas:
        'icon body'
        'action action';
    grid-template-columns: 64px minmax(0, 1fr);
    isolation: isolate;
    padding: 24px 24px 20px;
    position: relative;
    transition: box-shadow 200ms ease, transform 200ms cubic-bezier(0.2, 0.72, 0.2, 1);
}

.theme-supreme-ember.page-account-panel .ember-account-action-card__icon {
    grid-area: icon;
}

.theme-supreme-ember.page-account-panel .ember-account-action-card__body {
    grid-area: body;
}

/*
 * The action sits on its own row so it lands on the same line in every card of a
 * row, whatever the copy above it does.
 */
.theme-supreme-ember.page-account-panel .ember-account-action-card > a,
.theme-supreme-ember.page-account-panel .ember-account-action-card > button,
.theme-supreme-ember.page-account-panel .ember-account-action-card > form {
    grid-area: action;
    justify-self: end;
    margin-top: 4px;
}

.theme-supreme-ember.page-account-panel .ember-account-action-card::after {
    background: linear-gradient(90deg, transparent, rgba(134, 179, 227, 0.42), rgba(61, 133, 210, 0.72), transparent);
    bottom: 0;
    content: '';
    height: 1px;
    left: 12%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 12%;
    transition: opacity 180ms ease;
}

/*
 * Destructive services have to look destructive.
 *
 * Clear Inventory and Clear Skilltree carry a Risk line that says the action
 * cannot be undone, and they were rendered identically to Add Stats - same
 * plate, same red button. A player wiping a character used the same gesture,
 * and the same visual weight, as spending a level-up point.
 *
 * The plate now runs colder and carries a red ring instead of a gold one, and
 * the action below switches tone with it. The card, not the markup, decides:
 * the view already sets --danger from the service tone, so nothing here needs a
 * second source of truth.
 */
.theme-supreme-ember.page-account-panel .ember-account-action-card--danger {
    background:
        radial-gradient(120% 80% at 8% 0, rgba(43, 111, 183, 0.16), transparent 48%),
        linear-gradient(168deg, rgba(38, 22, 24, 0.78) 0%, rgba(11, 6, 8, 0.97) 62%);
    box-shadow:
        inset 0 1px 0 rgba(202, 222, 243, 0.07),
        inset 0 0 0 1px rgba(54, 128, 208, 0.34),
        0 20px 46px rgba(0, 0, 0, 0.5);
}

.theme-supreme-ember.page-account-panel .ember-account-action-card--danger:hover,
.theme-supreme-ember.page-account-panel .ember-account-action-card--danger:focus-within {
    box-shadow:
        inset 0 1px 0 rgba(202, 222, 243, 0.1),
        inset 0 0 0 1px rgba(54, 128, 208, 0.55),
        0 26px 56px rgba(0, 0, 0, 0.56);
}

/*
 * Hover lifts the plate. The previous version used filter: brightness(), which
 * repaints the whole card including its artwork on every frame; a transform and
 * a ring change do the same job on the compositor.
 */
.theme-supreme-ember.page-account-panel .ember-account-action-card:hover,
.theme-supreme-ember.page-account-panel .ember-account-action-card:focus-within {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        inset 0 0 0 1px rgba(118, 165, 216, 0.28),
        0 26px 56px rgba(0, 0, 0, 0.52);
    transform: translate3d(0, -2px, 0);
}

.theme-supreme-ember.page-account-panel .ember-account-action-card:hover::after,
.theme-supreme-ember.page-account-panel .ember-account-action-card:focus-within::after {
    opacity: 1;
}

.theme-supreme-ember.page-account-panel .ember-account-action-card--danger {
    background:
        radial-gradient(circle at 12% 50%, rgba(46, 118, 194, 0.18), transparent 31%),
        linear-gradient(135deg, rgba(25, 63, 104, 0.14), transparent 48%),
        rgba(10, 8, 11, 0.92);
}

.theme-supreme-ember.page-account-panel .ember-account-action-card__icon {
    align-items: center;
    background: radial-gradient(circle, rgba(95, 153, 214, 0.13), transparent 66%);
    display: inline-flex;
    height: 76px;
    justify-content: center;
    width: 76px;
}

.theme-supreme-ember.page-account-panel .ember-account-action-card__icon img {
    filter: brightness(0.9) drop-shadow(0 0 12px rgba(46, 118, 194, 0.18));
    height: 70px;
    object-fit: contain;
    width: 70px;
}

.theme-supreme-ember.page-account-panel .ember-account-action-card__body h3 {
    color: #a1c4e9;
    font-family: var(--ember-heading);
    font-size: var(--ember-text-md);
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 8px;
}

.theme-supreme-ember.page-account-panel .ember-account-action-card__body p {
    color: #a99fa1;
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    line-height: 1.65;
    margin: 0;
}

.theme-supreme-ember.page-account-panel .ember-service-warning {
    background:
        radial-gradient(circle at 7% 22%, rgba(46, 118, 196, 0.18), transparent 32%),
        linear-gradient(135deg, rgba(37, 15, 18, 0.96), rgba(8, 7, 10, 0.96));
    border: 0;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-ring), var(--ember-lift);
    color: #d8d0cd;
    margin-bottom: 26px;
    padding: 24px 26px;
    position: relative;
}

.theme-supreme-ember.page-account-panel .ember-service-warning::before {
    background: linear-gradient(90deg, rgba(60, 132, 209, 0.9), rgba(161, 196, 233, 0.5), transparent);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 58%;
}

.theme-supreme-ember.page-account-panel .ember-service-warning__kicker {
    color: var(--account-red-bright);
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 900;
    letter-spacing: 0.18em;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.theme-supreme-ember.page-account-panel .ember-service-warning h3 {
    color: var(--account-gold-bright);
    font-family: var(--ember-heading);
    font-size: clamp(20px, 2.2vw, 28px);
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 12px;
}

.theme-supreme-ember.page-account-panel .ember-service-warning p {
    color: #c8bec0;
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    line-height: 1.75;
    margin: 0 0 14px;
    max-width: 920px;
}

.theme-supreme-ember.page-account-panel .ember-service-warning ul {
    display: grid;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.theme-supreme-ember.page-account-panel .ember-service-warning li {
    color: #bdb2b4;
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    line-height: 1.55;
    padding-left: 18px;
    position: relative;
}

.theme-supreme-ember.page-account-panel .ember-service-warning li::before {
    background: var(--account-red-bright);
    box-shadow: 0 0 12px rgba(82, 146, 214, 0.45);
    content: '';
    height: 5px;
    left: 0;
    position: absolute;
    top: 8px;
    transform: rotate(45deg);
    width: 5px;
}

.theme-supreme-ember.page-account-panel .ember-account-action-card .btn {
    min-width: 142px;
}

.theme-supreme-ember.page-account-panel .ember-account-empty-state {
    background:
        radial-gradient(circle at 50% 0, rgba(46, 118, 196, 0.08), transparent 35%),
        rgba(7, 6, 8, 0.76);
    border: 0;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-ring), var(--ember-lift);
    color: #d8d0cd;
    grid-column: 1 / -1;
    padding: 28px;
    text-align: center;
}

.theme-supreme-ember.page-account-panel .ember-account-empty-state h3 {
    color: var(--account-gold-bright);
    font-family: var(--ember-heading);
    font-size: var(--ember-text-xl);
    margin: 0 0 8px;
}

.theme-supreme-ember.page-account-panel .ember-account-empty-state p {
    color: #a99fa1;
    margin: 0;
}

.theme-supreme-ember.page-account-panel .box-style1,
.theme-supreme-ember.page-account-panel .ranking-table,
.theme-supreme-ember.page-account-panel .i_note,
.theme-supreme-ember.page-account-panel .custom-table {
    background:
        linear-gradient(135deg, rgba(61, 133, 210, 0.035), transparent 32%),
        linear-gradient(180deg, rgba(14, 11, 15, 0.96), rgba(8, 7, 10, 0.96)) !important;
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow: var(--ember-ring), var(--ember-lift);
    color: #d8d0cd;
}
.theme-supreme-ember.page-account-panel .box-style1 .title {
    color: var(--account-gold-bright);
    font-family: var(--ember-heading);
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.theme-supreme-ember.page-account-panel .box-style1 h2,
.theme-supreme-ember.page-account-panel .box-style1 h3,
.theme-supreme-ember.page-account-panel .dmn-page-content h2.title {
    color: var(--account-gold-bright);
    font-family: var(--ember-heading);
}

.theme-supreme-ember.page-account-panel select,
.theme-supreme-ember.page-account-panel textarea,
.theme-supreme-ember.page-account-panel input[type='text'],
.theme-supreme-ember.page-account-panel input[type='number'],
.theme-supreme-ember.page-account-panel input[type='password'],
.theme-supreme-ember.page-account-panel input[type='email'] {
    background: rgba(12, 10, 16, 0.94) !important;
    border: 1px solid rgba(83, 137, 194, 0.16) !important;
    color: #eee7df !important;
}

@media (max-width: 980px) {
    .theme-supreme-ember.page-account-panel .main {
        padding-left: 18px;
        padding-right: 18px;
    }

    .theme-supreme-ember.page-account-panel .ember-account-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .theme-supreme-ember.page-account-panel .ember-account-summary article {
        min-height: 118px;
    }

    .theme-supreme-ember.page-account-panel .ember-account-tabs .nav-item {
        min-width: 220px;
    }

    .theme-supreme-ember.page-account-panel .ember-user-services {
        grid-template-columns: 1fr;
    }

    .theme-supreme-ember.page-account-panel .ember-account-settings-grid {
        grid-template-columns: 1fr;
    }

    .theme-supreme-ember.page-account-panel .ember-account-action-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .theme-supreme-ember.page-account-panel .main {
        background-attachment: scroll;
        padding: 32px 12px 70px;
    }

    .theme-supreme-ember.page-account-panel .dmn-page-title,
    .theme-supreme-ember.page-account-panel .dmn-page-content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .theme-supreme-ember.page-account-panel .ember-account-shell > .dmn-page-content {
        padding-left: 0;
        padding-right: 0;
    }

    .theme-supreme-ember.page-account-panel .ember-account-settings-head {
        align-items: flex-start;
        flex-direction: column;
        min-height: 0;
        padding: 27px 22px;
    }

    .theme-supreme-ember.page-account-panel .ember-account-settings-grid {
        grid-template-columns: 1fr;
    }

    .theme-supreme-ember.page-account-panel .ember-account-settings-card {
        padding: 24px 20px;
    }

    .theme-supreme-ember.page-account-panel .ember-account-summary article {
        min-height: 106px;
        padding: 14px 16px 14px 12px;
    }

    .theme-supreme-ember.page-account-panel .ember-account-summary__icon {
        flex-basis: 68px;
        height: 74px;
        width: 68px;
    }

    .theme-supreme-ember.page-account-panel .ember-account-summary__icon img {
        height: 70px;
        width: 70px;
    }

    .theme-supreme-ember.page-account-panel .ember-account-tabs {
        justify-content: flex-start;
        padding: 8px;
    }

    .theme-supreme-ember.page-account-panel .ember-account-tabs .nav-link {
        min-height: 64px;
        padding: 9px 14px;
    }

    .theme-supreme-ember.page-account-panel .ember-account-tab-content {
        padding: 18px;
    }

    .theme-supreme-ember.page-account-panel .ember-account-details tr {
        display: grid;
        grid-template-columns: minmax(112px, 0.42fr) minmax(0, 1fr);
    }

    .theme-supreme-ember.page-account-panel .ember-account-details tr th,
    .theme-supreme-ember.page-account-panel .ember-account-details tr td {
        height: auto;
        min-width: 0;
        width: auto;
    }

    .theme-supreme-ember.page-account-panel .ember-account-details .float-right {
        float: none !important;
        margin-left: 10px;
    }

    .theme-supreme-ember.page-account-panel .ember-account-services,
    .theme-supreme-ember.page-account-panel .ember-account-services tbody {
        display: block;
    }

    .theme-supreme-ember.page-account-panel .ember-account-services tr {
        background: rgba(9, 7, 10, 0.68);
        border: 0;
        border-radius: var(--ember-radius);
        box-shadow: var(--ember-ring);
        display: grid;
        gap: 8px;
        margin-bottom: 10px;
        padding: 17px;
    }

    .theme-supreme-ember.page-account-panel .ember-account-services tr:first-child {
        display: none;
    }

    .theme-supreme-ember.page-account-panel .ember-account-services tr td {
        background: transparent;
        border: 0 !important;
        padding: 0 !important;
        text-align: left !important;
        width: auto !important;
    }

    .theme-supreme-ember.page-account-panel .ember-account-services tr td:last-child {
        margin-top: 5px;
    }

    .theme-supreme-ember.page-account-panel .ember-account-services .btn {
        width: 100%;
    }

    .theme-supreme-ember.page-account-panel .ember-account-action-card {
        grid-template-columns: 1fr;
        padding: 19px;
    }

    .theme-supreme-ember.page-account-panel .ember-account-action-card .btn {
        width: 100%;
    }

    .theme-supreme-ember.page-account-panel .ember-user-service-card {
        grid-template-columns: 1fr;
        min-height: 0;
        padding: 18px;
    }

    .theme-supreme-ember.page-account-panel .ember-user-service-card__body {
        padding-right: 0;
    }

    .theme-supreme-ember.page-account-panel .ember-user-service-card__action {
        justify-content: flex-start;
        margin-top: 18px;
    }

    .theme-supreme-ember.page-account-panel .ember-user-service-card__action,
    .theme-supreme-ember.page-account-panel .ember-user-service-card__action form,
    .theme-supreme-ember.page-account-panel .ember-user-service-card__action .btn {
        width: 100%;
    }

    .theme-supreme-ember.page-account-panel .dmn-rankings-table {
        display: block;
        overflow-x: auto;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .theme-supreme-ember.page-account-panel .ember-account-summary {
        grid-template-columns: 1fr;
    }

    .theme-supreme-ember.page-account-panel .ember-account-summary article {
        min-height: 94px;
    }

    .theme-supreme-ember.page-account-panel .ember-account-settings-card__head {
        align-items: flex-start;
    }

    .theme-supreme-ember.page-account-panel .ember-account-settings-card__icon {
        flex-basis: 58px;
        height: 58px;
        width: 58px;
    }

    .theme-supreme-ember.page-account-panel .ember-account-settings-card__icon img {
        height: 56px;
        width: 56px;
    }

    .theme-supreme-ember.page-account-panel .ember-account-settings-actions .btn,
    .theme-supreme-ember.page-account-panel .ember-account-settings-back {
        width: 100%;
    }

    .theme-supreme-ember.page-account-panel .ember-account-tabs .nav-link {
        font-size: var(--ember-text-xs);
    }

    .theme-supreme-ember.page-account-panel .ember-account-tabs .nav-item {
        min-width: 208px;
    }

    .theme-supreme-ember.page-account-panel .ember-account-tab__icon {
        flex-basis: 34px;
        height: 34px;
        width: 34px;
    }

    .theme-supreme-ember.page-account-panel .ember-account-tab__icon img {
        height: 32px;
        width: 32px;
    }

    .theme-supreme-ember.page-account-panel .ember-account-details tr {
        display: block;
    }

    .theme-supreme-ember.page-account-panel .ember-account-details tr th,
    .theme-supreme-ember.page-account-panel .ember-account-details tr td {
        display: block;
        width: 100%;
    }

    .theme-supreme-ember.page-account-panel .ember-account-details tr th {
        border-bottom: 0 !important;
        padding-bottom: 6px !important;
    }

    .theme-supreme-ember.page-account-panel .ember-account-details tr td {
        border-top: 0 !important;
        padding-top: 6px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .theme-supreme-ember.page-account-panel .ember-account-summary article,
    .theme-supreme-ember.page-account-panel .ember-account-summary__icon img,
    .theme-supreme-ember.page-account-panel .ember-account-tabs .nav-link,
    .theme-supreme-ember.page-account-panel .ember-account-tabs .nav-link::after,
    .theme-supreme-ember.page-account-panel .ember-account-tab__icon img,
    .theme-supreme-ember.page-account-panel .ember-account-settings-card,
    .theme-supreme-ember.page-account-panel .ember-account-settings-back,
    .theme-supreme-ember.page-account-panel .btn.btn-primary {
        transition: none;
    }
}

/* ==========================================================================
 * Account panel actions on the shared button system.
 *
 * The panel had 29 raw Bootstrap .btn .btn-primary controls - the only part of
 * the public site still doing so - which is why its actions never matched the
 * rest of the theme. Rather than rewriting the markup of 25 views and risking
 * the forms and confirm handlers attached to them, the existing classes are
 * mapped onto the ember-btn appearance here.
 *
 * The intent is that new work uses .ember-btn directly and this mapping shrinks
 * over time. It is a bridge, not the destination.
 * ========================================================================== */

.theme-supreme-ember.page-account-panel .btn.btn-primary {
    align-items: center;
    background: linear-gradient(180deg, #2d73be 0%, #1f4f83 62%, #193f68 100%);
    /* dmncms.css:1541 puts `border: 2px solid #96bde6 !important` on every
     * .btn-primary in the CMS. Nothing outranks !important except !important,
     * so this one is unavoidable until that legacy sheet stops being loaded -
     * it is answering a hammer, not opening a habit. */
    border: 0 !important;
    border-radius: var(--ember-radius);
    box-shadow:
        inset 0 1px 0 rgba(209, 226, 244, 0.36),
        inset 0 0 0 1px rgba(111, 164, 221, 0.42),
        0 14px 30px rgba(25, 64, 105, 0.42);
    color: #fff5f3;
    display: inline-flex;
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    font-weight: 700;
    gap: 10px;
    isolation: isolate;
    justify-content: center;
    letter-spacing: 0.14em;
    line-height: 1;
    min-height: 46px;
    overflow: hidden;
    padding: 0 26px;
    position: relative;
    text-shadow: none;
    text-transform: uppercase;
    transition: transform 220ms cubic-bezier(0.2, 0.72, 0.2, 1), color 220ms ease;
}

/* Travelling highlight, same signature as .ember-btn. */
.theme-supreme-ember.page-account-panel .btn.btn-primary::before {
    background: linear-gradient(100deg, transparent 34%, rgba(235, 242, 250, 0.26) 50%, transparent 66%);
    content: '';
    inset: 0;
    pointer-events: none;
    position: absolute;
    transform: translate3d(-130%, 0, 0);
    z-index: 2;
}

.theme-supreme-ember.page-account-panel .btn.btn-primary::after {
    background:
        radial-gradient(120% 90% at 50% 118%, rgba(126, 174, 225, 0.5), transparent 62%),
        linear-gradient(180deg, rgba(138, 181, 227, 0.14), transparent 54%);
    content: '';
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity 240ms ease;
    z-index: 1;
}

/*
 * Bootstrap's `a:hover { color: #0056b3 }` sits at (0,1,1) and would otherwise
 * take these over on hover, turning every anchor-based action blue. Stated
 * explicitly for each interactive state.
 */
.theme-supreme-ember.page-account-panel .btn.btn-primary:hover,
.theme-supreme-ember.page-account-panel .btn.btn-primary:focus,
.theme-supreme-ember.page-account-panel .btn.btn-primary:focus-visible,
.theme-supreme-ember.page-account-panel .btn.btn-primary:active {
    background: linear-gradient(180deg, #2d73be 0%, #1f4f83 62%, #193f68 100%);
    color: #fff;
    text-decoration: none;
}

.theme-supreme-ember.page-account-panel .btn.btn-primary:hover::after,
.theme-supreme-ember.page-account-panel .btn.btn-primary:focus-visible::after {
    opacity: 1;
}

.theme-supreme-ember.page-account-panel .btn.btn-primary:focus-visible {
    outline: 2px solid var(--ember-gold-bright);
    outline-offset: 3px;
}

.theme-supreme-ember.page-account-panel .btn.btn-sm {
    font-size: var(--ember-text-xs);
    letter-spacing: 0.12em;
    min-height: 38px;
    padding: 0 18px;
}

@media (prefers-reduced-motion: no-preference) {
    .theme-supreme-ember.page-account-panel .btn.btn-primary::before {
        transition: transform 640ms cubic-bezier(0.2, 0.72, 0.2, 1);
    }

    .theme-supreme-ember.page-account-panel .btn.btn-primary:hover::before,
    .theme-supreme-ember.page-account-panel .btn.btn-primary:focus-visible::before {
        transform: translate3d(130%, 0, 0);
    }

    .theme-supreme-ember.page-account-panel .btn.btn-primary:hover,
    .theme-supreme-ember.page-account-panel .btn.btn-primary:focus-visible {
        transform: translate3d(0, -2px, 0);
    }
}

/* A destructive card hands its tone to its action. */
.theme-supreme-ember.page-account-panel .ember-account-action-card--danger .btn.btn-primary,
.theme-supreme-ember.page-account-panel .ember-account-action-card--danger .btn.btn-primary:hover,
.theme-supreme-ember.page-account-panel .ember-account-action-card--danger .btn.btn-primary:focus,
.theme-supreme-ember.page-account-panel .ember-account-action-card--danger .btn.btn-primary:focus-visible,
.theme-supreme-ember.page-account-panel .ember-account-action-card--danger .btn.btn-primary:active {
    background: linear-gradient(180deg, rgba(38, 20, 22, 0.96) 0%, rgba(16, 10, 11, 0.99) 100%);
    box-shadow:
        inset 0 1px 0 rgba(202, 222, 243, 0.12),
        inset 0 0 0 1px rgba(54, 128, 208, 0.5),
        0 10px 24px rgba(0, 0, 0, 0.44);
    color: #adcbec;
}

.theme-supreme-ember.page-account-panel .ember-account-action-card--danger .btn.btn-primary:hover,
.theme-supreme-ember.page-account-panel .ember-account-action-card--danger .btn.btn-primary:focus-visible {
    color: #e8f0f9;
}

.theme-supreme-ember.page-account-panel .ember-account-action-card--danger .btn.btn-primary::after {
    background: radial-gradient(120% 96% at 50% 120%, rgba(54, 128, 208, 0.42), transparent 64%);
}

/* Fake disabled controls are spans, so they need the same treatment. */
.theme-supreme-ember.page-account-panel .btn.btn-primary.is-disabled,
.theme-supreme-ember.page-account-panel .btn.btn-primary[aria-disabled='true'] {
    background: rgba(18, 15, 19, 0.9);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07);
    color: var(--ember-faint);
    cursor: not-allowed;
    pointer-events: none;
    transform: none;
}

/* ==========================================================================
 * Account Information, rebuilt 2026-08-01.
 *
 * It was an eleven-row bordered table in which every row carried identical
 * weight: the account name, the last-login IP and the VIP expiry all looked
 * equally important, the values were set smaller than the labels around them,
 * and the actions floated right off the end of their rows.
 *
 * Three things changed. The rows are grouped by what a player actually comes
 * here to do - check who they are, check the realm and recent activity, manage
 * VIP - so the tab has a shape instead of being a dump. The value now outranks
 * its label typographically, which is the wrong way round in a table where the
 * label is the loud part. And the two currency rows are gone: they already sit
 * in the summary strip directly above, so the table was restating them within
 * one screen.
 *
 * Type stays inside the two faces the audit allows - AlbertusSupreme for the
 * plate headings, Inter everywhere else. The scale does the work, not a third
 * family: micro-labels at 11px against values at 18px.
 * ========================================================================== */

.theme-supreme-ember.page-account-panel .ember-account-overview {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.theme-supreme-ember.page-account-panel .ember-account-plate {
    background:
        radial-gradient(120% 80% at 8% 0, rgba(45, 117, 194, 0.09), transparent 46%),
        linear-gradient(168deg, rgba(30, 24, 30, 0.72) 0%, rgba(9, 7, 10, 0.96) 62%);
    border: 0;
    border-radius: var(--ember-radius);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        inset 0 0 0 1px rgba(118, 165, 216, 0.13),
        0 20px 46px rgba(0, 0, 0, 0.44);
    display: flex;
    flex-direction: column;
    padding: 26px 28px 22px;
    position: relative;
}

/* The VIP plate runs the full width and carries gold rather than red: it is
 * the one row on this tab that is an offer rather than a fact. */
.theme-supreme-ember.page-account-panel .ember-account-plate--vip {
    background:
        radial-gradient(120% 90% at 50% 118%, rgba(118, 165, 216, 0.13), transparent 62%),
        linear-gradient(168deg, rgba(38, 30, 20, 0.76) 0%, rgba(11, 9, 8, 0.97) 62%);
    box-shadow:
        inset 0 1px 0 rgba(187, 212, 239, 0.1),
        inset 0 0 0 1px rgba(118, 165, 216, 0.3),
        0 20px 46px rgba(0, 0, 0, 0.46);
    grid-column: 1 / -1;
}

.theme-supreme-ember.page-account-panel .ember-account-plate > header {
    align-items: baseline;
    display: flex;
    gap: 14px;
    margin-bottom: 20px;
}

.theme-supreme-ember.page-account-panel .ember-account-plate > header h3 {
    color: var(--account-gold-bright);
    font-family: var(--ember-heading);
    font-size: var(--ember-text-xl);
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

/* A fading light closes the heading line instead of a ruled border. */
.theme-supreme-ember.page-account-panel .ember-account-plate > header::after {
    background: linear-gradient(90deg, rgba(118, 165, 216, 0.34), transparent);
    content: '';
    flex: 1 1 auto;
    height: 1px;
    margin-bottom: 4px;
}

.theme-supreme-ember.page-account-panel .ember-account-fields {
    display: grid;
    gap: 2px;
    margin: 0;
}

.theme-supreme-ember.page-account-panel .ember-account-field {
    /* Aligned to the value, not to the middle of the label-and-value pair -
     * centring put the button on the gap between the two lines, so it read as
     * belonging to neither. */
    align-items: end;
    column-gap: 20px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 13px 0;
    position: relative;
}

/* Separated by a light that fades out, so a long list does not turn into a
 * ruled grid. */
.theme-supreme-ember.page-account-panel .ember-account-field + .ember-account-field::before {
    background: linear-gradient(90deg, rgba(118, 165, 216, 0.16), transparent 78%);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.theme-supreme-ember.page-account-panel .ember-account-field dt {
    color: var(--account-gold);
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.18em;
    line-height: 1;
    margin: 0 0 7px;
    text-transform: uppercase;
}

.theme-supreme-ember.page-account-panel .ember-account-field dd {
    color: var(--account-text);
    font-family: var(--ember-body);
    font-size: var(--ember-text-lg);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25;
    margin: 0;
    overflow-wrap: anywhere;
}

/* Timestamps, counters and addresses line up column-wise. */
.theme-supreme-ember.page-account-panel .ember-account-field--numeric dd {
    font-family: var(--ember-numeric);
    font-variant-numeric: tabular-nums;
}

.theme-supreme-ember.page-account-panel .ember-account-field__copy {
    grid-column: 1;
    min-width: 0;
}

.theme-supreme-ember.page-account-panel .ember-account-field__action {
    grid-column: 2;
}

/* A masked value is a placeholder, not content - it should not read as loudly
 * as the account name two rows above it. */
.theme-supreme-ember.page-account-panel .ember-account-field__mask {
    color: var(--account-muted);
    font-size: var(--ember-text-xl);
    letter-spacing: 0.24em;
}

.theme-supreme-ember.page-account-panel .ember-account-field__note {
    color: var(--account-muted);
    display: block;
    font-size: var(--ember-text-sm);
    font-weight: 400;
    letter-spacing: 0;
    margin-top: 5px;
}

/* VIP plate lays its state and its action on one line. */
.theme-supreme-ember.page-account-panel .ember-account-vip {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 18px 32px;
    justify-content: space-between;
}

.theme-supreme-ember.page-account-panel .ember-account-vip__state {
    display: grid;
    gap: 7px;
}

.theme-supreme-ember.page-account-panel .ember-account-vip__state small {
    color: var(--account-gold);
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.theme-supreme-ember.page-account-panel .ember-account-vip__state strong {
    color: var(--account-gold-bright);
    font-family: var(--ember-numeric);
    font-size: var(--ember-text-xl);
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    letter-spacing: 0;
}

.theme-supreme-ember.page-account-panel .ember-account-vip__plan {
    color: var(--account-muted);
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
}

@media (max-width: 900px) {
    .theme-supreme-ember.page-account-panel .ember-account-overview {
        grid-template-columns: minmax(0, 1fr);
    }

    .theme-supreme-ember.page-account-panel .ember-account-field {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 12px;
    }

    .theme-supreme-ember.page-account-panel .ember-account-field__action {
        grid-column: 1;
        justify-self: start;
    }
}

/* --------------------------------------------------------------------------
 * Summary strip dividers.
 *
 * These used to be the gold background showing through a 1px grid gap. With the
 * strip darkened that trick is gone, so each cell after the first draws its own
 * separator - a light that fades out top and bottom rather than a full-height
 * rule, so the strip reads as one plate with divisions instead of four boxes.
 * -------------------------------------------------------------------------- */

.theme-supreme-ember.page-account-panel .ember-account-summary__item {
    position: relative;
}

.theme-supreme-ember.page-account-panel .ember-account-summary__item + .ember-account-summary__item::before {
    background: linear-gradient(180deg, transparent, rgba(118, 165, 216, 0.26) 26%, rgba(118, 165, 216, 0.26) 74%, transparent);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 1px;
}

/* --------------------------------------------------------------------------
 * Tab icons.
 *
 * An ornate crest rendered at 36px is a brown smudge - there is not enough room
 * for the detail these images carry, and next to a text label that already says
 * what the tab is, the smudge was costing more than it added. Slightly larger,
 * seated in a lit recess so it reads as an inset medallion, and held back at
 * rest so the label leads.
 * -------------------------------------------------------------------------- */

.theme-supreme-ember.page-account-panel .ember-account-tab__icon {
    align-items: center;
    background: radial-gradient(circle at 50% 42%, rgba(118, 165, 216, 0.13), transparent 68%);
    border-radius: 50%;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(118, 165, 216, 0.16);
    display: inline-flex;
    /* The tab is a flex row, so width alone gets shrunk away as the label grows -
     * it was arriving 6px narrower than tall and the recess came out oval. */
    flex: 0 0 44px;
    height: 44px;
    justify-content: center;
    transition: box-shadow 200ms ease, opacity 200ms ease;
    width: 44px;
}

.theme-supreme-ember.page-account-panel .ember-account-tab__icon img {
    height: 34px;
    opacity: 0.74;
    transition: opacity 200ms ease;
    width: 34px;
}

.theme-supreme-ember.page-account-panel .ember-account-tabs .nav-link.active .ember-account-tab__icon {
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(118, 165, 216, 0.42);
}

.theme-supreme-ember.page-account-panel .ember-account-tabs .nav-link.active .ember-account-tab__icon img,
.theme-supreme-ember.page-account-panel .ember-account-tabs .nav-link:hover .ember-account-tab__icon img,
.theme-supreme-ember.page-account-panel .ember-account-tabs .nav-link:focus-visible .ember-account-tab__icon img {
    opacity: 1;
}

/* --- source: assets/supreme_ember/css/supreme-shop.css --- */
.supreme-shop-content{
    color: #d8d9db;
    font-family: var(--ember-body);
    width: calc(100% - 428px);
}.supreme-shop-shell,.supreme-shop-shell *{
    box-sizing: border-box;
    letter-spacing: 0;
}.supreme-shop-shell{
    background: rgba(7, 9, 11, 0.94);
    border: 1px solid rgba(216, 182, 106, 0.18);
    border-radius: 6px;
    overflow: hidden;
}.supreme-shop-heading{
    align-items: flex-end;
    background-color: #0d1013;
    border-bottom: 1px solid rgba(216, 182, 106, 0.16);
    display: flex;
    justify-content: space-between;
    min-height: 170px;
    padding: 34px 38px;
    position: relative;
}.supreme-shop-heading::before{
    background: #a92525;
    content: '';
    height: 52px;
    left: 0;
    position: absolute;
    top: 38px;
    width: 3px;
}.supreme-shop-kicker{
    color: #d8b66a;
    display: block;
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 11px;
    text-transform: uppercase;
}.supreme-shop-heading h1{
    color: #f2f0e9;
    font-family: var(--ember-heading);
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.15;
    margin: 0 0 10px;
    text-transform: uppercase;
}.supreme-shop-heading h1 em{
    color: #d8b66a;
    font-size: 22px;
    font-style: normal;
}.supreme-shop-heading p{
    color: #7e8389;
    font-size: 12px;
    margin: 0;
}.supreme-shop-summary{
    display: flex;
    gap: 30px;
}.supreme-shop-summary > div{
    border-left: 1px solid rgba(255, 255, 255, 0.09);
    min-width: 76px;
    padding-left: 16px;
}.supreme-shop-summary span,.supreme-shop-summary strong{
    display: block;
}.supreme-shop-summary span{
    color: #72777c;
    font-size: 9px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
}.supreme-shop-summary strong{
    color: #f1ede3;
    font-family: var(--ember-heading);
    font-size: 22px;
    font-weight: 600;
}.supreme-shop-accountbar{
    align-items: center;
    background: #111519;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    display: flex;
    justify-content: space-between;
    min-height: 70px;
    padding: 12px 24px;
}.supreme-shop-account,.supreme-shop-wallet{
    align-items: center;
    display: flex;
}.supreme-shop-account{
    gap: 12px;
}.supreme-shop-account-icon{
    align-items: center;
    background: #1a1f24;
    border: 1px solid rgba(216, 182, 106, 0.2);
    border-radius: 4px;
    color: #d8b66a;
    display: flex;
    height: 38px;
    justify-content: center;
    width: 38px;
}.supreme-shop-account small,.supreme-shop-account strong,.supreme-shop-wallet small,.supreme-shop-wallet strong{
    display: block;
}.supreme-shop-account small,.supreme-shop-wallet small{
    color: #6f747a;
    font-size: 9px;
    font-weight: 700;
    margin-bottom: 3px;
    text-transform: uppercase;
}.supreme-shop-account strong{
    color: #e8e6e0;
    font-size: 12px;
}.supreme-shop-wallet{
    gap: 24px;
}.supreme-shop-wallet > span{
    min-width: 74px;
}.supreme-shop-wallet strong{
    color: #d8b66a;
    font-family: var(--ember-heading);
    font-size: 15px;
}.supreme-shop-wallet-link,.supreme-shop-login{
    align-items: center;
    background: #d8b66a;
    border: 1px solid #e5ca8b;
    border-radius: 4px;
    color: #111315;
    display: inline-flex;
    font-size: 10px;
    font-weight: 800;
    gap: 8px;
    min-height: 36px;
    padding: 0 14px;
    text-transform: uppercase;
}.supreme-shop-wallet-link:hover,.supreme-shop-login:hover{
    background: #ead296;
    color: #090b0d;
}.supreme-shop-toolbar{
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(220px, 1fr) 190px 42px 42px;
    padding: 18px 24px;
}.supreme-shop-search{
    align-items: center;
    background: #0c0f12;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 4px;
    display: flex;
    height: 42px;
    margin: 0;
    padding: 0 14px;
}.supreme-shop-search i{
    color: #797e83;
    font-size: 13px;
    margin-right: 10px;
}.supreme-shop-search input{
    background: transparent;
    border: 0;
    color: #e5e4df;
    font-family: var(--ember-body);
    font-size: 12px;
    height: 40px;
    margin: 0;
    min-width: 0;
    outline: 0;
    padding: 0;
    width: 100%;
}.supreme-shop-search input::placeholder{
    color: #666b70;
}.supreme-shop-sort{
    background: #0c0f12;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 4px;
    display: block;
    height: 42px;
    margin: 0;
    padding: 5px 10px;
}.supreme-shop-sort > span{
    color: #666b70;
    display: block;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
}.supreme-shop-sort select{
    background: #0c0f12;
    border: 0;
    color: #d7d6d1;
    font-family: var(--ember-body);
    font-size: 11px;
    height: 20px;
    margin: 0;
    outline: 0;
    padding: 0;
    width: 100%;
}.supreme-shop-filter-button,.supreme-shop-clear{
    align-items: center;
    background: #1a1f24;
    border: 1px solid rgba(216, 182, 106, 0.25);
    border-radius: 4px;
    color: #d8b66a;
    display: flex;
    height: 42px;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 42px;
}.supreme-shop-filter-button:hover,.supreme-shop-clear:hover{
    background: #d8b66a;
    color: #111315;
}.supreme-shop-notice{
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    color: #c8cbce;
    font-size: 12px;
    padding: 14px 24px;
}.supreme-shop-notice-error{
    background: rgba(128, 28, 28, 0.28);
    color: #edb7b7;
}.supreme-shop-layout{
    align-items: start;
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr);
    min-height: 620px;
}.supreme-shop-categories{
    border-right: 1px solid rgba(255, 255, 255, 0.07);
    min-width: 0;
    padding: 22px 14px;
}.supreme-shop-category-title,.supreme-shop-results-head{
    align-items: center;
    display: flex;
    justify-content: space-between;
}.supreme-shop-category-title{
    color: #d8b66a;
    font-family: var(--ember-heading);
    font-size: 11px;
    font-weight: 600;
    padding: 0 10px 14px;
    text-transform: uppercase;
}.supreme-shop-category-title small{
    color: #6d7277;
    font-family: var(--ember-body);
    font-size: 9px;
}.supreme-shop-categories nav{
    display: grid;
    gap: 3px;
}.supreme-shop-categories nav a{
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #858a8f;
    display: grid;
    font-size: 10px;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    min-height: 36px;
    padding: 5px 9px;
}.supreme-shop-categories nav a i{
    color: #62676c;
    font-size: 11px;
}.supreme-shop-categories nav a span{
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}.supreme-shop-categories nav a small{
    color: #5e6368;
    font-size: 8px;
}.supreme-shop-categories nav a:hover,.supreme-shop-categories nav a.active{
    background: #161b20;
    border-color: rgba(216, 182, 106, 0.18);
    color: #e2dfd6;
}.supreme-shop-categories nav a.active i,.supreme-shop-categories nav a.active small{
    color: #d8b66a;
}.supreme-shop-results{
    min-width: 0;
    padding: 22px;
}.supreme-shop-results-head{
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    margin-bottom: 18px;
    padding: 0 2px 15px;
}.supreme-shop-results-head > div span,.supreme-shop-results-head > div small{
    display: block;
}.supreme-shop-results-head > div span{
    color: #ece9e1;
    font-family: var(--ember-heading);
    font-size: 15px;
    font-weight: 600;
}.supreme-shop-results-head small,.supreme-shop-results-head > span{
    color: #6e7378;
    font-size: 9px;
    margin-top: 3px;
    text-transform: uppercase;
}.supreme-shop-grid{
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}.supreme-shop-item{
    background: #111519;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    min-height: 318px;
    min-width: 0;
    overflow: hidden;
    position: relative;
    transition: border-color 160ms ease, transform 160ms ease;
}.supreme-shop-item:hover{
    border-color: rgba(216, 182, 106, 0.42);
    transform: translateY(-2px);
}.supreme-shop-item-top{
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-height: 34px;
    padding: 8px 11px;
}.supreme-shop-item-top span,.supreme-shop-item-top small{
    color: #72777c;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
}.supreme-shop-item-top small i{
    color: #b5904c;
    margin-right: 3px;
}.supreme-shop-item-image{
    align-items: center;
    background: #0b0e11;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    display: flex;
    height: 148px;
    justify-content: center;
    overflow: hidden;
    padding: 12px;
}.supreme-shop-item-image img{
    height: auto !important;
    max-height: 120px;
    max-width: 112px;
    object-fit: contain;
    width: auto !important;
}.supreme-shop-item-body{
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
    padding: 14px;
}.supreme-shop-item h2{
    color: #e9e7e0;
    font-family: var(--ember-heading);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
    margin: 0 0 10px;
    min-height: 33px;
    overflow-wrap: anywhere;
}.supreme-shop-features{
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 13px;
    min-height: 18px;
}.supreme-shop-features span{
    background: #1b2025;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 3px;
    color: #8b9095;
    font-size: 8px;
    padding: 3px 6px;
    text-transform: uppercase;
}.supreme-shop-item-footer{
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 12px;
}.supreme-shop-price{
    align-items: baseline;
    display: flex;
    gap: 5px;
    min-width: 0;
}.supreme-shop-price small,.supreme-shop-price span{
    color: #6f7479;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
}.supreme-shop-price strong{
    color: #d8b66a;
    font-family: var(--ember-heading);
    font-size: 17px;
    font-weight: 600;
}.supreme-shop-buy{
    align-items: center;
    background: #d8b66a;
    border: 1px solid #e4c780;
    border-radius: 4px;
    color: #111315;
    cursor: pointer;
    display: flex;
    flex: 0 0 36px;
    height: 36px;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 36px;
}.supreme-shop-buy:hover,.supreme-shop-buy.loading{
    background: #f0d99f;
    color: #080a0c;
}.supreme-shop-buy.loading i{
    animation: supreme-shop-spin 700ms linear infinite;
}@keyframes supreme-shop-spin{
    to { transform: rotate(360deg); }
}.supreme-shop-empty{
    align-items: center;
    border: 1px dashed rgba(216, 182, 106, 0.23);
    color: #70757a;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 330px;
    padding: 30px;
    text-align: center;
}.supreme-shop-empty i{
    color: #d8b66a;
    font-size: 24px;
    margin-bottom: 14px;
}.supreme-shop-empty strong{
    color: #d7d5ce;
    font-family: var(--ember-heading);
    font-size: 16px;
    margin-bottom: 12px;
}.supreme-shop-empty a{
    color: #d8b66a;
    font-size: 10px;
    text-transform: uppercase;
}.supreme-shop-pagination{
    display: flex;
    gap: 6px;
    justify-content: center;
    margin-top: 24px;
}.supreme-shop-pagination a{
    align-items: center;
    background: #13181c;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 4px;
    color: #858a8f;
    display: flex;
    font-size: 10px;
    height: 34px;
    justify-content: center;
    min-width: 34px;
    padding: 0 8px;
}.supreme-shop-pagination a:hover,.supreme-shop-pagination a.active{
    background: #d8b66a;
    border-color: #d8b66a;
    color: #101214;
}.supreme-shop-dialog #item_buy{
    display: grid;
    gap: 14px;
    grid-template-columns: 140px minmax(0, 1fr);
    margin: 0;
    width: 100%;
}.supreme-shop-dialog #item_buy_left,.supreme-shop-dialog #item_buy_right{
    float: none;
    min-width: 0;
    padding: 0;
    width: 100%;
}.supreme-shop-dialog #item_buy_right{
    background: #101419;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 4px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    overflow: hidden;
}.supreme-shop-dialog #item_buy_right .full,.supreme-shop-dialog #item_buy_right .opt_title,.supreme-shop-dialog #item_buy_right .opt{
    background: #14191e;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    color: #b8bcc0;
    float: none;
    font-family: var(--ember-body);
    font-size: 10px;
    height: auto;
    line-height: 1.35;
    margin: 0;
    min-height: 34px;
    padding: 8px;
    text-shadow: none;
    width: auto;
}.supreme-shop-dialog #item_buy_right .full{
    grid-column: 1 / -1;
}.supreme-shop-dialog #item_buy_right .opt{
    background: #0f1317;
}.supreme-shop-dialog #item_buy_right .opt select,.supreme-shop-dialog #item_buy_right .opt input[type="number"]{
    background: #20262c;
    color: #e4e1d9;
    min-height: 20px;
}.supreme-shop-dialog #item_image_bg,.supreme-shop-dialog .item_info{
    background-color: #11161a;
    background-image: none;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 4px;
    width: 129px;
}.supreme-shop-dialog .item_info .info{
    color: #c7c9ca;
    font-family: var(--ember-body);
    font-size: 9px;
    text-shadow: none;
}.supreme-shop-dialog #buy_buttons{
    display: flex;
    justify-content: flex-end;
    margin: 14px 0 0;
    width: 100%;
}.supreme-shop-dialog .buy_button,.supreme-shop-dialog .buttonn{
    background: #d8b66a;
    border: 1px solid #e5cb8e;
    border-radius: 4px;
    color: #111315;
    float: none;
    font-family: var(--ember-body);
    font-size: 10px;
    font-weight: 800;
    height: 38px;
    padding: 0 18px;
    text-transform: uppercase;
    width: auto;
}.supreme-shop-dialog .payment-method-button{
    background: #171c21;
    border: 1px solid rgba(216, 182, 106, 0.2);
}.supreme-shop-dialog .payment-method-button label span{
    color: #d8b66a;
    font-family: var(--ember-body);
    font-size: 13px;
}@media (max-width: 1280px){.supreme-shop-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }}@media (max-width: 993px){.supreme-shop-content{
        margin-bottom: 38px;
        width: 100%;
    }.supreme-shop-grid{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }}@media (max-width: 760px){.supreme-shop-heading{
        align-items: flex-start;
        flex-direction: column;
        gap: 28px;
        padding: 28px 24px 28px 72px;
    }.supreme-shop-heading h1{
        font-size: 30px;
    }.supreme-shop-summary{
        width: 100%;
    }.supreme-shop-accountbar{
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }.supreme-shop-wallet{
        justify-content: space-between;
        width: 100%;
    }.supreme-shop-toolbar{
        grid-template-columns: minmax(0, 1fr) 42px 42px;
    }.supreme-shop-sort{
        grid-column: 1 / -1;
        grid-row: 2;
    }.supreme-shop-layout{
        grid-template-columns: 1fr;
    }.supreme-shop-categories{
        border-bottom: 1px solid rgba(255, 255, 255, 0.07);
        border-right: 0;
        overflow-x: auto;
        padding: 14px;
    }.supreme-shop-category-title{
        display: none;
    }.supreme-shop-categories nav{
        display: flex;
        min-width: max-content;
    }.supreme-shop-categories nav a{
        grid-template-columns: 18px auto auto;
        min-width: 118px;
    }.supreme-shop-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }}@media (max-width: 520px){.supreme-shop-heading{
        min-height: 0;
        padding: 24px 18px 24px 72px;
    }.supreme-shop-heading h1{
        font-size: 25px;
    }.supreme-shop-heading h1 em{
        display: block;
        font-size: 17px;
        margin-top: 5px;
    }.supreme-shop-accountbar,.supreme-shop-toolbar,.supreme-shop-results{
        padding-left: 14px;
        padding-right: 14px;
    }.supreme-shop-wallet{
        align-items: stretch;
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }.supreme-shop-wallet-link{
        grid-column: 1 / -1;
        justify-content: center;
    }.supreme-shop-toolbar{
        grid-template-columns: minmax(0, 1fr) 42px;
    }.supreme-shop-clear{
        display: none;
    }.supreme-shop-grid{
        grid-template-columns: 1fr;
    }.supreme-shop-item{
        min-height: 300px;
    }.supreme-shop-dialog #item_buy{
        grid-template-columns: 1fr;
    }.supreme-shop-dialog #item_buy_left{
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        justify-content: center;
    }.supreme-shop-dialog #item_buy_right{
        grid-template-columns: 1fr;
    }.supreme-shop-dialog #item_buy_right .full{
        grid-column: auto;
    }}.supreme-wcoin-store{
    --wcoin-red: #d51f2b;
    --wcoin-gold: #f0cf7b;
    --wcoin-ink: rgba(7, 5, 8, 0.92);
    --wcoin-panel: rgba(12, 10, 14, 0.88);
    --wcoin-border: rgba(213, 31, 43, 0.28);
    background:
        radial-gradient(circle at 50% 0%, rgba(150, 18, 27, 0.18), transparent 38%),
        linear-gradient(180deg, rgba(5, 3, 6, 0.94), rgba(5, 3, 6, 0.98));
    color: #d9d2c4;
    min-height: 72vh;
    padding: clamp(90px, 8vw, 132px) 24px 80px;
}.supreme-wcoin-hero,.supreme-wcoin-orders{
    margin-left: auto;
    margin-right: auto;
    max-width: 1180px;
}.supreme-wcoin-hero{
    border: 1px solid var(--wcoin-border);
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(240, 207, 123, 0.08);
    min-height: 310px;
    overflow: hidden;
    padding: clamp(44px, 6vw, 76px);
    position: relative;
}.supreme-wcoin-hero:before{
    background:
        linear-gradient(90deg, rgba(5, 3, 6, 0.94), rgba(5, 3, 6, 0.66), rgba(5, 3, 6, 0.92)),
        url('../images/account-panel/account-panel-vault-bg-v1.webp') center / cover no-repeat;
    content: "";
    inset: 0;
    opacity: 0.75;
    position: absolute;
}.supreme-wcoin-hero:after{
    background: radial-gradient(circle, rgba(213, 31, 43, 0.24), transparent 60%);
    content: "";
    height: 260px;
    left: 18%;
    position: absolute;
    top: 24%;
    width: 420px;
}.supreme-wcoin-hero > *{
    position: relative;
    z-index: 1;
}.supreme-wcoin-hero__eyebrow,.supreme-wcoin-orders header span,.supreme-wcoin-card__body span{
    color: var(--wcoin-red);
    display: block;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.32em;
    text-transform: uppercase;
}.supreme-wcoin-hero h1,.supreme-wcoin-orders h2{
    color: #f7efe2;
    font-family: var(--ember-heading);
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.06;
    margin: 12px 0 0;
    text-transform: uppercase;
    text-shadow: 0 14px 34px rgba(0, 0, 0, 0.64);
}.supreme-wcoin-hero h1{
    font-size: clamp(42px, 6.4vw, 78px);
}.supreme-wcoin-hero p{
    color: rgba(229, 223, 212, 0.82);
    font-size: 17px;
    line-height: 1.8;
    margin: 22px 0 0;
    max-width: 660px;
}.supreme-wcoin-hero__meta{
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}.supreme-wcoin-hero__meta span{
    align-items: center;
    background: rgba(0, 0, 0, 0.36);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #d8c9b2;
    display: inline-flex;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 12px;
    font-weight: 800;
    gap: 8px;
    letter-spacing: 0.12em;
    padding: 12px 15px;
    text-transform: uppercase;
}.supreme-wcoin-hero__meta .is-live{
    color: #9bd74a;
}.supreme-wcoin-hero__meta .is-paused{
    color: #f0cf7b;
}.supreme-wcoin-notice,.supreme-wcoin-empty{
    background: linear-gradient(135deg, rgba(19, 15, 20, 0.96), rgba(8, 6, 9, 0.96));
    border: 1px solid rgba(240, 207, 123, 0.18);
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.34);
    color: rgba(231, 223, 210, 0.82);
    margin: 22px auto 0;
    max-width: 1180px;
    padding: 18px 22px;
}.supreme-wcoin-notice strong,.supreme-wcoin-empty strong{
    color: var(--wcoin-gold);
    display: block;
    font-family: var(--ember-heading);
    font-size: 17px;
    letter-spacing: 0.04em;
    margin-bottom: 5px;
}.supreme-wcoin-notice--error{
    border-color: rgba(213, 31, 43, 0.46);
}.supreme-wcoin-notice--warning{
    display: grid;
    gap: 4px;
}.supreme-wcoin-grid{
    display: grid;
    gap: 22px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 30px auto 0;
    max-width: 1180px;
}.supreme-wcoin-card{
    background:
        radial-gradient(circle at 78% 0%, rgba(213, 31, 43, 0.18), transparent 34%),
        linear-gradient(145deg, rgba(17, 13, 18, 0.96), rgba(7, 5, 8, 0.98));
    border: 1px solid rgba(213, 31, 43, 0.24);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
    display: grid;
    gap: 18px;
    min-height: 330px;
    overflow: hidden;
    padding: 30px;
    position: relative;
}.supreme-wcoin-card:before{
    background: linear-gradient(90deg, transparent, rgba(240, 207, 123, 0.36), transparent);
    content: "";
    height: 1px;
    left: 0;
    opacity: 0.55;
    position: absolute;
    top: 0;
    width: 100%;
}.supreme-wcoin-card__crest{
    align-items: center;
    background: radial-gradient(circle, rgba(213, 31, 43, 0.18), rgba(0, 0, 0, 0.15) 64%, transparent);
    display: flex;
    height: 118px;
    justify-content: center;
}.supreme-wcoin-card__crest img{
    filter: drop-shadow(0 16px 24px rgba(0, 0, 0, 0.55));
    height: 112px;
    object-fit: contain;
    width: 112px;
}.supreme-wcoin-card__body h2{
    color: #f7efe2;
    font-family: var(--ember-heading);
    font-size: 34px;
    letter-spacing: 0.03em;
    line-height: 1.08;
    margin: 10px 0 8px;
}.supreme-wcoin-card__body h2 em{
    color: var(--wcoin-gold);
    display: block;
    font-size: 17px;
    font-style: normal;
    letter-spacing: 0.16em;
    margin-top: 7px;
}.supreme-wcoin-card__body p{
    color: #d9c07b;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.14em;
    margin: 0;
    text-transform: uppercase;
}.supreme-wcoin-card__action{
    align-self: end;
}.supreme-wcoin-buy{
    align-items: center;
    background: linear-gradient(180deg, #d31d28, #941018);
    border: 1px solid rgba(255, 219, 137, 0.7);
    box-shadow: 0 18px 45px rgba(213, 31, 43, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.16);
    color: #fff6e6;
    display: inline-flex;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 12px;
    font-weight: 900;
    gap: 10px;
    justify-content: center;
    letter-spacing: 0.08em;
    min-height: 48px;
    min-width: 168px;
    padding: 0 22px;
    text-transform: uppercase;
    transition: box-shadow 180ms ease, color 180ms ease, filter 180ms ease;
}.supreme-wcoin-buy:hover,.supreme-wcoin-buy:focus{
    color: #ffffff;
    filter: brightness(1.08);
    box-shadow: 0 0 30px rgba(213, 31, 43, 0.52), 0 18px 48px rgba(0, 0, 0, 0.42);
}.supreme-wcoin-buy.is-disabled{
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.42);
    cursor: not-allowed;
}.supreme-wcoin-orders{
    background: linear-gradient(135deg, rgba(13, 10, 15, 0.94), rgba(5, 4, 6, 0.98));
    border: 1px solid rgba(213, 31, 43, 0.22);
    margin-top: 34px;
    padding: clamp(26px, 4vw, 42px);
}.supreme-wcoin-orders h2{
    font-size: clamp(28px, 3.6vw, 44px);
}.supreme-wcoin-table-wrap{
    margin-top: 24px;
    overflow-x: auto;
}.supreme-wcoin-table{
    border-collapse: collapse;
    min-width: 720px;
    width: 100%;
}.supreme-wcoin-table th,.supreme-wcoin-table td{
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    padding: 15px 12px;
    text-align: left;
}.supreme-wcoin-table th{
    color: #d9c07b;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}.supreme-wcoin-table td{
    color: rgba(231, 223, 210, 0.78);
}.supreme-wcoin-table a{
    color: #f0cf7b;
    font-weight: 800;
}.supreme-wcoin-status{
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #d9d2c4;
    display: inline-flex;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.1em;
    padding: 7px 10px;
    text-transform: uppercase;
}.supreme-wcoin-status--credited{
    border-color: rgba(127, 207, 72, 0.45);
    color: #9bd74a;
}.supreme-wcoin-status--pending{
    border-color: rgba(240, 207, 123, 0.38);
    color: #f0cf7b;
}.supreme-wcoin-status--failed,.supreme-wcoin-status--cancelled{
    border-color: rgba(213, 31, 43, 0.46);
    color: #ff6b75;
}@media (max-width: 960px){.supreme-wcoin-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }}@media (max-width: 620px){.supreme-wcoin-store{
        padding-left: 14px;
        padding-right: 14px;
    }.supreme-wcoin-grid{
        grid-template-columns: 1fr;
    }.supreme-wcoin-hero,.supreme-wcoin-card,.supreme-wcoin-orders{
        padding: 24px;
    }}.theme-supreme-ember.page-wcoin .main{
    border-bottom: 1px solid rgba(211, 175, 124, 0.1);
    display: block;
    padding: 0 0 86px;
}.theme-supreme-ember.page-wcoin .sidebar{
    display: none;
}.supreme-wcoin-store{
    box-sizing: border-box;
    padding: 72px 24px 82px;
    width: 100%;
}.supreme-wcoin-store--status{
    padding-top: 52px;
}.supreme-wcoin-hero,.supreme-wcoin-policy,.supreme-wcoin-grid,.supreme-wcoin-orders,.supreme-wcoin-result,.supreme-wcoin-actions{
    max-width: 1180px;
}.supreme-wcoin-hero__eyebrow,.supreme-wcoin-orders header span,.supreme-wcoin-card__body span,.supreme-wcoin-result__eyebrow,.supreme-wcoin-policy span{
    font-family: var(--ember-body);
    letter-spacing: 0.24em;
}.supreme-wcoin-hero h1{
    font-size: 64px;
}.supreme-wcoin-hero--compact{
    min-height: 246px;
    padding-bottom: 52px;
    padding-top: 52px;
}.supreme-wcoin-hero--compact p{
    max-width: 560px;
}.supreme-wcoin-policy{
    align-items: center;
    background:
        radial-gradient(circle at 90% 0%, rgba(213, 31, 43, 0.14), transparent 34%),
        linear-gradient(135deg, rgba(17, 13, 18, 0.94), rgba(7, 5, 8, 0.98));
    border: 1px solid rgba(240, 207, 123, 0.16);
    box-shadow: 0 22px 70px rgba(0, 0, 0, 0.34);
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin: 24px auto 0;
    overflow: hidden;
    padding: 28px 32px;
    position: relative;
}.supreme-wcoin-policy:before{
    background: linear-gradient(90deg, transparent, rgba(240, 207, 123, 0.28), transparent);
    content: "";
    height: 1px;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
}.supreme-wcoin-policy h2{
    color: #f7efe2;
    font-family: var(--ember-heading);
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.04em;
    margin: 8px 0 0;
    text-transform: uppercase;
}.supreme-wcoin-policy p{
    color: rgba(231, 223, 210, 0.76);
    font-family: var(--ember-body);
    font-size: 15px;
    line-height: 1.75;
    margin: 12px 0 0;
    max-width: 760px;
}.supreme-wcoin-policy nav{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}.supreme-wcoin-policy a,.supreme-wcoin-secondary{
    align-items: center;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(240, 207, 123, 0.22);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    color: #e5d4a5;
    display: inline-flex;
    font-family: var(--ember-body);
    font-size: 12px;
    font-weight: 900;
    justify-content: center;
    letter-spacing: 0.1em;
    min-height: 46px;
    padding: 0 18px;
    text-decoration: none;
    text-transform: uppercase;
    transition: box-shadow 180ms ease, color 180ms ease, filter 180ms ease;
}.supreme-wcoin-policy a:hover,.supreme-wcoin-policy a:focus,.supreme-wcoin-secondary:hover,.supreme-wcoin-secondary:focus{
    color: #fff1c2;
    filter: brightness(1.05);
    box-shadow: 0 0 26px rgba(240, 207, 123, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}.supreme-wcoin-buy{
    font-family: var(--ember-body);
    min-height: 52px;
    text-decoration: none;
}.supreme-wcoin-status{
    border-radius: 0;
    font-family: var(--ember-body);
}.supreme-wcoin-status--credited{
    background: rgba(125, 215, 63, 0.08);
    box-shadow: 0 0 18px rgba(125, 215, 63, 0.14);
}.supreme-wcoin-status--pending{
    background: rgba(240, 207, 123, 0.08);
    box-shadow: 0 0 18px rgba(240, 207, 123, 0.12);
}.supreme-wcoin-status--failed,.supreme-wcoin-status--cancelled{
    background: rgba(213, 31, 43, 0.1);
    box-shadow: 0 0 18px rgba(213, 31, 43, 0.14);
}.supreme-wcoin-result{
    background:
        linear-gradient(90deg, rgba(7, 5, 8, 0.98), rgba(29, 9, 13, 0.9) 48%, rgba(7, 5, 8, 0.98)),
        url('../images/account-panel/account-panel-vault-bg-v1.webp') center / cover no-repeat;
    border: 1px solid rgba(213, 31, 43, 0.32);
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(240, 207, 123, 0.08);
    display: grid;
    gap: 36px;
    grid-template-columns: 220px minmax(0, 1fr);
    margin: 34px auto 0;
    min-height: 330px;
    overflow: hidden;
    padding: 42px;
    position: relative;
}.supreme-wcoin-result:before{
    background: linear-gradient(90deg, transparent, rgba(240, 207, 123, 0.38), transparent);
    content: "";
    height: 1px;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
}.supreme-wcoin-result:after{
    background: radial-gradient(circle at 50% 50%, rgba(213, 31, 43, 0.24), transparent 64%);
    content: "";
    height: 360px;
    left: -90px;
    opacity: 0.65;
    position: absolute;
    top: 12px;
    width: 360px;
}.supreme-wcoin-result--success{
    border-color: rgba(240, 207, 123, 0.34);
}.supreme-wcoin-result--pending{
    border-color: rgba(240, 207, 123, 0.25);
}.supreme-wcoin-result--error{
    border-color: rgba(213, 31, 43, 0.42);
}.supreme-wcoin-result__crest,.supreme-wcoin-result__body{
    position: relative;
    z-index: 1;
}.supreme-wcoin-result__crest{
    align-items: center;
    background: radial-gradient(circle, rgba(240, 207, 123, 0.14), rgba(213, 31, 43, 0.1) 48%, rgba(0, 0, 0, 0.1) 68%, transparent);
    display: flex;
    justify-content: center;
    min-height: 220px;
}.supreme-wcoin-result__crest img{
    filter: drop-shadow(0 22px 34px rgba(0, 0, 0, 0.64));
    height: 174px;
    object-fit: contain;
    width: 174px;
}.supreme-wcoin-result__body h2{
    color: #f7efe2;
    font-family: var(--ember-heading);
    font-size: 54px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.02;
    margin: 12px 0 0;
    text-transform: uppercase;
    text-shadow: 0 18px 40px rgba(0, 0, 0, 0.72);
}.supreme-wcoin-result__body > p{
    color: rgba(239, 231, 219, 0.82);
    font-family: var(--ember-body);
    font-size: 17px;
    line-height: 1.75;
    margin: 18px 0 0;
    max-width: 760px;
}.supreme-wcoin-result__summary{
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 28px 0 0;
}.supreme-wcoin-result__summary div{
    background: rgba(0, 0, 0, 0.34);
    border: 1px solid rgba(255, 255, 255, 0.08);
    min-height: 86px;
    padding: 18px;
}.supreme-wcoin-result__summary dt,.supreme-wcoin-reference span{
    color: rgba(255, 255, 255, 0.48);
    font-family: var(--ember-body);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}.supreme-wcoin-result__summary dd{
    color: #f0cf7b;
    font-family: var(--ember-body);
    font-size: 18px;
    font-weight: 900;
    margin: 8px 0 0;
}.supreme-wcoin-reference{
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    margin-top: 24px;
    padding-top: 18px;
}.supreme-wcoin-reference code{
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(240, 207, 123, 0.14);
    color: #dec989;
    font-family: var(--ember-mono);
    font-size: 13px;
    letter-spacing: 0.04em;
    max-width: 100%;
    overflow-wrap: anywhere;
    padding: 9px 12px;
}.supreme-wcoin-actions{
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 28px auto 0;
}@media (max-width: 960px){.supreme-wcoin-hero h1{
        font-size: 46px;
    }.supreme-wcoin-policy,.supreme-wcoin-result{
        grid-template-columns: 1fr;
    }.supreme-wcoin-policy nav{
        justify-content: flex-start;
    }.supreme-wcoin-result__crest{
        min-height: 150px;
    }}@media (max-width: 620px){.theme-supreme-ember.page-wcoin .main{
        padding-bottom: 54px;
    }.supreme-wcoin-store{
        padding-top: 54px;
    }.supreme-wcoin-hero h1{
        font-size: 36px;
    }.supreme-wcoin-policy,.supreme-wcoin-result{
        padding: 22px;
    }.supreme-wcoin-result__body h2{
        font-size: 34px;
    }.supreme-wcoin-result__body > p{
        font-size: 15px;
    }.supreme-wcoin-result__summary{
        grid-template-columns: 1fr;
    }.supreme-wcoin-actions .supreme-wcoin-buy,.supreme-wcoin-actions .supreme-wcoin-secondary{
        width: 100%;
    }}.theme-supreme-ember.page-shop-vip{
    --vip-bg: var(--ember-page-bg);
    --vip-surface: var(--ember-page-surface);
    --vip-surface-strong: var(--ember-page-surface-strong);
    --vip-surface-deep: var(--ember-page-surface-deep);
    --vip-gold: var(--ember-gold);
    --vip-gold-bright: var(--ember-gold-bright);
    --vip-gold-deep: var(--ember-gold-deep);
    --vip-red: var(--ember-red);
    --vip-text: var(--ember-text);
    --vip-muted: var(--ember-muted);
    --vip-faint: var(--ember-faint);
    --vip-heading: var(--ember-heading);
    --vip-body: var(--ember-body);
    --vip-lift: var(--ember-lift);
    --vip-lift-hover: var(--ember-lift-hover);
    --vip-radius: var(--ember-radius);
}.theme-supreme-ember.page-shop-vip .main{
    background:
        radial-gradient(1200px 520px at 50% 0, rgba(130, 26, 31, 0.07), transparent 70%),
        var(--vip-bg);
    border: 0;
    display: block;
    padding: 0 0 88px;
    width: 100%;
}.theme-supreme-ember.page-shop-vip .sidebar{
    display: none !important;
}.theme-supreme-ember.page-shop-vip .ember-vip-content.dmn-content{
    flex: none;
    margin: 0 auto;
    max-width: 1180px;
    padding: 74px 24px 0;
    width: 100%;
}.theme-supreme-ember.page-shop-vip .ember-vip-store{
    position: relative;
}.theme-supreme-ember.page-shop-vip .ember-vip-store:before{
    background:
        radial-gradient(circle at 18% 12%, rgba(213, 31, 43, 0.16), transparent 28%),
        radial-gradient(circle at 82% 16%, rgba(216, 180, 118, 0.12), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 42%);
    content: "";
    height: 360px;
    left: 50%;
    opacity: 0.76;
    pointer-events: none;
    position: absolute;
    top: -64px;
    transform: translateX(-50%);
    width: min(100%, 1180px);
    z-index: 0;
}.theme-supreme-ember.page-shop-vip .ember-vip-heading,.theme-supreme-ember.page-shop-vip .ember-vip-vote-offer,.theme-supreme-ember.page-shop-vip .ember-vip-grid,.theme-supreme-ember.page-shop-vip .ember-vip-empty,.theme-supreme-ember.page-shop-vip .ember-vip-notice,.theme-supreme-ember.page-shop-vip .ember-vip-confirm-form{
    position: relative;
    z-index: 1;
}.theme-supreme-ember.page-shop-vip .ember-vip-vote-offer{
    margin: 0 0 32px;
    z-index: 5;
}.theme-supreme-ember.page-shop-vip .ember-vip-vote-offer .vote-vip-offer{
    margin-top: 0;
    max-width: 820px;
}.theme-supreme-ember.page-shop-vip .vote-vip-offer__trigger:hover,.theme-supreme-ember.page-shop-vip .vote-vip-offer__trigger:focus-visible,.theme-supreme-ember.page-shop-vip .vote-vip-offer__redeem:hover,.theme-supreme-ember.page-shop-vip .vote-vip-offer__redeem:focus-visible{
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    transform: none;
}.theme-supreme-ember.page-shop-vip .ember-vip-heading{
    align-items: end;
    display: grid;
    gap: 28px;
    grid-template-columns: minmax(0, 1fr) 440px;
    margin-bottom: 28px;
}.theme-supreme-ember.page-shop-vip .ember-vip-heading small,.theme-supreme-ember.page-shop-vip .ember-vip-card__header small,.theme-supreme-ember.page-shop-vip .ember-vip-confirm-card__intro small,.theme-supreme-ember.page-shop-vip .ember-vip-bonus-note small{
    color: var(--vip-red);
    display: block;
    font-family: var(--vip-body);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}.theme-supreme-ember.page-shop-vip .ember-vip-heading h1,.theme-supreme-ember.page-shop-vip .ember-vip-card__header h2,.theme-supreme-ember.page-shop-vip .ember-vip-confirm-card__intro h2{
    color: var(--vip-text);
    font-family: var(--vip-heading);
    font-weight: 400;
    letter-spacing: 0;
    margin: 0;
    text-transform: uppercase;
    text-shadow: 0 14px 38px rgba(0, 0, 0, 0.76), 0 0 40px rgba(216, 180, 118, 0.18);
}.theme-supreme-ember.page-shop-vip .ember-vip-heading h1{
    font-size: 58px;
    line-height: 1.04;
    margin-top: 10px;
}.theme-supreme-ember.page-shop-vip .ember-vip-heading p{
    color: rgba(239, 231, 219, 0.78);
    font-family: var(--vip-body);
    font-size: 16px;
    line-height: 1.75;
    margin: 18px 0 0;
    max-width: 720px;
}.theme-supreme-ember.page-shop-vip .ember-vip-status{
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
}.theme-supreme-ember.page-shop-vip .ember-vip-status div{
    background: rgba(12, 10, 14, 0.76);
    border: 1px solid rgba(216, 180, 118, 0.16);
    min-height: 78px;
    padding: 16px;
}.theme-supreme-ember.page-shop-vip .ember-vip-status dt,.theme-supreme-ember.page-shop-vip .ember-vip-detail-list dt{
    color: rgba(255, 255, 255, 0.48);
    font-family: var(--vip-body);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}.theme-supreme-ember.page-shop-vip .ember-vip-status dd,.theme-supreme-ember.page-shop-vip .ember-vip-detail-list dd{
    color: var(--vip-gold-bright);
    font-family: var(--vip-body);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.35;
    margin: 8px 0 0;
}.theme-supreme-ember.page-shop-vip .ember-vip-grid{
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}.theme-supreme-ember.page-shop-vip .ember-vip-card,.theme-supreme-ember.page-shop-vip .ember-vip-confirm-card,.theme-supreme-ember.page-shop-vip .ember-vip-empty{
    background:
        linear-gradient(135deg, rgba(44, 18, 23, 0.38), transparent 35%),
        linear-gradient(180deg, var(--vip-surface-strong), var(--vip-surface-deep));
    border: 1px solid rgba(216, 180, 118, 0.18);
    border-radius: var(--vip-radius);
    box-shadow: var(--vip-lift);
    overflow: hidden;
    position: relative;
}.theme-supreme-ember.page-shop-vip .ember-vip-card{
    min-height: 520px;
    padding: 34px;
}.theme-supreme-ember.page-shop-vip .ember-vip-card:before,.theme-supreme-ember.page-shop-vip .ember-vip-confirm-card:before,.theme-supreme-ember.page-shop-vip .ember-vip-empty:before{
    background: linear-gradient(90deg, transparent, rgba(244, 223, 174, 0.36), transparent);
    content: "";
    height: 1px;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
}.theme-supreme-ember.page-shop-vip .ember-vip-card:after,.theme-supreme-ember.page-shop-vip .ember-vip-confirm-card:after{
    background:
        radial-gradient(circle at 50% 8%, rgba(244, 223, 174, 0.14), transparent 26%),
        radial-gradient(circle at 50% 34%, rgba(210, 52, 60, 0.12), transparent 42%);
    content: "";
    inset: 0;
    opacity: 0.72;
    pointer-events: none;
    position: absolute;
}.theme-supreme-ember.page-shop-vip .ember-vip-card > *,.theme-supreme-ember.page-shop-vip .ember-vip-confirm-card > *{
    position: relative;
    z-index: 1;
}.theme-supreme-ember.page-shop-vip .ember-vip-card__ornament{
    background:
        linear-gradient(90deg, transparent, rgba(216, 180, 118, 0.42), transparent),
        radial-gradient(circle, rgba(210, 52, 60, 0.64) 0 2px, transparent 3px);
    height: 1px;
    margin-bottom: 28px;
    width: 100%;
}.theme-supreme-ember.page-shop-vip .ember-vip-card__header h2,.theme-supreme-ember.page-shop-vip .ember-vip-confirm-card__intro h2{
    font-size: 36px;
    line-height: 1.08;
    margin-top: 8px;
}.theme-supreme-ember.page-shop-vip .ember-vip-price{
    align-items: flex-end;
    display: flex;
    gap: 14px;
    margin-top: 24px;
}.theme-supreme-ember.page-shop-vip .ember-vip-price strong{
    background: linear-gradient(180deg, #fff8de 0%, var(--vip-gold-bright) 35%, var(--vip-gold) 68%, var(--vip-gold-deep) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-family: var(--vip-heading);
    font-size: 78px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 0.92;
    text-shadow: 0 18px 40px rgba(0, 0, 0, 0.62);
}.theme-supreme-ember.page-shop-vip .ember-vip-price span{
    color: rgba(244, 223, 174, 0.88);
    font-family: var(--vip-body);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.08em;
    padding-bottom: 10px;
    text-transform: uppercase;
}.theme-supreme-ember.page-shop-vip .ember-vip-card__summary,.theme-supreme-ember.page-shop-vip .ember-vip-confirm-card__intro p,.theme-supreme-ember.page-shop-vip .ember-vip-bonus-note p,.theme-supreme-ember.page-shop-vip .ember-vip-empty p{
    color: rgba(239, 231, 219, 0.76);
    font-family: var(--vip-body);
    font-size: 15px;
    line-height: 1.72;
}.theme-supreme-ember.page-shop-vip .ember-vip-card__summary{
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    margin: 24px 0 0;
    padding-top: 22px;
}.theme-supreme-ember.page-shop-vip .ember-vip-feature-list{
    display: grid;
    gap: 1px;
    list-style: none;
    margin: 26px 0 0;
    padding: 0;
}.theme-supreme-ember.page-shop-vip .ember-vip-feature-list li{
    align-items: center;
    background: rgba(0, 0, 0, 0.24);
    border: 1px solid rgba(255, 255, 255, 0.06);
    display: flex;
    gap: 16px;
    justify-content: space-between;
    min-height: 48px;
    padding: 12px 14px 12px 28px;
    position: relative;
}.theme-supreme-ember.page-shop-vip .ember-vip-feature-list li:before{
    background: linear-gradient(135deg, var(--vip-gold-bright), var(--vip-red));
    box-shadow: 0 0 14px rgba(216, 180, 118, 0.34);
    content: "";
    height: 7px;
    left: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 7px;
}.theme-supreme-ember.page-shop-vip .ember-vip-feature-list span{
    color: rgba(239, 231, 219, 0.78);
    font-family: var(--vip-body);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
}.theme-supreme-ember.page-shop-vip .ember-vip-feature-list strong{
    color: var(--vip-gold-bright);
    font-family: var(--vip-body);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    line-height: 1.4;
    text-align: right;
    text-transform: uppercase;
}.theme-supreme-ember.page-shop-vip .ember-vip-button{
    align-items: center;
    background: linear-gradient(180deg, #d72b35, #9e121c);
    border: 1px solid rgba(255, 114, 120, 0.35);
    border-radius: var(--vip-radius);
    box-shadow: 0 18px 36px rgba(142, 18, 25, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.14);
    color: #fff8ef;
    display: inline-flex;
    font-family: var(--vip-body);
    font-size: 12px;
    font-weight: 900;
    justify-content: center;
    letter-spacing: 0.1em;
    line-height: 1;
    margin-top: 28px;
    min-height: 52px;
    padding: 0 28px;
    text-decoration: none;
    text-transform: uppercase;
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}.theme-supreme-ember.page-shop-vip .ember-vip-button:hover,.theme-supreme-ember.page-shop-vip .ember-vip-button:focus-visible{
    border-color: rgba(244, 223, 174, 0.5);
    box-shadow: 0 24px 48px rgba(142, 18, 25, 0.38), 0 0 24px rgba(216, 180, 118, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    color: #ffffff;
    transform: translateY(-1px);
}.theme-supreme-ember.page-shop-vip .ember-vip-button--ghost{
    background: rgba(0, 0, 0, 0.24);
    border-color: rgba(216, 180, 118, 0.24);
    box-shadow: none;
    color: var(--vip-gold-bright);
}.theme-supreme-ember.page-shop-vip .ember-vip-button--ghost:hover,.theme-supreme-ember.page-shop-vip .ember-vip-button--ghost:focus-visible{
    background: rgba(216, 180, 118, 0.08);
}.theme-supreme-ember.page-shop-vip .ember-vip-store--confirm{
    max-width: 920px;
}.theme-supreme-ember.page-shop-vip .ember-vip-confirm-card{
    padding: 36px;
}.theme-supreme-ember.page-shop-vip .ember-vip-detail-list{
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 28px 0 0;
}.theme-supreme-ember.page-shop-vip .ember-vip-detail-list div{
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(255, 255, 255, 0.07);
    min-height: 78px;
    padding: 17px;
}.theme-supreme-ember.page-shop-vip .ember-vip-bonus-note{
    background: rgba(216, 180, 118, 0.07);
    border: 1px solid rgba(216, 180, 118, 0.18);
    margin-top: 26px;
    padding: 20px;
}.theme-supreme-ember.page-shop-vip .ember-vip-bonus-note p{
    margin: 8px 0 0;
}.theme-supreme-ember.page-shop-vip .ember-vip-confirm-actions{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}.theme-supreme-ember.page-shop-vip .ember-vip-confirm-actions .ember-vip-button{
    margin-top: 0;
}.theme-supreme-ember.page-shop-vip .ember-vip-notice{
    border-radius: var(--vip-radius);
    color: #f7efe2;
    font-family: var(--vip-body);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 18px;
    padding: 16px 18px;
}.theme-supreme-ember.page-shop-vip .ember-vip-notice--error{
    background: rgba(210, 52, 60, 0.14);
    border: 1px solid rgba(210, 52, 60, 0.34);
}.theme-supreme-ember.page-shop-vip .ember-vip-notice--success{
    background: rgba(120, 173, 94, 0.12);
    border: 1px solid rgba(120, 173, 94, 0.34);
}.theme-supreme-ember.page-shop-vip .ember-vip-empty{
    padding: 34px;
}.theme-supreme-ember.page-shop-vip .ember-vip-empty strong{
    color: var(--vip-text);
    display: block;
    font-family: var(--vip-heading);
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: uppercase;
}.theme-supreme-ember.page-shop-vip .ember-vip-empty p{
    margin: 12px 0 0;
}@media (max-width: 960px){.theme-supreme-ember.page-shop-vip .ember-vip-heading{
        align-items: stretch;
        grid-template-columns: 1fr;
    }.theme-supreme-ember.page-shop-vip .ember-vip-heading h1{
        font-size: 46px;
    }.theme-supreme-ember.page-shop-vip .ember-vip-status{
        grid-template-columns: 1fr;
    }}@media (max-width: 620px){.theme-supreme-ember.page-shop-vip .main{
        padding-bottom: 54px;
    }.theme-supreme-ember.page-shop-vip .ember-vip-content.dmn-content{
        padding: 54px 16px 0;
    }.theme-supreme-ember.page-shop-vip .ember-vip-heading h1{
        font-size: 36px;
    }.theme-supreme-ember.page-shop-vip .ember-vip-grid,.theme-supreme-ember.page-shop-vip .ember-vip-detail-list{
        grid-template-columns: 1fr;
    }.theme-supreme-ember.page-shop-vip .ember-vip-card,.theme-supreme-ember.page-shop-vip .ember-vip-confirm-card,.theme-supreme-ember.page-shop-vip .ember-vip-empty{
        padding: 24px;
    }.theme-supreme-ember.page-shop-vip .ember-vip-price strong{
        font-size: 60px;
    }.theme-supreme-ember.page-shop-vip .ember-vip-feature-list li{
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }.theme-supreme-ember.page-shop-vip .ember-vip-feature-list strong{
        text-align: left;
    }.theme-supreme-ember.page-shop-vip .ember-vip-button,.theme-supreme-ember.page-shop-vip .ember-vip-confirm-actions .ember-vip-button{
        width: 100%;
    }}@media (max-width: 720px), (prefers-reduced-motion: reduce){.theme-supreme-ember.page-shop-vip .ember-vip-button{
        transition: none;
    }.theme-supreme-ember.page-shop-vip .ember-vip-button:hover,.theme-supreme-ember.page-shop-vip .ember-vip-button:focus-visible{
        transform: none;
    }}

/* Eternal WCoinC store: compact account-service presentation. */
.theme-supreme-eternal.page-wcoin .supreme-wcoin-store{
    --wcoin-red: var(--et-accent);
    --wcoin-gold: var(--et-highlight);
    --wcoin-border: var(--et-line-panel);
    background: transparent;
    color: var(--et-text);
    min-height: 0;
    padding: 44px 28px 58px;
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-hero,
.theme-supreme-eternal.page-wcoin .supreme-wcoin-grid,
.theme-supreme-eternal.page-wcoin .supreme-wcoin-terms,
.theme-supreme-eternal.page-wcoin .supreme-wcoin-orders,
.theme-supreme-eternal.page-wcoin .supreme-wcoin-notice{
    max-width: 1040px;
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-hero{
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--et-line-panel);
    box-shadow: none;
    min-height: 0;
    padding: 0 0 28px;
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-hero:before,
.theme-supreme-eternal.page-wcoin .supreme-wcoin-hero:after{
    display: none;
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-hero__eyebrow,
.theme-supreme-eternal.page-wcoin .supreme-wcoin-orders header span,
.theme-supreme-eternal.page-wcoin .supreme-wcoin-card__body span{
    color: var(--et-accent);
    font-family: var(--et-ui);
    font-size: var(--et-size-label);
    letter-spacing: var(--et-track-label);
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-hero h1,
.theme-supreme-eternal.page-wcoin .supreme-wcoin-orders h2{
    color: var(--et-text-bright);
    font-family: var(--et-display);
    font-weight: 600;
    letter-spacing: 0;
    text-shadow: none;
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-hero h1{
    font-size: 52px;
    line-height: 1.08;
    margin-top: 8px;
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-hero p{
    color: var(--et-text-muted);
    font-family: var(--et-body);
    font-size: var(--et-size-lg);
    line-height: 1.65;
    margin-top: 12px;
    max-width: 620px;
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-hero__meta{
    gap: 18px;
    margin-top: 18px;
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-hero__meta span{
    background: transparent;
    border: 0;
    color: var(--et-text-dim);
    font-family: var(--et-ui);
    font-size: var(--et-size-base);
    letter-spacing: 0.08em;
    min-height: 0;
    padding: 0;
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-hero__meta .is-live{
    color: var(--et-online);
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-notice,
.theme-supreme-eternal.page-wcoin .supreme-wcoin-empty{
    background: var(--et-panel);
    border-color: var(--et-line-panel);
    box-shadow: none;
    color: var(--et-text-muted);
    font-family: var(--et-body);
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-notice--success{
    border-color: rgba(105, 189, 139, 0.42);
    color: var(--et-success);
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-grid{
    border: 0;
    gap: 14px;
    margin-top: 28px;
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-card{
    background: linear-gradient(145deg, rgba(12, 22, 38, 0.94), rgba(5, 8, 14, 0.98));
    border: 1px solid var(--et-line-panel);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(234, 243, 255, 0.025), 0 14px 32px rgba(0, 0, 0, 0.2);
    gap: 18px;
    grid-template-rows: 1fr auto;
    min-height: 224px;
    padding: 26px;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-card:last-child{
    border-color: rgba(212, 170, 98, 0.48);
    box-shadow: inset 0 1px 0 rgba(255, 243, 211, 0.06), 0 14px 34px rgba(0, 0, 0, 0.24);
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-card:hover{
    border-color: var(--et-accent-deep);
    box-shadow: inset 0 0 26px var(--et-glow), 0 18px 40px rgba(0, 0, 0, 0.28);
    transform: translateY(-2px);
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-card:before{
    background: linear-gradient(90deg, transparent, var(--et-accent), transparent);
    opacity: 0.72;
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-card:last-child:before{
    background: linear-gradient(90deg, transparent, var(--et-warning), transparent);
    opacity: 0.95;
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-card:last-child:hover{
    border-color: var(--et-warning);
    box-shadow: inset 0 0 28px rgba(212, 170, 98, 0.08), 0 18px 42px rgba(0, 0, 0, 0.3);
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-card__body h2{
    color: var(--et-text-bright);
    font-family: var(--et-display);
    font-size: 38px;
    font-weight: 600;
    letter-spacing: 0;
    margin: 12px 0 10px;
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-card__body h2 em{
    color: var(--et-accent);
    display: inline;
    font-family: var(--et-ui);
    font-size: var(--et-size-md);
    letter-spacing: 0.08em;
    margin: 0 0 0 6px;
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-card:last-child .supreme-wcoin-card__body > span,
.theme-supreme-eternal.page-wcoin .supreme-wcoin-card:last-child .supreme-wcoin-card__body h2 em{
    color: var(--et-warning);
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-card__body p{
    color: var(--et-highlight);
    font-family: var(--et-ui);
    font-size: var(--et-size-lg);
    letter-spacing: 0.05em;
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-buy{
    background: linear-gradient(180deg, var(--et-cta-top), var(--et-cta-bottom));
    border-color: var(--et-accent-deep);
    box-shadow: inset 0 0 18px var(--et-glow);
    color: var(--et-text-bright);
    font-family: var(--et-ui);
    font-size: var(--et-size-base);
    letter-spacing: var(--et-track-nav);
    min-height: 48px;
    width: 100%;
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-card:last-child .supreme-wcoin-buy{
    background: linear-gradient(180deg, #233752, #101d2f);
    border-color: rgba(212, 170, 98, 0.82);
    box-shadow: inset 0 0 18px rgba(212, 170, 98, 0.08), 0 0 18px rgba(212, 170, 98, 0.08);
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-buy:hover,
.theme-supreme-eternal.page-wcoin .supreme-wcoin-buy:focus-visible{
    box-shadow: inset 0 0 22px var(--et-glow-strong), 0 0 0 2px var(--et-focus);
    filter: none;
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-terms{
    align-items: center;
    border-bottom: 1px solid var(--et-line-panel);
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin: 0 auto;
    padding: 20px 0;
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-terms p{
    color: var(--et-text-muted);
    font-family: var(--et-body);
    font-size: var(--et-size-lg);
    line-height: 1.6;
    margin: 0;
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-terms strong{
    color: var(--et-text-soft);
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-terms nav{
    display: flex;
    flex: 0 0 auto;
    gap: 14px;
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-terms a{
    color: var(--et-link);
    font-family: var(--et-ui);
    font-size: var(--et-size-base);
    letter-spacing: 0.06em;
    text-transform: uppercase;
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-orders{
    background: transparent;
    border: 0;
    border-top: 1px solid var(--et-line-panel);
    box-shadow: none;
    margin-top: 30px;
    padding: 30px 0 0;
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-orders h2{
    font-size: 34px;
    line-height: 1.15;
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-orders .supreme-wcoin-empty--small{
    background: transparent;
    border: 0;
    border-top: 1px solid var(--et-line);
    box-shadow: none;
    margin-top: 20px;
    max-width: none;
    padding: 18px 0 0;
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-orders .supreme-wcoin-empty--small strong{
    color: var(--et-text-soft);
    font-family: var(--et-display);
    font-size: var(--et-size-2xl);
    letter-spacing: 0;
    margin-bottom: 4px;
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-table th{
    color: var(--et-text-label);
    font-family: var(--et-ui);
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-table td{
    color: var(--et-text-muted);
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-table th,
.theme-supreme-eternal.page-wcoin .supreme-wcoin-table td{
    border-bottom-color: var(--et-line);
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-table a{
    color: var(--et-link);
}.theme-supreme-eternal.page-wcoin .supreme-wcoin-status{
    font-family: var(--et-ui);
}
@media (min-width: 761px) and (max-width: 960px){
    .theme-supreme-eternal.page-wcoin .supreme-wcoin-card:last-child:nth-child(odd){
        align-items: end;
        grid-column: 1 / -1;
        grid-template-columns: minmax(0, 1fr) minmax(210px, 280px);
        grid-template-rows: auto;
        min-height: 0;
    }
}
@media (max-width: 760px){
    .theme-supreme-eternal.page-wcoin .supreme-wcoin-grid{
        grid-template-columns: 1fr;
    }.theme-supreme-eternal.page-wcoin .supreme-wcoin-card,
    .theme-supreme-eternal.page-wcoin .supreme-wcoin-card:last-child{
        grid-template-columns: 1fr;
        grid-template-rows: 1fr auto;
        min-height: 206px;
    }.theme-supreme-eternal.page-wcoin .supreme-wcoin-terms{
        align-items: flex-start;
        flex-direction: column;
    }
}
@media (max-width: 620px){
    .theme-supreme-eternal.page-wcoin .supreme-wcoin-store{
        padding: 30px 14px 42px;
    }.theme-supreme-eternal.page-wcoin .supreme-wcoin-hero,
    .theme-supreme-eternal.page-wcoin .supreme-wcoin-card{
        padding: 22px;
    }.theme-supreme-eternal.page-wcoin .supreme-wcoin-hero{
        padding-left: 0;
        padding-right: 0;
    }.theme-supreme-eternal.page-wcoin .supreme-wcoin-hero h1{
        font-size: 36px;
    }.theme-supreme-eternal.page-wcoin .supreme-wcoin-card__body h2{
        font-size: 34px;
    }.theme-supreme-eternal.page-wcoin .supreme-wcoin-orders h2{
        font-size: 28px;
    }.theme-supreme-eternal.page-wcoin .supreme-wcoin-orders{
        padding: 24px 0 0;
    }.theme-supreme-eternal.page-wcoin .supreme-wcoin-hero__meta{
        align-items: flex-start;
        flex-direction: column;
        gap: 9px;
    }
}
@media (prefers-reduced-motion: reduce){
    .theme-supreme-eternal.page-wcoin .supreme-wcoin-card{
        transition: none;
    }.theme-supreme-eternal.page-wcoin .supreme-wcoin-card:hover{
        transform: none;
    }
}

/* --- source: assets/supreme_ember/css/ember-motion.css --- */
/*
 * Supreme Ember - motion layer.
 *
 * Loaded last so it can settle the resting states the scripted motion needs,
 * without any rule here having to fight for specificity.
 *
 * The reveal animations themselves are NOT defined here. They live in
 * assets/supreme_ember/js/supreme-ember.js and run through the Web Animations
 * API (element.animate with fill: 'both'), which is why nothing in this file
 * declares @keyframes for them. What was missing was the state *before* the
 * animation: every [data-ember-reveal] element sat at full opacity until it
 * crossed into the viewport, at which point the script snapped it to 0.01 and
 * faded it back in. The entrance read as a flicker instead of an entrance.
 *
 * So this file only supplies the resting frame, and it deliberately mirrors the
 * first keyframe of each variant in the script. If you retune revealFrames()
 * there, retune these to match or the element will jump when the animation
 * takes over.
 *
 * Safety: the hidden state is gated behind .has-ember-motion on <html>, which an
 * inline script in the head sets only after confirming the browser can run this
 * motion. No script, an error before that line, or a reduced-motion preference
 * all leave the class off - and every element stays visible. Content must never
 * depend on a script having run.
 */

@media (prefers-reduced-motion: no-preference) {
    html.has-ember-motion [data-ember-reveal]:not(.is-visible) {
        opacity: 0;
    }

    /* Resting frames, mirroring revealFrames() in supreme-ember.js. */
    html.has-ember-motion [data-ember-reveal='fade']:not(.is-visible) {
        filter: blur(2px);
        transform: translate3d(0, 12px, 0);
    }

    html.has-ember-motion [data-ember-reveal='fade-up']:not(.is-visible) {
        filter: blur(3px);
        transform: translate3d(0, 16px, 0);
    }

    html.has-ember-motion [data-ember-reveal='card']:not(.is-visible) {
        filter: blur(3px);
        transform: translate3d(0, 18px, 0);
    }

    html.has-ember-motion [data-ember-reveal='dissolve']:not(.is-visible) {
        filter: blur(6px);
        transform: translate3d(0, 18px, 0);
    }
}

/*
 * End state. The Web Animations fill keeps the element settled once it has run,
 * but browsers without element.animate() get only the class - so the class alone
 * has to be enough to show the element.
 */
[data-ember-reveal].is-visible {
    filter: none;
    opacity: 1;
    transform: none;
}

/*
 * Leaving state.
 *
 * The motion of the leaving page belongs to supreme-ember.css, which has owned
 * .is-page-leaving all along - an earlier pass here added a second, competing
 * definition of the same thing, which is exactly the duplication this theme
 * keeps accumulating. Only the cursor is set here, and only because nothing
 * else claims it.
 */
body.theme-supreme-ember.is-page-leaving {
    cursor: progress;
}

/* --- source: assets/supreme_ember/css/ember-ornaments.css --- */
/*
 * Supreme Ember shared visual cleanup.
 * Corner ornaments are intentionally disabled; the pages keep only clean panels,
 * subtle glow and the shared skull divider used by inner hero sections.
 */

.theme-supreme-ember .ember-vote-frame,
.theme-supreme-ember .supreme-plaque {
    border: 0 !important;
    box-shadow: 0 30px 82px rgba(0, 0, 0, 0.34);
    outline: 0 !important;
}

.theme-supreme-ember .ember-vote-frame::before {
    display: none !important;
}

.theme-supreme-ember .ember-vote-corner,
.theme-supreme-ember .supreme-plaque-corner,
.theme-supreme-ember .ember-game-features__corner {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    display: none !important;
}

.theme-supreme-ember .ember-vote-hero-divider,
.theme-supreme-ember .ember-wiki-hero-divider,
.theme-supreme-ember .ember-downloads-hero-divider {
    background: url('../images/ornaments/ornament-divider-skull-thin-v1.png') center / contain no-repeat;
    filter: drop-shadow(0 0 10px rgba(48, 123, 204, 0.2));
    height: 38px;
    margin: 15px auto 0;
    opacity: 0.76;
    width: clamp(260px, 32vw, 420px);
}

.theme-supreme-ember .ember-vote-hero-divider::before,
.theme-supreme-ember .ember-vote-hero-divider::after,
.theme-supreme-ember .ember-vote-hero-divider span,
.theme-supreme-ember .ember-wiki-hero-divider::before,
.theme-supreme-ember .ember-wiki-hero-divider::after,
.theme-supreme-ember .ember-wiki-hero-divider span,
.theme-supreme-ember .ember-downloads-hero-divider::before,
.theme-supreme-ember .ember-downloads-hero-divider::after,
.theme-supreme-ember .ember-downloads-hero-divider span {
    display: none;
}

@media (max-width: 760px) {
    .theme-supreme-ember .ember-vote-hero-divider,
    .theme-supreme-ember .ember-wiki-hero-divider,
    .theme-supreme-ember .ember-downloads-hero-divider {
        height: 30px;
        width: min(300px, 78vw);
    }
}

/* --- source: assets/errors/css/font-awesome.css --- */
/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../../errors/fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('../../errors/fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../../errors/fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../../errors/fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../../errors/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.142857142857143em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.142857142857143em;
  width: 2.142857142857143em;
  top: 0.14285714285714285em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.8571428571428572em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-asc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-desc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-reply-all:before {
  content: "\f122";
}
.fa-mail-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}

/* Account item shop - private WCoinC catalog. */
.theme-supreme-ember.page-account-panel .ember-account-item-shop__workspace {
    display: grid;
    gap: 22px;
}

.theme-supreme-ember.page-account-panel .ember-account-item-shop__summary {
    background: linear-gradient(180deg, rgba(11, 12, 18, 0.78), rgba(5, 5, 8, 0.72));
    border: 1px solid rgba(157, 188, 223, 0.18);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.theme-supreme-ember.page-account-panel .ember-account-item-shop__summary span {
    border-left: 1px solid rgba(157, 188, 223, 0.14);
    display: grid;
    gap: 7px;
    min-width: 0;
    padding: 18px 20px;
}

.theme-supreme-ember.page-account-panel .ember-account-item-shop__summary span:first-child {
    border-left: 0;
}

.theme-supreme-ember.page-account-panel .ember-account-item-shop__summary small,
.theme-supreme-ember.page-account-panel .ember-account-item-row__group,
.theme-supreme-ember.page-account-panel .ember-account-item-row__facts dt,
.theme-supreme-ember.page-account-panel .ember-account-item-row__buy small,
.theme-supreme-ember.page-account-panel .ember-account-item-row__excellent > span {
    color: var(--account-muted);
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 700;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.theme-supreme-ember.page-account-panel .ember-account-item-shop__summary strong {
    color: var(--account-gold-bright);
    font-family: var(--ember-numeric);
    font-size: var(--ember-text-lg);
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    letter-spacing: 0;
}

.theme-supreme-ember.page-account-panel .ember-account-item-shop__filters {
    display: grid;
    gap: 16px;
}

.theme-supreme-ember.page-account-panel .ember-account-item-shop__group-links {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
}

.theme-supreme-ember.page-account-panel .ember-account-item-shop__group-links a {
    color: rgba(224, 235, 247, 0.64);
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1.2;
    padding: 4px 0;
    text-transform: uppercase;
}

.theme-supreme-ember.page-account-panel .ember-account-item-shop__group-links a:hover,
.theme-supreme-ember.page-account-panel .ember-account-item-shop__group-links a:focus-visible,
.theme-supreme-ember.page-account-panel .ember-account-item-shop__group-links a.is-active {
    color: var(--account-gold-bright);
}

.theme-supreme-ember.page-account-panel .ember-account-item-shop__search {
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    max-width: 560px;
}

.theme-supreme-ember.page-account-panel .ember-account-item-shop__meta,
.theme-supreme-ember.page-account-panel .ember-account-item-shop__pagination {
    align-items: center;
    color: var(--account-muted);
    display: flex;
    flex-wrap: wrap;
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    gap: 12px 20px;
    justify-content: space-between;
}

.theme-supreme-ember.page-account-panel .ember-account-item-shop__pagination a {
    color: var(--account-gold-bright);
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.theme-supreme-ember.page-account-panel .ember-account-item-shop__list {
    display: grid;
    gap: 14px;
}

.theme-supreme-ember.page-account-panel .ember-account-item-row {
    align-items: stretch;
    background: linear-gradient(180deg, rgba(9, 11, 17, 0.86), rgba(5, 5, 8, 0.82));
    border: 1px solid rgba(157, 188, 223, 0.15);
    display: grid;
    gap: 18px;
    grid-template-columns: 92px minmax(220px, 0.9fr) minmax(320px, 1.25fr);
    padding: 18px;
}

.theme-supreme-ember.page-account-panel .ember-account-item-row__media {
    align-items: center;
    background: radial-gradient(circle, rgba(157, 188, 223, 0.1), rgba(2, 3, 6, 0.72) 70%);
    border: 1px solid rgba(157, 188, 223, 0.15);
    display: flex;
    justify-content: center;
    min-height: 92px;
}

.theme-supreme-ember.page-account-panel .ember-account-item-row__media img {
    max-height: 74px;
    max-width: 74px;
    object-fit: contain;
}

.theme-supreme-ember.page-account-panel .ember-account-item-row__body,
.theme-supreme-ember.page-account-panel .ember-account-item-row__form {
    min-width: 0;
}

.theme-supreme-ember.page-account-panel .ember-account-item-row__body {
    display: grid;
    gap: 12px;
}

.theme-supreme-ember.page-account-panel .ember-account-item-row__group {
    color: var(--account-gold);
}

.theme-supreme-ember.page-account-panel .ember-account-item-row h2 {
    color: var(--account-text);
    font-family: var(--ember-heading);
    font-size: clamp(22px, 2.2vw, 30px);
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.1;
    margin: 0;
}

.theme-supreme-ember.page-account-panel .ember-account-item-row__facts {
    display: grid;
    gap: 7px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.theme-supreme-ember.page-account-panel .ember-account-item-row__facts div {
    border-top: 1px solid rgba(157, 188, 223, 0.12);
    display: grid;
    gap: 3px;
    padding-top: 8px;
}

.theme-supreme-ember.page-account-panel .ember-account-item-row__facts dd {
    color: var(--account-text);
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    font-weight: 700;
    margin: 0;
}

.theme-supreme-ember.page-account-panel .ember-account-item-row__form {
    border-left: 1px solid rgba(157, 188, 223, 0.12);
    display: grid;
    gap: 14px;
    padding-left: 18px;
}

.theme-supreme-ember.page-account-panel .ember-account-item-row__controls {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.theme-supreme-ember.page-account-panel .ember-account-item-row__controls label {
    display: grid;
    gap: 6px;
    margin: 0;
    min-width: 0;
}

.theme-supreme-ember.page-account-panel .ember-account-item-row__controls label > span {
    color: var(--account-muted);
    font-family: var(--ember-body);
    font-size: var(--ember-text-xs);
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.theme-supreme-ember.page-account-panel .ember-account-item-row__checks,
.theme-supreme-ember.page-account-panel .ember-account-item-row__excellent div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
}

.theme-supreme-ember.page-account-panel .ember-account-item-row__checks label,
.theme-supreme-ember.page-account-panel .ember-account-item-row__excellent label {
    align-items: center;
    color: rgba(224, 235, 247, 0.78);
    display: inline-flex;
    font-family: var(--ember-body);
    font-size: var(--ember-text-sm);
    gap: 7px;
    margin: 0;
}

.theme-supreme-ember.page-account-panel .ember-account-item-row input[type='checkbox'] {
    accent-color: var(--account-gold);
}

.theme-supreme-ember.page-account-panel .ember-account-item-row__checks small {
    color: var(--account-gold);
    font-weight: 800;
}

.theme-supreme-ember.page-account-panel .ember-account-item-row__excellent {
    display: grid;
    gap: 8px;
}

.theme-supreme-ember.page-account-panel .ember-account-item-row__buy {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-between;
}

@media (max-width: 1100px) {
    .theme-supreme-ember.page-account-panel .ember-account-item-row {
        grid-template-columns: 88px minmax(0, 1fr);
    }

    .theme-supreme-ember.page-account-panel .ember-account-item-row__form {
        border-left: 0;
        border-top: 1px solid rgba(157, 188, 223, 0.12);
        grid-column: 1 / -1;
        padding-left: 0;
        padding-top: 16px;
    }
}

@media (max-width: 760px) {
    .theme-supreme-ember.page-account-panel .ember-account-item-shop__summary,
    .theme-supreme-ember.page-account-panel .ember-account-item-row__controls,
    .theme-supreme-ember.page-account-panel .ember-account-item-row__facts,
    .theme-supreme-ember.page-account-panel .ember-account-item-shop__search {
        grid-template-columns: minmax(0, 1fr);
    }

    .theme-supreme-ember.page-account-panel .ember-account-item-shop__summary span,
    .theme-supreme-ember.page-account-panel .ember-account-item-shop__summary span:first-child {
        border-left: 0;
        border-top: 1px solid rgba(157, 188, 223, 0.14);
    }

    .theme-supreme-ember.page-account-panel .ember-account-item-shop__summary span:first-child {
        border-top: 0;
    }

    .theme-supreme-ember.page-account-panel .ember-account-item-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .theme-supreme-ember.page-account-panel .ember-account-item-row__media {
        min-height: 84px;
    }
}