/* Site-facing project wrappers. Actual game styles remain in their embedded fields. */
:root { color-scheme: light; }
body.c2e-game-shell { margin:0; background:var(--warm-paper,#faf6ed); color:var(--warm-ink,#293d35); font-family:system-ui,sans-serif; }
.c2e-game-shell *, .c2e-game-shell *::before, .c2e-game-shell *::after { box-sizing:border-box; }
.c2e-game-shell:not(.c2e-game-field) a:not(.project-play-frame-shell *) { color:var(--warm-forest,#183c35); }
.game-context-nav { width:min(1120px,calc(100% - 40px)); margin:24px auto; display:flex; flex-wrap:wrap; gap:12px 24px; }
.c2e-game-shell:not(.c2e-game-field) main:not(.project-play-frame-shell *) { width:min(1120px,calc(100% - 40px)); margin:32px auto 64px; }
.c2e-game-shell:not(.c2e-game-field) :is(h1,h2,h3):not(.project-play-frame-shell *) { color:var(--warm-forest,#183c35); font-family:Georgia,serif; line-height:1.15; }
.c2e-game-shell:not(.c2e-game-field) h1:not(.project-play-frame-shell *) { font-size:clamp(2.2rem,5vw,3.5rem); }
.c2e-game-shell:not(.c2e-game-field) :is(p,li):not(.project-play-frame-shell *) { line-height:1.65; }
.c2e-game-shell .project-landing-hero,.c2e-game-shell .project-description-layout,.c2e-game-shell .project-landing-layout { display:grid; grid-template-columns:1.2fr 1fr; gap:36px; align-items:center; margin:32px 0; }
.c2e-game-shell .project-landing-preview img,.c2e-game-shell .project-landing-media img { display:block; max-width:100%; height:auto; border-radius:10px; }
.c2e-game-shell .project-fact-panel { padding:24px; background:#eee8dc; border-radius:10px; }
.c2e-game-shell .project-fact-panel div { display:flex; justify-content:space-between; gap:16px; margin:12px 0; }
.c2e-game-shell:not(.c2e-game-field) .project-link:not(.project-play-frame-shell *),.c2e-game-shell:not(.c2e-game-field) .tab-button:not(.project-play-frame-shell *) { display:inline-flex; align-items:center; min-height:44px; padding:10px 20px; border:1px solid var(--warm-line,#ded5c4); border-radius:999px; background:var(--warm-clay,#ae4528); color:white; font:inherit; text-decoration:none; }
.c2e-game-shell:not(.c2e-game-field) .project-link-secondary:not(.project-play-frame-shell *),.c2e-game-shell:not(.c2e-game-field) .tab-button:not(.project-play-frame-shell *) { background:transparent; color:var(--warm-forest,#183c35); }
.c2e-game-shell .project-landing-actions,.c2e-game-shell .project-card-actions { display:flex; gap:12px; flex-wrap:wrap; margin:24px 0; }
.c2e-game-shell .project-play-frame-shell { width:100%; min-height:70vh; color:var(--text,#eafcff); --muted:#9db5be; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:normal; }
.c2e-game-shell .project-play-frame { display:block; width:100%; height:85vh; min-height:600px; border:1px solid var(--warm-line,#ded5c4); border-radius:10px; background:transparent; }
.c2e-game-shell .project-card { border:1px solid var(--warm-line,#ded5c4); border-radius:10px; padding:24px; }
.c2e-game-shell .project-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.c2e-game-shell .project-preview { display:block; }
.c2e-game-shell .project-preview img { max-width:100%; height:auto; }
.c2e-game-shell:not(.c2e-game-field) a:focus-visible:not(.project-play-frame-shell *),.c2e-game-shell:not(.c2e-game-field) button:focus-visible:not(.project-play-frame-shell *) { outline:3px solid var(--warm-forest,#183c35); outline-offset:4px; }
@media(max-width:760px) { .c2e-game-shell .project-landing-hero,.c2e-game-shell .project-description-layout,.c2e-game-shell .project-landing-layout,.c2e-game-shell .project-grid { grid-template-columns:1fr; gap:24px; } .c2e-game-shell .project-play-frame { min-height:650px; } }

/* Embedded markup omits Gravity Well's original header row. */
.c2e-game-shell .project-play-frame-shell .gravity-panel { grid-template-rows:auto minmax(0,1fr); }
/* The existing resume content remains available; its route uses this chrome. */
body.c2e-legacy-profile { --text:var(--warm-ink); --surface:#fffaf1; --bg-rgb:250,246,237; --surface-rgb:255,250,241; --surface-strong-rgb:240,234,220; --primary-rgb:24,60,53; --secondary-rgb:174,69,40; --muted:var(--warm-muted); --gold:var(--warm-clay); --line:var(--warm-line); --shadow:transparent; }
.c2e-legacy-profile .about-shell { min-height:0; padding:0; }
.c2e-legacy-profile .about-panel { background:transparent; border:0; box-shadow:none; }
.c2e-legacy-profile :is(.impact-card,.timeline article,.accomplishment-grid article) { box-shadow:none; }
.c2e-legacy-profile .about-hero { display:grid; }
@media(max-width:760px) { .c2e-legacy-profile .about-hero { grid-template-columns:1fr; } }

@media(max-width:980px) {
  .c2e-legacy-profile :is(.skill-detail,.job-detail) { position:static; display:none; width:100%; max-width:100%; margin:12px 0 0; transform:none; }
  .c2e-legacy-profile :is(.skill-detail,.job-detail)::before { display:none; }
  .c2e-legacy-profile :is(.skill-chip,.timeline article):is(:hover,:focus,:focus-within) :is(.skill-detail,.job-detail) { display:grid; transform:none; }
}
