/* The welcome and pre-game information pages use a conventional light UI.
   Once the player enters, retro.css remains the game's unchanged theme. */
html[data-interface="welcome"]{color-scheme:light;background:#f1f6f7;color:#142e36;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--paper:#142e36;--ink:#fff;--muted:#415a62;--line:#cbdade;--panel:#f1f6f7}
html[data-interface="welcome"] body{background:#f1f6f7;color:#142e36;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100svh;padding:max(40px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(40px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}
html[data-interface="welcome"] main{width:min(100%,660px);max-width:660px;margin:auto 0;background:#fff;border:1px solid #d6e2e5;border-radius:24px;padding:40px;box-shadow:0 12px 40px #183d4810;text-align:left}
html[data-interface="welcome"] #entry-screen{width:min(100%,660px);border:1px solid #d6e2e5;padding:40px;text-align:left}
html[data-interface="welcome"] h1,html[data-interface="welcome"] #entry-screen h1{font-family:inherit;font-size:clamp(2.4rem,7.5vw,3.5rem);font-weight:750;line-height:1.1;letter-spacing:-.035em;text-transform:none;color:#142e36;margin:0 0 20px}
html[data-interface="welcome"] h2{font-size:1.25rem;line-height:1.4;letter-spacing:0;margin:28px 0 12px;color:#142e36}
html[data-interface="welcome"] p,html[data-interface="welcome"] #entry-screen p{font-size:1.05rem;line-height:1.65;color:#415a62;max-width:none;margin:0 0 20px}
html[data-interface="welcome"] #entry-screen .entry-eyebrow{font-size:.95rem;font-weight:650;color:#075f68;margin-bottom:16px}
html[data-interface="welcome"] #entry-screen .entry-lead{font-size:1.35rem;line-height:1.5;color:#142e36;margin-bottom:16px}
html[data-interface="welcome"] #entry-screen .entry-description{margin-bottom:28px}
html[data-interface="welcome"] button{border:2px solid #086772;border-radius:12px;background:#086772;color:#fff;box-shadow:none;min-height:56px;font:650 1.05rem/1.4 system-ui,-apple-system,sans-serif;padding:14px 20px;cursor:pointer}
html[data-interface="welcome"] #entry-screen button{width:100%;margin:0}
html[data-interface="welcome"] button:hover:not(:disabled){background:#07545e;border-color:#07545e}
html[data-interface="welcome"] button:active:not(:disabled){background:#06454e}
html[data-interface="welcome"] button:disabled{opacity:.65;cursor:wait}
html[data-interface="welcome"] #entry-status:empty{display:none}
html[data-interface="welcome"] #entry-status:not(:empty){font-size:.95rem;margin:12px 0 0}
html[data-interface="welcome"] .entry-practical{border-top:1px solid #d6e2e5;margin-top:28px;padding-top:24px}
html[data-interface="welcome"] .entry-practical h2{font-size:1.1rem;margin:0 0 10px}
html[data-interface="welcome"] #entry-screen .entry-practical p{font-size:1rem;margin-bottom:14px}
html[data-interface="welcome"] nav{margin-top:24px}
html[data-interface="welcome"] a,html[data-interface="welcome"] a:visited{color:#075f68;text-underline-offset:.2em;text-decoration-thickness:1px}
html[data-interface="welcome"] nav a{display:inline-block;padding:10px 0;min-height:44px}
html[data-interface="welcome"] :is(button,a,input,textarea,summary,[tabindex="-1"]):focus-visible{outline:3px solid #075f68;outline-offset:5px}
html[data-interface="welcome"] input,html[data-interface="welcome"] textarea{border:1px solid #819aa2;border-radius:10px;background:#fff;color:#142e36;line-height:1.5}
html[data-interface="welcome"] .boards article{border:1px solid #cbdade;border-radius:12px;background:#f7fafb}
html[data-interface="welcome"] :is(.score-time,.time){font-family:inherit;color:#415a62}
@media(max-width:540px){html[data-interface="welcome"] body{padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}html[data-interface="welcome"] main,html[data-interface="welcome"] #entry-screen{padding:28px 24px;border-radius:18px}html[data-interface="welcome"] #entry-screen .entry-lead{font-size:1.2rem}}
@media(forced-colors:active){html[data-interface="welcome"] body,html[data-interface="welcome"] main{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}html[data-interface="welcome"] button{background:ButtonFace;color:ButtonText;border-color:ButtonText}html[data-interface="welcome"] a{color:LinkText}html[data-interface="welcome"] :focus-visible{outline-color:Highlight}}