:root{color:#223142;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#6dc5e8;font:16px/1.4 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.game-shell{background:linear-gradient(#ffffff38,#fff0 42%),#6dc5e8;place-items:center;min-height:100svh;display:grid}.playfield{background:#6dc5e8;width:min(100vw,66.67svh);height:min(100svh,150vw);position:relative;overflow:hidden}#game-canvas{image-rendering:auto;width:100%;height:100%;display:block}.hud{pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;inset:16px 16px auto}.score-pill{color:#213245;background:#ffffffd1;border:3px solid #2f445b47;border-radius:8px;place-items:center;min-width:68px;height:54px;font-size:30px;font-weight:800;line-height:1;display:grid;box-shadow:0 10px 22px #25445b2e}.hud-actions{pointer-events:auto;gap:8px;display:flex}.icon-button{color:#213245;background:#ffffffd1;border:3px solid #2f445b47;border-radius:8px;width:46px;height:46px;font-size:22px;font-weight:800;box-shadow:0 10px 22px #25445b2e}.icon-button:disabled{opacity:.48}.overlay{text-align:center;background:linear-gradient(#ffffff0f,#202d3e2e);place-items:center;padding:24px;display:none;position:absolute;inset:0}.overlay.visible{display:grid}.overlay>*{grid-column:1}#overlay-title{object-fit:contain;filter:drop-shadow(0 5px #202d3e29);width:min(310px,74vw);max-height:100px;margin-bottom:128px}.overlay-copy{color:#26364a;background:#ffffffdb;border:3px solid #2b41573d;border-radius:8px;align-self:center;min-width:180px;margin-top:92px;padding:10px 16px;font-size:22px;font-weight:800;box-shadow:0 12px 28px #25445b2e}#primary-button{color:#25313e;background:#f8d34f;border:0;border-radius:8px;align-self:center;min-width:132px;height:54px;margin-top:188px;font-size:22px;font-weight:900;box-shadow:inset 0 -5px #725c1238,0 14px 26px #25445b38}#primary-button:active,.icon-button:active{transform:translateY(2px)}@media (width<=420px){.hud{inset:10px 10px auto}.score-pill{min-width:60px;height:48px;font-size:26px}.icon-button{width:42px;height:42px}}