.card-viewer-overlay{position:fixed;top:0;inset-inline-start:0;width:100vw;height:100vh;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .2s ease-out}.card-viewer-content{position:relative;width:100vw;height:100dvh;max-width:none;max-height:none;display:flex;flex-direction:column;align-items:center;padding:clamp(64px,11vh,96px) 8px clamp(76px,12vh,104px);box-sizing:border-box;animation:fadeIn .2s ease-out}.card-viewer-zoom-controls{position:fixed;top:max(14px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:11}.card-viewer-close{position:fixed;top:max(14px,env(safe-area-inset-top));inset-inline-start:max(14px,env(safe-area-inset-left));background:#0a0e1cd1;border:1px solid rgba(255,255,255,.22);color:#fff;width:44px;height:44px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 12px #00000073;z-index:12}.card-viewer-close:hover{background:#dc3545d9;border-color:#ffffff59;transform:rotate(90deg)}.card-viewer-content .card-flip-container{perspective:1000px;-webkit-perspective:1000px;width:auto;height:auto;transform-origin:center center;transition:transform .12s ease-out}.card-viewer-zoom-stage{flex:1 1 auto;width:100%;min-height:0;max-width:none;max-height:none;display:grid;place-items:center;overflow:hidden;border-radius:var(--radius-md);touch-action:none;-webkit-user-select:none;user-select:none;cursor:zoom-in}.card-viewer-zoom-stage.is-dragging{cursor:grabbing}.card-viewer-zoom-stage.is-zoomed{cursor:grab}.card-viewer-zoom-shell{transform-origin:center center;transition:transform .12s ease-out;will-change:transform}.card-viewer-zoom-stage.is-dragging .card-viewer-zoom-shell{transition:none}.card-viewer-content .card-flip-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform}.card-viewer-content .card-flip-container.flipped .card-flip-inner{transform:rotateY(180deg)}.card-viewer-content .card-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 10px 40px #00000080;transition:opacity .14s linear,visibility 0s linear .14s}.card-viewer-content .card-front{position:relative;opacity:1;visibility:visible}.card-viewer-content .card-back{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;transform:rotateY(180deg);background:linear-gradient(135deg,#2a2520,#1a1612);display:flex;align-items:center;justify-content:center;color:#d4a574;opacity:0;visibility:hidden;pointer-events:none}.card-viewer-content .card-flip-container.flipped .card-front{opacity:0;visibility:hidden;pointer-events:none}.card-viewer-content .card-flip-container.flipped .card-back{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .14s linear .16s,visibility 0s}.card-viewer-content .card-back-placeholder{font-size:1.2rem;opacity:.7}.card-viewer-image{max-width:96vw;max-height:calc(100dvh - 180px);object-fit:contain;display:block}.card-viewer-actions{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:12px;margin:0;padding:6px 10px;border-radius:var(--radius-pill, 999px);background:#0a0e1cb8;border:1px solid rgba(255,255,255,.08);justify-content:center;z-index:11}.action-btn{width:48px;height:48px;border:none;border-radius:var(--radius-md);background:#ffffff26;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-btn:hover{background:#ffffff40;transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}.action-btn.delete:hover{background:#dc354580}.action-btn.regenerate:hover{background:#28a74580}.action-btn.rotate:hover{background:#007bff80}.action-btn.edit:hover{background:#ffc10780}.action-btn.backpack:hover{background:#d4a57480}.action-btn.equip:hover{background:#28a74580}.card-viewer-design-cta{display:inline-flex;align-items:center;gap:8px;margin:0 auto;padding:10px 22px;border:none;border-radius:999px;background:linear-gradient(160deg,#f7e09a,#c9a261 60%,#8a6a26);color:#20180a;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 8px 22px #c9a76a59;transition:transform .18s ease,filter .18s ease}.card-viewer-design-cta:hover{filter:brightness(1.06);transform:translateY(-1px)}.action-btn .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(1);opacity:0}to{transform:scale(1);opacity:1}}.card-loading-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:300px;height:420px;background:linear-gradient(135deg,#2a2520,#1a1612);border-radius:var(--radius-md);color:#d4a574;font-size:1.1rem}.loading-spinner{width:48px;height:48px;border:4px solid rgba(212,165,116,.2);border-top-color:#d4a574;border-radius:50%;animation:spin 1s linear infinite}