/* Public start page (index.php): the familiar banner, login card and top-3 podium on the shared tokens. */

/* One centred column: full width on phones, a framed 480px column on larger screens. */
html:has(body.w-landing) {background:#c9a77a url('../pagr8.jpeg') center/cover fixed}
body.w-landing {display:flex;flex-direction:column;max-width:480px;min-height:100vh;min-height:100dvh;margin:0 auto;background:linear-gradient(rgba(255,249,237,.72),rgba(255,249,237,.72)),url('../pagr8.jpeg') center/cover;color:var(--w-ink);font-family:var(--w-font);box-shadow:0 0 0 1px rgba(84,58,25,.18),0 12px 40px rgba(40,23,9,.22)}
.w-landing :is(.CSection,.CContainer,.lenta,.head,.cont,#app) {max-width:none}
/* Legacy #app/.cont use margin:auto, which would vertically centre them inside the full-height column. */
.w-landing #app {width:100%;margin:0}
.w-landing .cont {width:100%;margin:0;padding:0}
/* Footer sits at the bottom of short pages instead of floating mid-screen. */
.w-landing :is(#app,.cont):has(> .CFooter) {flex:1 0 auto;display:flex;flex-direction:column}
.w-landing :is(#app,.cont):has(> .CFooter) > *,body.w-landing > * {margin-block:0;margin-inline:0;align-self:stretch}
.w-landing .CFooter {width:100%;max-width:none;margin:auto 0 0!important;flex:none}

/* Banner. */
.w-landing .CBanner__img {display:block;width:100%;height:auto}

/* Primary buttons keep the dark leather look, with a light bevel. */
.w-landing .CButton {border-radius:8px;background:linear-gradient(180deg,#6e3d16,#4b260a);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 3px 0 #2e1605,0 8px 16px rgba(46,22,5,.2)!important;letter-spacing:.06em;transition:transform .08s ease,filter .15s ease}
@media (hover:hover) {.w-landing .CButton:hover {filter:brightness(1.12)}}
.w-landing .CButton:active {transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 #2e1605!important}
.w-landing .CButton:focus-visible,.w-landing .CTextField:focus-visible,.w-landing a:focus-visible,.w-landing input:focus-visible {outline:3px solid var(--w-focus);outline-offset:2px}
.w-landing .CButton--secondary {background:linear-gradient(180deg,#fff7ea,#ead9bb);color:#4a2e13;box-shadow:inset 0 0 0 1px #8b6837,0 2px 0 #b89a6a!important}

/* Round status under the register button. */
.w-landing .CSection--small {padding:4px 0 10px}
.w-landing .CSection--small .CText {margin:0;font-size:14px;line-height:1.5}
.w-landing .w-landing-open {color:var(--w-success)}
.w-landing .w-landing-soon {color:var(--w-danger)}
.w-landing .timer {font-variant-numeric:tabular-nums}

/* Login card: the original parchment, readable 16px fields (no zoom on iOS). */
.w-landing .bg-sand {padding-bottom:14px}
.w-landing .CTextField {font-size:16px;border-radius:8px}
.w-landing .CForm .CButton {width:100%}

/* Top-3 podium: unchanged layout, gold/silver/bronze accents. */
.w-landing .CTops {align-items:flex-end}
.w-landing .CTopsItem {border-top:3px solid transparent;box-shadow:0 2px 10px rgba(46,22,5,.12)}
.w-landing .CTopsItem--gold {border-top-color:#d4a531;box-shadow:0 4px 16px rgba(160,110,20,.25)}
.w-landing .CTopsItem--silver {border-top-color:#a9adb8}
.w-landing .CTopsItem--bronze {border-top-color:#b8763d}
.w-landing .CTopsItem__title {overflow-wrap:anywhere;font-weight:700}
.w-landing .CTopsStatistics__text {font-variant-numeric:tabular-nums}

/* Less space between the stacked button sections. */
.w-landing #app > .CSection {padding:6px 0}
.w-landing .CSection--np {padding:0}

/* Player numbers and the old counter badges, quieter at the bottom. */
.w-landing .w-landing-stats {padding:6px 0 14px}
.w-landing .w-landing-stats table {width:100%;border-collapse:collapse;font-size:14px}
.w-landing .w-landing-stats td {vertical-align:middle}
.w-landing .w-landing-stats ul {margin:0;padding:0}
.w-landing .w-landing-stats img {opacity:.8}

/* Generic panels used by the information sub-pages. */
.w-landing .head {padding:10px 12px;border-top:0;border-bottom:1px solid var(--w-line);background:var(--w-alt);color:var(--w-ink);font:700 17px/1.3 Georgia,serif;text-align:center}
.w-landing .lenta {padding:10px 12px;border-top:1px solid var(--w-line);background:rgba(255,249,237,.72);color:var(--w-ink);font-size:14px;line-height:1.6}
.w-landing .lenta input:not([type=hidden]):not([type=submit]) {box-sizing:border-box;min-height:40px;margin:4px 0;padding:6px 10px;border:1px solid #a88a5f;border-radius:6px;background:#fffdf8;color:var(--w-ink);font-size:16px}
.w-landing input.button {min-height:40px;margin-top:6px;padding:6px 16px;border:1px solid #8b6837;border-radius:6px;background:linear-gradient(180deg,#fff7ea,#ead9bb);color:#4a2e13;font:600 14px/1.2 var(--w-font);cursor:pointer;box-shadow:0 2px 0 #b89a6a}
.w-landing input.button:active {transform:translateY(1px);box-shadow:none}
.w-landing .w-landing-link {display:inline-flex;align-items:center;min-height:40px}

/* Winners: intro note, one card per round with side-by-side actions. */
.w-landing .w-landing-intro {border-top:0;background:transparent}
.w-landing .w-landing-intro .tekstas {margin:0;padding:9px 12px;border:1px solid var(--w-line);border-inline-start:3px solid #b58a37;border-radius:6px;background:var(--w-surface);color:var(--w-ink);text-shadow:none;text-align:left;font-size:14px;line-height:1.55}
.w-landing .w-landing-intro font {color:inherit!important}
.w-landing .w-round {margin:0 12px 8px;padding:10px 12px;border:1px solid var(--w-line);border-inline-start:3px solid #b58a37;border-radius:6px;background:var(--w-surface);box-shadow:0 1px 3px rgba(40,23,9,.1)}
.w-landing .w-round-actions {display:flex;gap:8px;margin-top:8px}
.w-landing .w-round-actions form {flex:1;margin:0}
.w-landing .w-round-actions input.button {width:100%;margin:0}
.w-landing .w-ranking,.w-landing .w-stat-title {line-height:1.9}
.w-landing .w-ranking .tekstas {margin:0 0 6px;padding:0;border:0;background:none;color:var(--w-ink);text-shadow:none;text-align:left;font:700 16px/1.3 Georgia,serif}
.w-landing .w-ranking img {vertical-align:middle}
.w-landing .w-stat-title {font-size:15px}

@media (prefers-reduced-motion:reduce) {.w-landing .CButton {transition:none}}