:root{font-family:ui-rounded,'Trebuchet MS',sans-serif;color:#254d48;background:#e1eadb}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{display:block}#hud{position:absolute;top:30px;left:34px;pointer-events:none;max-width:65vw;text-shadow:0 1px 8px #fff}h1{font-size:25px;margin:8px 0}p{line-height:1.6}h2{font-size:44px;line-height:1.08;margin:18px 0;color:#315a50}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:2.5px}button,select{font:inherit;border:0;border-radius:14px;padding:13px 20px;cursor:pointer;background:#386d5b;color:white}button:hover{background:#254e41}button:focus-visible,select:focus-visible{outline:4px solid #e3ae4c;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}#menuButton{position:absolute;right:25px;top:25px;background:#fff9;color:#254d48}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#27413955;backdrop-filter:blur(6px);z-index:5}.overlay[hidden]{display:none}.panel{width:min(520px,92vw);max-height:92vh;overflow:auto;background:#fffaf0;padding:36px;border-radius:28px;box-shadow:0 25px 90px #203d3426}.small{font-size:13px;color:#64716a}label{display:flex;align-items:center;justify-content:space-between;margin:24px 0}select{background:#e2eadc;color:#254d48}footer{position:absolute;bottom:20px;width:100%;text-align:center;font-size:13px;pointer-events:none}#prompt{position:absolute;bottom:64px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#fffaf0ee;border-radius:18px;text-align:center;max-width:90vw}#prompt:empty{display:none}#choices{display:flex;gap:12px;margin:20px 0;flex-wrap:wrap}.objects{font-size:35px;letter-spacing:12px;padding:15px 0;overflow-wrap:anywhere}#feedback{min-height:26px}#fade{position:absolute;inset:0;background:#f6efdf;opacity:0;pointer-events:none;transition:opacity .35s;z-index:10}#fade.active{opacity:1;pointer-events:auto}#status{font-size:12px}

.pause-panel{width:min(680px,94vw);padding:30px 38px;border-top:5px solid #e6bd63;background:linear-gradient(135deg,#fffdf4,#eef2e8)}
.menu-heading h2{font-size:36px;margin:12px 0}.menu-heading p{margin:8px 0 22px}.settings-tabs{display:flex;gap:8px;padding:6px;background:#dfe7df;border-radius:16px}.settings-tabs button{flex:1;background:transparent;color:#50665c;padding:10px}.settings-tabs button[aria-pressed=true]{background:#315c50;color:#fffaf0;box-shadow:0 3px 8px #315c5022}.settings-group{min-height:255px;padding:8px 0}.settings-group[hidden]{display:none}.settings-group label{padding:10px 0;margin:0;border-bottom:1px solid #dce2d6;font-size:15px}.settings-group input[type=range]{width:46%;accent-color:#397765}.settings-group input[type=checkbox]{width:21px;height:21px;accent-color:#397765}.menu-actions{display:flex;gap:12px}.secondary{background:#e0e8dd;color:#35574c}.secondary:hover{background:#cbd9c8}.small{margin-bottom:5px}#hud{border-left:4px solid #e8be68;padding:5px 18px;background:linear-gradient(90deg,#fdfaf0e0,#fdfaf000);border-radius:3px}#prompt{border-bottom:3px solid #d7b15e;box-shadow:0 5px 20px #254d4822}#menuButton{background:#fffaf0ed;border-bottom:3px solid #d7b15e}footer{color:#27463f;background:#fffaf0bb;width:auto;left:50%;transform:translateX(-50%);border-radius:20px;padding:9px 20px;white-space:nowrap}@media(max-width:600px){.pause-panel{padding:22px}.menu-heading h2{font-size:28px}footer{font-size:10px}#hud{left:12px;top:16px}h1{font-size:18px}#objective{font-size:12px}}