/* A dedicated, compact treatment for the client and account gateway. */
.realm-download-card{position:relative;isolation:isolate;overflow:hidden;grid-area:download;min-width:0;background:#06121e;border:1px solid #a88d5d;box-shadow:inset 0 0 0 4px #020a12,0 10px 25px #0008}
.download-relic{display:block;width:100%;height:151px;object-fit:cover;object-position:center 35%;transition:transform .7s,filter .7s}
.realm-download-card:hover .download-relic{transform:scale(1.045);filter:brightness(1.12)}
.download-card-copy{position:relative;margin-top:-21px;padding:0 13px 4px;background:linear-gradient(transparent,#06121e 24px)}
.download-edition{display:block;text-align:center;font:500 7px/1.5 var(--font-body);letter-spacing:1.3px;color:#acd1e4;text-shadow:0 1px 4px #000}
.download-card-copy h2{font:600 27px/1 var(--font-editorial);color:#f2dfb8;text-align:center;margin:9px -4px 15px}
.realm-download-card .gateway-download{margin:0;min-height:49px;padding:7px 4px;gap:7px;border:1px solid #c7a66d;border-image:none;background:linear-gradient(#70532d,#352414);box-shadow:inset 0 0 0 3px #251a10,inset 0 0 0 4px #c9a96855,0 4px 10px #0008;transition:filter .2s,transform .2s}
.realm-download-card .gateway-download strong{font:600 23px/1 var(--font-editorial);white-space:nowrap}
.realm-download-card .gateway-download small{display:none}
.realm-download-card .gateway-download svg{width:19px;height:23px}
.realm-download-card .gateway-install{margin:4px 0 0;border:0;min-height:36px;font-size:10px;color:#aac0cf}
.realm-download-card .gateway-download:hover{filter:brightness(1.18);transform:translateY(-2px)}
.account-gateway .gateway-account-heading{border:0;padding-top:3px;margin-bottom:21px}
.gateway-account .gateway-account-heading h2{font:600 31px/1 var(--font-editorial);margin-top:7px;white-space:normal}
.gateway-account .gateway-account-heading small{font:500 7px var(--font-body);letter-spacing:1.5px;color:#99b9cd}
.account-emblem{width:34px;height:43px;flex:none;color:#d2b47d;filter:drop-shadow(0 0 8px #86c4e34d)}
.logical-portal{grid-template-areas:'download feature status' 'gateway news rankings' 'archive community rankings'}
@media(min-width:761px) and (max-width:1100px){.logical-portal{grid-template-areas:'download status' 'gateway feature' 'archive news' '. rankings' '. community'}.realm-download-card .gateway-download strong{font-size:21px}}
@media(max-width:760px){.download-relic{height:190px;object-position:center 36%}.download-card-copy{padding-inline:20px}.download-card-copy h2{font-size:34px}.download-edition{font-size:9px}.realm-download-card .gateway-download strong{font-size:27px}.realm-download-card .gateway-install{min-height:42px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.realm-download-card *{transition:none!important;transform:none!important}}
.account-gateway.panel{padding:14px 12px 10px;background:radial-gradient(ellipse at 50% 0,#23537166,transparent 45%),linear-gradient(145deg,#0d202e,#040e18);box-shadow:inset 0 1px #e4c99745,inset 0 0 28px #0007,0 12px 25px #0008}
.account-gateway .gateway-download{position:relative;isolation:isolate;overflow:hidden;border:1px solid #d6b773;border-image:none;min-height:76px;padding:12px 8px;gap:10px;background:radial-gradient(ellipse at 50% 0,#c29b5466,transparent 70%),linear-gradient(180deg,#66502c,#3a2b18 48%,#251a10);box-shadow:inset 0 0 0 3px #261b11,inset 0 0 0 4px #c4a26770,inset 0 6px 13px #eac77c1c,0 5px 0 #020a11,0 9px 16px #0008;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);transform:perspective(600px) rotateX(0);transition:transform .22s,filter .22s,box-shadow .22s}
.account-gateway .gateway-download:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 30%,#ffe3a740 48%,transparent 64%);transform:translateX(-120%);pointer-events:none}
.account-gateway .gateway-download:after{content:'◆';position:absolute;bottom:3px;left:calc(50% - 3px);font:6px serif;color:#d4b577;pointer-events:none}
.account-gateway .gateway-download:hover{transform:perspective(600px) rotateX(5deg) translateY(-2px);filter:brightness(1.12)}
.account-gateway .gateway-download:hover:before{transform:translateX(120%);transition:transform .8s}
.account-gateway .gateway-download:active{transform:translateY(2px);box-shadow:inset 0 0 0 3px #261b11,inset 0 0 0 4px #c4a26770,0 2px 6px #0008}
.account-gateway .gateway-download strong{font:600 22px/1.05 var(--font-editorial);text-shadow:0 2px 2px #21160b;letter-spacing:-.3px}
.account-gateway .gateway-download small{font-size:8px;letter-spacing:1px;color:#e4d1a9}
.account-gateway .gateway-download svg{width:23px;height:26px;padding:0 2px 0 0;color:#f3dca6;filter:drop-shadow(0 2px 2px #000)}
.account-gateway .gateway-install{border:0;margin:4px 0 13px;min-height:35px;font-size:10px;color:#afc5d4}
.gateway-account .gateway-account-heading{padding-top:15px;border-top:1px solid #8facbf38;margin-bottom:16px}
.gateway-account .gateway-account-heading h2{font-size:28px;color:#f0dfbc}
.gateway-account .gateway-account-heading small{color:#a5c6dc;letter-spacing:.8px}
.gateway-field{position:relative;display:flex;align-items:center}
.gateway-field svg{position:absolute;left:12px;width:15px;height:17px;color:#8eafc5;pointer-events:none}
.gateway-account .gateway-field input{padding-left:36px;border-color:#53768b80;background:linear-gradient(100deg,#0e2230,#06121d);box-shadow:inset 0 2px 7px #0006,inset 0 1px #c2e3f00a;transition:border-color .2s,box-shadow .2s}
.gateway-account .gateway-field:focus-within svg{color:#ead09b}
.gateway-account .gateway-field input:focus{outline:1px solid #a8d8f0;outline-offset:2px;border-color:#9bc9e0;box-shadow:0 0 14px #4b9ccb20}
.gateway-account .gateway-signin{border:1px solid #75a2c0;border-image:none;min-height:43px;background:linear-gradient(180deg,#244a66,#102b41);box-shadow:inset 0 0 0 3px #091a28,inset 0 0 0 4px #76a8c43d,inset 0 1px #c9eaf75c,0 3px 7px #0006;letter-spacing:.3px;transition:background .2s,transform .2s}
.gateway-account .gateway-signin:hover{background:linear-gradient(#315e7c,#173d58);filter:none;transform:translateY(-1px)}
.gateway-account .gateway-signin:disabled{opacity:.65;transform:none;cursor:wait}
.gateway-account .gateway-form-links>a{color:#d9c294;font-size:9px;text-underline-offset:4px}
.gateway-account .gateway-form-links>a:hover{text-decoration:underline}
.gateway-account .gateway-quick a{position:relative;background:linear-gradient(145deg,#18364a,#071725);box-shadow:inset 0 1px #b4d3e829,0 3px 8px #0004;transition:transform .2s,border-color .2s}
.gateway-account .gateway-quick a:hover{transform:translateY(-2px);border-color:#c8ac75}
.gateway-account .gateway-welcome strong{color:#eed7a8}
@media(min-width:761px) and (max-width:1100px){.account-gateway .gateway-download strong{font-size:20px}.account-gateway .gateway-download{gap:6px}.account-gateway .gateway-download svg{width:18px}.account-gateway .gateway-download small{font-size:7px;letter-spacing:.65px}}
@media(max-width:760px){.account-gateway.panel{padding:16px 18px 10px}.account-gateway .gateway-download strong{font-size:30px}.account-gateway .gateway-download small{font-size:9px}.gateway-account .gateway-form-links>a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.account-gateway *,.account-gateway *:before{transition:none!important;animation:none!important;transform:none!important}}

/* The account has its own identity; client artwork belongs exclusively above it. */
.gateway-account .gateway-account-heading{border:0;padding-top:4px;margin-bottom:21px;align-items:center}
.gateway-account .gateway-account-heading h2{font:600 31px/1 var(--font-editorial);margin:7px 0 0;white-space:normal}
.gateway-account .gateway-account-heading small{font:500 7px var(--font-body);letter-spacing:1.5px}
.account-gateway.panel{background:radial-gradient(ellipse at 100% 0,#28526c4d,transparent 55%),linear-gradient(150deg,#0b1d2b,#040d17);padding-top:17px}

/* The client reliquary: one layered artifact, with live light rather than a flat image tile. */
.realm-download-card{overflow:hidden;border:0;padding:5px;background:linear-gradient(135deg,#dcc291,#4e4230 22%,#9b845b 45%,#2b302f 70%,#c9ae79);clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px);box-shadow:none}
.realm-download-card:before{content:'';position:absolute;inset:2px;border:1px solid #f0d29a55;pointer-events:none;z-index:4;clip-path:inherit}
.relic-stage{position:relative;height:174px;overflow:hidden;background:radial-gradient(ellipse at 50% 58%,#14537e,#061524 55%,#030b13 80%);perspective:700px}
.relic-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 66%,#05121e);pointer-events:none}
.realm-download-card .download-relic{position:absolute;inset:-3px 0 auto;width:100%;height:167px;object-fit:contain;mix-blend-mode:screen;transform:translateY(0);filter:drop-shadow(0 6px 13px #000);transition:transform .8s,filter .8s;z-index:2}
.realm-download-card:hover .download-relic{transform:translateY(-5px) rotateY(-7deg) rotateX(4deg);filter:drop-shadow(0 9px 18px #087dcd66) brightness(1.13)}
.relic-orbit{position:absolute;left:50%;top:51%;width:142px;height:142px;margin:-71px;border:1px solid #76bce04d;border-radius:50%;box-shadow:0 0 30px #3695d529,inset 0 0 22px #2e9cd326;transform:rotateX(22deg)}
.relic-orbit:before,.relic-orbit:after{content:'';position:absolute;inset:8px;border:1px dashed #b4d7e630;border-radius:50%}.relic-orbit:after{inset:-9px;border:1px solid #c5a97630}
.relic-rune{position:absolute;top:139px;left:calc(50% - 4px);font:9px serif;color:#e2c18b;z-index:3;text-shadow:0 0 12px #79c9ff}
.realm-download-card .download-card-copy{margin:0;padding:0 12px 5px;background:linear-gradient(#05121e,#081a27 50%,#04101a);text-align:center}
.download-card-copy .download-edition{font-size:7px;letter-spacing:1.55px;color:#a9cee2;padding-top:1px}
.download-card-copy h2{font-size:28px;line-height:1.1;margin:10px -5px 17px;letter-spacing:-.4px;white-space:nowrap}
.realm-download-card .gateway-download{position:relative;min-height:61px;margin:0 -2px;gap:9px;overflow:hidden;border:1px solid #ebcb8e;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);background:radial-gradient(ellipse at top,#c39b57aa,transparent 75%),linear-gradient(#79603b,#392716);box-shadow:inset 0 0 0 3px #251a11,inset 0 0 0 4px #dabc8366,inset 0 8px 14px #ffe2a51c;transform:none}
.realm-download-card .gateway-download:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#fff0c650 50%,transparent 70%);transform:translateX(-130%);pointer-events:none}
.realm-download-card .gateway-download:hover:before{transform:translateX(130%);transition:transform .8s}
.realm-download-card .gateway-download strong{font-size:22px;text-shadow:0 2px 2px #1a1109}
.realm-download-card .gateway-download small{display:block;font:500 7px/1.4 var(--font-body);letter-spacing:.8px;margin-top:5px;color:#efdbb4}
.realm-download-card .gateway-install{min-height:39px;margin-top:5px;color:#b5cbd8;font-size:10px}
@media(min-width:761px) and (max-width:1100px){.download-card-copy h2{font-size:25px}.realm-download-card .gateway-download strong{font-size:20px}}
@media(max-width:760px){.relic-stage{height:195px}.realm-download-card .download-relic{height:192px}.relic-orbit{width:163px;height:163px;margin:-81px}.relic-rune{top:166px}.realm-download-card .download-card-copy{padding-inline:20px}.download-card-copy h2{font-size:34px}.download-card-copy .download-edition{font-size:9px}.realm-download-card .gateway-download strong{font-size:28px}.realm-download-card .gateway-download small{font-size:9px}.realm-download-card .gateway-install{font-size:12px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.realm-download-card *,.realm-download-card *:before{transform:none!important;transition:none!important}}