*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#ededeb;color:#303330;font-family:Arial,Helvetica,sans-serif}main,canvas{display:block;width:100%;height:100%}#controls{position:fixed;bottom:0;left:0;right:0;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(transparent,#ededebf5 45%);transition:opacity .8s;min-height:110px}.identity{font-size:14px;font-weight:600;letter-spacing:3px}.identity span{font-weight:400;opacity:.5;letter-spacing:2px;margin-left:8px}.actions{display:flex;align-items:center;gap:10px}#phase{font-size:14px;color:#686d68;margin-right:12px}button{font:inherit;font-size:14px;border:1px solid #bfc3bd;background:#f8f8f4dd;border-radius:30px;padding:12px 19px;color:#303330;cursor:pointer;white-space:nowrap}button:hover{background:white;border-color:#737b73}button:focus-visible{outline:2px solid #354936;outline-offset:4px}button span{margin-left:8px;font-size:18px}.quiet #controls{opacity:0;pointer-events:none}.quiet{cursor:none}#controls:focus-within{opacity:1;pointer-events:auto}#message{position:absolute;bottom:78px;right:32px;font-size:14px;max-width:420px;background:#ededeb;margin:0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:620px){#controls{padding:18px 16px;flex-wrap:wrap;gap:14px}.identity{font-size:12px}.actions{margin-left:auto}#phase{display:none}button{padding:10px 14px}#message{right:16px;left:16px;bottom:110px}}

[hidden]{display:none!important}.screen{position:fixed;inset:0;background:#e9ebe7;overflow:auto;display:flex;align-items:center;justify-content:center;padding:32px;z-index:10}.menu-panel{width:min(720px,100%)}.eyebrow{font-size:16px;letter-spacing:4px;color:#636b61}.menu-panel h1{font-weight:400;font-size:clamp(32px,4vw,64px);margin:12px 0 28px}.menu-options{display:grid;gap:12px}.menu-options button{border-radius:12px;text-align:left;font-size:clamp(19px,2vw,30px);padding:18px 24px;display:flex;align-items:center;justify-content:space-between;min-height:64px}.menu-options button span{font-size:.7em}.menu-options button:focus,button.remote-focus:focus{outline:4px solid #394938;outline-offset:3px;background:#354735;color:white;border-color:#354735}.menu-options button[aria-pressed="true"] .selection{font-weight:bold}.menu-note,#setting-status{font-size:16px;color:#596253;line-height:1.5}#exit{margin-top:12px}#exit-screen{background:#151815;color:#f4f5ef}#restart{font-size:22px;padding:18px 28px}@media(max-height:650px){.screen{align-items:flex-start;padding:20px}.menu-panel h1{margin:8px 0 16px;font-size:30px}.eyebrow{margin:0}.menu-options{gap:8px}.menu-options button{padding:12px 20px;min-height:48px;font-size:20px}.menu-note{margin-bottom:0}}@media(max-width:620px){.actions{gap:6px}#controls .identity{display:none}#controls button{padding:12px}}

@media(max-width:620px){.actions{flex-wrap:wrap;justify-content:flex-end;max-width:100%}}