/* Stage 1, 1.0.0. Scoped to the home-page pilot; uses the existing game materials. */
:root {--start-ink:var(--e-ink);--start-muted:var(--e-muted);--start-gold:var(--e-gold);--start-gold-2:var(--e-gold-2);--start-line:var(--e-line);--start-field:var(--e-field);--start-panel:var(--e-panel);}
html body.start-v1 .topbar {
  height:96px; padding:0 clamp(18px,3vw,64px); gap:22px;
}
html body.start-v1 .topbar .brand {width:200px;height:64px;flex-shrink:0;}
html body.start-v1 .topbar .brand img {width:200px;height:auto;max-height:60px;object-fit:contain;}
html body.start-v1 .topbar #main-menu {gap:18px;}
html body.start-v1 .topbar #main-menu>a {font-size:13px!important;min-height:44px;display:flex;align-items:center;padding:8px 0;}
html body.start-v1 .topbar .play-game {padding:9px 16px;min-height:48px;font-size:14px;white-space:nowrap;}
html body.start-v1 .topbar .konto-naglowek {gap:0;width:116px;flex-shrink:0;}
html body.start-v1 .topbar .language-switch {position:static!important;display:flex!important;flex-direction:row!important;gap:0!important;padding:0!important;margin:0!important;width:auto!important;min-width:0!important;background:none!important;border:0!important;box-shadow:none!important;}
html body.start-v1 .topbar .language-switch a {display:grid;place-items:center;min-width:44px;min-height:44px;padding:8px 4px!important;font-size:12px!important;}
html body.start-v1 .topbar .konto-link {min-height:44px;display:flex;align-items:center;justify-content:center;width:100%;font:600 11px/1.2 'Cinzel',Georgia,serif;padding:6px!important;color:var(--e-ink);background:var(--e-panel);}
html body.start-v1 .topbar .konto-menu a {min-height:44px;display:flex;align-items:center;}
html body.start-v1 .start-theme {display:none;}
html body.start-v1 .hero {
  height:auto;min-height:680px;max-height:none;margin:12px 18px 0;
}
html body.start-v1 .hero-grid {
  display:block;width:auto;max-width:1560px;min-height:680px;height:auto;margin:0 auto;
  padding:48px clamp(44px,5.5vw,110px) 88px;
}
html body.start-v1 .story {max-width:660px;}
html body.start-v1 .hero-logo {width:300px;max-width:70%;margin:0 0 18px -8px;}
html body.start-v1 .hero-logo img {width:100%;height:auto;}
html body.start-v1 .story>.eyebrow {font:600 12px/1.7 'Cinzel',Georgia,serif!important;letter-spacing:.1em!important;margin:0 0 14px;max-width:none;color:#e6c68b!important;}
html body.start-v1 .headlines {display:block;margin:0;opacity:1;}
html body.start-v1 .slide h1 {font:400 clamp(42px,3.8vw,64px)/1.08 'EB Garamond',Georgia,serif;letter-spacing:-.025em;margin:0 0 20px;color:#f7ecd8!important;text-wrap:balance;}
html body.start-v1 .slide p {font-size:22px;line-height:1.45;max-width:45ch;color:#eadfc9!important;margin:0;text-wrap:pretty;}
html body.start-v1 .hero .shade {
  background:linear-gradient(90deg,rgba(9,12,10,.93) 0%,rgba(9,12,10,.79) 32%,rgba(9,12,10,.25) 62%,rgba(9,12,10,.04) 100%),linear-gradient(0deg,rgba(9,12,10,.75),transparent 26%);
}
html body.start-v1 .hero-actions {display:grid;grid-template-columns:max-content max-content;align-items:stretch;justify-content:start;gap:12px 14px;max-width:none;margin:28px 0 0;padding:0;border:0;background:none;box-shadow:none;text-align:left;}
html body.start-v1 .hero-actions .action {min-height:54px;display:flex;justify-content:space-between;align-items:center;gap:24px;width:auto;font-size:14px!important;padding:12px 18px!important;background-size:100% 100%!important;text-shadow:none!important;}
html body.start-v1 .hero-actions .primary-action {background:var(--e-selected)!important;background-origin:border-box!important;color:#fff0d7!important;box-shadow:0 5px 18px #0004!important;}
html body.start-v1 .hero-actions .primary-action:hover {background:linear-gradient(#914047,#5c2029)!important;}
html body.start-v1 .hero-actions .secondary-action {background:var(--e-button)!important;background-origin:border-box!important;color:var(--e-ink)!important;}
html body.start-v1 .hero-actions .secondary-action:hover {background:var(--e-button-hover)!important;}
html body.start-v1 .hero-actions .action span {color:inherit!important;text-shadow:none!important;font:20px/1 Georgia,serif;}
html body.start-v1 .hero-actions .access-note {grid-column:1/-1;max-width:none;margin:0;color:#d5c9b3!important;font-size:16px!important;line-height:1.45;text-align:left;}
html body.start-v1 .hero-bottom {left:clamp(44px,5.5vw,110px);right:36px;bottom:26px;gap:14px;font-size:11px!important;letter-spacing:.06em!important;color:#d5c9b3!important;}
html body.start-v1 .hero-bottom span {max-width:none!important;text-align:left!important;}
html body.start-v1 .hero :focus-visible {outline:2px solid #f8deb2;outline-offset:5px;}
html body.start-v1 .topbar :focus-visible {outline:2px solid var(--e-gold);outline-offset:3px;}
@media(min-width:1800px){html body.start-v1 .hero{min-height:780px;}html body.start-v1 .hero-grid{min-height:780px;padding-top:70px;}}
@media(max-width:1270px){
  html body.start-v1 .topbar .menu-toggle {display:block;margin-left:auto;min-height:44px;min-width:64px;background:var(--e-panel);color:var(--e-ink);border:1px solid var(--e-line);}
  html body.start-v1 .topbar #main-menu {display:none;position:absolute;top:calc(100% - 1px);right:20px;margin:0;padding:18px 24px;min-width:260px;width:min(340px,calc(100vw - 32px));max-height:calc(100dvh - 110px);overflow-y:auto;background:var(--e-surface);background-origin:border-box;border:6px solid transparent;border-image:var(--e-rama) 64 stretch;box-shadow:var(--e-cien);flex-direction:column;gap:0;align-items:stretch;z-index:70;}
  html body.start-v1 .topbar #main-menu.open {display:flex;}
  html body.start-v1 .topbar #main-menu>a {font-size:14px!important;}
  html body.start-v1 .topbar #main-menu>a[aria-current=page] {box-shadow:none!important;}
  html body.start-v1 .start-theme {display:flex;border-top:1px solid var(--e-line);gap:8px;padding-top:12px;margin-top:8px;}
  html body.start-v1 .start-theme button {flex:1;min-height:44px;padding:8px!important;border:1px solid var(--e-line);background:var(--e-panel);font-size:12px!important;}
  html body.start-v1 .start-theme button[aria-pressed=true] {background:var(--e-selected);color:#fff0d7!important;}
}
@media(max-width:800px){
  html body.start-v1 .hero .shade {background:linear-gradient(90deg,#0a0f0bd9,#0a0f0b99 70%,#0a0f0b55),linear-gradient(0deg,#090c0ae0,transparent 55%);}
  html body.start-v1 .hero-grid {padding:36px 44px 76px;min-height:0;}
  html body.start-v1 .hero {min-height:0;}
  html body.start-v1 .hero-logo {width:260px;}
  html body.start-v1 .slide h1 {font-size:46px;}
}
@media(max-width:700px){
  html body.start-v1 .topbar {height:96px;padding:0 12px;gap:8px;flex-wrap:nowrap;}
  html body.start-v1 .topbar .brand {width:44px;height:52px;flex-shrink:0;}
  html body.start-v1 .topbar .brand img {width:44px;height:44px;}
  html body.start-v1 .topbar .menu-toggle {min-width:58px;padding:8px;font-size:11px;}
  html body.start-v1 .topbar .play-game {font-size:11px;min-height:44px;padding:8px 10px;}
  html body.start-v1 .topbar .play-game span {display:none;}
  html body.start-v1 .topbar .konto-naglowek {width:105px;flex-direction:column;}
  html body.start-v1 .topbar .konto-link {font-size:10px;}
  html body.start-v1 .topbar #main-menu {right:12px;}
  html body.start-v1 .hero {margin:6px 6px 0;}
  html body.start-v1 .hero-grid {padding:24px 25px 72px;}
  html body.start-v1 .hero-logo {width:222px;max-width:82%;margin:0 0 16px -5px;}
  html body.start-v1 .story>.eyebrow {font-size:10px!important;line-height:1.7!important;letter-spacing:.06em!important;margin-bottom:12px;}
  html body.start-v1 .slide h1 {font-size:37px;line-height:1.08;margin-bottom:16px;}
  html body.start-v1 .slide h1 br {display:none;}
  html body.start-v1 .slide p {font-size:19px;line-height:1.4;}
  html body.start-v1 .hero-actions {grid-template-columns:1fr;gap:10px;margin-top:24px;}
  html body.start-v1 .hero-actions .action {min-height:50px;font-size:13px!important;justify-content:center;gap:20px;padding:11px 16px!important;}
  html body.start-v1 .hero-actions .access-note {font-size:15px!important;margin-top:2px;}
  html body.start-v1 .hero-bottom {left:25px;right:25px;bottom:24px;font-size:10px!important;}
}
@media(max-width:350px){
  html body.start-v1 .topbar {padding-inline:8px;gap:5px;}
  html body.start-v1 .topbar .brand,html body.start-v1 .topbar .brand img {width:38px;}
  html body.start-v1 .topbar .play-game {padding-inline:7px;}
  html body.start-v1 .hero-grid {padding-inline:22px;}
  html body.start-v1 .slide h1 {font-size:33px;}
  html body.start-v1 .hero-logo {width:200px;}
}