*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:ui-rounded,'Trebuchet MS',system-ui,sans-serif;background:#123f35;color:#123f35}button{font:inherit;cursor:pointer;touch-action:manipulation;border:0}button:focus-visible{outline:4px solid #fff;outline-offset:4px}#game{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate}canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#82cbd3}header{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:start;padding:28px 36px;gap:12px;pointer-events:none;z-index:3}.brand{font-size:27px;line-height:1;font-weight:900;letter-spacing:-1px;text-shadow:0 1px 12px #ffffffb0}.brand span{display:block;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;margin-top:10px}nav{display:flex;gap:8px;pointer-events:auto}nav button{background:#fff8dce8;color:#184737;padding:11px 15px;border-radius:24px;font-size:14px;font-weight:bold;box-shadow:0 2px 0 #164d3c20}.welcome{position:absolute;left:8%;top:24%;max-width:460px;background:#fff9ddf5;padding:34px 38px 28px;border-radius:12px 64px 18px 48px;box-shadow:0 12px 50px #174a3433;transform:rotate(-2deg)}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800}h1{font-size:clamp(46px,5vw,76px);line-height:.98;letter-spacing:-3px;margin:22px 0 20px;font-weight:900}h1 em{font-style:normal;color:#167e72}p{font-size:19px;line-height:1.5;margin:0 0 25px}.welcome button,#resume{background:#ffdb53;color:#244534;border-radius:32px;padding:17px 29px;font-weight:900;font-size:20px;box-shadow:0 5px 0 #d3aa2e;transition:transform .15s}.welcome button:hover,#resume:hover{transform:translateY(-2px)}button:disabled{opacity:.6;cursor:wait}.small{font-size:13px;margin-top:20px;color:#506d55}#name{position:absolute;left:69%;top:62%;transform:translateX(-50%);background:#fff9e8f2;border-radius:30px;padding:12px 26px;font-size:clamp(19px,2.4vw,32px);font-weight:900;box-shadow:0 4px 0 #164d3c20;opacity:0;transition:opacity .25s;white-space:nowrap}#name.show{opacity:1}#hint{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);padding:10px 22px;background:#fff9e8df;border-radius:25px;font-size:16px;white-space:nowrap}#paused{position:absolute;inset:0;background:#123f3577;display:grid;place-content:center;text-align:center;backdrop-filter:blur(5px);color:white;z-index:5}#paused h2{font-size:38px}#error{position:absolute;inset:30% 10% auto;padding:30px;background:#fff9dd;border-radius:20px;z-index:10}[hidden]{display:none!important}@media(max-width:650px){header{padding:18px}.brand{font-size:22px}.brand span{display:none}nav{gap:5px}nav button{font-size:12px;padding:10px}.welcome{left:7%;right:7%;top:23%;padding:28px;max-width:360px}h1{font-size:54px}.eyebrow{font-size:10px}#name{left:63%;top:62%;max-width:95%;font-size:20px}#hint{font-size:14px;bottom:16px}}@media(max-height:520px){header{padding:16px 24px}.welcome{top:22%;padding:20px 28px;left:7%}h1{font-size:44px;margin:12px 0}.welcome p{font-size:16px;margin:10px 0}.welcome button{font-size:17px;padding:12px 24px}.small{margin-top:12px}.eyebrow{font-size:10px}}