:root{color-scheme:dark;--ink:#f3f0f8;--muted:#aaa3b8;--accent:#c9b3ef;--line:rgba(193,165,237,.18);font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;background:#0b0912;color:var(--ink)}
*{box-sizing:border-box}
body{margin:0;min-width:280px;min-height:100svh;display:grid;place-items:center;position:relative;isolation:isolate}
.world{position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,rgba(9,7,17,.32),rgba(9,7,17,.73) 60%,#0b0912),url('assets/background.webp') center 30%/cover no-repeat;opacity:.64}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 440px 640px at 50% 45%,rgba(11,9,18,.9),rgba(11,9,18,.66) 57%,transparent 100%),linear-gradient(90deg,rgba(7,6,13,.45),transparent 30%,transparent 70%,rgba(7,6,13,.45))}
.hub{width:min(100% - 48px,500px);padding:48px 0 22px}
.identity{text-align:center;animation:arrive .28s ease-out both}
.game-logo{display:block;width:min(340px,88%);height:auto;margin:0 auto 22px;filter:drop-shadow(0 0 24px rgba(163,128,229,.13))}
h1{font-size:.75rem;font-weight:500;letter-spacing:.17em;line-height:1.65;margin:0;color:#c2bbcf}
.byline{margin:8px 0 0;font-size:.8125rem;line-height:1.6;color:var(--muted)}
.byline a{color:#ddd4e9;text-decoration:none;text-underline-offset:4px;display:inline-block;padding:6px 2px}
.byline a:hover{text-decoration:underline}
.section-label{display:flex;align-items:center;justify-content:center;gap:16px;margin:24px 0 20px}
.section-label p{margin:0;font-size:.75rem;line-height:1.5;letter-spacing:.21em;text-transform:uppercase;color:#bab1ca}
.section-label>span{height:1px;width:42px;background:linear-gradient(90deg,transparent,#655377)}
.section-label>span:last-child{transform:rotate(180deg)}
.links{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.links li{animation:arrive .25s ease-out both;animation-delay:calc(40ms + var(--order)*25ms)}
.link-card{position:relative;display:flex;align-items:center;gap:17px;min-height:62px;padding:15px 20px;background:linear-gradient(110deg,rgba(31,25,42,.97),rgba(22,18,31,.97));border:1px solid var(--line);border-radius:4px;box-shadow:0 3px 10px #0002,inset 0 1px 0 #ffffff03;text-decoration:none;color:var(--ink);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;-webkit-tap-highlight-color:rgba(179,145,231,.18)}
.platform-icon{display:grid;place-items:center;flex:0 0 28px;color:#d5cede;transition:transform .16s ease}
.platform-icon img{display:block;filter:invert(90%) sepia(8%) saturate(443%) hue-rotate(219deg)}
.card-copy{display:flex;flex-direction:column;min-width:0;gap:5px}
.card-title{font-size:1rem;font-weight:500;line-height:1.4;letter-spacing:.01em;overflow-wrap:anywhere}
.card-note{font-size:.75rem;line-height:1.5;color:#d3c1ee;font-weight:400}
.arrow{margin-left:auto;flex-shrink:0;color:#a79ab9;transition:transform .16s ease,color .16s ease}
.link-card--steam{min-height:82px;margin-bottom:6px;border-color:#a180bd;background:linear-gradient(110deg,#50356b,#38264c);box-shadow:0 4px 28px #7b42b020,inset 0 1px 0 #eee0ff12}
.link-card--steam::before,.link-card--steam::after{content:"";position:absolute;width:4px;height:4px;background:#d6b8f6;box-shadow:0 0 8px #d6b8f655;pointer-events:none}
.link-card--steam::before{top:-2px;left:-2px}.link-card--steam::after{bottom:-2px;right:-2px}
.link-card--steam .card-title{font-weight:650;font-size:1.0625rem}
.link-card--steam .arrow{color:#e4cff9}
.link-card--steam .platform-icon img{width:28px;height:28px;filter:invert(100%)}
@media(hover:hover){.link-card:hover{transform:translateY(-2px);border-color:#8d719e;background:linear-gradient(110deg,#30253e,#241c31);box-shadow:0 5px 20px #0003}.link-card--steam:hover{background:linear-gradient(110deg,#60407e,#47305e);border-color:#ceb0e8;box-shadow:0 4px 28px #985bd02e}.link-card:hover .platform-icon{transform:scale(1.06)}.link-card:hover .arrow{transform:translateX(3px);color:#f0e2ff}}
.link-card:active{transform:scale(.987);border-color:#d1b4ed}
a:focus-visible{outline:2px solid #e3c6ff;outline-offset:5px}
footer{text-align:center;padding-top:22px;color:#a29aae;font-size:.75rem;line-height:1.5}
footer p{margin:9px 0 0}.footer-glyph{display:block;font-family:Georgia,serif;font-size:25px;line-height:1;color:#ae92c6}
@keyframes arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1000px){.hub{padding:44px 0 24px}.world{background-position:center 37%}}
@media(max-width:600px){.hub{width:calc(100% - 40px);padding:32px 0 22px}.game-logo{width:280px;max-width:90%;margin-bottom:17px}.world{background-position:53% top;background-size:auto 100svh;opacity:.44}.section-label{margin:18px 0 16px}.link-card{min-height:58px;padding:13px 17px}.link-card--steam{min-height:78px}.links{gap:9px}h1{font-size:.75rem;letter-spacing:.09em}footer{padding-top:20px}}
@media(max-width:360px){.hub{width:calc(100% - 32px);padding-top:26px}.game-logo{width:248px}.link-card{gap:12px}.card-note{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(forced-colors:active){.platform-icon img{filter:none}.link-card{border:1px solid LinkText}.world,body::before{display:none}}