:root{--cream:#f1e2d5;--gold:#d59057;--line:#4a4038}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#040506;color:var(--cream);font-family:Georgia,"Times New Roman",serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}.embers{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 18% 38%,#ff6a22 0 1px,transparent 2px),radial-gradient(circle at 74% 67%,#ff8c2c 0 1px,transparent 2px);background-size:190px 160px,250px 210px;opacity:.16}.main-header{height:122px;position:absolute;z-index:10;inset:0 0 auto;display:grid;grid-template-columns:1fr 365px 1fr;align-items:start;padding:19px 7vw 0;background:linear-gradient(180deg,rgba(3,3,3,.99),rgba(6,6,7,.93) 74%,transparent);border-top:2px solid #302a26;border-bottom:1px solid #292622;box-shadow:0 12px 30px #000}.main-header:after{content:"";position:absolute;left:33%;right:33%;height:43px;bottom:-28px;background:#08090a;border:1px solid #39342f;clip-path:polygon(0 0,100% 0,87% 100%,13% 100%);z-index:-1}.main-header nav{display:flex;gap:42px;padding-top:21px;align-items:center}.nav-left{justify-content:flex-start}.nav-right{justify-content:flex-end}.main-header nav a{font-size:14px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;text-shadow:0 2px 5px #000;transition:.2s}.main-header nav a:hover{color:#eeab76}.main-header nav i{font-size:10px;color:#8c7667}.login-link{min-width:90px;padding:12px 19px;text-align:center;border:1px solid #9f633d;background:linear-gradient(#40362f,#171616);box-shadow:inset 0 0 0 2px #1a1715}.main-logo{text-align:center;display:grid;justify-items:center;text-transform:uppercase;text-shadow:0 2px #000,0 0 11px rgba(235,116,69,.3)}.main-logo strong{font-size:44px;line-height:.85;letter-spacing:-.04em;color:#ead3c6}.main-logo b{font-size:27px;line-height:1.1;letter-spacing:.24em;color:#dba48e}.main-logo small{margin-top:16px;font-size:15px;letter-spacing:.12em}.mobile-menu{display:none}.main-hero{height:570px;position:relative;overflow:hidden;border-bottom:3px solid #382e27}.hero-art{position:absolute;inset:0;background:url("../images/mirage-reference-hero.png") center 38%/cover no-repeat}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),transparent 70%,rgba(0,0,0,.58))}.hero-frame{position:absolute;left:0;right:0;height:20px;border-block:1px solid #453931;background:linear-gradient(90deg,#090909,#28201b 50%,#090909)}.hero-frame.top{top:0}.hero-frame.bottom{bottom:0}.hero-actions{position:absolute;z-index:3;left:50%;bottom:48px;transform:translateX(-50%);display:flex;gap:22px}.ornate-button{height:55px;min-width:225px;display:grid;place-items:center;padding:0 25px;font-size:26px;font-weight:700;text-transform:uppercase;text-shadow:0 2px 3px #000;border:2px solid #423933;box-shadow:inset 0 0 0 2px rgba(0,0,0,.75),0 7px 18px #000;transition:.2s}.ornate-button.gold{background:linear-gradient(105deg,#523018,#ba6526 48%,#4e2c16);border-color:#a7602d}.ornate-button.steel{background:linear-gradient(#3b3d3f,#111213);border-color:#626064}.ornate-button:hover{filter:brightness(1.3);transform:translateY(-2px)}.episode-banner{min-height:184px;display:grid;place-items:center;text-align:center;position:relative;background:linear-gradient(rgba(4,6,8,.45),rgba(3,4,5,.67)),url("../images/mirage-reference-hero.png") center 88%/cover;border-bottom:2px solid #3d322b;box-shadow:inset 0 15px 35px #000,inset 0 -14px 35px #000}.episode-banner:before,.episode-banner:after{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#b56535,transparent);box-shadow:0 0 16px #b2592a}.episode-banner:before{top:0}.episode-banner:after{bottom:0}.episode-banner h1{margin:0 0 13px;font-size:33px;text-transform:uppercase;text-shadow:0 3px 4px #000}.episode-banner h1 span{color:#e3ae8c}.episode-banner p{margin:0 0 22px;font:15px Arial;letter-spacing:.19em;text-transform:uppercase}.episode-banner p i{color:#a26d4e;margin:0 6px}.small-gold-button{display:inline-grid;place-items:center;min-width:165px;height:42px;border:1px solid #9c582b;background:linear-gradient(#4c2b18,#17110d);box-shadow:inset 0 0 0 2px #17100c,0 0 15px rgba(191,91,40,.3);color:#f0c4a6;font-weight:700;text-transform:uppercase}.information-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px;padding:30px 4vw 38px;max-width:1120px;margin:auto}.info-panel{min-height:220px;padding:0 22px 15px;border:1px solid #4a4642;background:linear-gradient(rgba(17,18,19,.95),rgba(7,8,9,.97));box-shadow:inset 0 0 0 3px #08090a,0 7px 20px #000}.info-panel h2{height:49px;margin:0 -22px 11px;display:flex;align-items:center;justify-content:center;gap:12px;border-bottom:1px solid #3d3935;background:linear-gradient(#1d1b1a,#0c0d0e);font-size:20px;text-transform:uppercase}.info-panel h2 i{width:18px;height:1px;background:#c27849}.latest-news>a{display:block;padding:13px 4px;border-bottom:1px solid #37322e;color:#e5b995;font:14px Arial}.server-panel{text-align:center}.server-panel>p{margin:16px 0 4px;font-size:13px;text-transform:uppercase}.server-panel>strong{display:block;margin-bottom:17px;font-size:28px;text-transform:uppercase}.server-panel>strong.online{color:#f1e6c8;text-shadow:0 0 14px rgba(191,209,90,.6)}.server-panel>strong.offline{color:#bd6666}.server-panel>a{display:grid;place-items:center;height:34px;margin:9px 20px;border:1px solid #6d6d70;background:linear-gradient(#404451,#141519);font-size:16px;font-weight:700;text-transform:uppercase}.players-panel ol{list-style:none;margin:0;padding:0}.players-panel li{display:grid;grid-template-columns:25px 1fr auto;gap:8px;padding:8px 0;border-bottom:1px solid #37322e;font:14px Arial}.players-panel li span{color:#e2a25f;font:700 16px Georgia}.players-panel li em{font-style:normal}.features{padding:28px 4vw 50px;max-width:1120px;margin:auto}.features>h2,.community h2{text-align:center;margin:0 0 25px;font-size:31px;text-transform:uppercase}.features>h2:before,.features>h2:after{content:"";display:inline-block;vertical-align:middle;width:120px;height:1px;margin:0 18px;background:linear-gradient(90deg,transparent,#815236)}.features>h2:after{background:linear-gradient(90deg,#815236,transparent)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature-grid article{padding:4px 4px 13px;text-align:center;border:1px solid #4a4846;background:#090a0b;box-shadow:inset 0 0 0 3px #171717,0 7px 20px #000;transition:.2s}.feature-grid article:hover{transform:translateY(-5px);border-color:#9d6037}.feature-art{height:205px;background-image:url("../images/mirage-reference-features.png");background-size:400% auto;background-position-y:35%;border-bottom:1px solid #4b4038}.feature-one{background-position-x:0}.feature-two{background-position-x:33.333%}.feature-three{background-position-x:66.666%}.feature-four{background-position-x:100%}.feature-grid h3{margin:12px 0 7px;font:700 18px Arial;text-transform:uppercase}.feature-grid a{display:inline-grid;place-items:center;min-width:78px;height:28px;border:1px solid #985b36;background:linear-gradient(#75482d,#2e211a);font-size:11px;text-transform:uppercase}.community{padding:21px 20px 35px;text-align:center;border-top:1px solid #342b25;background:#060708}.community h2{font-size:24px;color:#e7bd9f}.social-links{display:flex;justify-content:center;gap:34px}.social-links a{width:42px;height:42px;display:grid;place-items:center;border-radius:7px;font:700 28px Arial;color:#fff;box-shadow:0 6px 14px #000;transition:.2s}.social-links a:hover{transform:translateY(-4px)}.discord{background:#5865f2}.facebook{background:#2864ad}.youtube{background:#c9000c}.twitch{background:#7f35bb}.instagram{background:linear-gradient(135deg,#5b51d8,#e44275,#f1a14d)}.main-footer{padding:12px 20px 20px;text-align:center;border-top:1px solid #34302c;background:#050607}.main-footer nav{display:flex;justify-content:center}.main-footer nav a{padding:0 22px;border-right:1px solid #403a35;font:10px Arial;text-transform:uppercase}.main-footer nav a:last-child{border:0}.main-footer small{display:block;margin-top:13px;color:#665d55;font:9px Arial}@media(min-width:1500px){.main-hero{height:780px}.hero-actions{bottom:65px}.episode-banner{min-height:220px}.feature-art{height:260px}}@media(max-width:900px){.main-header{height:92px;display:flex;justify-content:center;padding-top:12px}.main-header:after{left:20%;right:20%}.main-logo strong{font-size:35px}.main-logo b{font-size:20px}.main-logo small{margin-top:12px}.main-header nav{display:none;position:absolute;top:91px;left:0;right:0;padding:20px;flex-direction:column;gap:18px;background:#08090a}.main-header nav.open{display:flex}.nav-right{top:220px!important}.mobile-menu{display:block;position:absolute;left:18px;top:23px;border:1px solid #74533d;background:#151414;color:#eee0d4;padding:10px}.hero-frame.top{top:0}.main-hero{height:610px}.information-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.main-hero{height:650px}.hero-art{background-position:48% center}.hero-actions{left:18px;right:18px;transform:none;flex-direction:column}.ornate-button{min-width:0;height:51px;font-size:20px}.episode-banner{padding:35px 18px}.episode-banner h1{font-size:25px}.episode-banner p{font-size:11px}.feature-grid{grid-template-columns:1fr}.features>h2:before,.features>h2:after{display:none}.social-links{gap:14px}.main-footer nav{flex-wrap:wrap;gap:12px}.main-footer nav a{border:0;padding:0 5px}}