.poster-page{min-height:100vh;display:flex;justify-content:center;padding:18px;background:radial-gradient(circle at 20% 0%,#ffd6e7,#ffcae2,#ffc0dd 70%,#ffb5d7)}.poster-card{width:100%;max-width:520px;background:linear-gradient(180deg,#fff5fbe6,#ffe6f4e6);border-radius:18px;box-shadow:0 18px 48px #5f14462e;padding:18px 16px 16px;position:relative;overflow:hidden}.poster-header{display:grid;grid-template-columns:1fr 150px;gap:12px;align-items:start}.poster-title{position:relative;padding-top:6px}.poster-title-big{font-size:74px;line-height:.9;font-weight:900;letter-spacing:2px;color:#6b2b6d;text-transform:uppercase}.poster-title-script{position:absolute;left:108px;top:24px;font-size:64px;font-weight:700;color:#a05a8a;transform:rotate(-6deg);font-family:Trebuchet MS,system-ui,sans-serif;opacity:.9}.poster-prize{display:flex;justify-content:flex-end}.poster-prize-frame{width:150px;height:150px;border-radius:12px;background:#ffffff8c;border:1px solid rgba(120,40,90,.15);box-shadow:0 10px 25px #5f14461f;overflow:hidden}.poster-prize-img{width:100%;height:100%;object-fit:cover}.poster-subtitle{margin-top:10px;text-align:center;padding:10px 10px 12px;background:#ffffff73;border-radius:12px;border:1px solid rgba(120,40,90,.12)}.poster-subtitle-top{font-weight:800;letter-spacing:3px;color:#6b2b6d;font-size:14px}.poster-subtitle-main{margin-top:6px;font-size:34px;color:#6b2b6d;font-weight:900;letter-spacing:1px}.poster-price{margin:12px auto 10px;text-align:center;font-size:22px;font-weight:900;color:#6b2b6d}.poster-info{text-align:center;margin:8px 0;color:#501437b3;font-weight:600}.poster-error{text-align:center;margin:8px 0;color:#a11f4a;font-weight:800}.poster-grid-wrap{margin-top:8px;background:#ffffff59;border-radius:14px;padding:12px;border:1px solid rgba(120,40,90,.12)}.poster-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:0;border:2px dashed rgba(120,40,90,.35);border-radius:12px;overflow:hidden}.poster-cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px dashed rgba(120,40,90,.25);background:transparent;height:44px;font-weight:900;color:#460a37cc;font-size:14px;cursor:pointer;transition:transform .05s ease,filter .15s ease}.poster-cell:active{transform:scale(.98)}.poster-cell:disabled{cursor:not-allowed;opacity:.7}.raffle-available{background:#ffffffd9}.raffle-reserved{background:#ffe687f2}.raffle-paid{background:#a6ffbaf2}.poster-cell:not(:disabled):hover{filter:brightness(1.02)}.poster-footer{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}.poster-payinfo{padding:10px 12px;border-radius:12px;background:#ffffff73;border:1px solid rgba(120,40,90,.12)}.poster-nequi-label{font-weight:900;color:#6b2b6d;margin-bottom:4px}.poster-nequi-value{font-size:20px;font-weight:900;color:#460a37d9}.poster-drawinfo{padding:10px 12px;border-radius:12px;background:#ffffff73;border:1px solid rgba(120,40,90,.12);text-align:right;font-weight:800;color:#460a37cc;line-height:1.2}.poster-selected{margin-top:12px;padding:12px;border-radius:14px;background:#ffffff73;border:1px solid rgba(120,40,90,.12)}.poster-muted{color:#460a37a6;font-weight:700}.poster-session{margin-top:10px;font-size:12px}.raffle-cart.integrated{position:static;width:100%;max-width:100%;padding:12px;border-radius:14px;background:#ffffffb3;border:1px solid rgba(120,40,90,.12);box-shadow:none}.raffle-cart-title{font-weight:900;color:#6b2b6d;margin-bottom:8px}.raffle-cart-numbers{font-weight:800;color:#460a37d9;padding:10px;border-radius:12px;border:1px dashed rgba(120,40,90,.22);background:#ffffff8c;margin-bottom:10px;line-height:1.3;word-break:break-word;max-height:72px;overflow:auto}.raffle-cart-total{font-size:13px;font-weight:700;color:#460a37bf;margin-bottom:10px}.raffle-cart-total strong{display:block;margin-top:4px;font-size:16px;color:#6b2b6d}.raffle-cart-expire{margin-top:6px;font-size:12px;opacity:.85;color:#460a37bf}.raffle-cart-btn{width:100%;border:0;border-radius:14px;padding:12px 14px;font-weight:900;letter-spacing:.2px;color:#fff;background:linear-gradient(135deg,#6b2b6d,#a05a8a);box-shadow:0 14px 30px #5f144640;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease,opacity .14s ease}.raffle-cart-btn:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 18px 42px #5f14464d}.raffle-cart-btn:active{transform:translateY(0) scale(.99);filter:brightness(.98)}.raffle-cart-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 520px){.poster-header{grid-template-columns:1fr 120px}.poster-prize-frame{width:120px;height:120px}.poster-title-big{font-size:64px}.poster-title-script{left:92px;top:22px;font-size:54px}.poster-subtitle-main{font-size:30px}}.poster-grid{border:1px solid rgba(255,255,255,.55)!important;background:#ffffff2e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.poster-cell{border:1px solid rgba(255,255,255,.38)!important;background:#ffffffb3;box-shadow:inset 0 1px #ffffff8c,0 6px 18px #5f14461a;position:relative;overflow:hidden;transition:transform .14s ease,box-shadow .18s ease,filter .18s ease}.raffle-available{background:#ffffffb8}.raffle-reserved{background:#ffe687e0}.raffle-paid{background:#a6ffbae0}.poster-cell:before{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:radial-gradient(circle at 50% 50%,#ffffffd9,#ffffff40,#fff0 70%);opacity:0;transform:scale(.9);transition:opacity .18s ease,transform .22s ease;pointer-events:none}.poster-cell:after{content:"";position:absolute;top:-60%;left:-60%;width:220%;height:220%;background:linear-gradient(115deg,#fff0 35%,#ffffff59,#fff0 65%);opacity:0;transform:rotate(8deg);transition:opacity .2s ease;pointer-events:none}.poster-cell:not(:disabled):hover{transform:translateY(-20px);filter:brightness(1.03) saturate(1.05);box-shadow:inset 0 1px #ffffffa6,0 14px 30px #5f14462e}.poster-cell:not(:disabled):hover:before{opacity:.95;transform:scale(1)}.poster-cell:not(:disabled):hover:after{opacity:.55}.poster-cell:not(:disabled):active{transform:translateY(0) scale(.985);box-shadow:inset 0 1px #ffffff73,0 10px 18px #5f144624}.poster-cell:disabled{opacity:.62;filter:grayscale(.08)}.poster-cell:focus-visible{outline:none;box-shadow:0 0 0 3px #ffffffa6,0 0 0 6px #7c3aed40,0 14px 30px #5f144629}.poster-cell.raffle-available:before{background:radial-gradient(circle at 50% 50%,#fffffff2,#ffffff40 38%,#fff0 72%)}.poster-cell.raffle-reserved:before{background:radial-gradient(circle at 50% 50%,#ffd65aa6,#ffd65a2e 40%,#ffd65a00 75%)}.poster-cell.raffle-paid:before{background:radial-gradient(circle at 50% 50%,#46ff8c8c,#46ff8c26 42%,#46ff8c00 78%)}.poster-cell{position:relative;overflow:hidden;border-radius:10px;border:1px solid rgba(255,255,255,.35);background:#ffffffbf;box-shadow:inset 0 1px #fff9,0 6px 14px #0000001f;transition:transform .12s cubic-bezier(.2,.9,.3,1.2),box-shadow .16s ease,filter .16s ease}.poster-cell:before{content:"";position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;background:radial-gradient(circle at center,#ffffffe6,#ffffff59,#fff0 70%);filter:blur(14px);opacity:0;transform:scale(.85);transition:opacity .16s ease,transform .2s ease;z-index:0;pointer-events:none}.poster-cell>*{position:relative;z-index:2}.poster-cell:not(:disabled):hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffffb3,0 14px 26px #0000002e;filter:brightness(1.03)}.poster-cell:not(:disabled):hover:before{opacity:1;transform:scale(1)}.poster-cell:not(:disabled):active{transform:translateY(0) scale(.96);box-shadow:inset 0 2px 6px #0000002e,0 6px 12px #00000026}.raffle-available{background:#ffffffc7}.raffle-reserved{background:#ffe687e6}.raffle-paid{background:#a5ffbee6}.raffle-reserved:before{background:radial-gradient(circle,#ffd75ab3,#ffd75a40 40%,#ffd75a00 75%)}.raffle-paid:before{background:radial-gradient(circle,#5affa099,#5affa033 42%,#5affa000 78%)}.poster-cell{position:relative;overflow:hidden}.poster-cell:before{z-index:0}.poster-cell:after{content:"";position:absolute;top:-60%;right:-60%;bottom:-60%;left:-60%;background:linear-gradient(115deg,#fff0,#fff0 42%,#ffffff8c,#fff0 58%,#fff0);filter:blur(6px);opacity:0;mix-blend-mode:screen;transform:translate(-60%) translateY(0) rotate(0);z-index:1;pointer-events:none}.poster-cell{font-weight:900}.poster-cell:not(:disabled):hover:after{opacity:1;animation:cellSheen .42s cubic-bezier(.2,.9,.2,1) both}.poster-cell:not(:disabled):active:after{opacity:.75}@keyframes cellSheen{0%{transform:translate(-70%) rotate(0);opacity:0}10%{opacity:.9}to{transform:translate(70%) rotate(0);opacity:0}}.raffle-reserved:not(:disabled):hover:after{background:linear-gradient(115deg,#fff0,#fff0 42%,#ffeba0a6,#fff0 58%,#fff0)}.raffle-paid:not(:disabled):hover:after{background:linear-gradient(115deg,#fff0,#fff0 42%,#b4ffd299,#fff0 58%,#fff0)}@media (prefers-reduced-motion: reduce){.poster-cell:after{display:none}}.poster-cell:not(:disabled):hover{transform:translateY(-4px) scale(1.06);box-shadow:0 10px 22px #5f14462e,0 4px 10px #ffffff73 inset;filter:brightness(1.03);z-index:3}.poster-cell:not(:disabled):active{transform:translateY(-1px) scale(1.02);box-shadow:0 6px 14px #5f144638;filter:brightness(.98)}.raffle-available:not(:disabled):hover{box-shadow:0 10px 24px #7850a038,0 0 0 1px #fff9 inset}.raffle-reserved:not(:disabled):hover{box-shadow:0 12px 26px #b4781e47,0 0 0 1px #fff0b499 inset}.raffle-paid:not(:disabled):hover{box-shadow:0 12px 26px #288c5a47,0 0 0 1px #c8ffdc99 inset}.poster-cell:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle at center,rgba(255,255,255,.9),rgba(255,255,255,.25),transparent 65%);opacity:0;transform:scale(.6);transition:opacity .22s ease,transform .22s ease;pointer-events:none}.poster-cell:not(:disabled):hover:before{opacity:.65;transform:scale(1)}.poster-cell:after{content:"";position:absolute;top:-120%;left:-120%;width:200%;height:200%;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.55),transparent 60%);transform:rotate(25deg);opacity:0;transition:opacity .22s ease,transform .42s ease;pointer-events:none}.poster-cell:not(:disabled):hover:after{opacity:1;transform:translate(60%,60%) rotate(25deg)}.poster-cell{transition:transform .16s cubic-bezier(.2,.9,.2,1),box-shadow .16s cubic-bezier(.2,.9,.2,1),filter .16s ease}.poster-cell:not(:disabled):hover{transform:translateY(-4px) scale(1.06);box-shadow:0 14px 30px #0000002e,inset 0 1px 1px #ffffffe6;z-index:3}.poster-cell:not(:disabled):active{transform:translateY(-1px) scale(1.02)}.raffle-available{background:linear-gradient(145deg,#ffffffb3,#f5f0ff59)}.raffle-reserved{background:linear-gradient(145deg,#ffebb4b3,#ffd27859)}.raffle-paid{background:linear-gradient(145deg,#c8ffdcb3,#8cdcb466)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f2f4f8;color:#111827}.app-root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.app-card{width:100%;max-width:960px;background:#fff;border-radius:24px;box-shadow:0 18px 45px #0f172a2e;padding:24px}.app-header h1{margin:0 0 4px;font-size:1.6rem}.app-header p{margin:0;font-size:.9rem;color:#6b7280}.app-footer{margin-top:16px;font-size:.8rem;color:#6b7280;text-align:center}.raffle-wrapper{margin-top:16px}.raffle-legend{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;font-size:.8rem}.legend-item{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:#f9fafb;border:1px solid #e5e7eb}.legend-dot{width:10px;height:10px;border-radius:999px;border:1px solid #d1d5db}.legend-dot-available{background:#fff}.legend-dot-reserved{background:#facc15;border-color:#eab308}.legend-dot-paid{background:#16a34a;border-color:#15803d}.raffle-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;margin-bottom:12px}.raffle-cell{position:relative;padding:8px 0;border-radius:10px;border:1px solid #d1d5db;font-size:.8rem;font-weight:600;text-align:center;cursor:pointer;background:#fff;color:#111827;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,border-color .12s ease,opacity .12s ease}.raffle-cell:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 20px #0f172a26}.raffle-cell:disabled{cursor:not-allowed;transform:none;box-shadow:none}.raffle-available{background:#fff}.raffle-available:not(:disabled):hover{border-color:#9ca3af}.raffle-reserved{background:#fef9c3;border-color:#eab308;color:#78350f}.raffle-reserved:disabled{opacity:.85}.raffle-paid{background:#16a34a;border-color:#15803d;color:#fff}.raffle-paid:disabled{opacity:.92;filter:saturate(.95)}.raffle-paid:hover,.raffle-reserved:hover{transform:none;box-shadow:none}.raffle-info{font-size:.8rem;color:#6b7280;text-align:center}.raffle-error{font-size:.85rem;color:#b91c1c;text-align:center;margin-bottom:8px}.raffle-selected{margin-top:8px;padding:10px 12px;border-radius:12px;background:#f9fafb;border:1px solid #e5e7eb;font-size:.85rem}.raffle-clear-btn{margin-top:6px;border:none;background:transparent;color:#6b7280;font-size:.8rem;text-decoration:underline;cursor:pointer}.raffle-clear-btn:hover{color:#111827}@media (max-width: 640px){.app-card{padding:16px}.raffle-cell{font-size:.7rem;padding:6px 0}.raffle-grid{gap:4px}}