:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f2eee3;background:#101b22;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 10% 0%,#203639 0%,transparent 55%),linear-gradient(135deg,#121f27,#10151d)}
main{max-width:1136px;margin:auto;padding:54px 36px 28px}header{max-width:780px}.brand{display:inline-block;color:#e4d3a8;text-decoration:none;letter-spacing:.16em;font-size:19px;font-weight:700}.brand span{color:#fff;letter-spacing:0;font-family:Georgia,serif;font-size:30px}
.eyebrow{color:#c1b28f;letter-spacing:.16em;text-transform:uppercase;font-size:12px;margin:65px 0 20px}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,5vw,58px);font-weight:400;line-height:1.1;letter-spacing:-.025em;margin:0 0 22px}.intro{font-size:18px;line-height:1.65;max-width:670px;color:#b7c3c6;margin:0}
.games{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:42px 0 28px}.game{display:flex;flex-direction:column;min-width:0;min-height:345px;padding:32px;border:1px solid #69756c;border-radius:14px;text-decoration:none;color:inherit;background:linear-gradient(145deg,#213837e6,#192a2dcc);box-shadow:0 16px 38px #0002;transition:border-color .2s,background-color .2s}
.game.archmages{background:linear-gradient(145deg,#2b2b40,#1e2532);border-color:#686475}.game-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.number{font:26px Georgia,serif;color:#cebd8b}.category{font-size:13px;color:#c1cccd}h2{font:400 clamp(29px,3vw,38px)/1.15 Georgia,serif;letter-spacing:-.02em;margin:30px 0 14px}.game p{font-size:16px;line-height:1.65;color:#becbcb;max-width:370px;margin:0 0 30px}.play{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:auto;padding-top:22px;border-top:1px solid #ffffff20;color:#ecdbb1;font-size:16px;font-weight:600}.play span{font-size:24px;font-weight:400}.game:hover{border-color:#e0c587}.game:focus-visible,.brand:focus-visible{outline:3px solid #f0cc76;outline-offset:6px}footer{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13px;line-height:1.5;color:#a8b7ba;padding:8px 0 0}
@media(max-width:640px){main{padding:28px 20px 24px}.eyebrow{margin-top:42px;font-size:11px}.intro{font-size:16px}.games{grid-template-columns:1fr;gap:18px;margin-top:30px}.game{min-height:310px;padding:26px}h2{font-size:34px}.category{font-size:12px}footer{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}