@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-zinc-900:oklch(21% .006 285.885);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html,body{background:var(--color-bg);color:var(--color-ink-primary);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:contain;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Helvetica Neue,PingFang SC,Microsoft YaHei,Arial,sans-serif}body{overscroll-behavior-y:contain}#app{flex-direction:column;min-height:100dvh;max-height:100dvh;display:flex;overflow:hidden}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.contents{display:contents}.flex{display:flex}.grid{display:grid}.inline{display:inline}.h-dvh{height:100dvh}.min-h-\[100dvh\],.min-h-dvh{min-height:100dvh}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.safe-top{padding-top:max(env(safe-area-inset-top),16px)}.safe-bottom{padding-bottom:max(env(safe-area-inset-bottom),16px)}.text-zinc-900{color:var(--color-zinc-900)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--color-bg:#ffeff6;--color-bg-shimmer:#f2e6f5;--color-surface-glass:#fff6;--color-surface-chrome:#d8d2ea;--color-ink-primary:#2e1b5b;--color-ink-muted:#6b5994;--color-accent-pink:#ff3d9a;--color-accent-cyan:#00f0ff;--color-accent-lemon:#ffee32;--color-accent-lilac:#c589e8;--tilt-angle:0deg;--glass-blur:4.26667vw;--glass-border:1px solid #ffffff80;--glass-shadow:0 2.13333vw 8.53333vw #2e1b5b26;--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--ease-chunk:cubic-bezier(.5, 0, .75, 0);--ease-flow:cubic-bezier(.65, 0, .35, 1);--ease-shimmer:cubic-bezier(.45, 0, .55, 1);--duration-tap:.18s;--duration-combo:.3s;--duration-meter:.6s;--duration-hatch:1.8s;--duration-kachunk:.13s}.pc-screen{background:radial-gradient(ellipse 90% 60% at 50% 10%,#ffe0ef 0%,transparent 60%),radial-gradient(ellipse 70% 50% at 50% 90%,#e9daf7 0%,transparent 60%),var(--color-bg);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.pc-screen:before{content:"";opacity:.18;pointer-events:none;z-index:0;background-image:url(/images/hero-bg.png);background-position:50%;background-size:cover;position:absolute;inset:0}.pc-stage{z-index:1;flex-direction:column;flex:1;min-height:0;padding:0 5.33333vw;display:flex;position:relative}.pc-hud{background:var(--color-surface-glass);border:var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur));color:var(--color-ink-primary);border-radius:5.86667vw;justify-content:space-between;align-items:center;gap:3.2vw;margin:3.2vw 0 4.26667vw;padding:3.2vw 4.8vw;display:flex}.pc-hud-combo{letter-spacing:-.02em;align-items:baseline;gap:1.06667vw;font-weight:800;display:flex}.pc-hud-combo-x{color:var(--color-ink-muted);font-size:3.73333vw}.pc-hud-combo-n{background:linear-gradient(120deg,var(--color-accent-pink),var(--color-accent-cyan));color:#0000;-webkit-text-fill-color:transparent;transition:transform var(--duration-combo) var(--ease-pop);-webkit-background-clip:text;background-clip:text;font-size:8vw}.pc-hud-combo-n[data-pulse="1"]{transform:scale(1.18)}.pc-hud-tilt{letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-muted);transition:all var(--duration-fast,.2s) var(--ease-flow);background:#2e1b5b14;border:1px solid #2e1b5b1a;border-radius:266.4vw;align-items:center;gap:1.6vw;padding:1.6vw 3.2vw;font-size:2.93333vw;font-weight:700;display:inline-flex}.pc-hud-tilt[data-active="1"]{background:linear-gradient(120deg,var(--color-accent-cyan),var(--color-accent-pink));color:#fff;border-color:#0000;box-shadow:0 1.6vw 4.8vw #ff3d9a59}.pc-hud-record{color:var(--color-ink-muted);letter-spacing:.04em;font-size:2.93333vw}.pc-pet-area{touch-action:manipulation;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.pc-bubble-layer{pointer-events:none;z-index:4;height:36%;position:absolute;top:28%;left:0;right:0}.pc-bubble{letter-spacing:-.01em;white-space:nowrap;pointer-events:none;opacity:0;text-shadow:0 .53333vw 2.13333vw #2e1b5b2e;font-family:Inter,system-ui,sans-serif;font-size:5.86667vw;font-weight:800;animation:1.3s cubic-bezier(.34,1.4,.64,1) forwards pcBubbleRise;position:absolute;top:0}@keyframes pcBubbleRise{0%{opacity:0;transform:translate(-50%)translateY(20px)scale(.6)}20%{opacity:1;transform:translate(-50%)translateY(-2px)scale(1.08)}60%{opacity:1;transform:translate(-50%)translateY(-26px)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-60px)scale(.9)}}.pc-hint{pointer-events:none;z-index:6;justify-content:center;display:flex;position:absolute;top:3.2vw;left:0;right:0}.pc-hint-card{background:#ffffffeb;border:.53333vw solid #0000;border-radius:266.4vw;align-items:center;gap:3.2vw;max-width:92vw;padding:2.66667vw 4.8vw 2.66667vw 3.73333vw;animation:2.4s ease-out forwards pcHintFade;display:inline-flex;box-shadow:0 2.66667vw 7.46667vw #2e1b5b38}.pc-hint-icon{align-items:center;display:inline-flex}.pc-hint-text{flex-direction:column;gap:1px;line-height:1.1;display:inline-flex}.pc-hint-text strong{letter-spacing:-.01em;font-size:3.46667vw;font-weight:800}.pc-hint-text em{color:var(--color-ink-muted);letter-spacing:.01em;font-size:2.93333vw;font-style:normal;font-weight:500}@keyframes pcHintFade{0%{opacity:0;transform:translateY(-8px)scale(.96)}10%{opacity:1;transform:translateY(0)scale(1)}85%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-4px)scale(.98)}}.pc-pet-img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:auto;width:60vw;max-width:74.66667vw;height:auto;transition:filter .35s var(--ease-flow),opacity .4s var(--ease-flow);will-change:transform,filter;cursor:pointer}.pc-pet-img[data-wiggle="1"]{animation:pcWiggle var(--duration-tap) var(--ease-pop)}.pc-pet-name{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-muted);font-size:3.2vw;font-weight:600;position:absolute;bottom:1.06667vw;left:0;right:0}@keyframes pcWiggle{0%{transform:scale(1)rotate(0)}30%{transform:scale(1.08)rotate(-3deg)}60%{transform:scale(.96)rotate(2deg)}to{transform:scale(1)rotate(0)}}.pc-meter{background:var(--color-surface-glass);border:var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:4.8vw;align-items:center;gap:2.66667vw;margin:0 1.06667vw 3.73333vw;padding:2.13333vw 3.2vw;display:flex;position:relative}.pc-meter-track{background:#ffffff8c;border-radius:266.4vw;flex:1;height:4.26667vw;position:relative;overflow:visible;box-shadow:inset 0 1px .8vw #2e1b5b29}.pc-meter-track:after{content:"";pointer-events:none;background:linear-gradient(#ffffff8c,#0000 40%);border-radius:266.4vw;position:absolute;inset:1px}.pc-meter-fill{transition:width var(--duration-meter) var(--ease-flow);z-index:1;border-radius:266.4vw;position:absolute;top:0;bottom:0;left:0}.pc-meter-charge{z-index:0;opacity:.85;border-radius:266.4vw;transition:width 90ms linear,left 90ms linear;position:absolute;top:1px;bottom:1px}.pc-meter-spark{pointer-events:none;z-index:5;border-radius:50%;width:1.6vw;height:1.6vw;animation:1.1s cubic-bezier(.16,.84,.44,1) forwards pcMeterSpark;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes pcMeterSpark{0%{opacity:1;transform:translate(-50%,-50%)scale(.6)}35%{opacity:1;transform:translate(calc(-50% + var(--spark-dx,0)),calc(-50% + var(--spark-dy,-32px) * .6)) scale(1.2)}to{opacity:0;transform:translate(calc(-50% + var(--spark-dx,0)),calc(-50% + var(--spark-dy,-32px))) scale(.4)}}.pc-meter-label{letter-spacing:-.02em;min-width:10.13333vw;color:var(--color-ink-primary);font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:baseline;gap:1px;font-size:3.73333vw;font-weight:800;display:inline-flex}.pc-meter-label-pct{color:var(--color-ink-muted);margin-left:1px;font-size:2.66667vw;font-weight:600}.pc-dock{background:var(--color-surface-glass);border:var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow);border-radius:6.4vw;justify-content:space-around;align-items:center;gap:2.13333vw;margin:2.13333vw 4.26667vw;padding:2.66667vw 3.73333vw;display:flex}.pc-dock-pet{cursor:pointer;transition:all .22s var(--ease-pop);background:0 0;border:.53333vw solid #0000;border-radius:4.8vw;flex-direction:column;align-items:center;gap:1.06667vw;padding:1.6vw 2.13333vw;display:flex;position:relative}.pc-dock-pet[data-active="1"]{border-color:var(--color-accent-pink);background:#ffffff8c;transform:translateY(-.8vw);box-shadow:0 2.13333vw 4.8vw #ff3d9a40}.pc-dock-pet img{object-fit:contain;width:12.8vw;height:12.8vw}.pc-dock-pet-count{color:var(--color-ink-muted);letter-spacing:.04em;font-size:2.66667vw;font-weight:700}.pc-album{z-index:2;background:var(--color-surface-glass);border:var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow);cursor:pointer;border-radius:6.4vw 6.4vw 0 0;flex-shrink:0;margin:0 4.26667vw;padding:3.73333vw 4.26667vw;position:relative}.pc-album-header{justify-content:space-between;align-items:center;gap:3.2vw;display:flex}.pc-album-title{letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-muted);font-size:3.2vw;font-weight:700}.pc-album-progress{letter-spacing:-.02em;background:linear-gradient(120deg,var(--color-accent-pink),var(--color-accent-lilac));color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:4.8vw;font-weight:800}.pc-album-toggle{color:var(--color-ink-muted);font-size:2.93333vw;font-weight:600}.pc-album-modal{z-index:50;-webkit-backdrop-filter:blur(5.33333vw);animation:pcFadeIn .28s var(--ease-flow);background:#2e1b5ba6;flex-direction:column;display:flex;position:fixed;inset:0}.pc-album-modal-inner{margin:env(safe-area-inset-top,3.2vw) 4.26667vw 4.26667vw;-webkit-overflow-scrolling:touch;background:linear-gradient(#ffeff6,#f2e6f5);border-radius:7.46667vw;flex:1;padding:4.26667vw;overflow-y:auto;box-shadow:0 4.26667vw 16vw #2e1b5b66}.pc-album-tabs{grid-template-columns:repeat(4,1fr);gap:2.13333vw;margin:1.06667vw 0 5.86667vw;display:grid}.pc-album-tab{letter-spacing:-.005em;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;transition:all .24s var(--ease-pop);background:#ffffff8c;border:.4vw solid #2e1b5b1f;border-radius:4.26667vw;padding:3.46667vw 1.6vw;font-size:3.46667vw;font-weight:800;overflow:hidden}.pc-album-tab[data-active="1"]{border-color:#0000;transform:translateY(-.53333vw)}.pc-album-pages{touch-action:pan-y;margin:0 -1.06667vw;overflow:hidden}.pc-album-pages-track{transition:transform .38s var(--ease-pop);will-change:transform;display:flex}.pc-album-page{flex-shrink:0;padding:0 1.06667vw}.pc-album-page-head{flex-direction:column;gap:.53333vw;margin-bottom:3.73333vw;display:flex}.pc-album-page-head h3{letter-spacing:-.02em;margin:0;font-size:5.33333vw;font-weight:800}.pc-album-page-tagline{color:var(--color-ink-muted);font-size:3.2vw;font-style:italic}.pc-album-page-count{letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-muted);text-align:center;margin-top:3.73333vw;font-size:2.93333vw;font-weight:700}.pc-album-grid{grid-template-columns:repeat(5,1fr);gap:2.13333vw;display:grid}.pc-album-slot{aspect-ratio:1/1.35;background:#ffffffa6;border:1px solid #ffffffd9;border-radius:4.8vw;flex-direction:column;justify-content:center;align-items:center;padding:2.13333vw 1.06667vw 1.6vw;display:flex;position:relative;box-shadow:0 1.6vw 4.8vw #2e1b5b1f}.pc-album-slot-btn{cursor:pointer;font:inherit;color:inherit;outline:none}.pc-album-slot-btn:disabled{cursor:default}.pc-album-slot-btn:not(:disabled):active .pc-album-slot-inner{transform:scale(.92)}.pc-album-slot[data-locked="1"]{opacity:.55}.pc-album-slot-inner{width:92%;height:78%;transition:transform .2s var(--ease-pop),opacity .2s ease;justify-content:center;align-items:center;display:flex;position:relative}.pc-album-slot-inner img{object-fit:contain;filter:drop-shadow(0 .53333vw 1.6vw #2e1b5b33);width:100%;height:100%}.pc-album-slot-inner[data-hidden="1"]{opacity:0}.pc-album-slot[data-locked="0"]:before{content:"";background:conic-gradient(from var(--tilt-angle),#ff3d9a,#00f0ff,#ffee32,#c589e8,#ff3d9a);mix-blend-mode:overlay;opacity:.32;pointer-events:none;border-radius:4.8vw;position:absolute;inset:0}.pc-album-slot-name{letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-primary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:96%;margin-top:1.06667vw;font-size:2.4vw;font-weight:700;line-height:1.2;overflow:hidden}.pc-badge-pop{z-index:200;pointer-events:none;justify-content:center;align-items:center;animation:1.7s cubic-bezier(.34,1.3,.64,1) forwards pcBadgePop;display:flex;position:fixed}.pc-badge-pop img{object-fit:contain;width:100%;height:100%}.pc-badge-pop:after{content:"";opacity:0;pointer-events:none;z-index:-1;background:radial-gradient(circle,#ffffffd9,#ffee3280,#ff3d9a4d,#0000 75%);border-radius:50%;animation:1.7s cubic-bezier(.34,1.3,.64,1) forwards pcBadgePopFlash;position:absolute;inset:-30%}@keyframes pcBadgePop{0%{filter:drop-shadow(0 2px 6px #2e1b5b33);transform:translate(0)scale(1)rotateY(0)}18%{transform:translate(calc(var(--pop-dx,0) * .85),calc(var(--pop-dy,0) * .85)) scale(2.4) rotateY(180deg)}38%{transform:translate(var(--pop-dx,0),var(--pop-dy,0)) scale(2.6) rotateY(360deg);filter:drop-shadow(0 0 40px var(--color-accent-pink)) drop-shadow(0 0 80px var(--color-accent-cyan))}55%{transform:translate(var(--pop-dx,0),var(--pop-dy,0)) scale(2.55) rotateY(540deg);filter:drop-shadow(0 0 48px var(--color-accent-cyan)) drop-shadow(0 0 96px var(--color-accent-lemon))}70%{transform:translate(var(--pop-dx,0),var(--pop-dy,0)) scale(2.5) rotateY(720deg);filter:drop-shadow(0 0 36px var(--color-accent-lemon))}to{filter:drop-shadow(0 2px 6px #2e1b5b33);transform:translate(0)scale(1)rotateY(720deg)}}@keyframes pcBadgePopFlash{0%{opacity:0;transform:scale(.4)}30%{opacity:1;transform:scale(1)}60%{opacity:.7;transform:scale(1.4)}to{opacity:0;transform:scale(.8)}}.pc-album-dots{justify-content:center;gap:1.6vw;margin-top:4.26667vw;display:flex}.pc-album-dot{width:1.6vw;height:1.6vw;transition:all .2s var(--ease-pop);border-radius:50%}.pc-album-dot[data-active="1"]{border-radius:266.4vw;width:4.8vw}.pc-album-modal-close{top:max(env(safe-area-inset-top,3.2vw),4.26667vw);z-index:60;border:var(--glass-border);width:10.66667vw;height:10.66667vw;box-shadow:var(--glass-shadow);cursor:pointer;color:var(--color-ink-primary);background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:5.86667vw;font-weight:700;line-height:1;display:flex;position:fixed;right:4.8vw}.pc-hatch{z-index:100;-webkit-backdrop-filter:blur(6.4vw);animation:pcFadeIn .28s var(--ease-flow);background:#2e1b5b8c;justify-content:center;align-items:center;padding:6.4vw;display:flex;position:fixed;inset:0}.pc-hatch-card{border:var(--glass-border);text-align:center;background:linear-gradient(160deg,#fffffff5,#ffeff6f5);border-radius:8.53333vw;width:100%;max-width:96vw;padding:8.53333vw 6.4vw 7.46667vw;position:relative;box-shadow:0 5.33333vw 16vw #2e1b5b66}.pc-hatch-badge{width:74.66667vw;height:74.66667vw;animation:pcHatch var(--duration-hatch) var(--ease-pop) forwards;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 5.86667vw;display:flex;position:relative}.pc-hatch-badge:after{content:"";background:conic-gradient(from var(--tilt-angle),var(--color-accent-pink) 0%,var(--color-accent-cyan) 25%,var(--color-accent-lemon) 50%,var(--color-accent-lilac) 75%,var(--color-accent-pink) 100%);filter:blur(7.46667vw);opacity:0;z-index:-1;animation:pcHatchGlow var(--duration-hatch) var(--ease-shimmer) forwards;border-radius:50%;position:absolute;inset:-4.26667vw}.pc-hatch-badge img{object-fit:contain;filter:drop-shadow(0 2.13333vw 6.4vw #2e1b5b4d);width:100%;height:100%}.pc-hatch-spark{pointer-events:none;opacity:0;border-radius:50%;width:3.2vw;height:3.2vw;animation:1.4s cubic-bezier(.16,.84,.44,1) .35s forwards pcSparkBurst;position:absolute}@keyframes pcHatch{0%{opacity:0;transform:scale(.3)}20%{opacity:1;transform:scale(.6)}40%{transform:scale(1.18)}65%{transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pcHatchGlow{0%{opacity:0;transform:scale(.7)}35%{opacity:.85;transform:scale(1.05)}to{opacity:.55;transform:scale(1)}}@keyframes pcSparkBurst{0%{opacity:0;transform:translate(0)scale(.4)}30%{opacity:1;transform:translate(var(--dx,0),var(--dy,0)) scale(1)}to{opacity:0;transform:translate(calc(var(--dx,0) * 1.6),calc(var(--dy,0) * 1.6)) scale(.6)}}.pc-hatch-rarity{letter-spacing:.18em;text-transform:uppercase;color:var(--color-ink-muted);margin:0 0 1.6vw;font-size:2.93333vw;font-weight:700}.pc-hatch-name{letter-spacing:-.02em;color:var(--color-ink-primary);margin:0 0 2.66667vw;font-size:6.4vw;font-weight:800}.pc-hatch-hint{color:var(--color-ink-muted);margin:0 0 4.8vw;font-size:3.46667vw;line-height:1.5}.pc-hatch-close{background:linear-gradient(120deg,var(--color-accent-pink),var(--color-accent-cyan));color:#fff;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .16s var(--ease-pop);border:none;border-radius:266.4vw;padding:3.2vw 8.53333vw;font-size:3.73333vw;font-weight:700;display:inline-block;box-shadow:0 2.13333vw 5.86667vw #ff3d9a66}.pc-hatch-close:active{transform:scale(.96)}@keyframes pcFadeIn{0%{opacity:0}to{opacity:1}}.pc-onboarding{z-index:80;-webkit-backdrop-filter:blur(5.33333vw);text-align:center;color:#fff;animation:pcFadeIn .32s var(--ease-flow);background:#2e1b5bc7;flex-direction:column;justify-content:center;padding:8.53333vw;display:flex;position:fixed;inset:0}.pc-onboarding h2{letter-spacing:-.02em;color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#ffee32,#ff3d9a,#c589e8);-webkit-background-clip:text;background-clip:text;margin:0 0 5.86667vw;font-size:6.93333vw;font-weight:800}.pc-onboarding ul{flex-direction:column;gap:3.73333vw;margin:0 0 7.46667vw;padding:0;list-style:none;display:flex}.pc-onboarding li{background:#ffffff1a;border:1px solid #fff3;border-radius:4.26667vw;padding:3.2vw 4.26667vw;font-size:4vw;line-height:1.4}@media(prefers-reduced-motion:reduce){.pc-pet-img[data-wiggle="1"],.pc-hatch-badge,.pc-hatch-badge:after,.pc-hud-combo-n,.pc-hud-tilt{transition:none!important;animation:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}
