:root{color:#33261e;background:#9fdbe1;font-family:ui-rounded,Avenir Next,Trebuchet MS,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #33261e;--cream: #fff2d3;--shadow: rgba(36, 43, 37, .18)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,body{font:inherit}.game-shell{position:relative;width:100vw;height:100vh;min-width:320px;min-height:420px;overflow:hidden;background:radial-gradient(circle at 50% 94%,rgba(255,224,151,.34),transparent 31%),linear-gradient(180deg,#86cfdb,#bfe3d7 62%,#eed58d)}.game-canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;left:clamp(16px,3vw,42px);bottom:clamp(18px,4vh,42px);display:flex;align-items:center;gap:10px;color:color-mix(in oklch,var(--ink),#fff 12%);opacity:.78;pointer-events:none;transition:opacity .6s ease}.hud.fade{opacity:.22}.keycap{min-width:34px;height:30px;padding:0 9px;display:inline-grid;place-items:center;border:1px solid rgba(62,48,35,.22);border-bottom-width:3px;border-radius:8px;background:#fff4d3b8;box-shadow:0 9px 24px var(--shadow);font-size:13px;font-weight:800;letter-spacing:0}.status-panel{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#85cddbd1,#f3db91d1),#9fdbe1;color:var(--ink)}.status-copy{width:min(560px,92vw);padding:28px 30px;border:1px solid rgba(82,59,38,.16);border-radius:12px;background:#fff3d7d6;box-shadow:0 24px 80px #2d342b24}.status-copy h1{margin:0 0 10px;font-size:clamp(24px,4vw,42px);letter-spacing:0}.status-copy p{margin:0;line-height:1.55}.mobile-controls{position:absolute;inset:0;display:none;pointer-events:none;z-index:6}.mobile-control-zone{position:absolute;top:0;bottom:0;width:44vw;border:0;background:transparent;color:var(--ink);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.left-zone{left:0}.right-zone{right:0}.mobile-control-zone span{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));width:74px;height:56px;display:grid;place-items:center;border:1px solid rgba(55,41,28,.22);border-bottom-width:4px;border-radius:16px;background:#fff2d3c2;box-shadow:0 16px 38px #30372d2e;font-size:22px;font-weight:900}.left-zone span{left:18px}.right-zone span{right:18px}.mobile-control-zone:active span{transform:translateY(2px);border-bottom-width:2px;background:#fff2d3e6}@media(pointer:coarse),(max-width:900px){.hud{display:none}.mobile-controls{display:flex}}