/* Koreň gaming.tychrion.com (11j): Tychrion Gaming vo farbách tychrion.com, Cinzel 700 ako „Tychrion Arcane Capital". */
@font-face {
  font-family: "Cinzel";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/cinzel-700-latin.woff2) format("woff2");
}
:root { --night: #0d111b; --gold: #c9a45c; --paper: #efe6d2; --ink: #2a2119; }
* { box-sizing: border-box; }
body.root { margin: 0; min-height: 100vh; display: flex; flex-direction: column; background: radial-gradient(ellipse at 50% 0%, #1a2133 0%, var(--night) 60%) var(--night); color: var(--paper); font: 18px/1.6 "EB Garamond", Georgia, serif; }
main { flex: 1; display: grid; place-items: center; padding: 72px 24px; }
.stack { width: 100%; max-width: 720px; text-align: center; }
.logo { width: 168px; height: 168px; border-radius: 22px; box-shadow: 0 0 60px rgb(201 164 92 / .14), 0 20px 40px -20px rgb(0 0 0 / .6); margin: 0 auto 40px; display: block; }
h1 { font: 700 clamp(34px, 6vw, 56px)/1.1 Cinzel, Georgia, serif; letter-spacing: .5px; color: #e7ebf2; margin: 0; }
.sub { font: 600 13px "Space Grotesk", sans-serif; letter-spacing: .3em; text-transform: uppercase; color: rgb(239 230 210 / .55); margin: 20px 0 72px; }
.sub em { font-style: normal; color: var(--gold); }
.game { display: grid; grid-template-columns: 180px 1fr auto; gap: 28px; align-items: center; text-align: left; background: var(--paper); color: var(--ink); border-radius: 14px; padding: 16px 28px 16px 16px; text-decoration: none; box-shadow: 0 30px 60px -30px rgb(0 0 0 / .8); transition: transform .25s ease, box-shadow .25s ease; }
.game:hover { transform: translateY(-4px) rotate(-.3deg); box-shadow: 0 40px 70px -30px rgb(0 0 0 / .9); }
.game:focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; }
.game img { width: 180px; height: 180px; border-radius: 8px; border-bottom: 5px solid var(--c, #a84232); object-fit: cover; }
.game .k { font: 600 11px "Noto Sans", sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #a8612c; }
.game h2 { font: 600 38px/1.05 "Cormorant Garamond", serif; margin: 6px 0 4px; }
.game p { margin: 0; font: italic 500 22px "Cormorant Garamond", serif; color: #5a4630; }
.game .go { font: 600 28px "Noto Sans", sans-serif; color: #a8612c; }
/* na telefóne ostane karta vodorovná a malá, aby meno hry bolo nad okrajom obrazovky */
@media (max-width: 560px) { .game { grid-template-columns: 96px 1fr; gap: 16px; padding: 12px 16px 12px 12px; } .game img { width: 96px; height: 96px; } .game h2 { font-size: 28px; } .game p { font-size: 18px; } .game .go { display: none; } .logo { width: 128px; height: 128px; margin-bottom: 32px; } .sub { margin-bottom: 48px; } main { padding: 48px 16px; } }
@media (prefers-reduced-motion: reduce) { .game { transition: none; } }
footer { padding: 32px 24px 40px; text-align: center; font: 13px "Noto Sans", sans-serif; color: rgb(239 230 210 / .45); }
footer a { color: rgb(239 230 210 / .7); }