:root{color-scheme:dark;--forest:#153c2e;--ivory:#f4f3e8;--lime:#b8ff43;--muted:#c3cec1}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ivory)}body{padding:14px;color:var(--ivory);font-family:"American Typewriter",Georgia,serif;-webkit-font-smoothing:antialiased}.page{min-height:calc(100svh - 28px);display:grid;grid-template-rows:auto 1fr auto;background:var(--forest);border-radius:6px;padding:28px 36px 24px;overflow:hidden;position:relative}.page:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 38%,#24503a60,transparent 64%)}header,main,footer{position:relative}header,footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.eyebrow{font-size:13px;letter-spacing:.06em;color:var(--muted)}button{font:inherit;cursor:pointer}.replay{border:1px solid #a5b49e50;border-radius:50px;background:transparent;color:var(--muted);padding:10px 14px;display:flex;align-items:center;gap:8px;min-height:42px;font-size:12px}.replay:hover{border-color:var(--ivory);color:var(--ivory)}main{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 0 90px}.identity{width:min(72vw,750px);margin:0 auto}.wordmark{display:block;width:100%;height:auto;overflow:visible}.coming{font-size:clamp(25px,3.2vw,38px);line-height:1.2;letter-spacing:.015em;font-weight:400;margin:38px 0 0}button:focus-visible{outline:2px solid var(--ivory);outline-offset:5px}footer{font-size:11px;color:#b0c0b1;letter-spacing:.025em}.footer-mark{color:var(--lime);font-size:10px}.intro .brand-prefix{animation:appear .8s .15s both}.intro .brand-name{animation:appear 1s 1.05s both}.intro .lime-dot{animation:lime .6s 2.6s both}.intro .coming{animation:rise .8s 2.6s both}.intro button:focus-visible,dialog input:focus-visible{outline-color:var(--forest)}@media(max-width:600px){body{padding:9px}.page{min-height:calc(100svh - 18px);padding:22px 20px 20px}.eyebrow{font-size:11px;max-width:170px;line-height:1.6}.replay{padding:9px 10px;min-height:36px}.replay span{display:none}main{padding:80px 0}.identity{width:100%;max-width:460px}.coming{margin-top:29px;font-size:27px}footer{font-size:9px;gap:10px}.footer-mark{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.replay{display:none}}
