:root {
	--rift-bg: #090b0a;
	--rift-panel: #111411;
	--rift-card: #181b18;
	--rift-card-2: #20231f;
	--rift-line: #2b302b;
	--rift-white: #f5f7f4;
	--rift-muted: #a0a79f;
	--rift-green: #8df23f;
	--rift-green-dark: #5dbb20;
	--rift-green-soft: #1e3518;
	--rift-cyan: #51d4c1;
	--rift-coral: #f17d68;
	--rift-shadow: 0 18px 48px rgba(0, 0, 0, 0.34);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: clip; }
body { margin: 0; overflow-x: clip; background: var(--rift-bg); color: var(--rift-white); font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; font-size: 15px; letter-spacing: 0; }
body.rift-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
.rift-a11y { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.rift-shell { width: min(100% - 40px, 1240px); margin: 0 auto; }

.rift-header { position: sticky; top: 0; z-index: 50; background: rgba(9, 11, 10, 0.98); border-bottom: 1px solid var(--rift-line); }
.rift-header-core { display: grid; grid-template-columns: 210px minmax(260px, 360px) 1fr 42px; align-items: center; gap: 28px; width: min(100% - 40px, 1240px); min-height: 74px; margin: 0 auto; }
.rift-brand { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
.rift-emblem { display: grid; place-items: center; width: 37px; height: 37px; flex: 0 0 37px; background: var(--rift-green); color: var(--rift-bg); font-size: 22px; font-weight: 950; clip-path: polygon(50% 0, 100% 100%, 70% 100%, 50% 62%, 30% 100%, 0 100%); }
.rift-brand strong { font-size: 20px; line-height: 1; }.rift-brand strong span { color: var(--rift-green); }
.rift-search { display: grid; grid-template-columns: 40px minmax(0, 1fr) 58px; height: 42px; border: 1px solid #252925; border-radius: 7px; background: #171917; }
.rift-search > span { display: grid; place-items: center; color: var(--rift-muted); font-size: 24px; }
.rift-search input { min-width: 0; padding: 0 5px; border: 0; outline: 0; background: transparent; color: var(--rift-white); font-size: 12px; }
.rift-search button { margin: 4px; border: 0; border-radius: 5px; background: #242824; color: var(--rift-green); font-size: 9px; font-weight: 900; cursor: pointer; }
.rift-nav { display: flex; justify-content: flex-end; align-items: center; gap: 27px; font-size: 12px; font-weight: 720; white-space: nowrap; }
.rift-nav a, .rift-nav button { padding: 28px 0 27px; border: 0; background: transparent; color: var(--rift-white); cursor: pointer; }
.rift-nav a:hover, .rift-nav button:hover { color: var(--rift-green); }.rift-nav button span { margin-left: 4px; }
.rift-user { display: grid; place-items: center; width: 39px; height: 39px; border-radius: 50%; background: var(--rift-green); color: var(--rift-bg); font-size: 12px; }
.rift-menu { display: none; align-content: center; gap: 5px; width: 42px; height: 42px; padding: 0 11px; border: 1px solid var(--rift-line); border-radius: 6px; background: var(--rift-card); cursor: pointer; }
.rift-menu i { display: block; height: 2px; background: var(--rift-white); }

.rift-dim { position: fixed; inset: 0; z-index: 79; background: rgba(0, 0, 0, 0.7); opacity: 0; pointer-events: none; transition: opacity 180ms ease; }
.rift-drawer { position: fixed; top: 0; right: 0; z-index: 80; width: min(550px, 100%); height: 100dvh; padding: 28px; overflow-y: auto; background: #101310; border-left: 1px solid var(--rift-line); box-shadow: -25px 0 70px rgba(0, 0, 0, 0.45); transform: translateX(102%); transition: transform 220ms ease; }
.rift-open .rift-dim { opacity: 1; pointer-events: auto; }.rift-open .rift-drawer { transform: translateX(0); }
.rift-drawer-title { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--rift-line); }
.rift-drawer-title small, .rift-drawer-title strong { display: block; }.rift-drawer-title small { margin-bottom: 4px; color: var(--rift-green); font-size: 10px; font-weight: 900; text-transform: uppercase; }.rift-drawer-title strong { font-size: 25px; }
.rift-drawer-title button { display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 6px; background: var(--rift-green); color: var(--rift-bg); font-size: 28px; line-height: 1; cursor: pointer; }
.rift-drawer section { margin-top: 25px; }.rift-drawer section h2 { margin: 0 0 12px; font-size: 18px; }.rift-drawer section h2 a { color: var(--rift-green); }
.rift-drawer section > div { display: grid; grid-template-columns: 1fr 1fr; gap: 9px 20px; }.rift-drawer section > div a { color: var(--rift-muted); font-size: 13px; }.rift-drawer section > div a:hover { color: var(--rift-green); }
.rift-drawer-login { margin-top: 25px; padding-top: 20px; border-top: 1px solid var(--rift-line); }

.rift-hero { border-bottom: 1px solid var(--rift-line); background: #080a09; }
.rift-hero-core { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(500px, 1.1fr); gap: 30px; width: min(100% - 40px, 1240px); min-height: 460px; margin: 0 auto; }
.rift-pitch { display: flex; justify-content: center; flex-direction: column; padding: 55px 0 38px; }
.rift-kicker { margin: 0 0 13px; color: var(--rift-green); font-size: 10px; font-weight: 900; text-transform: uppercase; }
.rift-pitch h1 { max-width: 620px; margin: 0; font-size: 50px; line-height: 1.06; letter-spacing: 0; }.rift-pitch h1 span { display: block; color: var(--rift-green); }
.rift-pitch > p:not(.rift-kicker) { max-width: 480px; margin: 23px 0 0; color: var(--rift-muted); font-size: 16px; line-height: 1.65; }
.rift-actions { display: flex; gap: 12px; margin-top: 30px; }.rift-actions a { display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; border-radius: 7px; font-size: 12px; font-weight: 850; }
.rift-main-action { gap: 30px; background: var(--rift-green); color: var(--rift-bg); }.rift-main-action:hover { background: #a3ff5e; }.rift-secondary-action { background: var(--rift-card); border: 1px solid var(--rift-line); color: var(--rift-white); }
.rift-trust { display: flex; flex-wrap: wrap; gap: 26px; margin-top: 39px; color: var(--rift-muted); font-size: 9px; }.rift-trust span { display: flex; align-items: center; gap: 7px; }.rift-trust b { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 6px; background: var(--rift-green-soft); color: var(--rift-green); font-size: 12px; }

.rift-scene { position: relative; min-width: 0; overflow: hidden; }
.rift-scene::before { position: absolute; right: 65px; bottom: -65px; width: 410px; height: 300px; border: 1px solid #294320; border-radius: 8px; background: #111b0f; box-shadow: 0 0 75px rgba(141, 242, 63, 0.15); content: ""; transform: rotate(-8deg); }
.rift-phone { position: absolute; top: 30px; right: 125px; z-index: 3; width: 245px; height: 420px; padding: 20px 17px; border: 7px solid #303530; border-radius: 42px; background: #0d100d; box-shadow: 0 25px 55px rgba(0, 0, 0, 0.55), 0 0 30px rgba(141, 242, 63, 0.2); transform: rotate(7deg); }
.rift-phone-status { display: flex; align-items: center; justify-content: space-between; font-size: 8px; font-weight: 900; }.rift-phone-status i { width: 60px; height: 7px; border-radius: 8px; background: #333733; }
.rift-phone-logo { margin: 18px 0 13px; font-size: 12px; font-weight: 950; }.rift-phone-logo span { color: var(--rift-green); }.rift-phone > p { margin: 0 0 10px; color: var(--rift-muted); font-size: 8px; }.rift-phone > strong { display: block; margin: 15px 0 9px; color: var(--rift-green); font-size: 9px; }
.rift-phone-feed { display: grid; gap: 7px; }.rift-phone-card { display: grid; grid-template-columns: 38px minmax(0, 1fr) 10px; align-items: center; gap: 8px; min-width: 0; padding: 8px; border-radius: 7px; background: #1b1e1b; border: 1px solid #282d28; }.rift-phone-card img { width: 38px; height: 38px; border-radius: 9px; object-fit: cover; }.rift-phone-card span, .rift-phone-card strong, .rift-phone-card small { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.rift-phone-card strong { font-size: 8px; }.rift-phone-card small { margin-top: 3px; color: var(--rift-muted); font-size: 7px; }.rift-phone-card b { color: var(--rift-green); }
.rift-phone-cats { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }.rift-phone-cats span { display: grid; place-items: center; min-height: 48px; border: 1px solid #272b27; border-radius: 7px; background: #171a17; color: var(--rift-muted); font-size: 7px; }
.rift-float { position: absolute; z-index: 4; display: grid; place-items: center; width: 62px; height: 62px; border: 1px solid #354832; border-radius: 15px; background: #1b2518; color: var(--rift-green); box-shadow: var(--rift-shadow); font-size: 13px; font-weight: 900; }.rift-float-a { top: 115px; left: 55px; transform: rotate(-8deg); }.rift-float-b { right: 34px; top: 135px; font-size: 27px; transform: rotate(9deg); }
.rift-energy-line { position: absolute; z-index: 1; height: 2px; background: var(--rift-green); box-shadow: 0 0 18px rgba(141, 242, 63, 0.65); transform-origin: left; }.rift-energy-one { right: 20px; bottom: 85px; width: 380px; transform: rotate(-20deg); }.rift-energy-two { left: 65px; top: 185px; width: 240px; transform: rotate(24deg); }

.rift-genres { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 10px; padding: 24px 0; }
.rift-genres > a { display: grid; grid-template-columns: 36px minmax(0, 1fr); align-items: center; gap: 9px; min-width: 0; min-height: 70px; padding: 11px 13px; border: 1px solid #252925; border-radius: 7px; background: var(--rift-card); }.rift-genres > a:hover { border-color: #42672d; background: #1b2119; }.rift-genres b { color: var(--rift-green); font-size: 26px; font-weight: 500; }.rift-genres span, .rift-genres strong, .rift-genres small { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.rift-genres strong { font-size: 10px; }.rift-genres small { margin-top: 4px; color: var(--rift-muted); font-size: 8px; }
.rift-popular, .rift-latest { padding: 28px 0 34px; border-top: 1px solid #1f231f; }.rift-section-title { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 20px; }.rift-section-title h2 { position: relative; margin: 0; padding-left: 16px; font-size: 20px; }.rift-section-title h2::before { position: absolute; top: 2px; bottom: 2px; left: 0; width: 3px; background: var(--rift-green); content: ""; }.rift-section-title > a { color: var(--rift-green); font-size: 10px; font-weight: 850; }
.rift-popular-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }.rift-featured { min-width: 0; border: 1px solid #262a26; border-radius: 7px; background: var(--rift-card); overflow: hidden; }.rift-featured-head { display: grid; grid-template-columns: 64px minmax(0, 1fr); align-items: center; gap: 11px; min-width: 0; padding: 13px; }.rift-featured-head img { width: 64px; height: 64px; border-radius: 14px; object-fit: cover; }.rift-featured-head span, .rift-featured-head strong, .rift-featured-head small, .rift-featured-head em { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.rift-featured-head strong { font-size: 11px; }.rift-featured-head small { margin-top: 5px; color: var(--rift-muted); font-size: 8px; }.rift-featured-head em { margin-top: 7px; color: #c3c8c2; font-size: 8px; font-style: normal; }.rift-featured-download { display: grid; place-items: center; min-height: 49px; border-top: 1px solid var(--rift-line); color: var(--rift-green); font-size: 25px; font-weight: 900; }.rift-featured-download:hover { background: var(--rift-green-soft); }
.rift-latest-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; }.rift-latest-card { display: grid; grid-template-columns: 48px minmax(0, 1fr) 30px; align-items: center; gap: 10px; min-width: 0; min-height: 82px; padding: 12px; border: 1px solid #252925; border-radius: 7px; background: #141714; }.rift-latest-icon { display: grid; place-items: center; width: 48px; height: 48px; overflow: hidden; border-radius: 12px; background: var(--rift-green-soft); }.rift-latest-icon img { width: 48px; height: 48px; border-radius: 12px; object-fit: cover; }.rift-latest-card > div { min-width: 0; }.rift-card-category { display: block; margin-bottom: 4px; overflow: hidden; color: var(--rift-green); font-size: 7px; font-weight: 850; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }.rift-latest-card h2 { margin: 0; overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }.rift-latest-card p { display: flex; gap: 7px; margin: 6px 0 0; overflow: hidden; color: var(--rift-muted); font-size: 8px; white-space: nowrap; }.rift-latest-card p span + span::before { margin-right: 7px; content: "•"; }.rift-card-arrow { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 6px; background: var(--rift-green-soft); color: var(--rift-green); }.rift-card-arrow:hover { background: var(--rift-green); color: var(--rift-bg); }
.rift-seo { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 55px; padding: 40px 0 52px; border-top: 1px solid var(--rift-line); }.rift-seo h2 { margin: 0; font-size: 33px; }.rift-seo > div:last-child { columns: 2; column-gap: 38px; color: var(--rift-muted); font-size: 13px; line-height: 1.75; }.rift-seo > div:last-child p { margin: 0; break-inside: avoid; }.rift-seo > div:last-child p + p { margin-top: 16px; }

.rift-footer { border-top: 1px solid var(--rift-line); background: #070907; }.rift-footer-core { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 45px; min-height: 110px; }.rift-footer nav { display: flex; gap: 23px; color: var(--rift-muted); font-size: 10px; }.rift-footer p { margin: 0; color: #697069; font-size: 9px; }
.rift-category-head { margin-top: 24px; padding: 35px 38px; border: 1px solid var(--rift-line); border-radius: 7px; background: var(--rift-card); }.rift-category-head h1 { margin: 0; font-size: 36px; }.rift-category-head > p:last-child { margin: 11px 0 0; color: var(--rift-muted); }.rift-breadcrumbs, .rift-detail-trail { display: flex; align-items: center; gap: 7px; min-width: 0; margin-bottom: 20px; overflow: hidden; color: var(--rift-muted); font-size: 10px; white-space: nowrap; }.rift-breadcrumbs a, .rift-detail-trail a { color: var(--rift-green); }.rift-category-grid { padding: 20px 0 50px; }

.rift-detail-trail { margin: 24px 0 14px; }.rift-detail-trail i { font-style: normal; }
.rift-detail-hero { display: grid; grid-template-columns: 180px minmax(0, 1fr) 220px; align-items: center; gap: 28px; padding: 30px; border: 1px solid var(--rift-line); border-radius: 8px; background: var(--rift-card); box-shadow: var(--rift-shadow); }.rift-detail-icon { width: 180px; height: 180px; padding: 13px; border-radius: 8px; background: #20291c; }.rift-detail-icon img { width: 100%; height: 100%; border-radius: 23%; object-fit: cover; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.32); }.rift-detail-main { min-width: 0; }.rift-detail-category { margin-bottom: 11px; overflow: hidden; color: var(--rift-green); font-size: 9px; font-weight: 900; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }.rift-detail-main h1 { margin: 0; font-size: 36px; line-height: 1.12; word-break: break-word; }.rift-detail-main > p { margin: 14px 0 0; color: var(--rift-muted); line-height: 1.55; }.rift-detail-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 18px; }.rift-detail-tags span { padding: 7px 9px; border: 1px solid #313631; border-radius: 6px; background: #202320; color: #c8cdc7; font-size: 9px; font-weight: 780; }.rift-detail-action { display: flex; align-items: stretch; flex-direction: column; gap: 8px; }.rift-detail-action small { color: var(--rift-muted); font-size: 8px; text-align: center; }
.rift-download { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-width: 195px; min-height: 48px; padding: 0 17px; border-radius: 7px; background: var(--rift-green); color: var(--rift-bg); font-size: 11px; font-weight: 900; }.rift-download:hover { background: #a4ff61; }.rift-download b { font-size: 18px; }
.rift-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); margin-bottom: 30px; border: 1px solid var(--rift-line); border-top: 0; background: #0f120f; }.rift-metrics > div { min-width: 0; padding: 17px 20px; border-right: 1px solid var(--rift-line); }.rift-metrics > div:last-child { border-right: 0; }.rift-metrics small, .rift-metrics strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.rift-metrics small { margin-bottom: 5px; color: var(--rift-muted); font-size: 8px; text-transform: uppercase; }.rift-metrics strong { font-size: 11px; }
.rift-content-grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 26px; padding-bottom: 32px; }.rift-article, .rift-specs, .rift-screens { border: 1px solid var(--rift-line); border-radius: 8px; background: var(--rift-card); }.rift-article { padding: 28px; }.rift-specs { align-self: start; padding: 23px; }.rift-block-title { margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid var(--rift-line); }.rift-block-title p { margin: 0 0 6px; color: var(--rift-green); font-size: 8px; font-weight: 900; text-transform: uppercase; }.rift-block-title h2 { margin: 0; font-size: 24px; line-height: 1.25; word-break: break-word; }.rift-ad-slot { min-height: 1px; }.rift-article-copy { color: #c0c5bf; font-size: 16px; line-height: 1.8; }.rift-article-copy > :first-child { margin-top: 0; }.rift-article-copy h2, .rift-article-copy h3 { margin: 28px 0 11px; color: var(--rift-white); line-height: 1.3; }.rift-article-copy a { color: var(--rift-green); text-decoration: underline; text-underline-offset: 3px; }.rift-article-copy img { height: auto; border-radius: 7px; }.rift-specs dl { margin: 0; }.rift-specs dl > div { padding: 11px 0; border-top: 1px solid var(--rift-line); }.rift-specs dt { margin-bottom: 4px; color: var(--rift-muted); font-size: 8px; font-weight: 850; text-transform: uppercase; }.rift-specs dd { margin: 0; color: #d6dad5; font-size: 11px; font-weight: 700; line-height: 1.45; word-break: break-word; }
.rift-screens { margin-bottom: 30px; padding: 27px; }.rift-screens-rail { display: flex; gap: 12px; padding-bottom: 10px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-color: var(--rift-green) transparent; scrollbar-width: thin; }.rift-screens-rail > .xfieldimagegallery { display: flex; gap: 12px; width: max-content; margin: 0; padding: 0; list-style: none; }.rift-screens-rail > .xfieldimagegallery > li { flex: 0 0 auto; min-width: 260px; margin: 0; padding: 0; scroll-snap-align: start; }.rift-screens-rail a { display: block; flex: 0 0 auto; }.rift-screens-rail img { width: auto; min-width: 260px; height: 360px; max-width: 680px; border: 1px solid var(--rift-line); border-radius: 7px; background: #0d100d; object-fit: contain; }
.rift-download-panel { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-bottom: 36px; padding: 26px 28px; border: 1px solid #355326; border-radius: 8px; background: #132011; }.rift-download-panel > div { display: flex; align-items: center; gap: 16px; }.rift-download-panel > div > span { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 7px; background: var(--rift-green); color: var(--rift-bg); font-size: 11px; font-weight: 900; }.rift-download-panel p { margin: 0 0 4px; color: var(--rift-green); font-size: 8px; font-weight: 900; text-transform: uppercase; }.rift-download-panel h2 { margin: 0; font-size: 21px; }.rift-download-panel small { display: block; margin-top: 5px; color: var(--rift-muted); font-size: 8px; }
.rift-related, .rift-comments { padding: 30px 0; border-top: 1px solid var(--rift-line); }.rift-related-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 11px; }.rift-related-card { min-width: 0; padding: 11px; border: 1px solid var(--rift-line); border-radius: 7px; background: var(--rift-card); }.rift-related-card > a { display: block; aspect-ratio: 1; padding: 7px; border-radius: 6px; background: #20271e; }.rift-related-card img { width: 100%; height: 100%; border-radius: 20%; object-fit: cover; }.rift-related-card > div { padding-top: 10px; }.rift-related-card h3 { display: -webkit-box; min-height: 36px; margin: 0 0 5px; overflow: hidden; font-size: 11px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.rift-related-card span { color: var(--rift-muted); font-size: 8px; }
.rift-comment { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 13px; margin-bottom: 10px; padding: 17px; border: 1px solid var(--rift-line); border-radius: 7px; background: var(--rift-card); }.rift-comment > img { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; }.rift-comment header { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }.rift-comment header strong { font-size: 11px; }.rift-comment header time { color: var(--rift-muted); font-size: 8px; }.rift-comment-copy { color: #bdc3bc; font-size: 12px; line-height: 1.6; }.rift-comment footer { margin-top: 9px; color: var(--rift-green); font-size: 8px; }
.rift-comment-form { margin-top: 15px; padding: 24px; border: 1px solid var(--rift-line); border-radius: 7px; background: var(--rift-card); }.rift-comment-form h3 { margin: 0 0 16px; font-size: 18px; }.rift-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }.rift-comment-form label { color: var(--rift-muted); font-size: 9px; font-weight: 700; }.rift-comment-form label span { display: block; margin: 4px 0; }.rift-comment-form input, .rift-comment-form textarea, .rift-system input, .rift-system textarea, .rift-system select { width: 100%; padding: 11px 12px; border: 1px solid var(--rift-line); border-radius: 6px; background: #101310; color: var(--rift-white); outline: 0; }.rift-comment-form input:focus, .rift-comment-form textarea:focus, .rift-system input:focus, .rift-system textarea:focus, .rift-system select:focus { border-color: var(--rift-green); }.rift-comment-form button, .rift-system button, .rift-system input[type="submit"] { min-height: 42px; padding: 0 18px; border: 0; border-radius: 6px; background: var(--rift-green); color: var(--rift-bg); font-weight: 850; cursor: pointer; }.rift-editor { margin-bottom: 12px; }
.rift-system { margin: 26px 0 45px; padding: 28px; border: 1px solid var(--rift-line); border-radius: 8px; background: var(--rift-card); }.rift-alert { margin: 20px auto; padding: 15px; border: 1px solid #684036; border-radius: 7px; background: #281713; }.rift-search-result { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 17px; padding: 16px 0; border-bottom: 1px solid var(--rift-line); }.rift-search-result img { width: 100px; height: 100px; border-radius: 18px; object-fit: cover; }.rift-search-result span { color: var(--rift-green); font-size: 9px; }.rift-search-result h2 { margin: 5px 0 8px; font-size: 18px; }.rift-search-result p { margin: 0; color: var(--rift-muted); line-height: 1.55; }
.rift-pagination { grid-column: 1 / -1; display: grid; grid-template-columns: 90px 1fr 90px; align-items: center; gap: 12px; padding: 15px 0 45px; font-size: 10px; font-weight: 800; }.rift-pagination > div:nth-child(2) { display: flex; justify-content: center; gap: 5px; }.rift-pagination > div:last-child { text-align: right; }.rift-pagination a, .rift-pagination span { display: inline-grid; place-items: center; min-width: 35px; height: 35px; padding: 0 8px; border: 1px solid var(--rift-line); border-radius: 6px; background: var(--rift-card); }.rift-pagination span { border-color: var(--rift-green); background: var(--rift-green); color: var(--rift-bg); }

@media (max-width: 1080px) {
	.rift-header-core { grid-template-columns: 190px minmax(240px, 1fr) 42px; }.rift-nav, .rift-user { display: none; }.rift-menu { display: grid; }.rift-search { justify-self: end; width: min(100%, 390px); }
	.rift-hero-core { grid-template-columns: minmax(0, 1fr) 430px; }.rift-phone { right: 80px; }.rift-popular-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.rift-genres { grid-template-columns: repeat(4, minmax(0, 1fr)); }.rift-latest-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.rift-related-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
	.rift-shell, .rift-header-core, .rift-hero-core { width: min(100% - 28px, 1240px); }.rift-hero-core { grid-template-columns: 1fr; }.rift-pitch { padding: 44px 0 10px; }.rift-scene { min-height: 380px; }.rift-phone { top: 5px; right: calc(50% - 112px); width: 224px; height: 380px; }.rift-float-a { left: calc(50% - 205px); }.rift-float-b { right: calc(50% - 205px); }
	.rift-latest-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.rift-seo { grid-template-columns: 1fr; gap: 23px; }.rift-footer-core { grid-template-columns: 1fr auto; }.rift-footer p { display: none; }
	.rift-detail-hero { grid-template-columns: 145px minmax(0, 1fr); }.rift-detail-icon { width: 145px; height: 145px; }.rift-detail-action { grid-column: 1 / -1; flex-direction: row; align-items: center; }.rift-content-grid { grid-template-columns: 1fr; }.rift-specs { order: -1; }.rift-specs dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }.rift-specs dl > div { padding: 10px; border: 1px solid var(--rift-line); }.rift-related-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 540px) {
	.rift-header-core { grid-template-columns: 1fr 42px; gap: 11px; padding: 9px 0; }.rift-search { grid-column: 1 / -1; grid-row: 2; width: 100%; }.rift-drawer { padding: 22px; }.rift-drawer section > div { grid-template-columns: 1fr; }
	.rift-pitch { padding-top: 34px; }.rift-pitch h1 { font-size: 36px; }.rift-pitch > p:not(.rift-kicker) { font-size: 14px; }.rift-actions { align-items: stretch; flex-direction: column; }.rift-actions a { width: 100%; }.rift-trust { gap: 12px; }.rift-trust span { font-size: 8px; }
	.rift-scene { min-height: 340px; }.rift-phone { right: calc(50% - 96px); width: 192px; height: 330px; padding: 17px 13px; border-width: 6px; border-radius: 34px; }.rift-phone-card { grid-template-columns: 31px minmax(0, 1fr) 9px; padding: 6px; }.rift-phone-card img { width: 31px; height: 31px; }.rift-phone-cats span { min-height: 39px; }.rift-float { width: 48px; height: 48px; }.rift-float-a { left: 0; }.rift-float-b { right: 0; }.rift-energy-one { width: 250px; }.rift-energy-two { left: 0; width: 180px; }
	.rift-genres { display: flex; padding-bottom: 14px; overflow-x: auto; }.rift-genres > a { flex: 0 0 150px; }.rift-popular-grid { display: flex; padding-bottom: 10px; overflow-x: auto; scroll-snap-type: x proximity; }.rift-featured { flex: 0 0 210px; scroll-snap-align: start; }.rift-latest-grid { grid-template-columns: 1fr; }.rift-seo > div:last-child { columns: 1; }.rift-footer-core { grid-template-columns: 1fr; padding: 28px 0; }.rift-footer nav { flex-wrap: wrap; }
	.rift-category-head { padding: 28px 22px; }.rift-category-head h1 { font-size: 29px; }
	.rift-detail-hero { grid-template-columns: 90px minmax(0, 1fr); gap: 15px; padding: 20px; }.rift-detail-icon { width: 90px; height: 90px; padding: 7px; }.rift-detail-main h1 { font-size: 25px; }.rift-detail-main > p { display: none; }.rift-detail-tags span:nth-child(n+3) { display: none; }.rift-detail-action { align-items: stretch; flex-direction: column; }.rift-download { width: 100%; }.rift-detail-action small { text-align: center; }
	.rift-metrics { grid-template-columns: 1fr 1fr; }.rift-metrics > div { padding: 14px; }.rift-content-grid { padding-bottom: 22px; }.rift-article, .rift-specs, .rift-screens { padding: 20px; }.rift-specs dl { grid-template-columns: 1fr 1fr; }.rift-block-title h2 { font-size: 21px; }.rift-article-copy { font-size: 15px; }.rift-screens-rail img { height: 290px; max-width: 82vw; }
	.rift-download-panel { align-items: stretch; flex-direction: column; padding: 22px; }.rift-download-panel > div > span { display: none; }.rift-download-panel h2 { font-size: 19px; }.rift-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.rift-comment { grid-template-columns: 1fr; }.rift-comment > img { width: 36px; height: 36px; }.rift-form-row { grid-template-columns: 1fr; }.rift-system { padding: 22px; }.rift-search-result { grid-template-columns: 75px minmax(0, 1fr); }.rift-search-result img { width: 75px; height: 75px; }.rift-pagination { grid-template-columns: 1fr; }.rift-pagination > div:first-child, .rift-pagination > div:last-child { display: none; }
}