.games-page{background:#070707;color:#f4f1e9;--game-gold:#f8d98a;--game-panel:#0d1112;--game-line:rgba(255,255,255,.16);--game-muted:#bbb8af}
.games-page main{min-height:80vh;background:radial-gradient(60% 45% at 80% 0,rgba(232,197,126,.12),transparent 70%),#070707}
.games-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:70px;align-items:end;max-width:1240px;margin:auto;padding:82px 44px 72px;border-bottom:1px solid var(--game-line)}
.games-hero h1{max-width:850px;margin:15px 0 22px;color:#f6f1e7;font:500 clamp(52px,7vw,96px)/.91 var(--display);letter-spacing:-.055em}.games-hero>div>p{max-width:720px;color:var(--game-muted);font:400 clamp(19px,2vw,25px)/1.45 var(--display)}
.games-hero aside{padding:26px;border:1px solid rgba(248,217,138,.28);border-radius:14px;background:rgba(248,217,138,.06)}.games-hero aside strong{display:block;color:var(--game-gold);font-size:13px;letter-spacing:.09em;text-transform:uppercase}.games-hero aside p{margin:12px 0 0;color:#d2cfc7;line-height:1.55}.games-hero aside b{color:#fff0bd}
.game-menu{max-width:1240px;margin:auto;padding:66px 44px 96px}.game-menu>header{display:grid;grid-template-columns:1fr 1fr;gap:12px 60px;margin-bottom:34px}.game-menu>header .kicker{grid-column:1/-1}.game-menu h2{margin:0;color:#f4f1e9;font:500 clamp(36px,4.5vw,58px)/1 var(--display);letter-spacing:-.035em}.game-menu>header p{align-self:end;margin:0;color:var(--game-muted);font-size:16px;line-height:1.55}
.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.room-card{display:flex;min-height:360px;flex-direction:column;padding:28px;border:1px solid var(--game-line);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 55%),var(--game-panel);color:#f4f1e9;text-align:left;transition:.2s ease}.room-card:hover,.room-card:focus-visible{transform:translateY(-3px);border-color:rgba(248,217,138,.52);box-shadow:0 22px 50px rgba(0,0,0,.25)}.room-number{color:var(--game-gold);font:500 54px/1 var(--display)}.room-card h3{margin:52px 0 13px;font:500 31px/1 var(--display)}.room-card p{margin:0;color:var(--game-muted);line-height:1.5}.room-status{display:flex;justify-content:space-between;margin-top:auto;padding-top:28px;border-top:1px solid var(--game-line);color:#e2c781;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.game-arena{max-width:920px;margin:auto;padding:46px 30px 100px}.arena-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;color:#aaa69d;font-size:13px}.back-games{padding:8px 0;border:0;background:transparent;color:var(--game-gold);font:600 13px var(--sans);cursor:pointer}.game-progress{height:3px;margin-bottom:28px;overflow:hidden;border-radius:10px;background:rgba(255,255,255,.09)}.game-progress span{display:block;width:0;height:100%;background:var(--game-gold);transition:width .3s ease}
.challenge-card{padding:42px;border:1px solid var(--game-line);border-radius:18px;background:var(--game-panel);box-shadow:0 30px 80px rgba(0,0,0,.22)}.challenge-heading{display:grid;grid-template-columns:64px 1fr;gap:20px;align-items:start}.room-mark{display:grid;width:58px;height:58px;place-items:center;border:1px solid rgba(248,217,138,.35);border-radius:50%;color:var(--game-gold);font:500 24px var(--display)}.challenge-card h2{margin:7px 0 0;color:#f4f1e9;font:500 clamp(31px,5vw,48px)/1 var(--display);letter-spacing:-.025em}.challenge-story{margin:30px 0;color:#e1ddd4;font:400 clamp(20px,2.5vw,27px)/1.45 var(--display)}
.game-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:30px 0}.game-option{min-height:58px;padding:14px 18px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:#15191a;color:#f4f1e9;font:600 16px var(--sans);cursor:pointer}.game-option:hover,.game-option:focus-visible{border-color:rgba(248,217,138,.6)}.game-option.selected{border-color:var(--game-gold);background:rgba(248,217,138,.12);color:#fff0bd}.game-option:disabled{cursor:default}.game-option.correct{border-color:#8fc79f;background:rgba(93,171,115,.12)}.game-option.wrong{border-color:#c98e7f;background:rgba(201,100,80,.1)}
.game-actions{display:flex;flex-wrap:wrap;gap:10px}.game-actions button{min-height:46px}.game-help,.game-feedback{display:none;margin-top:18px;padding:18px 20px;border-radius:10px;line-height:1.55}.game-help.visible{display:block;border:1px solid rgba(248,217,138,.25);background:rgba(248,217,138,.07);color:#ded9cf}.game-help strong{color:#fff0bd}.game-feedback.visible{display:block;border:1px solid rgba(255,255,255,.14);background:#14191a;color:#e9e5dc}.game-feedback.correct{border-color:rgba(110,190,132,.4)}.game-feedback.wrong{border-color:rgba(201,142,127,.4)}.next-game{margin-top:18px}
.game-finish{max-width:760px;margin:auto;padding:90px 30px 120px;text-align:center}.game-finish .finish-mark{display:grid;width:78px;height:78px;margin:0 auto 25px;place-items:center;border:1px solid rgba(248,217,138,.45);border-radius:50%;color:var(--game-gold);font:500 34px var(--display)}.game-finish h2{margin:0 0 18px;font:500 clamp(44px,6vw,68px)/.98 var(--display)}.game-finish p{color:var(--game-muted);font-size:18px;line-height:1.6}.finish-actions{display:flex;justify-content:center;gap:10px;margin-top:28px}
@media(max-width:820px){.games-hero{grid-template-columns:1fr;gap:34px;padding:55px 24px}.game-menu{padding:54px 24px 80px}.game-menu>header{grid-template-columns:1fr}.room-grid{grid-template-columns:1fr}.room-card{min-height:270px}.room-card h3{margin-top:35px}.challenge-card{padding:28px 22px}.game-options{grid-template-columns:1fr}}
@media(max-width:520px){.games-hero h1{font-size:46px}.game-arena{padding:28px 14px 70px}.challenge-heading{grid-template-columns:48px 1fr}.room-mark{width:44px;height:44px;font-size:20px}.game-actions{display:grid;grid-template-columns:1fr 1fr}.game-actions .primary{grid-column:1/-1}.game-actions button{width:100%}.finish-actions{flex-direction:column}}