.games-main { padding-top:65px; padding-bottom:85px; }
.arcade-intro { display:grid; grid-template-columns:1fr 230px; gap:60px; align-items:center; padding-bottom:45px; border-bottom:1px solid var(--edge); }
.arcade-intro h1 { font-size:clamp(36px,5vw,64px); max-width:740px; line-height:1.12; white-space:pre-line; margin:20px 0; }
.arcade-intro p:not(.eyebrow) { max-width:600px; line-height:1.8; color:var(--copy); }
.arcade-emblem { border:1px solid var(--edge); border-radius:50%; aspect-ratio:1; display:flex; flex-direction:column; align-items:center; justify-content:center; color:var(--accent); background:var(--surface); }
.arcade-emblem strong { font-size:85px; font-weight:300; line-height:1.1; }
.arcade-emblem span { font-size:10px; letter-spacing:3px; }
.games-language,.game-save-note { font-size:12px; color:var(--copy); line-height:1.8; margin:22px 0; }
.game-library-heading { display:flex; justify-content:space-between; align-items:center; gap:15px; margin:42px 0 25px; }
.game-library-heading h2 { font-size:25px; margin:0; }
.game-library-heading span { font-size:12px; color:var(--copy); }
.game-library-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.game-tile { min-width:0; border:1px solid var(--edge); border-radius:20px; overflow:hidden; background:var(--surface); display:flex; flex-direction:column; }
.game-art { height:175px; position:relative; overflow:hidden; background:var(--surface-raised); border-bottom:1px solid var(--edge); color:var(--accent); }
.cash-art { display:flex; align-items:flex-end; justify-content:center; gap:14px; padding:28px; }
.cash-art i { display:block; width:40px; height:45px; border:1px solid var(--accent); border-radius:5px; background:var(--surface); }
.cash-art i:nth-of-type(2) { height:75px; }.cash-art i:nth-of-type(3) { height:110px; }
.mini-coin { position:absolute; left:30px; top:25px; border:1px solid var(--accent); border-radius:50%; width:55px; height:55px; display:grid; place-items:center; font-size:12px; }
.sorting-art span { position:absolute; top:40px; left:30px; padding:22px 14px; border:1px solid var(--accent); border-radius:8px; transform:rotate(-10deg); font-size:12px; letter-spacing:2px; }
.sorting-art span:nth-child(2) { left:auto; right:30px; top:65px; transform:rotate(10deg); }
.sorting-art b { display:block; text-align:center; padding-top:68px; font-weight:400; font-size:30px; }
.scam-art { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; }
.scam-art span,.scam-art i { font-size:9px; letter-spacing:1.8px; font-style:normal; }.scam-art b { font-size:45px; line-height:1; border:1px solid var(--accent); border-radius:50%; width:60px; height:60px; text-align:center; }
.game-tile-body { padding:27px; display:flex; flex-direction:column; flex:1; }
.game-tile h3 { font-size:27px; margin:5px 0 14px; }.game-tile p:not(.eyebrow) { font-size:14px; line-height:1.8; color:var(--copy); }
.game-tile .game-best { margin-top:auto; padding-top:20px; }.game-tile .button { justify-content:space-between; width:100%; }
#game-arena { max-width:880px; margin:35px auto; scroll-margin-top:110px; }
.game-topbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:22px; }
.game-topbar button { background:none; color:var(--copy); border:0; padding:12px 0; cursor:pointer; text-decoration:underline; }
.game-topbar span { color:var(--copy); font-size:13px; }.game-panel { border:1px solid var(--edge); background:var(--surface); border-radius:22px; padding:clamp(24px,5vw,48px); }
.game-panel h2 { font-size:clamp(27px,4vw,40px); line-height:1.2; margin:14px 0 22px; }.game-panel p { color:var(--copy); line-height:1.8; }
.game-panel h2:focus { outline:none; }
.game-progress { width:100%; height:6px; border:0; margin:0 0 25px; accent-color:var(--action); }
.game-progress::-webkit-progress-bar { background:var(--surface-raised); border-radius:8px; }.game-progress::-webkit-progress-value { background:var(--action); border-radius:8px; }
.game-question { padding:24px; border:1px solid var(--edge); border-radius:12px; background:var(--canvas); margin-bottom:24px; }
.game-options { display:grid; gap:12px; }.game-options button { width:100%; padding:18px 22px; border:1px solid var(--edge); border-radius:12px; background:var(--surface-raised); color:var(--text); font:inherit; line-height:1.5; text-align:left; cursor:pointer; min-height:56px; }
.game-options button:hover:not(:disabled) { border-color:var(--accent); background:var(--canvas); }.game-options button:disabled { cursor:default; opacity:.65; }.game-options button.chosen { border:2px solid var(--accent); opacity:1; }
.game-options.sort-options { grid-template-columns:1fr 1fr; }.sort-options button { text-align:center; font-size:21px; }
.game-feedback { border-left:3px solid var(--accent); padding:5px 0 5px 20px; margin:25px 0; }.game-feedback strong { color:var(--text); }.game-feedback p { margin:8px 0; }
.game-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:25px 0; }.game-stat { padding:16px; background:var(--canvas); border-radius:12px; min-width:0; }.game-stat span { display:block; font-size:11px; color:var(--copy); }.game-stat strong { font-size:24px; display:block; padding-top:5px; overflow-wrap:anywhere; }
.budget-control { padding:18px 0; border-bottom:1px solid var(--edge); }.budget-control label { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:0 0 15px; }.budget-control input { width:100%; accent-color:var(--accent); padding:0; min-height:32px; }
.game-budget-bar { display:flex; height:20px; overflow:hidden; border-radius:5px; background:var(--canvas); }.game-budget-bar span:nth-child(1) { background:#698a94; }.game-budget-bar span:nth-child(2) { background:#cbad79; }.game-budget-bar span:nth-child(3) { background:#aed1ba; }
.game-panel .button { margin-top:16px; }.game-result-score { font-size:72px; color:var(--accent); font-weight:600; letter-spacing:-3px; }.game-result-score small { font-size:20px; letter-spacing:0; color:var(--copy); }.game-result-actions { display:flex; flex-wrap:wrap; gap:18px; align-items:center; }
.game-panel button:focus-visible,.game-panel a:focus-visible,.game-tile button:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
@media (prefers-reduced-motion:no-preference) { .game-panel { animation:game-arrive 300ms ease-out; } @keyframes game-arrive { from { opacity:.2; transform:translateY(12px); } to { opacity:1; transform:none; } } }
@media(max-width:900px) { .game-library-grid { grid-template-columns:1fr; }.game-tile { display:grid; grid-template-columns:200px 1fr; }.game-art { height:100%; min-height:190px; border:0; }.arcade-intro { grid-template-columns:1fr 150px; gap:25px; }.game-tile .game-best { padding-top:0; } }
@media(max-width:600px) { .games-main { padding-top:35px; }.arcade-intro { grid-template-columns:1fr; gap:0; }.arcade-emblem { display:none; }.game-tile { display:flex; }.game-art { min-height:0; height:140px; }.game-library-heading { align-items:flex-start; flex-direction:column; }.game-topbar { align-items:flex-start; }.game-stats { gap:6px; }.game-stat { padding:12px 8px; }.game-stat strong { font-size:21px; }.game-options.sort-options { grid-template-columns:1fr 1fr; } }