:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cream:#fff6e9;--paper:#fff1ed;--berry:#8d334b;--rose:#f5a4b5;--rose-light:#ffdae1;--ink:#633246;--edge:#b65e76;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-height:240px}::selection{background:var(--berry);color:var(--cream)}#app{place-items:center;display:grid;position:relative}#landscape{position:absolute;inset:0}canvas{image-rendering:pixelated;display:block}#start-screen{place-items:center;display:grid;position:absolute;inset:0}#start-screen[hidden]{display:none}.title-group{flex-direction:column;align-items:center;margin-top:-9vh;display:flex}.berry{object-fit:cover;object-position:center;width:76px;height:64px;image-rendering:pixelated;margin-bottom:-12px}h1{color:var(--berry);text-align:center;text-shadow:2px 3px var(--cream), -2px -1px var(--cream);flex-direction:column;align-items:center;margin:0 0 28px;line-height:.9;display:flex}.title-betty{font-size:clamp(56px,8vw,96px);font-weight:700}.title-in{margin:10px 0;font-size:clamp(19px,2.5vw,28px);font-style:italic;font-weight:400}.title-land{letter-spacing:-.035em;font-size:clamp(44px,6.5vw,78px)}.menu-actions{gap:12px;width:208px;display:grid}button,select{color:var(--ink);border:2px solid var(--edge);background:var(--cream);border-radius:0;font:600 17px/1.2 Georgia,serif}button{cursor:pointer;min-height:48px;padding:10px 24px;transition:background-color .12s,color .12s}button:hover{background:var(--rose-light)}button:active{background:var(--rose)}button:disabled{cursor:wait;opacity:.65}.button-primary{background:var(--berry);color:var(--cream);border-color:var(--berry)}.button-primary:hover{background:var(--ink);color:var(--cream)}:focus-visible{outline:3px solid var(--ink);outline-offset:5px}.controls{text-align:center;color:#572f39;background:#fff6e9ed;margin:0;padding:8px 18px;font:14px/1.8 Georgia,serif;position:absolute;bottom:max(18px,5vh)}.controls span{margin:0 6px}dialog{width:min(440px,100% - 32px);color:var(--ink);background:var(--cream);border:3px solid var(--edge);max-height:calc(100dvh - 32px);padding:32px;overflow:auto}dialog::backdrop{background:#59344366}h2{text-wrap:balance;margin:0 0 28px;font-size:29px;font-weight:500;line-height:1.15}.setting{justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px;font-size:17px;display:flex}.setting small{max-width:220px;margin-top:6px;font-size:13px;line-height:1.5;display:block}select{max-width:150px;padding:9px}input[type=checkbox]{width:22px;height:22px;accent-color:var(--berry);cursor:pointer;flex-shrink:0}.button-wide{width:100%}#options-status{font-size:14px;line-height:1.5}#options-status:empty{margin:14px 0}.dialog-hint{text-align:center;margin:20px 0 0;font-size:13px;line-height:1.7}.pause-actions{gap:12px;display:grid}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (height<=560px){.title-group{margin-top:-8vh}.berry{display:none}.title-betty{font-size:52px}.title-in{margin:5px 0;font-size:18px}.title-land{font-size:44px}h1{margin-bottom:18px}.menu-actions{gap:8px}button{min-height:40px;padding:7px 20px}.controls{padding:5px 12px;font-size:12px;line-height:1.5;bottom:10px}}@media (prefers-reduced-motion:reduce){button{transition:none}}