.card-frame{background:radial-gradient(circle at 20% 10%, #c0392b14, transparent 45%), radial-gradient(circle at 80% 90%, #d4a01714, transparent 50%), var(--background);border-radius:14px;width:100%;height:100%;padding:10px;position:relative;box-shadow:0 10px 25px #0000001f}.card{width:100%;height:100%;color:var(--foreground);background:linear-gradient(135deg, var(--panel), var(--panel-2));border:1px solid #2b1d162e;border-radius:10px;padding:16px;font-family:Georgia,serif;position:relative;overflow:visible;box-shadow:0 2px #00000014,0 8px 18px #0000001a}.card:before{content:"";pointer-events:none;opacity:.25;border-radius:inherit;background:repeating-linear-gradient(45deg,#00000005,#00000005 2px,#0000 2px 6px);position:absolute;inset:0}.card:after{content:"";pointer-events:none;opacity:.5;border-radius:inherit;background:radial-gradient(circle at 0 30%,#0000 6px,#0000000f 7px,#0000 8px),radial-gradient(circle at 100% 70%,#0000 6px,#0000000d 7px,#0000 8px);position:absolute;inset:0}.card-frame--default{padding:10px}.card-frame--default:before{content:"";z-index:2;background:#d4a01740;border-radius:3px;width:40px;height:14px;position:absolute;top:6px;left:12px;transform:rotate(-12deg);box-shadow:0 2px 4px #0000001a}.card-frame--default:after{content:"";z-index:2;background:#c0392b2e;border-radius:3px;width:36px;height:12px;position:absolute;bottom:8px;right:14px;transform:rotate(10deg);box-shadow:0 2px 4px #0000001a}.card-frame--ticket{background:repeating-linear-gradient(90deg, #c0392b09 0, #c0392b09 8px, transparent 8px, transparent 16px), var(--background);border-radius:4px;padding:7px;box-shadow:0 8px 20px #00000017}.card-frame--ticket:before{content:"";opacity:.55;z-index:3;pointer-events:none;height:1px;position:absolute;top:50%;left:0;right:0}.card-frame--ticket:after{content:"";background:var(--background);width:14px;height:14px;box-shadow:calc(100% + 14px) 0 0 var(--background);z-index:4;pointer-events:none;border-radius:50%;position:absolute;top:50%;left:-7px;transform:translateY(-50%)}.card-frame--ticket .card{background:linear-gradient(135deg, var(--panel), var(--panel-2));box-shadow:none;border:1px dashed #2b1d1647;border-radius:3px;padding:17px}.card-frame--poster{background:var(--foreground);border-radius:3px;padding:8px;box-shadow:0 12px 28px #00000024}.card-frame--poster .card{border:2px solid var(--panel);background:linear-gradient(145deg, var(--panel), var(--panel-2));border-radius:1px;min-height:180px;padding:22px;box-shadow:inset 0 0 0 1px #2b1d1626}.card-frame--poster .card:before{opacity:1;background:0 0;border:1px solid #2b1d1629;inset:7px}.card-frame--poster .card:after{content:"✦";opacity:.25;background:0 0;font-size:.7rem;inset:auto 14px 10px auto}.card-frame--minimal{box-shadow:none;background:0 0;border-radius:10px;padding:0}.card-frame--minimal:before,.card-frame--minimal:after{display:none}.card-frame--minimal .card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:15px;box-shadow:0 3px 12px #0000000b}.card-frame--minimal .card:before,.card-frame--minimal .card:after{display:none}.card-frame--featured{background:radial-gradient(circle at 15% 10%, #c0392b17, transparent 42%), radial-gradient(circle at 85% 90%, #d4a01717, transparent 45%), var(--background);border-radius:13px;padding:6px;box-shadow:0 9px 22px #0000001a}.card-frame--featured:before{content:"FEATURED";letter-spacing:.13em;opacity:.28;z-index:3;font-family:Cinzel,serif;font-size:.4rem;font-weight:700;position:absolute;top:5px;right:10px}.card-frame--featured:after{content:"";background:repeating-linear-gradient(90deg, var(--foreground) 0 6px, transparent 6px 11px);opacity:.1;z-index:3;height:1px;position:absolute;top:0;left:14px;right:14px}.card-frame--featured .card{border-color:#2b1d1633;border-radius:9px;min-height:0;padding:13px;box-shadow:0 3px #0000000f,0 7px 15px #00000014}.card-frame.is-hoverable{cursor:pointer;transition:transform .25s,filter .25s}.card-frame.is-hoverable .card{transition:transform .25s,box-shadow .25s,border-color .25s}.card-frame.is-hoverable:hover{filter:drop-shadow(0 18px 22px #0000002e);transform:translateY(-5px)rotate(-1.2deg)}.card-frame.is-hoverable:hover .card{box-shadow:0 6px 0 #00000014, 0 18px 35px #0000002e, var(--glow-primary);border-color:#d4a01773;transform:rotate(.8deg)translate(3px)}.card-frame--default.is-hoverable:before,.card-frame--default.is-hoverable:after{transition:transform .25s}.card-frame--default.is-hoverable:hover:before{transform:rotate(-18deg)translateY(-2px)}.card-frame--default.is-hoverable:hover:after{transform:rotate(18deg)translateY(2px)}.card-frame--ticket.is-hoverable:hover{transform:translateY(-4px)rotate(.5deg)}.card-frame--ticket.is-hoverable:hover .card{border-color:#c0392b59;transform:none;box-shadow:0 8px 20px #0000001a}.card-frame--poster.is-hoverable:hover{transform:translateY(-6px)rotate(-.6deg)}.card-frame--poster.is-hoverable:hover .card{border-color:#d4a01780;transform:none;box-shadow:inset 0 0 0 1px #2b1d1626,0 10px 25px #0000001f}.card-frame--minimal.is-hoverable:hover{transform:translateY(-3px)}.card-frame--minimal.is-hoverable:hover .card{border-color:#2b1d164d;transform:none;box-shadow:0 10px 24px #00000014}.card-frame--featured.is-hoverable:hover{transform:translateY(-6px)rotate(-.8deg)}.card-frame--featured.is-hoverable:hover .card{box-shadow:0 7px 0 #00000014, 0 20px 38px #0000002e, var(--glow-primary);border-color:#d4a0178c;transform:translate(2px)}.card-frame.is-hoverable:focus-within{outline:2px solid color-mix(in srgb, var(--foreground) 45%, transparent);outline-offset:4px}.card-frame.no-hover{cursor:default}@media (prefers-reduced-motion:reduce){.card-frame.is-hoverable,.card-frame.is-hoverable .card{transition:none}.card-frame.is-hoverable:hover,.card-frame.is-hoverable:hover .card{filter:none;transform:none}}@media (max-width:640px){.card-frame{padding:8px}.card{padding:14px}.card-frame--featured{padding:9px}.card-frame--featured .card{padding:17px}.card-frame--poster .card{min-height:150px;padding:18px}}@media (max-width:380px){.card-frame{border-radius:11px;padding:7px}.card{padding:13px}.card-frame--ticket .card{padding:14px}.card-frame--minimal .card{padding:13px}}