:root{--color-pdc-black: #06070b;--color-pdc-ink: #0d0f17;--color-pdc-night: #131727;--color-pdc-ice: #f6f7fb;--color-pdc-gold: #d2a65a;--color-pdc-violet: #8d7dff;--color-pdc-cobalt: #4b70ff;--color-pdc-pink: #fc83c8;--color-pdc-blue: #02a2fc;--color-pdc-secret: #ff0099;--color-rarity-origin: #f6f7fb;--color-rarity-common: #8a9ab0;--color-rarity-rare: #4aaeff;--color-rarity-super-rare: #c084fc;--color-rarity-ultra-rare: #fbbf24;--color-rarity-secret: #ff0099;--font-sans: "IBM Plex Sans KR", system-ui, sans-serif;--font-display: "Syne", "IBM Plex Sans KR", sans-serif;--font-mono: "JetBrains Mono", monospace;--site-frame-gap: clamp(.38rem, .7vw, .65rem);--site-frame-inset: clamp(.3rem, .5vw, .42rem);--site-screen-inset: clamp(.3rem, .5vw, .42rem);--site-shell-inset: clamp(.25rem, .5vw, .4rem);--site-chrome-gap: .28rem;--site-page-pad-x: clamp(.5rem, 1vw, 1rem);--site-page-pad-y: clamp(1rem, 2vw, 2rem);--site-bubble-max: 540px;--site-shell-radius: clamp(1.22rem, 1.75vw, 1.42rem);--site-screen-radius: clamp(.88rem, 1.22vw, 1.04rem);--site-panel-radius: clamp(.76rem, .98vw, .9rem);--site-shell-border: rgba(226, 232, 244, .13);--site-screen-border: rgba(226, 232, 244, .055);--site-panel-border: rgba(226, 232, 244, .06);--site-header-shell-height: clamp(3.15rem, 4vw, 3.9rem);--site-nav-dock-height: clamp(3rem, 3.8vw, 3.75rem);--ease-pdc: cubic-bezier(.28, .86, .38, 1);--duration-quick: .18s;--duration-standard: .28s;--duration-slow: 6s}