@font-face{font-family:Cormorant;src:url(https://fonts.gstatic.com/s/cormorantgaramond/v16/co3YmX5slCNuHLi8bLeY9MK7whWMhyjYqXtK.woff2) format("woff2");font-weight:500 700}:root{color-scheme:dark;--ink: #10151c;--mist: #eef4fb;--soft-blue: #9eabbc;--warm: #f2d9ad;--rose: #f0a6b4;--green: #81a36c}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#121822;overflow-x:hidden}button{font:inherit}.scene-shell{position:relative;min-height:100vh;display:grid;place-items:center;padding:clamp(28px,5vw,64px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:radial-gradient(circle at 14% 12%,rgba(243,246,249,.65),transparent 19%),radial-gradient(circle at 78% 22%,rgba(214,221,231,.7),transparent 18%),radial-gradient(circle at 82% 92%,rgba(9,18,37,.95),transparent 22%),linear-gradient(135deg,#b7c0cd,#747f91 46%,#e2e6ec)}.scene-shell:before{content:"";position:absolute;inset:-18%;background:radial-gradient(ellipse at 35% 20%,rgba(255,255,255,.38),transparent 32%),radial-gradient(ellipse at 60% 52%,rgba(255,255,255,.26),transparent 30%),radial-gradient(ellipse at 15% 72%,rgba(255,255,255,.22),transparent 26%);filter:blur(30px);opacity:.78;animation:cloudDrift 18s ease-in-out infinite alternate}.ambient{position:absolute;width:38vmax;aspect-ratio:1;border-radius:50%;filter:blur(38px);opacity:.34;pointer-events:none}.ambient-a{left:-12vmax;top:20%;background:#f9f5e8}.ambient-b{right:-16vmax;bottom:-8vmax;background:#8195bd}.stars{position:absolute;inset:0;opacity:.85;background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(255,255,255,.5) 0 2px,transparent 2.5px);background-position:8% 22%,72% 20%;background-size:180px 220px,420px 360px;-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 88%,transparent);mask-image:linear-gradient(transparent,#000 18%,#000 88%,transparent);pointer-events:none}.debug-panel{position:fixed;top:18px;right:18px;z-index:10;width:220px;padding:14px;border:1px solid rgba(255,255,255,.22);border-radius:12px;color:#ffffffe6;background:#141b26a6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 18px 48px #131b2652;transition:all .3s cubic-bezier(.25,.8,.25,1)}.debug-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none}.debug-title-actions{display:flex;align-items:center;gap:8px}.debug-title button{border:0;border-radius:999px;padding:4px 8px;color:#17202b;background:#ffffffd1;cursor:pointer;font-size:10px;font-weight:800;transition:all .2s ease}.debug-title button:hover{background:#fff;transform:scale(1.05)}#togglePanel{background:transparent;color:#fff9;padding:2px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;width:24px;height:24px}#togglePanel:hover{color:#fff;background:#ffffff1a}.toggle-arrow{transition:transform .3s cubic-bezier(.25,.8,.25,1)}.debug-panel.is-collapsed .toggle-arrow{transform:rotate(-180deg)}.debug-panel.is-collapsed .debug-controls{display:none}.debug-controls{display:grid;gap:12px;margin-top:14px;max-height:60vh;overflow-y:auto;padding-right:4px}.debug-controls::-webkit-scrollbar{width:4px}.debug-controls::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.debug-controls::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.control-row{display:flex;flex-direction:column;gap:6px}.control-label-row{display:flex;align-items:center;justify-content:space-between;width:100%}.debug-controls label{display:flex;align-items:center;gap:8px;color:#ffffffd9;font-size:11px;line-height:1;font-weight:600;cursor:pointer}.debug-controls input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:#fff3cf;cursor:pointer}.opacity-val{font-size:10px;font-family:monospace;color:#ffffff80}.slider-container{display:flex;align-items:center;width:100%;transition:opacity .2s ease}.opacity-slider{-webkit-appearance:none;width:100%;height:3px;background:#ffffff26;border-radius:2px;outline:none;margin:4px 0;cursor:pointer}.opacity-slider:disabled{opacity:.3;cursor:not-allowed}.opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:#fff3cf;box-shadow:0 0 8px #fff3cf99;transition:transform .15s ease,background-color .15s ease}.opacity-slider:not(:disabled):hover::-webkit-slider-thumb{transform:scale(1.3);background:#fff;box-shadow:0 0 12px #ffffffe6}.opacity-slider:disabled::-webkit-slider-thumb{background:#ffffff4d;box-shadow:none;transform:none}.opacity-slider::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#fff3cf;box-shadow:0 0 8px #fff3cf99;transition:transform .15s ease,background-color .15s ease;cursor:pointer}.opacity-slider:not(:disabled):hover::-moz-range-thumb{transform:scale(1.3);background:#fff;box-shadow:0 0 12px #ffffffe6}.card-gallery{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(240px,360px));gap:clamp(18px,3vw,42px);align-items:center;justify-content:center;width:min(100%,1180px)}.card-scene{--foil-a: rgba(137, 234, 255, .34);--foil-b: rgba(255, 160, 211, .42);--foil-c: rgba(255, 246, 141, .55);--foil-angle: 112deg;height:min(68vh,520px);min-height:380px;display:grid;place-items:center;perspective:1400px;perspective-origin:50% 44%;touch-action:none;cursor:pointer}.tone-alpine{--foil-a: rgba(128, 225, 255, .34);--foil-b: rgba(255, 157, 207, .42);--foil-c: rgba(255, 237, 143, .55);--foil-angle: 112deg}.tone-dark{--foil-a: rgba(96, 170, 255, .34);--foil-b: rgba(166, 97, 255, .46);--foil-c: rgba(202, 226, 255, .42);--foil-angle: 128deg}.tone-forest{--foil-a: rgba(72, 234, 151, .32);--foil-b: rgba(218, 255, 134, .38);--foil-c: rgba(154, 255, 205, .46);--foil-angle: 104deg}.card-tilter{--mx: 0;--my: 0;--rx: 0deg;--ry: 0deg;width:min(100%,340px,44.888vh);aspect-ratio:547 / 756;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .14s ease-out}.card-assembly{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.86,.18,1)}.card-assembly.is-flipped{transform:rotateY(180deg)}.card-face,.card-back{position:absolute;inset:0;border-radius:5.3%;transform-style:preserve-3d;backface-visibility:hidden}.card-face{container-type:inline-size;overflow:hidden;isolation:isolate;clip-path:inset(0 round 5.3%);background:transparent;box-shadow:12px 22px #2d38442e,0 42px 84px #12192352,0 12px 28px #12192338;transform:translateZ(0)}.paper-grain{position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,#fff3,#ffffff05),repeating-linear-gradient(115deg,rgba(255,255,255,.08) 0 1px,transparent 1px 4px);opacity:.55;transform:translateZ(12px);pointer-events:none}.layer{transform-style:preserve-3d;will-change:transform}.image-window{position:absolute;inset:-1px;overflow:hidden;border-radius:inherit;background:#d4d9d9;transform:translateZ(8px);box-shadow:inset 0 0 0 1px #ffffff3d}.image-window img{position:absolute;width:132%;height:132%;left:-16%;top:-16%;object-fit:cover;transform:translate3d(calc(var(--mx) * -36px),calc(var(--my) * -24px),12px) scale(1.02);transition:transform .13s ease-out}.image-vignette{position:absolute;inset:0;background:radial-gradient(circle at calc(50% + var(--mx) * 28%) calc(32% + var(--my) * 22%),rgba(255,255,255,.26),transparent 24%),linear-gradient(to bottom,rgba(255,255,255,.08) 0%,transparent 36%,rgba(246,241,226,.44) 72%,rgba(242,239,226,.7) 100%);transform:translateZ(16px)}.foil-wash{display:none;position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(var(--foil-angle),transparent 22%,var(--foil-a) 36%,var(--foil-b) 45%,transparent 58%),radial-gradient(circle at calc(64% + var(--mx) * 20%) calc(20% + var(--my) * 18%),var(--foil-c),transparent 16%);mix-blend-mode:screen;opacity:.62;transform:translate3d(calc(var(--mx) * 8px),calc(var(--my) * 5px),22px)}.debug-show-foil .foil-wash{display:block}.card-border{display:block;position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#ffffff2e,#ffffff08);box-shadow:inset 0 0 0 3.1cqw #ffffff61,inset 0 0 0 calc(3.1cqw + 1px) #ffffff29,inset 0 0 24px #ffffff1f;clip-path:inset(0 round 5.3%);transform:translateZ(24px);pointer-events:none}.corner-badge{position:absolute;top:0;left:0;width:17.4%;height:12.4%;border-radius:32% 0 54%;background:linear-gradient(135deg,#ffffff80,#ffffff42);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:inset -1px -1px #ffffff57,inset 0 0 18px #ffffff1f;clip-path:inset(0 round 32% 0 54% 0);transform:translateZ(24px);display:none;place-items:center;pointer-events:none}.debug-show-corner .corner-badge{display:grid}.cloud-mark{width:34%;height:22%;transform:translate(-2%,-4%);background:radial-gradient(circle at 28% 64%,rgba(15,20,25,.74) 0 8px,transparent 9px),radial-gradient(circle at 50% 45%,rgba(15,20,25,.74) 0 10px,transparent 11px),radial-gradient(circle at 70% 66%,rgba(15,20,25,.74) 0 7px,transparent 8px);filter:drop-shadow(0 4px 12px rgba(0,0,0,.16))}.seal{position:absolute;left:50%;bottom:6.2%;width:12.2%;height:auto;aspect-ratio:1;margin-left:-6.1%;display:grid;place-items:center;border-radius:50%;background:#ffffff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #7732252e;transform:translate3d(calc(var(--mx) * 7px),calc(var(--my) * 5px),32px)}.seal span{width:74%;height:74%;border-radius:inherit;background:radial-gradient(circle at 36% 26%,#fff 0 7px,transparent 8px),radial-gradient(circle at 64% 76%,#f24829,transparent 36%),conic-gradient(from 210deg,#fff6a6,#ff7d50,#f35a81,#fff0b8,#ff7d50)}.flower-cluster{position:absolute;right:7.2%;bottom:18%;width:14%;height:9.4%;transform:translate3d(calc(var(--mx) * 9px),calc(var(--my) * 7px),36px);opacity:.72}.flower-cluster i{position:absolute;border-radius:50% 50% 50% 0;background:#ffcbcf94;box-shadow:inset 0 0 16px #ffffff8c}.flower-cluster i:nth-child(1){width:38px;height:27px;right:0;bottom:18px;transform:rotate(-22deg)}.flower-cluster i:nth-child(2){width:30px;height:21px;right:26px;bottom:10px;transform:rotate(18deg)}.flower-cluster i:nth-child(3){width:21px;height:36px;right:20px;bottom:30px;transform:rotate(42deg)}.copy-layer{position:absolute;left:13%;right:13%;bottom:18.3%;padding:2.7% 3% 3%;border-radius:4%;text-align:center;color:#17220e;background:linear-gradient(to bottom,#ffffff3d,#ffffff75);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transform:translate3d(calc(var(--mx) * 7px),calc(var(--my) * 5px),34px);text-shadow:0 1px 10px rgba(255,255,255,.72)}.eyebrow{margin:0 0 1.3%;font-size:2.05cqw;font-weight:800;letter-spacing:.16em;color:#1e2a347a}.copy-layer h2{margin:0;font-family:Cormorant,Georgia,serif;font-size:8.1cqw;line-height:.94;letter-spacing:0}.subtitle{max-width:330px;margin:2.3% auto 0;font-size:3.05cqw;line-height:1.16;font-style:italic}.card-footer{position:absolute;left:5%;right:5%;bottom:3.7%;height:5.4%;display:flex;align-items:center;justify-content:space-between;gap:3%;color:#1b2430;font-size:2.75cqw;padding:0 2%;border-radius:999px;background:#ffffff57;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform:translate3d(calc(var(--mx) * 6px),calc(var(--my) * 4px),30px)}.card-footer{display:none}.debug-show-footer .card-footer{display:flex}.debug-hide-image .image-window,.debug-hide-grain .paper-grain,.debug-hide-vignette .image-vignette,.debug-hide-border .card-border,.debug-hide-copy .copy-layer,.debug-hide-seal .seal,.debug-hide-flowers .flower-cluster,.debug-hide-sparkles .sparkle-layer,.debug-hide-back .card-back{display:none}.rank-mark{display:grid;place-items:center;width:10%;height:70%;color:#fff;font-size:3cqw;font-weight:900;border-radius:9px;background:linear-gradient(135deg,#10245c,#cb2c83)}.gem{width:6%;height:auto;aspect-ratio:1;border-radius:50%;background:conic-gradient(#fff,#9b55ff,#502d70,#fff,#e85c85,#fff);box-shadow:inset 0 0 0 3px #ffffff94}.sparkle-layer{position:absolute;inset:0;transform:translate3d(calc(var(--mx) * 12px),calc(var(--my) * 8px),42px);pointer-events:none}.sparkle-layer span{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 16px #fff}.sparkle-layer span:nth-child(1){left:18%;top:16%}.sparkle-layer span:nth-child(2){right:14%;top:28%;width:3px;height:3px}.sparkle-layer span:nth-child(3){left:10%;bottom:22%;width:4px;height:4px}.sparkle-layer span:nth-child(4){right:18%;bottom:18%;width:6px;height:6px}.card-back{display:block;overflow:hidden;clip-path:inset(0 round 5.3%);background:#111827;transform:rotateY(180deg) translateZ(28px);box-shadow:0 42px 84px #12192352}.card-back img{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);object-fit:cover}.card-thickness{display:none}.card-thickness-right{top:29px;right:-10px;width:22px;height:calc(100% - 58px);border-radius:0 18px 18px 0;transform:rotateY(90deg) translateZ(11px)}.card-thickness-bottom{left:28px;bottom:-10px;width:calc(100% - 56px);height:22px;border-radius:0 0 18px 18px;transform:rotateX(90deg) translateZ(11px)}.inspector{position:relative;border:1px solid rgba(255,255,255,.26);border-radius:8px;padding:20px;color:#fff;background:#1219236b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 70px #1118223d}.panel-kicker{margin:0 0 6px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#ffffff8f}.inspector h2{margin:0;font-family:Cormorant,Georgia,serif;font-size:30px;line-height:.95}.inspector ol{list-style:none;padding:0;margin:18px 0;display:grid;gap:4px}.inspector li{display:grid;grid-template-columns:62px 1fr;gap:12px;align-items:baseline;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.14)}.inspector b{font-family:Cormorant,Georgia,serif;font-size:18px;color:#fff3cf}.inspector span{color:#ffffffb8;font-size:13px}.inspector button{width:100%;height:46px;border:0;border-radius:999px;color:#17202b;background:#f8f1df;cursor:pointer;font-weight:800;transition:transform .16s ease,background .16s ease}.inspector button:hover{background:#fff;transform:translateY(-1px)}@keyframes cloudDrift{0%{transform:translate3d(-2%,-1%,0) rotate(-2deg)}to{transform:translate3d(2%,1%,0) rotate(2deg)}}@media(max-width:900px){.scene-shell{padding:86px 18px 28px}.debug-panel{top:10px;right:10px;left:10px;width:auto;padding:10px 14px;border-radius:10px}.debug-controls{grid-template-columns:repeat(2,1fr);gap:10px 16px;max-height:40vh;overflow-y:auto;padding-right:4px;margin-top:10px}@media(max-width:480px){.debug-controls{grid-template-columns:1fr;gap:8px 0}}.card-gallery{grid-template-columns:1fr;gap:28px;width:min(100%,380px)}.card-scene{min-height:450px;height:auto}.card-tilter{width:min(80vw,360px)}}@media(prefers-reduced-motion:reduce){.scene-shell:before{animation:none}.card-tilter,.card-assembly,.image-window img{transition:none}}.github-link{position:fixed;top:18px;left:18px;z-index:10;display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid rgba(255,255,255,.22);border-radius:8px;color:#ffffffdb;background:#141b2685;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 48px #131b263d;text-decoration:none;font-size:13px;font-weight:600;transition:all .24s cubic-bezier(.4,0,.2,1)}.github-link:hover{color:#fff;border-color:#ffffff70;background:#141b26b8;transform:translateY(-2px);box-shadow:0 20px 52px #131b265c}.github-link svg{width:18px;height:18px;fill:currentColor;transition:transform .3s ease}.github-link:hover svg{transform:scale(1.15) rotate(10deg)}@media(max-width:768px){.github-link{position:absolute;top:12px;left:12px;padding:8px 12px;font-size:12px}}