.card-viewer-page{max-width:1200px;margin:0 auto;padding:2rem 1.25rem}.card-viewer-breadcrumb{margin-bottom:1rem}.card-viewer-breadcrumb a{color:var(--lavender);font-size:.9rem;text-decoration:none}.card-viewer-breadcrumb a:hover{color:var(--pink)}.card-compact{background:linear-gradient(135deg, var(--void-raised) 0%, var(--void) 100%);border:2px solid var(--lavender);clip-path:polygon(0 10px,10px 10px,10px 0,calc(100% - 10px) 0,calc(100% - 10px) 10px,100% 10px,100% calc(100% - 10px),calc(100% - 10px) calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,10px calc(100% - 10px),0 calc(100% - 10px));flex-direction:column;height:100%;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #c79bff1f,inset 0 1px #c79bff26}.card-compact:before{content:"";pointer-events:none;clip-path:inherit;opacity:0;background:linear-gradient(135deg,#ff9ecf14 0%,#0000 60%);transition:opacity .2s;position:absolute;inset:0}.card-compact:hover,.card-compact:focus-within{border-color:var(--card-accent,var(--pink));transform:translateY(-6px);box-shadow:0 16px 40px #c79bff33,inset 0 1px #c79bff33}.card-compact:hover:before,.card-compact:focus-within:before{opacity:1}.card-compact-hit{min-height:0;color:inherit;flex-direction:column;flex:1;text-decoration:none;display:flex}.card-compact-hit:focus-visible{outline:2px solid var(--coin-gold);outline-offset:-2px}.card-compact-media{aspect-ratio:3/4;background:var(--void);border-bottom:1px solid #c79bff26;flex-shrink:0;position:relative;overflow:hidden}.card-compact-media img,.card-compact-media video{object-fit:cover;width:100%;height:100%;display:block}.card-compact-badge{z-index:2;position:absolute;top:.6rem;right:.6rem}.card-compact-info{flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex}.card-compact-title{color:var(--cream-text);letter-spacing:-.005em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.card-compact-info .card-meta{opacity:.8;color:var(--lavender);gap:.5rem;font-size:.85rem}.card-compact-info .card-badges{gap:.4rem}.card-compact-info .card-badge{text-transform:uppercase;letter-spacing:.05em;padding:.25rem .6rem;font-size:.7rem}.card-compact-actions{flex-shrink:0;gap:.5rem;padding:0 1rem 1rem;display:flex}.card-rating{flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;display:flex}.card-rating-value{color:var(--coin-gold);text-shadow:0 2px 4px #ffd8731a;white-space:nowrap;font-size:.95rem;font-weight:600}.card-rating-count{color:var(--cream-text);opacity:.6;font-size:.8rem}.card-media-placeholder{width:100%;height:100%;color:var(--lavender);opacity:.55;background:linear-gradient(135deg, var(--void-raised) 0%, var(--void) 100%);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.card-media-placeholder span{font-family:ui-monospace,monospace;font-size:.7rem}.card-media-frame{background:var(--void);width:100%;height:100%;position:relative;overflow:hidden}.card-media-backdrop{object-fit:cover;filter:blur(20px)brightness(.5)saturate(1.15);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.15)}.card-media-image-contain{object-fit:contain;filter:drop-shadow(0 8px 20px #00000073);width:100%;height:100%;position:relative}.card-media-image,.card-media-video,.card-media-iframe{object-fit:cover;border:none;width:100%;height:100%;display:block}.card-badges{flex-wrap:wrap;gap:.5rem;display:flex}.card-badge{color:var(--card-accent,var(--lavender));background:#c79bff1f;border:1px solid #c79bff4d;border-radius:999px;padding:.25rem .65rem;font-size:.8rem;text-decoration:none}a.card-badge:hover,a.card-badge:focus-visible{border-color:var(--coin-gold);color:var(--coin-gold)}.card-badge-gold{color:var(--coin-gold);background:#ffd8731f;border-color:#ffd87366;font-weight:700}.card-meta{color:var(--cream-text);opacity:.85;flex-wrap:wrap;gap:.75rem;font-size:.9rem;display:flex}.card-block-label{color:var(--sky-blue);margin:0 0 .75rem;font-size:1.1rem}.card-description-block{border-top:1px solid #c79bff26;margin-top:1.25rem;padding-top:1.25rem}.card-description{color:var(--cream-text);white-space:pre-line;-webkit-line-clamp:5;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.card-description-block.is-expanded .card-description{display:block;overflow:visible}.card-description-toggle{color:var(--lavender);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;margin-top:.5rem;padding:.5rem 0;font-size:.85rem;font-weight:600;display:inline-flex}.card-description-toggle:hover,.card-description-toggle:focus-visible{color:var(--coin-gold)}.card-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.card-action{cursor:pointer;min-height:44px;font-weight:600;font:inherit;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.6rem 1.25rem;text-decoration:none;display:inline-flex}.card-action-primary{background:var(--card-accent,var(--coin-gold));color:var(--void)}.card-action-primary:hover{background:var(--pink)}.card-action-secondary{color:var(--cream-text);background:0 0;border:1px solid #c79bff66}.card-action-secondary:hover{border-color:var(--coin-gold);color:var(--coin-gold)}.card-focus{flex-direction:column;display:flex}.reel-mode .reel-card.card-focus{overflow:hidden}.card-focus.has-back{perspective:1600px;position:relative}.card-focus-content{flex-direction:column;flex:1;min-height:0;display:flex}.card-flip{width:100%;min-height:0;transform-style:preserve-3d;flex-direction:column;flex:1;transition:transform .55s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.card-focus.is-flipped .card-flip{transform:rotateY(180deg)}.card-face-front,.card-face-back{backface-visibility:hidden}.card-face-front{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.card-face-back{pointer-events:none;flex-direction:column;padding:1.5rem;display:flex;position:absolute;inset:0;overflow-y:auto;transform:rotateY(180deg)}.card-focus.is-flipped .card-face-front{pointer-events:none}.card-focus.is-flipped .card-face-back{pointer-events:auto}.card-flip-toggle{border:2px solid var(--lavender);min-height:36px;color:var(--lavender);cursor:pointer;background:#14101fbf;border-radius:999px;flex-shrink:0;align-items:center;gap:.35rem;padding:.4rem .75rem;font-family:ui-monospace,monospace;font-size:.8rem;display:inline-flex}.card-flip-toggle-front{margin-top:.5rem}.card-flip-toggle-back{z-index:5;align-self:flex-start;margin-bottom:1rem;position:sticky;top:0}.card-flip-toggle:hover,.card-flip-toggle:focus-visible{border-color:var(--coin-gold);color:var(--coin-gold);background:#14101fe6}@media (prefers-reduced-motion:reduce){.card-flip{transition:none}}.card-focus-custom{text-align:center;justify-content:center;align-items:center;gap:1rem;padding:2rem 1.5rem}.reel-mode .card-focus-custom{touch-action:none;overflow-y:auto}.card-focus-hero{flex-shrink:0;gap:1.5rem;padding:1.5rem;display:flex}.card-focus-media{border:1px solid #c79bff33;border-radius:4px;flex-shrink:0;width:180px;height:240px;overflow:hidden}.card-focus-hero-info h1{color:var(--cream-text);margin:0 0 .25rem;font-size:1.75rem}.card-focus-subtitle{color:var(--cream-text);opacity:.6;margin:0 0 .75rem;font-size:.9rem}.card-focus-hero-info .card-meta,.card-focus-hero-info .card-badges{margin-bottom:.75rem}.card-focus-scroll{padding:0 1.5rem 1.5rem}.reel-mode .card-focus-scroll{touch-action:none;flex:1;min-height:0;overflow-y:auto}.card-focus-block{border-top:1px solid #c79bff26;margin-top:1.25rem;padding-top:1.25rem}.card-focus-scroll>.card-focus-block:first-child,.card-focus-scroll>.card-description-block:first-child,.card-face-back>.card-focus-block:first-child,.card-face-back>.card-description-block:first-child{border-top:none;margin-top:0;padding-top:0}.card-offer-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.reel-mode .card-focus-hero{flex-direction:row}.reel-mode .card-focus-media{width:100px;height:133px}.reel-mode .card-focus-hero-info h1{font-size:1.35rem}.card-media-stacked .card-focus-hero{flex-direction:column}.card-media-stacked .card-focus-media{width:100%;height:125px}@media (height>=700px){.card-media-stacked .card-focus-media{height:200px}}@media (height>=800px){.card-media-stacked .card-focus-media{height:280px}}@media (width<=768px){.card-focus-hero{flex-direction:column}.card-focus-media{aspect-ratio:3/4;width:100%;height:auto}}