:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#05080d;color:#f7f9ff}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{background:radial-gradient(circle at 50% -10%,#12345c 0,#091522 36%,#05080d 74%);color:#f7f9ff}
button,select{font:inherit}
.games-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px clamp(14px,4vw,46px);border-bottom:1px solid #3b5878;background:#07101cf2;backdrop-filter:blur(14px)}
.games-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.games-brand img{width:58px;height:58px;border-radius:14px;object-fit:cover;box-shadow:0 0 0 1px #fff2,0 8px 20px #0008}
.games-brand b,.games-brand small{display:block}.games-brand b{font-size:16px;letter-spacing:.05em}.games-brand small{margin-top:3px;color:#91eccd;font-size:12px}
.games-language{display:grid;gap:4px;color:#b8c9df;font-size:11px;font-weight:800}.games-language select{min-height:40px;border:1px solid #4d6687;border-radius:11px;background:#111d2e;color:#fff;padding:7px 34px 7px 11px}
.games-main{min-height:calc(100dvh - 80px);display:grid;place-items:center;padding:clamp(24px,6vw,72px) 16px}
.games-hero{width:min(760px,100%);padding:clamp(24px,6vw,54px);border:1px solid #49698b;border-radius:26px;background:linear-gradient(145deg,#10243ae8,#0a111ee8);box-shadow:0 22px 70px #0009,0 0 44px #14d59b1c;text-align:center}
.games-kicker{margin:0 0 10px;color:#65f0bf;font-size:12px;font-weight:950;letter-spacing:.12em}
.games-hero h1{margin:0;font-size:clamp(38px,9vw,76px);line-height:.96;background:linear-gradient(120deg,#fff,#75ffd0 52%,#fb436c);-webkit-background-clip:text;background-clip:text;color:transparent}
.games-hero>p:not(.games-kicker){max-width:580px;margin:20px auto;color:#c6d3e5;line-height:1.65}
.games-open{max-width:610px;margin:28px auto 18px!important;border-color:#28efad!important;background:linear-gradient(115deg,#064b38,#102744 65%,#321828)!important;box-shadow:0 0 0 1px #0bffb355,0 0 32px #00f4a63d,0 14px 30px #0008!important}
.games-open:focus-visible,.games-back:focus-visible,.games-language select:focus-visible,dialog button:focus-visible,dialog select:focus-visible{outline:3px solid #8dffdb;outline-offset:3px}
.games-back{display:inline-block;color:#9eb6d5;font-size:13px;font-weight:800;text-underline-offset:4px}
dialog:not([open]){display:none}
dialog{color:#f7f9ff}
dialog .dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 14px}
dialog .dialog-top h2{margin:0;color:#fff}
dialog .dialog-top>button{min-width:42px;min-height:42px;border:1px solid #60718b;border-radius:11px;background:#202d42;color:#fff;font-size:22px;cursor:pointer}
dialog .note{color:#bdcadc;line-height:1.5}
dialog::backdrop{background:#04070be8}
@media(max-width:620px){.games-header{align-items:flex-start}.games-brand img{width:48px;height:48px}.games-language span{display:none}.games-language select{max-width:128px}.games-hero{border-radius:21px;padding:28px 16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}