.kuro-modal{width:min(760px,calc(100vw - 28px));max-width:none;padding:0;border:0;background:transparent;color:#fff;overflow:visible}
.kuro-modal::backdrop{background:#050507e8;backdrop-filter:blur(12px)}
.kuro-modal__card{position:relative;display:grid;grid-template-columns:250px minmax(0,1fr);min-height:390px;overflow:hidden;border:1px solid #ff3f9b70;background:radial-gradient(circle at 15% 20%,#ff3f9b24,transparent 34%),linear-gradient(145deg,#21131c,#111116 62%);box-shadow:0 35px 100px #000,0 0 60px #ff3f9b20}
.kuro-modal__visual{position:relative;min-height:390px;overflow:hidden;background:#0b0b0e}
.kuro-modal__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 62%,#151016 100%);pointer-events:none}
.kuro-modal__mascot{position:absolute;inset:0;background-image:url('/images/kuro/kuro-alerts-sheet.webp');background-repeat:no-repeat;background-size:500% 100%;background-position:100% 0;animation:kuro-pop .55s cubic-bezier(.18,.86,.28,1.2) both,kuro-float 3.2s .6s ease-in-out infinite}
.kuro-modal[data-kind="success"] .kuro-modal__mascot{background-position:0 0}
.kuro-modal[data-kind="error"] .kuro-modal__mascot{background-position:25% 0}
.kuro-modal[data-kind="warning"] .kuro-modal__mascot{background-position:50% 0}
.kuro-modal[data-kind="confirm"] .kuro-modal__mascot{background-position:75% 0}
.kuro-modal[data-kind="info"] .kuro-modal__mascot{background-position:100% 0}
.kuro-modal__copy{display:flex;flex-direction:column;justify-content:center;padding:36px 38px 32px}
.kuro-modal__eyebrow{color:#ff69af;font:900 11px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.kuro-modal__dialect{margin:14px 0 10px;color:#fff;font:900 italic clamp(34px,5vw,54px)/.86 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.025em;text-transform:uppercase}
.kuro-modal__italian-label{margin-top:9px;color:#ff8fc4;font:800 9px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.kuro-modal__italian{margin:8px 0 0;color:#d5cfd2;font:500 14px/1.55 Inter,sans-serif;white-space:pre-line}
.kuro-modal__actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
.kuro-modal__actions .button{min-height:46px}
.kuro-modal__link[hidden],.kuro-modal__cancel[hidden]{display:none}
.kuro-modal[data-kind="success"]{--kuro-accent:#47df8b}.kuro-modal[data-kind="error"]{--kuro-accent:#ff587d}.kuro-modal[data-kind="warning"]{--kuro-accent:#ffd447}.kuro-modal[data-kind="confirm"]{--kuro-accent:#ff3f9b}.kuro-modal[data-kind="info"]{--kuro-accent:#72b9ff}
.kuro-modal__card::before{content:"";position:absolute;z-index:5;top:0;left:0;right:0;height:4px;background:var(--kuro-accent,#ff3f9b);box-shadow:0 0 24px var(--kuro-accent,#ff3f9b)}
.kuro-modal[data-kind="error"] .kuro-modal__card{animation:kuro-shake .38s ease both}
body.kuro-modal-open{overflow:hidden}
.notice.kuro-notice-consumed{display:none!important}
@keyframes kuro-pop{from{opacity:0;transform:translateY(35px) scale(.88) rotate(-3deg)}to{opacity:1;transform:none}}
@keyframes kuro-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes kuro-shake{0%,100%{transform:none}25%{transform:translateX(-7px)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}}
@media(max-width:650px){.kuro-modal{width:calc(100vw - 18px)}.kuro-modal__card{grid-template-columns:112px minmax(0,1fr);min-height:320px}.kuro-modal__visual{min-height:320px}.kuro-modal__mascot{inset:28px -48px 10px -46px}.kuro-modal__copy{padding:27px 18px 24px 8px}.kuro-modal__dialect{font-size:32px}.kuro-modal__italian{font-size:12px}.kuro-modal__actions{margin-top:18px}.kuro-modal__actions .button{min-height:42px;padding:0 14px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.kuro-modal__mascot,.kuro-modal[data-kind="error"] .kuro-modal__card{animation:none}}
@media(max-width:650px){.kuro-modal{width:100vw;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden}.kuro-modal__card{width:100%;height:100dvh;min-height:0;grid-template-columns:1fr;grid-template-rows:minmax(190px,34dvh) minmax(0,1fr);border:0}.kuro-modal__visual{min-height:0}.kuro-modal__mascot{inset:0;background-size:500% 100%;background-position-y:center}.kuro-modal__visual::after{background:linear-gradient(180deg,transparent 72%,#151016 100%)}.kuro-modal__copy{min-height:0;justify-content:flex-start;overflow-y:auto;padding:22px 18px 0;scrollbar-color:#ff3f9b #151016}.kuro-modal__eyebrow{font-size:12px}.kuro-modal__dialect{font-size:clamp(34px,10.5vw,50px);line-height:.92}.kuro-modal__italian-label{font-size:11px}.kuro-modal__italian{font-size:16px;line-height:1.5}.kuro-modal__actions{position:sticky;right:0;bottom:0;left:0;z-index:4;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px -18px 0;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(21,16,22,.2),#151016 34%);box-shadow:0 -14px 26px #0009}.kuro-modal__actions .button{width:100%;min-height:50px;padding:0 10px;font-size:12px;white-space:nowrap}.kuro-modal__actions .kuro-modal__confirm,.kuro-modal__actions .kuro-modal__link:not([hidden]),.kuro-modal__actions .kuro-modal__cancel:not([hidden]){grid-column:auto}.kuro-modal__actions:not(:has(.kuro-modal__link:not([hidden]))):not(:has(.kuro-modal__cancel:not([hidden]))) .kuro-modal__confirm{grid-column:1/-1}}
.kuro-modal__visual{display:grid;grid-template-columns:1fr;place-items:stretch center}
.kuro-modal__mascot{position:relative;inset:auto;width:auto;height:100%;aspect-ratio:1774/4435;background-size:500% 100%}
