:root{font-family:"Trebuchet MS",system-ui,sans-serif;color:#423329;background:#476e69}*{box-sizing:border-box}body{margin:0;min-width:320px}.welcome-world{position:relative;min-height:100dvh;overflow:hidden;padding:96px max(18px,env(safe-area-inset-right)) 48px max(18px,env(safe-area-inset-left))}.welcome-sky{position:fixed;inset:0;background:linear-gradient(rgba(105,171,177,.12),rgba(45,74,62,.42)),url('/peblet-village-storybook.webp') center/cover no-repeat;filter:saturate(1.08)}.welcome-world>header{position:fixed;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:9px max(18px,env(safe-area-inset-right)) 9px max(18px,env(safe-area-inset-left));background:rgba(255,250,235,.93);box-shadow:0 5px 18px rgba(39,37,26,.22);backdrop-filter:blur(8px)}header img{width:clamp(120px,16vw,185px)}header button{min-height:44px;border:2px solid #719575;border-radius:999px;background:#eef6df;color:#3c634f;padding:8px 15px;font-weight:900;cursor:pointer}.welcome-card{position:relative;z-index:2;width:min(850px,100%);max-height:calc(100dvh - 122px);margin:0 auto;overflow:auto;padding:clamp(20px,3.4vw,40px);border:5px solid rgba(102,74,48,.55);border-radius:32px;background:rgba(255,249,229,.96);box-shadow:0 22px 70px rgba(32,45,34,.43),inset 0 2px #fff}.eyebrow{margin:0;color:#558365;font-size:11px;font-weight:1000;letter-spacing:.14em}.welcome-card h1{margin:5px 0 7px;font-size:clamp(29px,4.2vw,48px);line-height:1}.welcome-card>p:not(.eyebrow){margin:0 0 20px;line-height:1.4}.name-field{display:grid;gap:6px;font-weight:900}.name-field input{min-height:52px;border:3px solid #b6a47e;border-radius:15px;background:#fffef7;padding:9px 13px;font:800 18px inherit}fieldset{margin:20px 0 0;padding:0;border:0}legend{margin-bottom:9px;font-weight:1000}.peblet-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.peblet-choice,.choice-grid label{position:relative;display:grid;border:3px solid transparent;border-radius:18px;background:#efe7ce;cursor:pointer}.peblet-choice{min-height:150px;padding:7px}.peblet-choice img{width:100%;height:115px;object-fit:contain}.peblet-choice input,.choice-grid input{position:absolute;opacity:0}.peblet-choice:has(input:checked),.choice-grid label:has(input:checked){border-color:#68976e;background:#e2f0ce;box-shadow:0 0 0 4px rgba(104,151,110,.2)}.peblet-choice:has(input:focus-visible),.choice-grid label:has(input:focus-visible){outline:4px solid #286f83;outline-offset:2px}.peblet-choice span{text-align:center;font-weight:950}.choice-grid{display:grid;gap:9px}.year-choices{grid-template-columns:repeat(3,1fr)}.pace-choices{grid-template-columns:repeat(2,1fr)}.choice-grid label{min-height:75px;padding:12px}.choice-grid b,.choice-grid small{display:block}.choice-grid small{margin-top:4px;line-height:1.25}.start-button{display:block;min-height:54px;margin:24px auto 0;border:0;border-radius:999px;background:linear-gradient(#69a87c,#46795f);box-shadow:0 5px 0 #305b43;color:white;padding:11px 25px;font:950 17px inherit;cursor:pointer}.form-message{min-height:20px;color:#9a473b;font-weight:850;text-align:center}.player-list{display:grid;gap:10px;margin:22px 0}.player-row{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;min-height:78px;border:3px solid #c3b58f;border-radius:20px;background:#fffdf5;padding:8px 12px}.player-row.active{border-color:#6b9c74;background:#edf6dd}.player-row img{width:58px;height:58px;object-fit:contain}.player-row strong,.player-row small{display:block}.player-row button{min-height:44px;border:0;border-radius:999px;background:#4d8163;color:white;padding:8px 14px;font-weight:900;cursor:pointer}.player-row button:disabled{background:#d7d2bf;color:#5b5548}.player-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:center}.player-actions button,.player-actions a{display:inline-grid;place-items:center;min-height:46px;border:0;border-radius:999px;background:#4d8163;color:white;padding:9px 16px;font-weight:900;text-decoration:none;cursor:pointer}.player-actions a{background:#e9dfc6;color:#4b3829}@media(max-width:700px){.welcome-world{padding-top:86px}.welcome-card{max-height:none}.peblet-choices{grid-template-columns:repeat(2,1fr)}.year-choices,.pace-choices{grid-template-columns:1fr}.player-row{grid-template-columns:55px 1fr}.player-row button{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.welcome-world>header>a{display:flex;align-items:center;min-height:44px}
/* Use one scroll area on tablets so the entry action cannot hide between panes. */
@media(min-width:701px) and (max-height:850px) {
  .welcome-world { height:100dvh;min-height:0;padding-bottom:20px; }
  .welcome-card { max-height:100%;padding:20px; }
  .welcome-card h1 { font-size:32px; }
  .welcome-card>p:not(.eyebrow) { margin-bottom:12px; }
  fieldset { margin-top:12px; }
  .peblet-choice { min-height:110px; }
  .peblet-choice img { height:84px; }
  .choice-grid label { min-height:72px;padding:10px; }
  .start-button { margin-top:14px; }
  .form-message:empty { min-height:0;margin:0; }
}
@media(min-width:701px) and (max-height:700px) {
  .welcome-world { padding-top:84px;padding-bottom:12px; }
  .welcome-card { padding:16px; }
  .name-field input { min-height:44px; }
  .peblet-choice { min-height:90px; }
  .peblet-choice img { height:64px; }
  .start-button { margin-top:10px; }
}