.games-page,.oracle-page{--game-ivory:#f5e8cf;--game-muted:#c2afb8;--game-gold:#c7a773;overflow-wrap:anywhere}
.games-intro{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:64px;margin-bottom:50px}.games-intro h1{max-width:12ch;font-size:clamp(46px,5.8vw,84px);font-weight:700;line-height:1.02;color:var(--game-ivory);margin:0}.games-intro>p{max-width:42ch;color:var(--game-muted);font-size:18px;line-height:1.8;margin:0 0 4px}.games-page .eyebrow,.oracle-page .eyebrow{color:var(--game-gold);font-size:11px;letter-spacing:.16em;line-height:1.8}
.games-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.game-card{display:flex;flex-direction:column;min-width:0;border:1px solid #9a778c5c;border-radius:16px;overflow:hidden;background:#170f19de}.game-card-art{display:block;position:relative;aspect-ratio:1.48;overflow:hidden;background:#170e16}.game-card-art picture,.game-card-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.game-card-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#170f19c9,transparent 45%);pointer-events:none}.game-card-art:hover img{transform:scale(1.025)}.game-card-oracle .game-card-art{background:radial-gradient(ellipse at 52% 62%,#235f4055,transparent 65%),#071e17}.game-card-oracle .game-card-art img{object-fit:contain;padding:5px 18px 26px}.game-card-oracle .game-card-art:after{background:linear-gradient(0deg,#12251ee6,transparent 30%)}.game-number{position:absolute;inset-block-start:21px;inset-inline-start:23px;z-index:1;border:1px solid #e5c99880;border-radius:50%;height:37px;width:37px;display:grid;place-items:center;color:#f2dfbf;background:#160e1699;font-size:12px;letter-spacing:.1em}.oracle-card-seal{position:absolute;bottom:22px;inset-inline:20px;text-align:center;z-index:1;color:#bcceb3;font-size:9px;letter-spacing:.22em}.game-card-copy{padding:28px 30px 32px;display:flex;flex:1;flex-direction:column}.game-card-copy .eyebrow{margin-bottom:13px}.game-card-copy h2{font-size:clamp(26px,2.8vw,37px);color:var(--game-ivory);margin-bottom:16px}.game-card-copy>p{color:var(--game-muted);font-size:15px;line-height:1.8;margin-bottom:27px}.game-card-oracle{border-color:#88b39952}.game-card-oracle .eyebrow{color:#a9ccb2}.game-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 22px;margin-top:auto}.game-launch{display:inline-flex;align-items:center;justify-content:center;max-width:100%;gap:12px!important}.game-card-oracle .game-launch,.oracle-page .game-launch{background:#274d3d!important;border:1px solid #84a987;color:#fff0cf!important}.game-card-oracle .game-launch:hover,.oracle-page .game-launch:hover{background:#35634d!important}.game-card-actions .text-link{font-size:13px}.games-tab-note{font-size:12px;text-align:end;color:#a997a8;margin:16px 0 0}.games-research{margin-top:60px;border-block:1px solid #ab8a605c;padding:38px 0 0;display:flex;align-items:center;justify-content:space-between;gap:45px}.games-research h2{color:var(--game-ivory);font-size:30px}.games-research p{color:var(--game-muted);max-width:55ch;margin:0}.games-research .action{flex-shrink:0}
.game-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;color:#c8b29b;font-size:13px;margin-bottom:36px}.game-breadcrumb a{text-decoration:underline;text-underline-offset:5px}.oracle-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:center;padding:32px 0 50px;border-bottom:1px solid #9f9d7054}.oracle-hero-copy{position:relative;z-index:1}.oracle-hero-copy h1{font-size:clamp(32px,4vw,56px);line-height:1.08;color:#eee0b5;margin-top:12px}.oracle-logo{display:block;width:100%;height:auto;max-width:520px;filter:drop-shadow(0 8px 18px #0006);margin:0 0 8px}.oracle-hero-copy>p{max-width:47ch;font-size:17px;line-height:1.85;color:#ccbdc2}.oracle-refuge{margin:0;min-width:0;background:radial-gradient(ellipse at 55% 60%,#24533348,transparent 68%);align-self:center}.oracle-refuge>img{display:block;width:100%;height:auto}.oracle-refuge figcaption{color:#a9b5a3;font-size:11px;text-align:center;line-height:1.7;max-width:46ch;margin:0 auto}.oracle-tab-note{display:block;color:#a2b69f;margin-top:12px;font-size:11px}.oracle-chapter{display:grid;grid-template-columns:60px 1fr 1fr;gap:30px;padding:52px 0;align-items:start}.oracle-chapter h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.03em;font-size:clamp(32px,3.5vw,45px);color:#ebddbd;margin:0}.oracle-chapter p{color:var(--game-muted);font-size:16px;line-height:1.85;margin:0}.oracle-section-index{font-size:13px;color:#b9a179;padding-top:5px}.oracle-elements{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:36px 40px;background:linear-gradient(135deg,#15251bd9,#15131bdc);border:1px solid #8ca07b4f;border-radius:14px;margin:10px 0 70px}.oracle-elements h2{color:#ece2c8;font-size:clamp(28px,3vw,40px)}.oracle-elements p{color:#c0b7bc;line-height:1.85}.oracle-elements>img{width:100%;height:auto;display:block;border-radius:10px}.oracle-playtest{border-inline-start:2px solid #81986a;padding-inline-start:20px;margin-top:28px}.oracle-playtest h3{font-size:20px;color:#cfdbc3;margin-bottom:12px}.oracle-playtest p{font-size:14px;margin:0}.oracle-workshop-intro{max-width:700px;margin-bottom:32px}.oracle-workshop-intro h2{color:#eddfc1}.oracle-workshop-intro p{color:var(--game-muted);line-height:1.8}.oracle-workshop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.oracle-workshop-grid figure{margin:0;border:1px solid #a4885f50;border-radius:12px;background:#16171be6;overflow:hidden}.oracle-workshop-image{display:flex;align-items:center;justify-content:center;height:330px;padding:24px;background:radial-gradient(ellipse at center,#36534330,transparent 70%),#10191a}.oracle-workshop-image img{display:block;max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}.oracle-workshop-grid figcaption{padding:26px 30px}.oracle-workshop-grid h3{font-size:23px;color:#e7d8ba}.oracle-workshop-grid p{font-size:14px;color:var(--game-muted);line-height:1.8;margin:0}.oracle-records{margin-top:65px;padding:35px 0 0;border-top:1px solid #9e89615c;display:flex;align-items:center;gap:50px;justify-content:space-between}.oracle-records>div{max-width:74ch}.oracle-records h2{font-size:31px;color:#ead8b4}.oracle-records p{font-size:15px;color:var(--game-muted);line-height:1.8}.oracle-records .actions{gap:15px 26px;font-size:13px}.oracle-records>.game-launch{flex-shrink:0}
@media(max-width:1000px){.games-intro{gap:35px}.game-card-copy{padding:24px}.oracle-elements{gap:25px;padding:26px}.oracle-records{align-items:flex-start;flex-direction:column;gap:25px}.oracle-chapter{grid-template-columns:35px 1fr 1fr;gap:18px}.game-card-art{aspect-ratio:1.25}}
@media(max-width:760px){.games-intro{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.games-intro h1{font-size:clamp(43px,10vw,65px);max-width:15ch}.games-intro>p{font-size:16px}.games-grid{grid-template-columns:1fr;gap:30px}.game-card-art{aspect-ratio:1.48}.game-card-copy h2{font-size:30px}.game-card-actions{gap:20px}.games-research{margin-top:40px;align-items:flex-start;flex-direction:column;gap:25px}.oracle-hero{grid-template-columns:1fr;gap:20px;padding-top:0}.oracle-hero-copy h1{font-size:36px}.oracle-hero-copy>p{font-size:16px}.oracle-logo{max-width:440px}.oracle-refuge{max-width:540px;margin-inline:auto}.oracle-chapter{grid-template-columns:28px 1fr;gap:15px;padding:38px 0}.oracle-chapter>p{grid-column:2}.oracle-elements{grid-template-columns:1fr;margin-bottom:45px;padding:24px;gap:25px}.oracle-elements>img{max-width:430px;margin:auto}.oracle-workshop-grid{grid-template-columns:1fr}.oracle-workshop-image{height:300px}.oracle-workshop-grid figcaption{padding:22px 24px}.oracle-records{margin-top:45px}.games-tab-note{text-align:start}}
@media(prefers-reduced-motion:reduce){.game-card-art img{transition:none}.game-card-art:hover img{transform:none}}
/* # ARCHITECTURE SNAPSHOT
Coordinate Space: Responsive CSS grid/flex layout with logical RTL-safe spacing.
Array Formats: Two game columns, two workshop figures, mobile single-column flow.
Dependencies/Pointers: Page-scoped static artwork; reduced-motion-aware hover transform only. */
.games-page .sr-only,.oracle-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.game-card-logo img{display:block;width:100%;height:auto;max-height:145px;object-fit:contain}.odyssey-title-logo{display:block;width:min(100%,720px);height:auto}.oracle-hero-copy h1{margin-top:0;line-height:1}.game-card-copy .game-card-logo{margin:0 0 20px}