/* Hydroxen: cinematic entry, clear reading surfaces and consistent controls. */
body.hx-rift{--ink:#eee8db;--gold:#dac28b;--muted:#a8b4b1;font-size:14px;line-height:1.65;background-color:#080d10}
.hx-rift a:focus-visible,.hx-rift button:focus-visible,.hx-rift summary:focus-visible,.hx-rift input:focus-visible,.hx-rift select:focus-visible{outline:2px solid #e5c88b;outline-offset:4px}
.hx-rift .hx-bound{max-width:1440px}
.hx-rift .hx-nav-inner{gap:22px;min-height:88px}
.hx-rift .hx-navigation>a,.hx-rift .hx-dropdown>summary{font-size:13px;color:#d7d9d1}
.hx-rift .hx-dropdown>div a{font-size:13px;min-height:42px;display:flex;align-items:center}
.hx-rift .hx-nav-account{min-height:44px;border-radius:3px}
.hx-rift .hx-utility{font-size:11px}
.hx-rift .hx-discord-utility{color:#c5baff!important}
.hx-rift .hx-hero,.hx-rift .hx-hero-inner{min-height:620px}
.hx-rift .hx-hero-inner{padding-top:38px;padding-bottom:56px}
.hx-rift .hx-hero:after{background:linear-gradient(90deg,#050b10ec 0%,#081117a8 35%,#07101414 65%),linear-gradient(0deg,#080d10,transparent 35%)}
.hx-rift .hx-hero-copy{max-width:53%;width:630px;text-align:left}
.hx-rift .hx-hero-brand{width:420px;max-width:100%;margin:0 0 16px}
.hx-rift .hx-hero-motto{font-size:10px!important;letter-spacing:.26em;margin:0 0 18px!important;color:#bda777!important}
.hx-rift .hx-hero-headline{font:400 clamp(42px,4.3vw,65px)/1.08 var(--display);letter-spacing:-.035em;margin:0 0 21px;color:#f2ede1;text-shadow:0 3px 24px #0009}
.hx-rift .hx-hero-headline em{font-style:normal;color:#dec28a}
.hx-rift .hx-hero-description{font-size:14px;line-height:1.85;max-width:440px;color:#c1ccca;margin:0 0 27px}
.hx-rift .hx-hero-actions,.hx-rift .hx-platforms{justify-content:flex-start}
.hx-rift .hx-hero-actions{column-gap:12px;row-gap:16px}
.hx-rift .hx-hero-actions>.hx-button,.hx-rift .hx-hero-secondary{min-height:52px;font-size:11px;letter-spacing:.07em}
.hx-rift .hx-platforms{color:#97a6a3;font-size:10px;margin-top:0}
.hx-rift .hx-hero-discord{display:inline-flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.01em;color:#c6baf1;padding:0 0 5px;border-bottom:1px solid #8d79c966}
.hx-rift .hx-hero-discord:hover{color:#eee6ff;border-color:#c8b6ff}
.hx-rift .hx-launch{margin-top:30px;padding:24px 32px;background:radial-gradient(ellipse at 15% 0,#35453235,transparent 65%),linear-gradient(115deg,#151f23,#0d151a)}
.hx-rift .hx-launch-clock strong{font-variant-numeric:tabular-nums}
.hx-rift .hx-live{margin-top:24px;color:#b7c1c3;background:#10191dd9}
.hx-rift .hx-main,.hx-rift .hx-side-panel,.hx-rift .hx-world-panel,.hx-rift .hx-character-search{background-image:linear-gradient(140deg,#23303b44,transparent 65%),linear-gradient(#131e24,#0e171d);border-color:#8d795744;box-shadow:0 10px 32px #0004,inset 0 1px #fff8dc08}
.hx-rift .hx-main:after,.hx-rift .hx-side-panel:after,.hx-rift .hx-world-panel:after{opacity:.72}
.hx-rift .hx-side-panel h2,.hx-rift .hx-world-panel h2{font-size:22px;line-height:1.3;color:#e0d3b5}
.hx-rift.hx-front .hx-main{padding:28px}
.hx-rift .hx-news-preview-heading h3{font-size:23px;line-height:1.4;color:#e8e1d1;overflow-wrap:anywhere}
.hx-rift .hx-news-preview>p{font-size:14px;line-height:1.9;color:#b7c4c5}
.hx-rift .hx-news-preview>details>summary{font-size:12px;min-height:40px;display:list-item;align-content:center}
.hx-rift .hx-news-body{font-size:14px;line-height:1.85;color:#b9c8c9}
.hx-rift .hx-content-heading h2,.hx-rift.hx-front .hx-content-heading h2{font-size:25px;line-height:1.3;text-transform:none;letter-spacing:-.01em}
.hx-rift .hx-home-promo h2{font-size:40px!important;line-height:1.12!important}
.hx-rift .hx-home-promo p{font-size:14px;line-height:1.75;max-width:340px}
.hx-rift .hx-home-promo>div>a{font-size:12px;min-height:40px;align-items:center}
.hx-rift .hx-account-panel input{min-height:44px;font-size:14px;background:#081218;border-color:#42525d}
.hx-rift .hx-account-panel label{font-size:12px;color:#bec9cb}
.hx-rift .hx-ranked-player strong{font-size:14px}
.hx-rift .hx-panel-link,.hx-rift .hx-world-link{font-size:12px;min-height:42px;display:flex;align-items:center}
.hx-rift .hx-community-banner{display:flex;align-items:center;gap:27px;margin:42px 0 12px;padding:32px 36px;background:radial-gradient(ellipse at 0 0,#7960b827,transparent 65%),linear-gradient(110deg,#171d2b,#0e1920);border:1px solid #9c89bb55;box-shadow:inset 0 1px #e6d2ff10,0 15px 40px #0004}
.hx-rift .hx-community-mark{width:76px;height:76px;flex:0 0 76px;display:grid;place-items:center;border:1px solid #8c75b566;background:#aa89eb0b;color:#bdabe4;transform:rotate(3deg)}
.hx-rift .hx-community-mark svg{width:42px;height:42px;transform:rotate(-3deg)}
.hx-rift .hx-community-banner h2{font:400 30px/1.25 var(--display);color:#e4dfeb;margin:5px 0 8px}
.hx-rift .hx-community-banner p{font-size:13px;color:#aeb8ca;margin:0;max-width:570px}
.hx-rift .hx-community-banner .hx-eyebrow{color:#b5a0d7;font-size:9px}
.hx-rift .hx-discord-cta{margin-left:auto;flex:0 0 auto;min-height:48px;gap:30px;padding:12px 22px;border:1px solid #ad93d87a;background:linear-gradient(#494166,#2b2c45);color:#f1eafa;font-size:12px}
.hx-rift .hx-discord-cta:hover{background:linear-gradient(#60517e,#383650);border-color:#d2bbee}
.hx-rift .hx-footer{margin-top:30px;padding-bottom:32px}
.hx-rift .hx-footer a{font-size:12px}
.hx-rift.hx-front .hx-server-info{grid-column:1/-1}
.hx-rift.hx-front .hx-server-info dl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}
.hx-rift.hx-front .hx-server-info dl>div{display:block;border-bottom:0;padding:4px 0}
.hx-rift.hx-front .hx-server-info dt{font-size:12px;color:#9bacb4}
.hx-rift.hx-front .hx-server-info dd{font:400 24px/1.35 var(--display);color:#e0d2b5;margin:9px 0 0}
@media(max-width:1150px){.hx-rift .hx-nav-inner{gap:12px}.hx-rift .hx-navigation>a,.hx-rift .hx-dropdown>summary{font-size:12px}.hx-rift .hx-hero-copy{max-width:57%}.hx-rift .hx-hero-brand{width:360px}.hx-rift .hx-hero-headline{font-size:49px}}
@media(max-width:800px){.hx-rift .hx-hero,.hx-rift .hx-hero-inner{min-height:610px}.hx-rift .hx-hero-copy{max-width:76%;width:540px}.hx-rift .hx-hero:after{background:linear-gradient(90deg,#050b10ec,#08111799 65%,#07101420),linear-gradient(0deg,#080d10,transparent 45%)}.hx-rift .hx-community-banner{padding:25px;gap:20px;flex-wrap:wrap}.hx-rift .hx-discord-cta{margin-left:96px}.hx-rift .hx-community-banner>div:nth-child(2){flex:1;min-width:0}.hx-rift .hx-launch{padding:22px}.hx-rift .hx-news-preview-heading h3{font-size:21px}}
@media(max-width:520px){.hx-rift .hx-nav-inner{min-height:74px}.hx-rift .hx-utility .hx-bound>div>span,.hx-rift .hx-utility a[href*="serverinfo"]{display:none}.hx-rift .hx-utility .hx-bound>div{gap:12px}.hx-rift .hx-hero,.hx-rift .hx-hero-inner{min-height:650px}.hx-rift .hx-hero-inner{padding-top:34px;padding-bottom:40px}.hx-rift .hx-hero-copy{max-width:100%;width:100%}.hx-rift .hx-hero-brand{width:280px}.hx-rift .hx-hero-headline{font-size:43px}.hx-rift .hx-hero-description{max-width:330px;font-size:13px}.hx-rift .hx-hero-actions{gap:12px}.hx-rift .hx-hero-actions>.hx-button{width:100%;justify-content:center}.hx-rift .hx-hero-secondary{width:100%;justify-content:center}.hx-rift .hx-platforms{font-size:10px}.hx-rift .hx-hero-discord{font-size:12px}.hx-rift .hx-home-promo h2{font-size:32px!important}.hx-rift.hx-front .hx-main{padding:20px}.hx-rift .hx-community-banner{display:block;padding:24px}.hx-rift .hx-community-mark{width:54px;height:54px;margin-bottom:19px}.hx-rift .hx-community-mark svg{width:33px;height:33px}.hx-rift .hx-community-banner h2{font-size:28px}.hx-rift .hx-community-banner p{font-size:13px;line-height:1.8}.hx-rift .hx-discord-cta{margin:22px 0 0;width:100%;justify-content:space-between}.hx-rift .hx-footer{padding-bottom:22px}}
@media(max-width:800px){.hx-rift.hx-front .hx-server-info dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}