:root{color-scheme:dark;font-family:Arial,sans-serif;background:#070d20;color:#e9f7ff}*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:grid;place-items:center;background:linear-gradient(180deg,#060c2366,#08102438 45%,#050b20d9),url('/assets/lobby/arcanum-home-scene-16bit.png') center/cover fixed}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,transparent 15%,#04071b80 95%);box-shadow:inset 0 0 100px #01051366}
.download-intro{position:relative;text-align:center;width:min(850px,100%);padding:clamp(24px,6vh,70px) 24px;isolation:isolate}
.arcanum-wordmark{display:block;width:min(600px,86vw);height:auto;margin:0 auto;filter:drop-shadow(0 5px 14px #010619)}
.crest-divider{display:flex;align-items:center;justify-content:center;gap:14px;margin:26px auto 42px;width:min(350px,65vw)}
.crest-divider i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#8edbebaa)}.crest-divider i:last-child{transform:rotate(180deg)}.crest-divider b{width:7px;height:7px;transform:rotate(45deg);background:#c9f5ff;box-shadow:0 0 14px #72dcff}
.platforms{display:flex;justify-content:center;gap:clamp(34px,8vw,106px)}
.platform{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#d9f5ff;min-width:0;-webkit-tap-highlight-color:transparent;transition:color .2s,transform .2s;outline-offset:12px}
.platform-frame{display:grid;place-items:center;width:clamp(120px,22vw,186px);aspect-ratio:1;position:relative;background:linear-gradient(145deg,#081728d9,#172d4580);clip-path:polygon(15% 0,85% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%,0 15%);border:1px solid #83d9ee99;box-shadow:inset 0 0 35px #57c9ef22;transition:background .2s,box-shadow .2s}
.platform-frame:before,.platform-frame:after{content:"";position:absolute;inset:7px;border:1px solid #88d9e72b;clip-path:polygon(15% 0,85% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%,0 15%)}
.platform-frame:after{inset:auto 25% 0;height:2px;border:0;background:#9aebff;box-shadow:0 0 14px #55d9ff}
.platform svg{width:58%;height:58%;filter:drop-shadow(0 0 11px #8bdcff38)}
.platform-name{margin-top:22px;font-size:clamp(17px,2.8vw,23px);font-weight:400;letter-spacing:.19em;padding-left:.19em;text-shadow:0 2px 6px #02071b}
.platform-action{margin-top:9px;font-size:10px;letter-spacing:.24em;color:#a0becf}
.platform:hover,.platform:focus-visible{color:#fff;transform:translateY(-5px)}.platform:hover .platform-frame,.platform:focus-visible .platform-frame{background:linear-gradient(145deg,#15364bcc,#204c658c);box-shadow:inset 0 0 45px #72deff44}.platform:focus-visible{outline:2px solid #bcefff}
@media(max-height:500px) and (min-width:600px){.download-intro{padding:18px}.arcanum-wordmark{width:340px}.crest-divider{margin:12px auto 18px}.platform-frame{width:112px}.platform-name{margin-top:12px;font-size:17px}.platform-action{margin-top:6px}}
@media(max-width:380px){.download-intro{padding:24px 16px}.platforms{gap:28px}.platform-frame{width:116px}.platform-name{font-size:16px}}
@media(prefers-reduced-motion:reduce){.platform,.platform-frame{transition:none}}