@charset "UTF-8";

.portal-game-page {container-type:inline-size;container-name:portal-game-page}
.portal-game-page .portal-hero--game {min-height:338px;grid-template-columns:1.15fr .85fr;border-color:#5c4731;background:radial-gradient(ellipse at 93% 30%,#aa632c35,transparent 57%),linear-gradient(115deg,#222326 5%,#1b1e23 55%,#33271e 100%);box-shadow:inset 0 1px 0 #ffcf8c0b,0 15px 40px #00000016}
.portal-game-page .portal-hero--game::before {background:linear-gradient(90deg,transparent 96%,#e9b37106 96%) 0 0/38px 38px,linear-gradient(0deg,transparent 96%,#e9b37106 96%) 0 0/38px 38px;mask-image:linear-gradient(90deg,transparent,#000)}
.portal-game-page .portal-hero--game .portal-hero-copy {align-self:center;max-width:650px;padding:32px 0 34px 32px}
.portal-game-page .portal-hero--game .portal-kicker {margin-bottom:17px;color:#c3a77e;font-size:9px;letter-spacing:.13em}
.portal-game-page .portal-hero--game h1 {max-width:none;margin:0;color:#f0eee9;font-size:clamp(34px,3.4vw,52px);font-weight:750;line-height:1.08;letter-spacing:-.045em}
.portal-game-page .portal-hero--game h1 em {display:block;margin-top:5px;color:#f2af54;font-style:normal;text-shadow:0 0 35px #f5a53b22}
.portal-game-page .portal-hero--game .portal-hero-copy>p {max-width:430px;margin-top:18px;padding-right:0;color:#acafb7;font-size:12px;line-height:1.8}
.portal-game-page .portal-hero--game .portal-hero-actions {gap:20px;margin-top:23px}
.portal-game-page .portal-hero--game .portal-hero-actions .portal-button {min-height:40px;padding:10px 15px;font-size:11px}
.portal-game-page .portal-hero--game .portal-hero-actions .portal-text-link {font-size:11px}
.portal-game-page .portal-game-hero-scene {position:relative;inset:auto;align-self:stretch;min-height:320px;overflow:hidden;opacity:1;z-index:1;color:#e9a653;background:radial-gradient(ellipse at 70% 70%,#d5893221,transparent 70%);pointer-events:none}
.portal-game-page .portal-game-hero-scene::after {content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#1e20254d,transparent 28%),linear-gradient(0deg,#1c1e2370,transparent 24%);pointer-events:none}
.portal-game-page .portal-game-hero-orbit {position:absolute;left:50%;top:50%;width:280px;height:280px;border:1px solid #f5a53b1f;border-radius:50%;transform:translate(-42%,-48%);box-shadow:0 0 0 24px #f5a53b03,0 0 0 25px #f5a53b0d,0 0 70px #e6a24c0d}
.portal-game-page .portal-game-hero-grid {position:absolute;inset:30px 20px;background:linear-gradient(90deg,transparent 49.5%,#f5a53b14 50%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,#f5a53b14 50%,transparent 50.5%);transform:rotate(-14deg);opacity:.45}
.portal-game-page .portal-game-hero-characters {position:absolute;right:-4%;bottom:0;display:block;width:108%;height:98%;max-width:none;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 16px #00000080);transform-origin:center bottom;animation:portal-game-character-enter .75s ease-out both}
.portal-game-page .portal-game-card--cs2 .portal-game-hero-characters {height:93%;filter:brightness(1.75) contrast(1.05) saturate(1.08) drop-shadow(0 8px 16px #0007)}
.portal-game-page .portal-game-card--cs16 .portal-game-hero-characters {width:135%;height:135%;right:-17%;bottom:-9%}
.portal-game-page .portal-game-card--standoff2-pc .portal-game-hero-characters {width:130%;right:-18%;height:110%}
.portal-game-page .portal-game-hero-caption {position:absolute;bottom:15px;right:16px;z-index:3;color:#d6bd9b78;font:600 8px/1.4 Consolas,monospace;letter-spacing:.2em}
.portal-game-page .portal-game-tabs {gap:24px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap}
.portal-game-page .portal-game-tabs a {flex:none}
.portal-game-page .portal-game-tabs a:first-child {color:#f2b565}
@keyframes portal-game-character-enter {from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@container portal-game-page (max-width:780px) {
    .portal-game-page .portal-hero--game {min-height:310px;grid-template-columns:1.2fr .8fr}
    .portal-game-page .portal-hero--game .portal-hero-copy {padding:27px 0 28px 25px}
    .portal-game-page .portal-hero--game h1 {font-size:35px}
    .portal-game-page .portal-hero--game .portal-hero-copy>p {font-size:11px}
    .portal-game-page .portal-game-hero-scene {min-height:300px}
    .portal-game-page .portal-hero--game .portal-hero-actions {gap:15px}
}
@container portal-game-page (max-width:560px) {
    .portal-game-page .portal-hero--game {min-height:325px;display:block}
    .portal-game-page .portal-hero--game .portal-hero-copy {max-width:none;padding:29px 24px;position:relative;z-index:3}
    .portal-game-page .portal-hero--game h1 {font-size:35px;max-width:95%;text-shadow:0 2px 12px #14161bcc}
    .portal-game-page .portal-hero--game .portal-hero-copy>p {max-width:80%;font-size:12px;color:#b9bbc2}
    .portal-game-page .portal-game-hero-scene {position:absolute;inset:0 0 0 25%;min-height:0;width:auto;opacity:.25;z-index:1}
    .portal-game-page .portal-game-hero-scene::after {background:linear-gradient(90deg,#1e2025d9,transparent 85%)}
    .portal-game-page .portal-game-hero-caption {display:none}
    .portal-game-page .portal-hero--game .portal-hero-actions {gap:18px}
    .portal-game-page .portal-hero--game .portal-hero-actions .portal-text-link {font-size:10px}
}
@container portal-game-page (max-width:360px) {
    .portal-game-page .portal-hero--game h1 {font-size:30px}
    .portal-game-page .portal-hero--game .portal-hero-copy {padding:25px 20px}
    .portal-game-page .portal-hero--game .portal-hero-copy>p {max-width:100%}
    .portal-game-page .portal-hero--game .portal-hero-actions {gap:13px}
    .portal-game-page .portal-hero--game .portal-hero-actions .portal-button {padding-inline:11px;font-size:10px}
}
@media(prefers-reduced-motion:reduce) {.portal-game-page .portal-game-hero-characters {animation:none}}