@property --rx{syntax:"<angle>";inherits:false;initial-value:0deg}@property --ry{syntax:"<angle>";inherits:false;initial-value:0deg}@property --pc-flip{syntax:"<angle>";inherits:false;initial-value:0deg}@property --px{syntax:"<number>";inherits:false;initial-value:50}@property --py{syntax:"<number>";inherits:false;initial-value:50}@property --pointer-from-center{syntax:"<number>";inherits:false;initial-value:0}@property --tear{syntax:"<percentage>";inherits:true;initial-value:0%}@property --tear-n{syntax:"<number>";inherits:true;initial-value:0}@property --card-opacity{syntax:"<number>";inherits:false;initial-value:1}.pc-sleeve{--pc-face-bg:oklch(16% .015 265);--pc-face-raised:oklch(21% .02 265);--pc-face-well:oklch(13% .012 265);--pc-face-line:oklch(32% .02 265);--pc-face-text:oklch(93% .015 90);--pc-face-text-dim:oklch(68% .012 265);--pc-holo-wood:oklch(72% .14 158);--pc-holo-fire:oklch(70% .17 27);--pc-holo-earth:oklch(80% .12 88);--pc-holo-metal:oklch(91% .02 250);--pc-holo-water:oklch(62% .1 255);background:color-mix(in oklch, var(--color-paper-raised) 60%, transparent);border:1px solid var(--color-line);perspective:600px;border-radius:calc(4.5% + 6px);padding:6px;position:relative}.pc-hero{width:min(78vw,300px);box-shadow:var(--shadow-float)}.pc-showcase{width:160px}.pc-mini{width:128px}.pc-card{aspect-ratio:55/85;width:100%;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(calc(var(--ry) + var(--pc-flip)));opacity:var(--card-opacity);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:4.5%/3.5%;padding:0;transition:--pc-flip .56s cubic-bezier(.34,1.3,.5,1);display:block;position:relative}.pc-card.is-flipped{--pc-flip:180deg}button.pc-card{cursor:pointer}.pc-card:focus-visible{outline:2px solid var(--color-geumbak-deep);outline-offset:4px}.pc-releasing .pc-card,.pc-releasing [data-holo]{transition:--pc-flip .56s cubic-bezier(.34,1.3,.5,1),--rx .4s cubic-bezier(.3,1.3,.4,1),--ry .4s cubic-bezier(.3,1.3,.4,1),--px .4s cubic-bezier(.3,1.3,.4,1),--py .4s cubic-bezier(.3,1.3,.4,1),--pointer-from-center .4s cubic-bezier(.3,1.3,.4,1)}.pc-face{border-radius:inherit;backface-visibility:hidden;isolation:isolate;position:absolute;inset:0;overflow:hidden}.pc-face-front{border:1px solid var(--color-geumbak-deep);background:var(--pc-face-well)}.pc-face-back{background:var(--pc-face-raised);border:1px solid var(--color-geumbak-deep);transform:rotateY(180deg)}.pc-face-back:before{content:"";opacity:.04;background:repeating-conic-gradient(from 0deg, var(--pc-face-text) 0deg 11deg, transparent 11deg 30deg);pointer-events:none;position:absolute;inset:0}.pc-art{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pc-frame-inner{border:1px solid var(--pc-face-line);border-radius:inherit;pointer-events:none;position:absolute;inset:4px}.pc-stripe{position:absolute;inset:0 0 auto}.pc-plate{background:oklch(16% .015 265/.82);flex-direction:column;justify-content:flex-end;gap:4px;min-height:18%;padding:8px 10px;display:flex;position:absolute;inset:auto 0 0}.pc-plate-row{align-items:center;gap:8px;display:flex}.pc-plate-hanja{font-family:var(--font-display);color:var(--pc-glow);text-shadow:1px 1px 0 var(--color-geumbak-deep);font-size:2rem;font-weight:900;line-height:1}.pc-showcase .pc-plate-hanja,.pc-mini .pc-plate-hanja{font-size:1.375rem}.pc-plate-id{flex-direction:column;gap:2px;min-width:0;display:flex}.pc-plate-title{font-family:var(--font-display);letter-spacing:normal;font-size:1.125rem;font-weight:800;line-height:1.3}.pc-mini .pc-plate-title,.pc-showcase .pc-plate-title{font-size:.9375rem}.pc-plate-subtitle{color:var(--pc-face-text-dim);word-break:keep-all;font-size:.75rem;line-height:1.3}.pc-gauges{flex-direction:column;gap:2px;margin-top:2px;display:flex}.pc-gauge-track{background:var(--pc-face-well);height:3px;display:block}.pc-gauge-fill{height:100%;display:block}.pc-serial{font-family:var(--font-serial);letter-spacing:.08em;text-transform:uppercase;color:var(--color-geumbak);margin-top:4px;font-size:.6875rem;font-weight:400;display:block}.pc-shine,.pc-glare,.pc-sweep{border-radius:inherit;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:radial-gradient(62% 55% at 50% 38%,#0000 0 58%,#000 78%);mask-image:radial-gradient(62% 55% at 50% 38%,#0000 0 58%,#000 78%)}.pc-shine{background-image:linear-gradient(115deg, transparent 20%, var(--pc-holo-wood) 36%, var(--pc-holo-fire) 43%, var(--pc-holo-earth) 50%, var(--pc-holo-metal) 57%, var(--pc-holo-water) 64%, transparent 80%), url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' seed='7' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='240' height='240' filter='url(%23g)'/></svg>"), linear-gradient(-30deg, transparent 42%, oklch(95% .02 90/.5) 50%, transparent 58%);background-size:300% 300%,25% 25%,400% 400%;background-position:calc(37% + var(--px) * .26 * 1%) calc(37% + var(--py) * .26 * 1%), 50% 50%, calc(var(--px) * 1%) calc(var(--py) * 1%);background-blend-mode:luminosity, soft-light, luminosity;filter:brightness(.85)contrast(2)saturate(.65);mix-blend-mode:color-dodge;opacity:.55}.pc-special .pc-shine:after{content:"";mix-blend-mode:soft-light;background:repeating-linear-gradient(45deg,#0000 0 6px,oklch(100% 0 0/.07) 6px 7px,#0000 7px 13px);position:absolute;inset:0}.pc-glare{background:radial-gradient(farthest-corner circle at calc(var(--px) * 1%) calc(var(--py) * 1%), #ccc 0%, #bfbfbf40 30%, #373737 130%);mix-blend-mode:hard-light;filter:brightness(.9)contrast(2);opacity:calc(var(--pointer-from-center) * .55)}.pc-sweep{mix-blend-mode:color-dodge;opacity:0;background-image:linear-gradient(-30deg,#0000 40%,oklch(97% .02 90/.55) 50%,#0000 60%);background-position:110% 110%;background-size:320% 320%}.pc-sweep.is-sweeping{animation:.8s ease-out .28s both pc-sweep}@keyframes pc-sweep{0%{opacity:.7;background-position:115% 115%}to{opacity:0;background-position:-15% -15%}}.pc-static .pc-shine{background-image:linear-gradient(135deg, transparent 20%, var(--pc-holo-wood) 36%, var(--pc-holo-fire) 43%, var(--pc-holo-earth) 50%, var(--pc-holo-metal) 57%, var(--pc-holo-water) 64%, transparent 80%);background-blend-mode:normal;opacity:.35;background-position:50%;background-size:300% 300%}.pc-static .pc-glare,.pc-static .pc-sweep{display:none}.pc-static .pc-card{transition:none;transform:none}.pc-reveal{flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.pc-env-wrap{width:min(70vw,260px);position:relative}.pc-env-wrap.is-opening{transition:--tear .3s ease-out,--tear-n .3s ease-out}.pc-env-wrap.is-resetting{transition:--tear .2s ease-out,--tear-n .2s ease-out}.pc-envelope{aspect-ratio:55/85;border:1px solid var(--color-geumbak-deep);cursor:pointer;touch-action:none;width:100%;clip-path:inset(var(--tear) 0 0 0);-webkit-tap-highlight-color:transparent;border-radius:12px;padding:0;display:block;position:relative;overflow:hidden}.pc-envelope:focus-visible{outline:2px solid var(--color-geumbak-deep);outline-offset:4px}.pc-env-wrap:has(>.pc-envelope:focus-visible){outline:2px solid var(--color-geumbak-deep);outline-offset:4px;border-radius:12px}.pc-env-ink{background:linear-gradient(168deg, color-mix(in oklab, var(--color-paper-raised) 92%, var(--color-ink)) 0%, var(--color-paper-raised) 52%, color-mix(in oklab, var(--color-paper-raised) 86%, var(--color-paper)) 100%)}.pc-env-grain{border-radius:inherit;opacity:.08;pointer-events:none;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='p'><feTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='3' seed='11' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='200' height='200' filter='url(%23p)'/></svg>");background-size:200px 200px;position:absolute;inset:0}.pc-env-fold-shade,.pc-env-flap-edge,.pc-env-flap{pointer-events:none;position:absolute;inset:0 0 auto}.pc-env-fold-shade{clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(180deg, transparent 28%, color-mix(in oklab, var(--color-ink) 14%, transparent) 78%, color-mix(in oklab, var(--color-ink) 24%, transparent) 100%);height:43%}.pc-env-flap-edge,.pc-env-flap-edge.stripe-saekdong{clip-path:polygon(0 0,100% 0,50% 100%);height:38.5%}.pc-env-flap{clip-path:polygon(0 -2.5px,100% -2.5px,50% calc(100% - 2.5px));background:linear-gradient(180deg, var(--color-paper-raised) 0%, color-mix(in oklab, var(--color-paper-raised) 72%, var(--color-paper-well)) 58%, color-mix(in oklab, var(--color-paper-raised) 56%, var(--color-paper-well)) 100%);height:38.5%}.pc-env-inner{border:1px solid color-mix(in oklch, var(--color-geumbak-deep) 50%, transparent);pointer-events:none;border-radius:7px;position:absolute;inset:7px}.pc-env-thread{background:linear-gradient(180deg, var(--color-geumbak) 0%, var(--color-geumbak-deep) 40%, color-mix(in oklch, var(--color-geumbak-deep) 40%, transparent) 100%);opacity:.55;pointer-events:none;width:1px;position:absolute;top:0;bottom:8%;left:calc(50% - .5px)}.pc-env-shadow{box-shadow:var(--shadow-float);opacity:calc(1 - var(--tear-n));pointer-events:none;border-radius:12px;position:absolute;inset:0}.pc-env-seal{background:radial-gradient(circle at 50% 44%, transparent 52%, oklch(38% .15 30/.65) 88%, oklch(33% .14 30/.85) 100%), radial-gradient(circle at 34% 30%, color-mix(in oklch, var(--color-injoo) 86%, var(--color-paper)) 0%, var(--color-injoo) 46%, oklch(45% .16 30) 100%);clip-path:polygon(98% 50%,92.5% 67.6%,84.6% 84.6%,68% 93.4%,50% 98%,32.8% 91.6%,15.4% 84.6%,7.5% 67.6%,2% 50%,6.6% 32%,18.2% 18.2%,31.2% 4.7%,50% 3%,68.4% 5.6%,82.5% 17.5%,95.3% 31.2%);width:66px;height:66px;color:var(--color-paper);font-family:var(--font-display);text-shadow:0 -1px 1px oklch(30% .13 30/.9),0 1px oklch(66% .16 30/.35);opacity:calc(1 - var(--tear-n));pointer-events:none;place-items:center;margin:-33px 0 0 -33px;font-size:1.5rem;font-weight:900;line-height:1;display:grid;position:absolute;top:38.5%;left:50%;transform:rotate(-6deg)}.pc-env-seal:after{content:"";mix-blend-mode:multiply;opacity:.35;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='p'><feTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='3' seed='11' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='200' height='200' filter='url(%23p)'/></svg>");background-size:90px 90px;position:absolute;inset:0}.pc-reveal-stage{transform-origin:50%;position:relative}.pc-reveal[data-phase=sealed] .pc-reveal-stage,.pc-reveal[data-phase=opening] .pc-reveal-stage{opacity:0;pointer-events:none;position:absolute}.pc-reveal[data-phase=rising] .pc-reveal-stage{animation:.7s cubic-bezier(.2,.7,.2,1) both pc-rise}.pc-reveal[data-phase=awaiting-flip] .pc-reveal-stage{transform:scale(1.03)}.pc-reveal[data-phase=settling] .pc-reveal-stage{animation:.48s cubic-bezier(.22,1,.36,1) both pc-settle}@keyframes pc-rise{0%{opacity:0;transform:translateY(18%)scale(1.03)}25%{opacity:1}to{opacity:1;transform:translateY(0)scale(1.03)}}@keyframes pc-settle{0%{transform:scale(1.03)}to{transform:scale(1)}}.pc-toploader{pointer-events:none;background:linear-gradient(165deg,#ffffff8c,#ffffff59);border:1px solid #fffc;border-radius:14px;animation:.7s cubic-bezier(.2,.7,.2,1) both pc-sleeve-out;position:absolute;inset:0;overflow:hidden}.pc-toploader:after{content:"";background:#ffffff4d;width:2rem;position:absolute;top:-20%;bottom:-20%;left:30%;transform:skew(-12deg)}@keyframes pc-sleeve-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(60%)}}.pc-reveal-hint{color:var(--color-ink-soft);text-align:center;font-size:.8125rem;line-height:1.4}.pc-reveal-progress{min-height:2.8em;color:var(--color-ink-soft);text-align:center;font-size:.8125rem;line-height:1.4;animation:1.1s ease-in-out infinite alternate pc-progress-pulse}@keyframes pc-progress-pulse{0%{opacity:.55}to{opacity:1}}.pc-reveal-skip{cursor:pointer;color:var(--color-ink-soft);text-underline-offset:3px;background:0 0;border:none;padding:4px 8px;font-size:.8125rem;text-decoration:underline}.pc-reveal-skip:hover{color:var(--color-ink)}.pc-reveal-skip:focus-visible{outline:2px solid var(--color-geumbak-deep);outline-offset:2px;border-radius:4px}.pc-env-skeleton{aspect-ratio:55/85;border:1px solid var(--color-line);border-radius:12px;width:min(70vw,260px);margin-inline:auto;animation:1.6s ease-in-out infinite alternate pc-skeleton-pulse;position:relative;overflow:hidden}.pc-env-skeleton:before{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(180deg, color-mix(in oklab, var(--color-ink) 6%, transparent) 0%, color-mix(in oklab, var(--color-ink) 14%, transparent) 100%);height:38.5%;position:absolute;inset:0 0 auto}.pc-env-skeleton-seal{background:var(--color-paper-well);border-radius:999px;width:66px;height:66px;margin:-33px 0 0 -33px;position:absolute;top:38.5%;left:50%}@keyframes pc-skeleton-pulse{0%{opacity:.55}to{opacity:1}}.pc-sleeve{touch-action:pan-y}@media (prefers-reduced-motion:reduce){.pc-card,.pc-envelope,.pc-env-wrap,.pc-releasing .pc-card,.pc-releasing [data-holo]{transition:none!important}.pc-env-skeleton,.pc-reveal-stage,.pc-reveal-progress,.pc-toploader,.pc-sweep{animation:none!important}.pc-toploader{opacity:0}.pc-reveal[data-phase=rising] .pc-reveal-stage{opacity:1;transform:scale(1.03)}.pc-reveal[data-phase=settling] .pc-reveal-stage{transform:none}}