:root{--bg:#061018;--panel:rgba(4,8,14,.72);--line:rgba(255,255,255,.14);--text:#f6fbff;--muted:#b8c7d6;--accent:#8ff8ec;--shadow:0 28px 110px rgba(0,0,0,.55);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto}.hpc-site-header{position:fixed;inset:18px 24px auto 24px;z-index:60;display:flex;justify-content:space-between;align-items:center;gap:16px;pointer-events:none}.hpc-brand,.hpc-top-nav a{pointer-events:auto;backdrop-filter:blur(16px);background:rgb(6 12 20 / .48);border:1px solid rgb(255 255 255 / .09);padding:12px 16px;border-radius:999px;box-shadow:0 14px 36px rgb(0 0 0 / .24)}.hpc-brand{font-weight:900;letter-spacing:.09em;text-transform:uppercase;font-size:12px}.hpc-top-nav{display:flex;gap:10px}.hpc-top-nav a{font-size:13px;color:#e4eef7}.hpc-site-footer{position:relative;z-index:3;background:#05090f;border-top:1px solid rgb(255 255 255 / .06)}.hpc-footer-inner{max-width:1240px;margin:0 auto;padding:18px 24px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#9db0c2;font-size:13px}.glass-panel{background:linear-gradient(180deg,rgb(5 10 17 / .82),rgb(2 6 12 / .78));backdrop-filter:blur(20px) saturate(1.2);border:1px solid rgb(255 255 255 / .16);box-shadow:var(--shadow)}.glass-chip{background:rgb(8 14 22 / .58);backdrop-filter:blur(18px) saturate(1.22);border:1px solid rgb(255 255 255 / .13);box-shadow:0 18px 44px rgb(0 0 0 / .3)}.hpc-generic-wrap{padding:130px 24px 70px;min-height:100vh;background:radial-gradient(circle at 20% 10%,rgb(100 221 255 / .08),transparent 34%),#081018}.hpc-generic-card{max-width:860px;margin:0 auto;padding:34px;border-radius:28px}.hpc-library-shell{min-height:100svh;padding:130px 24px 70px;background:radial-gradient(circle at 82% 8%,rgb(88 188 255 / .22),transparent 30%),radial-gradient(circle at 16% 16%,rgb(255 209 112 / .14),transparent 24%),linear-gradient(180deg,#081019,#071017 55%,#050b10)}.hpc-library-hero{max-width:1240px;margin:0 auto 28px;display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:stretch}.hpc-library-card,.hpc-coming-soon{border-radius:30px;padding:28px}.hpc-library-card h1{font-size:clamp(38px,6vw,72px);line-height:.95;margin:12px 0 14px}.hpc-library-card p{color:#dce6ef;max-width:52ch;font-size:18px;line-height:1.55}.hpc-library-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.hpc-library-badges span{padding:10px 14px;border-radius:999px;background:rgb(255 255 255 / .08);font-size:13px;color:#d9e7f4;border:1px solid rgb(255 255 255 / .08)}.hpc-feature-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hpc-game-card,.hpc-coming-card{border-radius:28px;overflow:hidden;min-height:420px;position:relative;border:1px solid rgb(255 255 255 / .1);background:#0a1118;box-shadow:0 24px 70px rgb(0 0 0 / .28)}.hpc-game-card-media{position:absolute;inset:0;background-image:var(--card-bg);background-size:cover;background-position:center;transform:scale(1.02)}.hpc-game-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgb(7 12 19 / .1),rgb(7 12 19 / .45) 35%,rgb(5 9 16 / .91) 86%)}.hpc-game-card-body{position:absolute;left:0;right:0;bottom:0;padding:22px}.hpc-kicker{margin:0 0 10px;color:#a6bfcd;letter-spacing:.18em;text-transform:uppercase;font-size:11px}.hpc-game-card h2,.hpc-cover-copy h1,.hpc-story-panel h1{margin:0 0 14px;font-size:clamp(38px,5vw,76px);line-height:.96;text-wrap:balance}.hpc-game-card p,.hpc-story-body,.hpc-cover-body{font-size:18px;line-height:1.65;color:#e6eef5}.hpc-card-actions,.hpc-cover-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.hpc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid rgb(255 255 255 / .14);background:rgb(255 255 255 / .05);color:#f5fbff;font-weight:800;letter-spacing:.02em;transition:.22s ease}.hpc-btn:hover{transform:translateY(-2px);background:rgb(255 255 255 / .08)}.hpc-btn-primary{background:linear-gradient(135deg,#8be8ff,#b2ffdc);color:#071018;border:none}.hpc-cover-shell,.hpc-node-shell{position:relative;min-height:100svh;padding:clamp(86px,9svh,120px) clamp(14px,3vw,42px) clamp(132px,14svh,168px);overflow:hidden}.hpc-cover-backdrop,.hpc-node-backdrop{position:absolute;inset:-1.5%;background-image:linear-gradient(180deg,rgb(5 8 14 / .14),rgb(5 8 14 / .28)),var(--hero);background-size:cover;background-position:center;transform:scale(1.025)}.hpc-node-backdrop{filter:saturate(1.25) contrast(1.08) brightness(.86)}.hpc-node-vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,#fff0 0 25%,rgb(0 0 0 / .26) 54%,rgb(0 0 0 / .78) 100%),linear-gradient(180deg,rgb(0 0 0 / .2),rgb(0 0 0 / .08) 38%,rgb(0 0 0 / .62) 100%)}.hpc-cover-grid{position:relative;z-index:2;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.12fr .62fr;gap:22px;align-items:end;min-height:calc(100svh - 190px)}.hpc-cover-copy,.hpc-cover-side{border-radius:34px;padding:30px}.hpc-cover-side{display:grid;gap:14px;align-self:center}.hpc-stat{padding:18px 16px;border-radius:20px;background:rgb(255 255 255 / .04);border:1px solid rgb(255 255 255 / .08)}.hpc-stat span{display:block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#abc0cf;margin-bottom:8px}.hpc-stat strong{font-size:18px;line-height:1.35}.hpc-subtitle{font-size:22px;line-height:1.45;max-width:36ch;color:#d9e8f1;margin:0 0 18px}.hpc-node-shell{display:grid;place-items:center}.hpc-node-hud{position:absolute;z-index:42;top:clamp(74px,8svh,98px);left:clamp(12px,2vw,28px);right:clamp(12px,2vw,28px);display:flex;justify-content:space-between;align-items:flex-start;gap:14px;pointer-events:none}.hpc-node-meta,.hpc-node-actions{pointer-events:auto;display:inline-flex;align-items:center;gap:12px;padding:12px 14px;border-radius:999px;font-size:13px;color:#e4f1fb}.hpc-node-meta span{letter-spacing:.16em;text-transform:uppercase;opacity:.78}.hpc-node-meta strong{font-size:15px}.hpc-node-actions a,.hpc-node-actions button{padding:0 4px;border:0;background:#fff0;color:inherit;cursor:pointer}.hpc-node-actions button{font-weight:800}.hpc-node-actions button.is-playing{color:#9effdf;text-shadow:0 0 16px rgb(111 255 211 / .55)}.hpc-story-panel{position:relative;z-index:20;width:min(760px,52vw);max-height:min(62svh,690px);overflow:auto;margin:0 auto;border-radius:34px;padding:clamp(22px,2.6vw,36px);transform:translateY(clamp(-8px,-1svh,-2px))}.hpc-story-panel::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgb(255 255 255 / .08),#fff0 36%)}.hpc-summary{position:relative;margin:0 0 12px;color:#a7c0cf;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.hpc-story-panel h1{position:relative;font-size:clamp(36px,4.9vw,72px)}.hpc-story-body{position:relative}.hpc-story-body p{margin:0 0 16px}.hpc-music-note{position:relative;margin-top:18px;padding:12px 14px;border-radius:18px;background:rgb(255 255 255 / .055);border:1px solid rgb(255 255 255 / .1);display:flex;gap:8px;align-items:center;justify-content:space-between}.hpc-music-note span{color:#a9bfd0;text-transform:uppercase;font-size:11px;letter-spacing:.16em}.hpc-music-note strong{font-size:13px;color:#eaf7ff;text-align:right}.hpc-choice{position:absolute;z-index:32;display:inline-flex;align-items:center;gap:14px;filter:drop-shadow(0 18px 36px rgb(0 0 0 / .38));max-width:min(34vw,440px);transition:opacity .18s ease,transform .18s ease}.hpc-choice-arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:clamp(72px,6vw,96px);height:clamp(72px,6vw,96px);background:rgb(255 255 255 / .96);color:#0a0f16;border-radius:999px;box-shadow:8px 10px 0 rgb(0 0 0 / .5);transition:.18s ease}.hpc-choice-arrow svg{width:58%;height:58%;fill:#0b1118}.hpc-choice-label{display:inline-flex;align-items:center;justify-content:center;min-height:clamp(50px,4vw,58px);padding:0 clamp(16px,1.6vw,22px);border-radius:999px;background:rgb(255 255 255 / .96);box-shadow:8px 10px 0 rgb(0 0 0 / .5);color:#0b1118;font-weight:950;font-size:clamp(14px,1.15vw,18px);letter-spacing:.02em;line-height:1.1;text-transform:uppercase;text-align:center;white-space:normal}.hpc-choice:hover .hpc-choice-arrow,.hpc-choice:hover .hpc-choice-label{transform:translateY(-2px);box-shadow:8px 14px 0 rgb(0 0 0 / .58)}.hpc-choice--left{left:clamp(10px,2vw,30px);top:50%;transform:translateY(-50%)}.hpc-choice--right{right:clamp(10px,2vw,30px);top:50%;transform:translateY(-50%);flex-direction:row-reverse}.hpc-choice--top{top:clamp(92px,10svh,126px);left:50%;transform:translateX(-50%);flex-direction:column}.hpc-choice--bottom{bottom:calc(clamp(110px,13svh,152px) + var(--safe-bottom));left:50%;transform:translateX(-50%);flex-direction:column-reverse}.hpc-choice--bottom .hpc-choice-label{max-width:min(46vw,560px)}.hpc-ad-tray{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(12px + var(--safe-bottom));z-index:36;width:min(1220px,calc(100vw - 28px));min-height:86px;border-radius:24px;padding:12px 14px 14px}.hpc-ad-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#9db7c9;margin-bottom:9px}.hpc-ad-inner{min-height:52px;border-radius:16px;background:rgb(255 255 255 / .04);border:1px dashed rgb(255 255 255 / .13);display:flex;align-items:center;justify-content:center;padding:8px;color:#d6e1ea;font-size:14px}.hpc-banner-placeholder{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 14px;border-radius:14px;background:linear-gradient(90deg,rgb(84 149 255 / .16),rgb(111 255 211 / .16));border:1px solid rgb(255 255 255 / .09)}.hpc-banner-tag{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#dff1ff}.hpc-banner-copy{font-size:16px;font-weight:800}@media (min-width:1500px){.hpc-story-panel{width:min(820px,46vw)}.hpc-choice{max-width:min(31vw,500px)}}@media (max-width:1200px){.hpc-library-hero,.hpc-cover-grid{grid-template-columns:1fr}.hpc-feature-grid{grid-template-columns:repeat(2,1fr)}.hpc-story-panel{width:min(720px,58vw)}.hpc-choice{max-width:32vw}.hpc-choice-label{font-size:14px}}@media (max-width:980px){.hpc-site-header{inset:14px 14px auto 14px}.hpc-brand{font-size:11px;padding:10px 14px}.hpc-top-nav a{padding:10px 14px}.hpc-feature-grid{grid-template-columns:1fr}.hpc-node-shell{padding-top:112px;padding-bottom:150px}.hpc-story-panel{width:min(680px,calc(100vw - 180px));max-height:58svh}.hpc-choice-arrow{width:70px;height:70px}.hpc-choice-label{min-height:48px;font-size:13px;padding:0 14px}.hpc-choice--left{top:53%}.hpc-choice--right{top:53%}.hpc-choice--top{top:92px}.hpc-choice--bottom{bottom:calc(106px + var(--safe-bottom))}.hpc-node-actions{gap:8px}}@media (max-width:760px){.hpc-cover-shell,.hpc-node-shell,.hpc-library-shell{padding-left:14px;padding-right:14px}.hpc-library-card,.hpc-coming-soon,.hpc-cover-copy,.hpc-cover-side,.hpc-story-panel{border-radius:24px}.hpc-game-card h2,.hpc-cover-copy h1,.hpc-story-panel h1{font-size:clamp(30px,9vw,48px)}.hpc-library-card p,.hpc-cover-body,.hpc-story-body{font-size:16px}.hpc-node-shell{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:100svh;padding-top:92px;padding-bottom:20px;overflow:visible}.hpc-node-hud{position:relative;inset:auto;order:1;margin-bottom:12px}.hpc-node-meta{display:none}.hpc-node-actions{width:100%;justify-content:space-between;border-radius:22px;flex-wrap:wrap}.hpc-story-panel{order:2;width:100%;max-height:none;overflow:visible;transform:none;margin:0;padding:22px 20px 24px}.hpc-music-note{align-items:flex-start;flex-direction:column}.hpc-choice{position:relative!important;order:3;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;flex-direction:row!important;width:100%;max-width:none;margin-top:12px}.hpc-choice--right{flex-direction:row-reverse!important}.hpc-choice-arrow{width:62px;height:62px;box-shadow:5px 6px 0 rgb(0 0 0 / .44)}.hpc-choice-label{flex:1;width:auto;font-size:14px;min-height:50px;box-shadow:5px 6px 0 rgb(0 0 0 / .44)}.hpc-ad-tray{order:4;position:relative;left:auto;transform:none;bottom:auto;width:100%;margin-top:14px;padding-bottom:calc(14px + var(--safe-bottom))}.hpc-banner-placeholder{flex-direction:column;align-items:flex-start}.hpc-node-backdrop{position:fixed}.hpc-node-vignette{position:fixed}}@media (max-width:430px){.hpc-node-actions a,.hpc-node-actions button{font-size:12px}.hpc-story-panel{padding:20px 16px}.hpc-choice-label{font-size:12px}.hpc-choice-arrow{width:54px;height:54px}.hpc-ad-inner{font-size:12px}.hpc-banner-copy{font-size:13px}}@media (orientation:landscape) and (max-height:620px){.hpc-node-shell{padding-top:76px;padding-bottom:104px}.hpc-node-hud{top:54px}.hpc-story-panel{max-height:56svh;width:min(680px,50vw);padding:20px}.hpc-story-panel h1{font-size:clamp(32px,5.5vh,54px)}.hpc-story-body{font-size:15px;line-height:1.48}.hpc-choice-arrow{width:62px;height:62px}.hpc-choice-label{font-size:12px;min-height:44px}.hpc-choice--top{top:58px}.hpc-choice--bottom{bottom:96px}.hpc-ad-tray{min-height:70px}.hpc-ad-inner{min-height:42px}}