dialog.magic-reward-card.bonus-notice{position:fixed;inset:0;margin:auto;transform:none;width:min(420px,calc(100vw - 36px));max-height:calc(100dvh - 32px);height:fit-content;overflow:auto;padding:26px;border-radius:25px;pointer-events:auto;animation:bonus-card-in .25s ease-out;color:#315747}
.bonus-notice::backdrop{background:#152b3e85;backdrop-filter:blur(4px)}
.bonus-notice .magic-reward-sun{font-size:48px}.bonus-notice p{font:500 16px/1.55 system-ui}.bonus-notice em{font-style:normal;font-weight:800}.bonus-notice .bonus-time-note{font:700 13px/1.5 system-ui;color:#6c5826;background:#fff9dfaa;border-radius:12px;padding:10px;margin:14px 0}
.bonus-start{width:100%;min-height:48px;background:linear-gradient(#37755a,#245b48);border-radius:14px;color:#fffdf1;font:800 15px/1.4 system-ui;padding:12px;box-shadow:0 5px 13px #2a493c40}
.bonus-notice-close{position:absolute;right:10px;top:9px;width:38px;height:38px;font:25px/1 system-ui;color:#5b6750;background:#fff7d9a6;border-radius:50%}.bonus-start-error{color:#963c32;font-size:14px!important}
.bomb-placement-status{position:absolute;left:50%;top:16px;transform:translateX(-50%);padding:12px 18px;max-width:calc(100% - 24px);border-radius:18px;background:#fff3d9f5;box-shadow:0 7px 25px #2f23434d;border:2px solid #dcaf66;color:#563d53;font:800 17px/1.4 system-ui;text-align:center;z-index:20;pointer-events:none}.bomb-placement-status small{display:block;font-size:13px;font-weight:600}
.paint-bomb-effect{position:absolute;inset:0;z-index:30;overflow:hidden;pointer-events:none;--blast:var(--bomb-radius);isolation:isolate}
.paint-bomb-effect>i,.paint-bomb-effect>strong{position:absolute;left:var(--bomb-x);top:var(--bomb-y)}
.bomb-core{font:70px/1 system-ui;transform:translate(-50%,-50%);animation:bomb-prime .8s both;filter:drop-shadow(0 5px 12px #563d7588)}
.bomb-flash{width:calc(var(--blast)*2);height:calc(var(--blast)*2);border-radius:50%;background:radial-gradient(circle,#fffbe8,#ffe79caa 28%,#fff2 60%,transparent 72%);animation:bomb-bloom 1.6s .65s both}
.bomb-wave{width:calc(var(--blast)*2);height:calc(var(--blast)*2);border:7px solid #fff7bd;border-radius:50%;box-shadow:0 0 28px #ffdf73,inset 0 0 25px #fff4a3;animation:bomb-wave 1.45s .7s both}.bomb-wave-two{border-color:#baf6e4;animation-delay:.87s}
.bomb-colour-cloud{width:calc(var(--blast)*2);height:calc(var(--blast)*2);border-radius:50%;background:conic-gradient(#fc5c7299,#ffc74c99,#70e59599,#59c5f299,#be82ef99,#fc5c7299);filter:blur(18px);animation:bomb-bloom 1.7s .75s both}
.bomb-pigment{width:12px;height:18px;border-radius:50% 50% 45% 45%;background:hsl(var(--hue) 90% 65%);box-shadow:0 0 9px #fffc;animation:bomb-pigment 1.5s .76s both}
.paint-bomb-effect>strong{white-space:nowrap;color:#fffdf2;text-shadow:0 3px 5px #703c8f,0 0 24px #8f3cf0;font:800 clamp(28px,6vw,54px)/1.2 Georgia,serif;animation:bomb-title 1.7s .8s both}
@keyframes bonus-card-in{from{opacity:0;scale:.9}to{opacity:1;scale:1}}
@keyframes bomb-prime{0%{opacity:0;scale:.4}25%,80%{opacity:1;scale:1}100%{opacity:0;scale:1.4}}
@keyframes bomb-wave{0%{opacity:0;transform:translate(-50%,-50%) scale(.04)}15%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.1)}}
@keyframes bomb-bloom{0%{opacity:0;transform:translate(-50%,-50%) scale(.02)}25%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}
@keyframes bomb-pigment{0%{opacity:0;transform:rotate(var(--angle)) translateX(0) scale(.4)}15%{opacity:1}100%{opacity:0;transform:rotate(var(--angle)) translateX(calc(var(--blast)*var(--flight))) scale(.1)}}
@keyframes bomb-title{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}22%,70%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-100%) scale(1.05)}}
@media(max-height:650px){dialog.magic-reward-card.bonus-notice{padding:18px}.bonus-notice .magic-reward-sun{font-size:28px}.bonus-notice small{margin:7px 0}.bonus-notice p{font-size:14px}.bonus-notice b{font-size:24px}.bonus-notice strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){dialog.magic-reward-card.bonus-notice{animation:none}.paint-bomb-effect .bomb-pigment,.paint-bomb-effect .bomb-wave,.paint-bomb-effect .bomb-core{display:none}.paint-bomb-effect .bomb-flash,.paint-bomb-effect .bomb-colour-cloud,.paint-bomb-effect>strong{animation:none;opacity:.65;transform:translate(-50%,-50%);filter:none}}

.completed-artwork{position:absolute;z-index:1;pointer-events:none;background:white;max-width:none;max-height:none}.completed-artwork[hidden]{display:none}

.completed-original{position:absolute;z-index:2;pointer-events:none;object-fit:contain;image-rendering:auto;max-width:none;max-height:none}.completed-original[hidden]{display:none}
.card-art>img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto;border-radius:inherit;background:white}.gift-art>img{height:100%;width:auto;max-width:100%;object-fit:contain;aspect-ratio:1;image-rendering:auto}

.pixel-studio[data-bomb-ready=true] #board{cursor:crosshair!important}
body.dark dialog.magic-reward-card.bonus-notice{background:radial-gradient(circle at top,#4c5477,#303955 60%,#244b4c);color:#f7f3df;border-color:#d4bf8c}
body.dark dialog.bonus-notice b{color:#ffe3a3}body.dark dialog.bonus-notice p{color:#eaf0e9}body.dark dialog.bonus-notice .bonus-time-note{background:#5c5135;color:#fff0c8}body.dark dialog.bonus-notice .bonus-start-error{color:#ffd0b2}