.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;padding:10px;position:relative;box-shadow:0 10px 25px #0000001f}.card-frame:before{content:"";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:after{content:"";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{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;background:repeating-linear-gradient(45deg,#00000005,#00000005 2px,#0000 2px 6px);position:absolute;inset:0}.card:after{content:"";pointer-events:none;opacity:.5;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.is-hoverable{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.is-hoverable:before,.card-frame.is-hoverable:after{transition:transform .25s}.card-frame.is-hoverable:hover:before{transform:rotate(-18deg)translateY(-2px)}.card-frame.is-hoverable:hover:after{transform:rotate(18deg)translateY(2px)}