:root{--games-gold:#d9b85f;--games-ink:#07101f;--games-panel:#101b31;--games-teal:#7fb8b1;--games-cream:#f5f0df;--games-danger:#f2a6a6;--games-good:#9fdbc5}
.games-page{background:radial-gradient(circle at 80% 0,#172b49 0,transparent 36%),var(--games-ink);color:#f6f3eb;min-height:100vh}
.games-page main{overflow:hidden}.games-shell{max-width:1180px;margin:auto;padding:clamp(2rem,6vw,5rem) clamp(1rem,4vw,3rem)}
.games-back{display:inline-flex;min-height:44px;align-items:center;margin-bottom:1.5rem;color:var(--games-teal)}
.games-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:clamp(2rem,6vw,5rem);align-items:center}
.games-kicker,.game-meta{font-family:var(--sans,Arial,sans-serif);text-transform:uppercase;letter-spacing:.15em;font-size:.78rem;color:var(--games-gold);font-weight:700}
.games-hero h1,.game-header h1{font-size:clamp(3rem,8vw,7rem);line-height:.9;margin:.3rem 0 1.4rem}.games-hero .intro,.game-header .intro{font-size:clamp(1.1rem,2vw,1.35rem);max-width:700px;line-height:1.6}
.lab-seal{aspect-ratio:1;max-width:360px;margin:auto;border:1px solid rgba(217,184,95,.6);border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,rgba(127,184,177,.13),transparent 62%)}
.lab-seal:before,.lab-seal:after{content:"";position:absolute;inset:9%;border:1px solid rgba(217,184,95,.28);border-radius:50%}.lab-seal:after{inset:22%;border-style:dashed}
.lab-seal span{font-family:Georgia,serif;font-size:clamp(3rem,8vw,6rem);color:var(--games-gold)}
.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-top:4rem}
.game-card{border:1px solid rgba(217,184,95,.35);background:linear-gradient(145deg,rgba(22,37,62,.97),rgba(10,18,34,.97));padding:clamp(1.35rem,3vw,2.2rem);min-height:290px;display:flex;flex-direction:column;box-shadow:0 18px 45px rgba(0,0,0,.2)}
.game-card .card-number{font-size:.76rem;letter-spacing:.2em;color:var(--games-teal)}.game-card h2{font-size:clamp(1.8rem,4vw,2.7rem);margin:.65rem 0}.game-card p{line-height:1.65}.game-card .button{margin-top:auto;align-self:flex-start}
.lab-note{margin-top:3rem;border-top:1px solid rgba(217,184,95,.3);padding-top:1.5rem;color:#cad5d6;max-width:760px}.lab-note strong{color:#fff}
.game-header{max-width:850px;margin-bottom:2rem}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,320px);gap:2rem;align-items:start}
.game-stage,.game-help{border:1px solid rgba(217,184,95,.3);background:rgba(12,24,43,.92);padding:clamp(1rem,3vw,2rem)}.game-stage{min-height:430px}.game-help{position:sticky;top:1rem}.game-help h2{font-size:1.25rem}.game-help p,.game-help li{font-size:.95rem;line-height:1.55}
.game-toolbar{display:flex;gap:.75rem;flex-wrap:wrap;margin:1rem 0}.game-toolbar button,.game-toolbar select,.game-choice,.word-cell,.evidence-tab{min-height:44px}
.game-toolbar select{padding:.65rem;background:#fff;color:#111;border:2px solid transparent;border-radius:0}.game-toolbar button,.game-choice,.evidence-tab{font:inherit}
.game-status{min-height:2.6rem;padding:.7rem 0;color:var(--games-teal);font-weight:700}.game-error{color:var(--games-danger)}
.choice-list{display:grid;gap:.75rem;margin:1.5rem 0}.game-choice{text-align:left;padding:.9rem 1rem;background:#182945;color:#fff;border:1px solid #47607d;cursor:pointer}.game-choice:hover,.game-choice:focus-visible{border-color:var(--games-gold);background:#213553}.game-choice[aria-pressed=true]{outline:3px solid var(--games-gold);outline-offset:2px}.game-choice.correct{border-color:var(--games-good);background:#173a35}.game-choice.incorrect{border-color:var(--games-danger);background:#48282f}
.progress-line{display:flex;justify-content:space-between;gap:1rem;color:#c7d2d4;font-family:var(--sans,Arial,sans-serif);font-size:.9rem}.feedback{border-left:3px solid var(--games-gold);padding:1rem;margin:1rem 0;background:rgba(217,184,95,.08)}
.result-score{font-size:clamp(3rem,10vw,6rem);color:var(--games-gold);font-family:Georgia,serif;margin:.5rem 0}.review-list{display:grid;gap:1rem;padding:0;list-style:none}.review-list li{border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:1rem}
.word-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,240px);gap:1.2rem}.word-grid{display:grid;grid-template-columns:repeat(var(--grid-size),minmax(0,1fr));max-width:660px;aspect-ratio:1;touch-action:none;user-select:none;border:1px solid #50647b}.word-cell{min-width:0;aspect-ratio:1;padding:0;background:#12233e;color:#fff;border:1px solid rgba(255,255,255,.08);font-weight:700;font-size:clamp(.58rem,2vw,1rem);cursor:pointer}.word-cell:hover,.word-cell:focus-visible,.word-cell.selecting{background:#315270;outline:2px solid var(--games-gold);outline-offset:-2px}.word-cell.found{background:#315e50;color:#fff}.word-list{columns:2;list-style:none;padding:0;margin:0}.word-list li{padding:.35rem}.word-list .found{text-decoration:line-through;color:var(--games-good)}.hinted{box-shadow:inset 0 0 0 3px var(--games-gold)}
.evidence-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.evidence-tab{padding:.65rem .85rem;background:#172947;color:#fff;border:1px solid #52677f}.evidence-tab[aria-selected=true]{background:var(--games-gold);color:#111}.evidence-panel{border:1px solid rgba(217,184,95,.3);padding:1.2rem;min-height:190px;background:#f4efe2;color:#17202b}.evidence-panel h2{color:#17202b}.record-table{width:100%;border-collapse:collapse}.record-table th,.record-table td{text-align:left;border-bottom:1px solid #b9b09a;padding:.6rem;vertical-align:top}.record-table th{width:34%}.reasoning-step{margin:1.5rem 0;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.16)}
.privacy-strip{display:flex;gap:1rem;justify-content:space-between;align-items:center;margin-top:3rem;padding:1.2rem 0;border-top:1px solid rgba(217,184,95,.25);font-size:.9rem;color:#bac8cb}.privacy-strip button{background:none;color:var(--games-teal);border:0;text-decoration:underline;min-height:44px;cursor:pointer}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:820px){.games-hero,.game-layout{grid-template-columns:1fr}.lab-seal{max-width:230px}.game-help{position:static}.game-grid{grid-template-columns:1fr}.word-layout{grid-template-columns:1fr}.word-list{columns:3}}
@media(max-width:480px){.games-shell{padding-inline:.8rem}.game-stage,.game-help{padding:1rem}.word-list{columns:2}.word-cell{min-height:0}.privacy-strip{align-items:flex-start;flex-direction:column}.games-hero h1,.game-header h1{font-size:2.8rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(forced-colors:active){.game-card,.game-stage,.game-help,.game-choice,.word-cell{border:1px solid CanvasText}.word-cell.found{outline:3px solid Highlight}}