.koffa-reveal{width:min(720px,calc(100% - 24px));max-height:96dvh;padding:0;border:0;border-radius:30px;background:#092b25;color:#fff;overflow:hidden;box-shadow:0 30px 90px #001b17aa}.koffa-reveal::backdrop{background:#061d19d9;backdrop-filter:blur(8px)}.koffa-reveal>section{position:relative;padding:34px;background:radial-gradient(circle at 85% 8%,#3a6b56 0,transparent 34%),linear-gradient(145deg,#092b25,#123d33);overflow:hidden}.reveal-glow{position:absolute;inset:auto -90px -120px auto;width:330px;height:330px;border:1px solid #f5c55355;border-radius:50%;box-shadow:0 0 80px #f5c55322}.reveal-close{position:absolute;z-index:5;right:20px;top:20px;width:42px;height:42px;border:1px solid #ffffff44;border-radius:50%;background:#fff;color:#0a3028;font:26px/1 sans-serif;cursor:pointer}.koffa-reveal header{position:relative;z-index:2;text-align:center}.koffa-reveal header small{color:#f5c553;font-weight:900;letter-spacing:.22em}.koffa-reveal header h2{margin:8px 0 4px;font-size:clamp(28px,5vw,46px);line-height:.95}.koffa-reveal header p{margin:0;color:#d1e1dc}.reveal-scene{position:relative;height:300px;margin:4px auto 0;max-width:500px}.reveal-handle{position:absolute;z-index:1;left:50%;bottom:93px;width:230px;height:145px;border:18px solid #e8b845;border-bottom:0;border-radius:120px 120px 0 0;transform:translateX(-50%);box-shadow:inset 0 0 0 3px #ffe39955}.reveal-bag{position:absolute;z-index:3;left:50%;bottom:12px;width:330px;height:155px;border-radius:30px 30px 55px 55px;transform:translateX(-50%);display:grid;place-content:center;text-align:center;color:#18352d;background:repeating-linear-gradient(105deg,#f8d66f 0 18px,#edbd43 18px 36px);box-shadow:0 25px 35px #001b1777,inset 0 0 0 4px #ffe89a}.reveal-bag:before{content:"";position:absolute;inset:12px;border:1px dashed #173e3244;border-radius:22px 22px 45px 45px}.reveal-bag strong{font-size:40px;letter-spacing:.08em}.reveal-bag span{font-size:9px;font-weight:900;letter-spacing:.25em}.reveal-items{position:absolute;z-index:2;inset:10px 55px 105px}.reveal-items i{position:absolute;left:calc(8% + (var(--i) * 7%));bottom:calc((var(--i) % 3) * 18px);width:62px;height:62px;display:grid;place-items:center;border-radius:20px;background:#fff8e8;color:#122e27;font-style:normal;font-size:34px;transform:translateY(-290px) rotate(var(--r));opacity:0;box-shadow:0 8px 22px #001b1755}.reveal-items i b{position:absolute;right:-7px;top:-7px;padding:4px 6px;border-radius:12px;background:#f2644a;color:white;font:800 11px sans-serif}.revealing .reveal-items i{animation:revealDrop .65s cubic-bezier(.2,.8,.25,1.18) var(--delay) forwards}@keyframes revealDrop{60%{opacity:1}100%{opacity:1;transform:translateY(0) rotate(var(--r))}}.reveal-summary{position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.reveal-summary article{padding:13px 10px;border:1px solid #ffffff22;border-radius:17px;background:#ffffff0d}.reveal-summary span{display:block;color:#9dbbb2;font-size:9px;font-weight:900;letter-spacing:.12em}.reveal-summary strong{display:block;margin-top:5px;font-size:17px}.over #reveal-balance,.over #reveal-balance-label{color:#ff8a76}.reveal-actions{position:relative;z-index:4;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.reveal-actions button{min-height:50px;border:1px solid #f5c553;border-radius:16px;background:transparent;color:#fff;font-weight:900;cursor:pointer}.reveal-actions button:last-child{background:#f5c553;color:#092b25}
@media(max-width:520px){.koffa-reveal{width:calc(100% - 12px);border-radius:24px}.koffa-reveal>section{padding:26px 15px 16px}.reveal-close{right:13px;top:13px}.koffa-reveal header h2{padding:0 35px;font-size:29px}.reveal-scene{height:250px}.reveal-handle{width:190px;height:120px;bottom:80px;border-width:15px}.reveal-bag{width:280px;height:130px}.reveal-items{inset:6px 28px 88px}.reveal-items i{width:52px;height:52px;border-radius:17px;font-size:28px}.reveal-bag strong{font-size:34px}.reveal-summary strong{font-size:13px}.reveal-summary article{padding:10px 7px}.reveal-actions{grid-template-columns:1fr}.reveal-actions button{min-height:46px}}
@media(prefers-reduced-motion:reduce){.revealing .reveal-items i{animation:none;opacity:1;transform:translateY(0) rotate(var(--r))}}
.reveal-items{inset:0;display:flex;align-items:flex-end;justify-content:center;padding:0 54px 140px}.reveal-items i{position:relative;left:auto;bottom:auto;flex:0 1 62px;min-width:42px;margin-left:-9px}.reveal-items i:first-child{margin-left:0}
@media(max-width:520px){.reveal-items{inset:0;padding:0 34px 130px}.reveal-items i{width:auto;flex-basis:52px}}