:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#d4af37;background:#14110f}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center}main{width:min(100%,520px);padding:24px 16px;text-align:center}h1{font-family:Georgia,serif;font-size:22px;font-weight:400;letter-spacing:3px;margin:0 0 12px}#deadline{font-size:14px;min-height:22px;color:#e3d4b2}#remaining{display:block;font:28px ui-monospace,monospace;margin:8px}.glass{position:relative;width:min(100%,360px);margin:auto}canvas{width:100%;height:auto;display:block}.glass-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.glass canvas{position:relative;z-index:1}.increments{position:absolute;inset:5% 0 auto;display:flex;justify-content:center;gap:12px;z-index:3}button{font:inherit;color:#d4af37;background:#14110f;border:1px solid #75602f;border-radius:6px;min-width:48px;min-height:44px;padding:8px 12px;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:2px solid #fff;outline-offset:3px}button:active{background:#d4af37;color:#14110f}button:disabled{opacity:.4;cursor:default}#reset{border:0;font-size:13px}p{font-size:12px;color:#b6a98f;line-height:1.6;margin:12px auto;max-width:290px}@media(max-height:550px){main{padding:12px}.glass{width:220px}h1{font-size:17px;margin-bottom:4px}#remaining{font-size:22px}p{margin:4px auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}