*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;touch-action:none}body{background-color:#e0e0e0;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,sans-serif;user-select:none;-webkit-user-select:none}#app{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}#canvasWrapper{position:relative}canvas{background-color:#fff;border:2px solid #333;box-shadow:10px 10px #0000001a;touch-action:none;outline:none}canvas:focus-visible{border-color:#f9a825;box-shadow:10px 10px #0000001a,0 0 0 3px #f9a82566}.canvas-ui{text-align:center;color:#555;padding-top:10px}#keyboardInstructions{position:absolute;top:10px;left:50%;transform:translate(-50%);font-size:13px;color:#333;background:#fffde7;border:1px solid #f9a825;padding:8px 14px;border-radius:6px;box-shadow:0 2px 8px #00000026;transition:opacity .2s,transform .2s;opacity:0;transform:translate(-50%) translateY(-10px);pointer-events:none}body.keyboard-nav #keyboardInstructions{opacity:1;transform:translate(-50%) translateY(0)}body.keyboard-nav #keyboardInstructions.used{opacity:.5}@media(hover:none)and (pointer:coarse){#keyboardInstructions{display:none}}#initAudio{pointer-events:auto;padding:10px 20px;font-size:16px;cursor:pointer;background:#ff4757;color:#fff;border:none;border-radius:4px;box-shadow:0 4px #c23616;margin-bottom:10px}#initAudio:active{transform:translateY(4px);box-shadow:none}#mobileOverlay{position:fixed;inset:0;background:#0000004d;display:flex;justify-content:center;align-items:center;z-index:1000}#mobileStartBtn{padding:15px 30px;font-size:18px;font-weight:700;cursor:pointer;background:#ff4757;color:#fff;border:none;border-radius:8px;box-shadow:0 4px #c23616}#mobileStartBtn:active{transform:translateY(4px);box-shadow:none}#muteHint{display:block;margin-top:4px;font-size:11px;font-weight:400;opacity:.7}#footerLinks{font-size:11px;pointer-events:auto}#footerLinks a{color:#777;text-decoration:none}#footerLinks a:hover{text-decoration:underline}#footerLinks label{cursor:pointer;color:#777}#footerLinks input[type=checkbox]{cursor:pointer;position:relative;top:3px;margin-right:0}#app>#instructions,#app>#boingCount{position:absolute;left:50%;transform:translate(-50%);font-size:14px;color:#555;text-align:center;z-index:10}#app>#instructions{top:10px;font-size:11px;color:#999}#app>#boingCount{bottom:10px}@media(prefers-color-scheme:dark){body{background-color:#121212}canvas{background-color:#1a1a1a;border-color:#444;box-shadow:10px 10px #0000004d}canvas:focus-visible{border-color:#ffd54f;box-shadow:10px 10px #0000004d,0 0 0 3px #ffd54f4d}.canvas-ui{color:#aaa}#keyboardInstructions{background:#3a3520;border-color:#6d5a00;color:#ffd54f}#footerLinks a,#footerLinks label{color:#888}#mobileOverlay{background:#0009}#newsletterLink a{color:#ccc;background:linear-gradient(to bottom,#3a3a3a,#2a2a2a);border-color:#555;box-shadow:0 1px 2px #0000004d}#newsletterLink a:hover{background:linear-gradient(to bottom,#444,#333);box-shadow:0 2px 4px #0006}#creditLinks a{color:#777}#newsletterModalContent{background:#2a2a2a!important;border-color:#444;box-shadow:10px 10px #0000004d}#closeNewsletter{color:#aaa}#closeNewsletter:hover{color:#fff}.embeddable-buttondown-form label{color:#eee!important}.embeddable-buttondown-form input[type=email]{background:#333;border-color:#555;color:#fff}.embeddable-buttondown-form input[type=email]::placeholder{color:#888}.embeddable-buttondown-form input[type=submit]{background:#e74c3c;box-shadow:0 4px #a82315}.embeddable-buttondown-form p a{color:#888}#newsletterMessage.success{color:#2ecc71}#newsletterMessage.error{color:#e74c3c}}#boingCount,#globalBoingCount{font-size:16px}#bottomLinks{position:absolute;bottom:20px;left:50%;transform:translate(-50%);text-align:center}#newsletterLink a{display:inline-block;padding:6px 12px;font-size:12px;color:#eee;background:linear-gradient(to bottom,#555,#444);border:1px solid #333;border-radius:4px;text-decoration:none;box-shadow:0 1px 2px #0003;transition:all .15s}#newsletterLink a:hover{background:linear-gradient(to bottom,#666,#555);box-shadow:0 2px 4px #00000040}#creditLinks{font-size:11px;margin-top:4px}#creditLinks a{color:#999;text-decoration:none}#creditLinks a:hover{text-decoration:underline}#newsletterModal{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}#newsletterModal.visible{opacity:1;visibility:visible}#newsletterModalContent{background:#fff;padding:30px;border-radius:12px;border:2px solid #333;position:relative;max-width:90%;width:320px;box-shadow:10px 10px #0000001a}#closeNewsletter{position:absolute;top:10px;right:14px;background:none;border:none;font-size:28px;cursor:pointer;color:#666;line-height:1;padding:0}#closeNewsletter:hover{color:#000}.embeddable-buttondown-form{display:flex;flex-direction:column;gap:12px}.embeddable-buttondown-form label{font-size:14px;font-weight:500;color:#333}.embeddable-buttondown-form input[type=email]{padding:12px;font-size:16px;border:2px solid #ccc;border-radius:6px;outline:none}.embeddable-buttondown-form input[type=email]:focus{border-color:#ff4757}.embeddable-buttondown-form input[type=submit]{padding:12px 20px;font-size:16px;font-weight:700;cursor:pointer;background:#ff4757;color:#fff;border:none;border-radius:6px;box-shadow:0 4px #c23616}.embeddable-buttondown-form input[type=submit]:active{transform:translateY(4px);box-shadow:none}.embeddable-buttondown-form p{margin:0;font-size:11px;text-align:center}.embeddable-buttondown-form p a{color:#999;text-decoration:none}.embeddable-buttondown-form p a:hover{text-decoration:underline}#newsletterMessage{text-align:center;font-size:16px;padding:10px}#newsletterMessage.success{color:#27ae60}#newsletterMessage.error{color:#e74c3c}