.draw-alert{position:fixed;z-index:10000;right:22px;bottom:24px;width:min(390px,calc(100vw - 28px));padding:22px 22px 18px;border:4px solid #f5efd9;outline:3px solid #0a140d;box-shadow:7px 7px #07110bcc;background:#14251b;color:#f5efd9;text-align:center;font:14px/1.6 'Courier New',monospace;animation:draw-arrive .35s ease-out}
.draw-alert-close{position:absolute;right:7px;top:4px;background:transparent;border:0;color:#f5efd9;font:26px monospace;cursor:pointer}.draw-alert-kicker{font:9px/1.8 QuackPixel,monospace;color:#9ddde5;letter-spacing:1px;padding-right:10px}.draw-alert-stage{height:112px;position:relative;display:grid;place-items:center;overflow:hidden;margin:8px 0}.draw-alert-stage img{width:64px;image-rendering:pixelated;z-index:1;animation:draw-hop .35s steps(2,end) infinite}.draw-alert-ring{position:absolute;width:96px;height:96px;border:7px dashed #ccff00;transform:rotate(0);animation:draw-spin 1.5s linear infinite}.draw-alert h2{font:17px/1.65 QuackPixel,monospace;color:#ccff00;margin:0 0 10px}.draw-alert-result p{margin:0 0 16px;overflow-wrap:anywhere}.draw-alert-link{display:block;background:#ff941f;border:2px solid #fff0ce;box-shadow:inset -2px -3px #b86416;padding:10px;color:#172010;text-decoration:none;font:11px/1.7 QuackPixel,monospace}.draw-alert.revealed{border-color:#ccff00}.draw-alert.revealed .draw-alert-ring{animation:none;border-style:solid;transform:rotate(45deg);border-color:#e9cf5b}.draw-alert.revealed .draw-alert-stage img{animation:draw-hop 1s steps(2,end) 2}.draw-confetti{position:absolute;inset:0;pointer-events:none}.draw-confetti i{position:absolute;left:var(--x);top:-12px;width:7px;height:10px;background:#ccff00;opacity:0}.draw-confetti i:nth-child(3n){background:#ff941f}.draw-confetti i:nth-child(3n + 1){background:#81d9ea}.revealed .draw-confetti i{animation:draw-confetti 1.8s steps(12,end) calc(var(--i)*.035s) 2}.draw-effects-preview{display:block;margin:4px auto 16px;background:#1c2b20;color:#9ddde5;border:1px solid #536749;padding:8px 12px;font:9px/1.6 QuackPixel,monospace;cursor:pointer}.draw-effects-help{font:11px/1.6 'Courier New',monospace;text-align:center;color:#a7b99e;margin:-8px 0 18px}.draw-alert button:focus-visible,.draw-alert a:focus-visible{outline:2px dashed #81d9ea;outline-offset:3px}
@keyframes draw-arrive{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes draw-hop{50%{transform:translateY(-8px)}}@keyframes draw-spin{to{transform:rotate(360deg)}}@keyframes draw-confetti{0%{opacity:1;transform:translateY(0) rotate(0)}100%{opacity:0;transform:translateY(135px) rotate(180deg)}}
@media(max-width:540px){.draw-alert{right:14px;bottom:16px;padding:20px 16px 16px}.draw-alert h2{font-size:14px}}
@media(prefers-reduced-motion:reduce){.draw-alert,.draw-alert-stage img,.draw-alert-ring,.revealed .draw-confetti i{animation:none!important}.draw-confetti{display:none}}