/* A personal game room, sharing the site's typography and palette. */
.game-invite {display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;padding:64px 0 70px;border-bottom:1px solid var(--line);}
.game-invite h2 {font-size:clamp(42px,5vw,66px);line-height:1.2;letter-spacing:-2px;}
.game-invite h2 em,.game-steam h2 em {color:var(--accent);font-style:normal;}
.game-invite p:not(.eyebrow) {margin-top:26px;color:var(--muted);font-size:15px;line-height:2;}
.game-jump {display:inline-flex;gap:32px;margin-top:28px;color:var(--ink);font-size:13px;}
.game-jump span {color:var(--accent);}
.game-invite__art {position:relative;display:grid;place-items:center;min-height:300px;color:var(--accent);background:radial-gradient(ellipse,rgba(199,245,104,.08),transparent 65%);}
.game-invite__art svg {width:min(80%,280px);transform:rotate(-10deg);z-index:1;}
.game-orbit {position:absolute;width:260px;height:260px;border:1px solid #c7f56830;border-radius:50%;}
.game-orbit:before {content:"";position:absolute;inset:24px;border:1px dashed #c7f56830;border-radius:50%;}
.game-orbit:after {content:"+";position:absolute;top:16px;right:14px;background:var(--bg);font:26px var(--mono);}
.game-art-caption {position:absolute;bottom:0;color:var(--muted);font:9px var(--mono);letter-spacing:2px;}
.game-roster {scroll-margin-top:35px;padding:54px 0 60px;}
.game-section-heading {display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px;}
.game-section-heading .eyebrow {margin-bottom:12px;}
.game-section-heading h2 {font-size:25px;letter-spacing:-.7px;}
.game-section-heading>span {color:var(--muted);font-size:12px;}
.game-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.game-card {--game-color:#92c9e6;display:flex;flex-direction:column;border:1px solid var(--line);background:var(--surface);min-width:0;transition:border-color .2s;}
.game-card:hover {border-color:var(--game-color);}
.game-card--valorant {--game-color:#ff8790;}
.game-card--delta {--game-color:#c7f568;}
.game-card__art {height:180px;position:relative;overflow:hidden;color:var(--game-color);border-bottom:1px solid var(--line);background:repeating-linear-gradient(0deg,transparent,transparent 23px,#ffffff05 24px),repeating-linear-gradient(90deg,transparent,transparent 23px,#ffffff05 24px),#12191b;}
.game-card__number {position:absolute;top:12px;left:18px;font:10px var(--mono);letter-spacing:2px;}
.game-card__arena {position:absolute;bottom:15px;left:18px;font:8px var(--mono);letter-spacing:1.4px;}
.game-card__symbol {position:absolute;left:50%;top:43%;width:76px;height:76px;transform:translate(-50%,-50%) rotate(45deg);border:2px solid currentColor;box-shadow:0 0 0 13px #92c9e60a,0 0 0 27px #92c9e605;}
.game-card--rift .game-card__symbol:before,.game-card--rift .game-card__symbol:after {content:"";position:absolute;inset:13px;border:1px solid currentColor;}
.game-card--rift .game-card__symbol:after {inset:28px;background:currentColor;}
.game-card--valorant .game-card__art {background-color:#20171b;}
.game-card--valorant .game-card__symbol {border:0;box-shadow:none;transform:translate(-50%,-50%);width:125px;height:70px;background:currentColor;clip-path:polygon(0 0,45% 72%,76% 26%,100% 26%,50% 100%);}
.game-card--delta .game-card__art {background-color:#192016;}
.game-card--delta .game-card__symbol {transform:translate(-50%,-50%);border-radius:50%;border-style:dashed;box-shadow:0 0 0 17px #c7f5680a;}
.game-card--delta .game-card__symbol:before,.game-card--delta .game-card__symbol:after {content:"";position:absolute;background:currentColor;}
.game-card--delta .game-card__symbol:before {width:110px;height:1px;top:36px;left:-19px;}
.game-card--delta .game-card__symbol:after {height:110px;width:1px;left:36px;top:-19px;}
.game-card__body {display:flex;flex-direction:column;flex:1;padding:24px;}
.game-card__type {color:var(--game-color);font:9px var(--mono);letter-spacing:1px;margin-bottom:14px!important;}
.game-card h3 {font-size:25px;letter-spacing:-.5px;}
.game-card__description {font-size:13px;line-height:1.95;color:var(--muted);margin-top:23px!important;}
.game-card__invitation {font-size:13px;line-height:1.95;margin:14px 0 25px!important;color:var(--ink);}
.game-account {margin-top:auto;padding-top:20px;border-top:1px solid var(--line);}
.game-account>span:first-child {display:block;font-size:11px;color:var(--muted);margin-bottom:8px;}
.game-account>strong {display:block;font:600 18px/1.7 var(--sans);overflow-wrap:anywhere;user-select:all;}
.game-copy {display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:15px;padding:10px 0;border:0;border-top:1px solid var(--line);color:var(--game-color,var(--accent));background:transparent;text-align:left;font:12px var(--sans);cursor:pointer;}
.game-copy[hidden] {display:none;}
.game-copy:hover {color:var(--ink);}
.game-copy:focus-visible,.game-jump:focus-visible,.game-steam a:focus-visible,.game-signoff a:focus-visible {outline:2px solid var(--accent);outline-offset:5px;}
.game-copy-status {display:block;min-height:18px;font-size:10px;color:var(--accent);line-height:1.8;}
.game-steam {display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:60px 0;border-top:1px solid var(--line);}
.game-steam h2 {font-size:42px;line-height:1.3;letter-spacing:-1px;}
.game-steam__intro>p:last-child {font-size:14px;line-height:2;color:var(--muted);margin-top:24px;max-width:440px;}
.game-steam__intro strong {color:var(--ink);}
.game-steam__panel {border:1px solid var(--line);padding:30px;background:linear-gradient(135deg,#192122,var(--surface));}
.game-steam__label {display:block;font:9px var(--mono);letter-spacing:1.7px;color:var(--muted);margin-bottom:25px;}
.game-steam__panel .game-account {border:0;padding:0;}
.game-steam__panel .game-account>strong {font:600 32px/1.5 var(--mono);letter-spacing:-1px;}
.game-steam__primary,.game-steam__secondary {display:flex;justify-content:space-between;gap:15px;align-items:center;padding:15px 18px;font-size:13px;}
.game-steam__primary {margin-top:22px;background:var(--accent);color:#101212!important;}
.game-steam__primary:hover {background:#ddff9c;}
.game-steam__secondary {border:1px solid var(--line);margin-top:10px;color:var(--ink);}
.game-steam__panel>p {margin-top:18px;font-size:10px;line-height:1.8;color:var(--muted);}
.steam-played {padding:0 0 60px;}
.steam-played__note {font:12px/1.8 var(--sans);color:var(--muted);margin-bottom:24px!important;}
.steam-played__note a {color:var(--accent);}
.steam-played__grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;}
.steam-played__card {padding:28px 0;border-top:1px solid var(--line);}
.steam-played__meta {display:flex;justify-content:space-between;gap:12px;font:9px/1.7 var(--mono);letter-spacing:.6px;color:var(--muted);}
.steam-played__meta>span:last-child {color:var(--accent);white-space:nowrap;}
.steam-played__meta abbr {text-decoration:none;border:0;}
.steam-played__card h3 {font-size:24px;margin:14px 0 12px;}
.steam-played__card h3 a {color:var(--ink);}
.steam-played__card h3 span {color:var(--accent);font-size:18px;}
.steam-played__card p {font-size:13px;line-height:1.9;color:var(--muted);}
.game-signoff {display:flex;align-items:center;gap:20px;padding:30px 0;border-top:1px solid var(--line);}
.game-signoff>span {font-size:38px;color:var(--accent);}
.game-signoff p {font-size:15px;line-height:1.8;}
.game-signoff small {font:10px var(--mono);color:var(--muted);}
.game-signoff>a {margin-left:auto;color:var(--accent);font-size:13px;}
@media(max-width:1000px) {.game-grid {gap:12px;}.game-card__body {padding:20px 16px;}.game-steam {gap:35px;}}
@media(max-width:760px) {.game-invite {grid-template-columns:1fr;padding:36px 0;gap:15px;}.game-invite__art {min-height:210px;}.game-orbit {width:180px;height:180px;}.game-invite__art svg {width:200px;}.game-invite h2 {font-size:44px;}.game-invite p:not(.eyebrow) {font-size:14px;}.game-wide-break {display:none;}.game-grid {grid-template-columns:1fr;gap:24px;}.game-card__body {padding:24px;}.game-section-heading {display:block;}.game-section-heading>span {display:block;margin-top:14px;}.game-section-heading h2 {font-size:23px;}.game-roster {padding:38px 0;}.game-steam {grid-template-columns:1fr;padding:38px 0;gap:28px;}.game-steam h2 {font-size:36px;}.game-steam__panel {padding:24px;}.game-steam__panel .game-account>strong {font-size:26px;}.game-signoff {gap:12px;}.game-signoff>a {font-size:12px;}}
@media(prefers-reduced-motion:reduce) {.game-card {transition:none;}}
@media(max-width:760px) {.steam-played__grid {grid-template-columns:1fr;}.steam-played {padding-bottom:30px;}.game-invite h2 {font-size:clamp(32px,8vw,44px);}}