:root{--bg-top: #739acb;--bg-mid: #9ebfe8;--bg-bottom: #4f74a8;--bg-core-light: rgba(240, 248, 255, .96);--font-stack: "Pretendard", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;height:100dvh;margin:0;padding:0;overflow:hidden;background-color:var(--bg-bottom);font-family:var(--font-stack);user-select:none;-webkit-user-select:none;touch-action:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ambient-sky{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.sky-gradient-base{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,var(--bg-mid) 0%,var(--bg-top) 45%,var(--bg-bottom) 100%)}.sky-light-cone{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:960px;height:960px;background:radial-gradient(circle,var(--bg-core-light) 0%,rgba(220,238,255,.45) 28%,rgba(140,185,240,.18) 55%,transparent 75%);filter:blur(45px);opacity:.95;pointer-events:none}.sky-diffraction-rays{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,255,255,.025) 0deg 8deg,transparent 8deg 24deg);mask-image:radial-gradient(circle at 50% 50%,black 0%,transparent 60%);-webkit-mask-image:radial-gradient(circle at 50% 50%,black 0%,transparent 60%);pointer-events:none}.bokeh-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.55;pointer-events:none}.center-stage{position:relative;z-index:1;width:100%;height:100%;height:100dvh;display:flex;align-items:center;justify-content:center;cursor:grab}.center-stage:active{cursor:grabbing}.scene-container{position:relative;display:flex;align-items:center;justify-content:center;width:clamp(240px,32vw,360px);height:clamp(280px,36vw,420px);perspective:1400px;transform-style:preserve-3d}.diffraction-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(-160px);pointer-events:none;z-index:1}.ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}.ring-inner{width:360px;height:360px;border:1px solid rgba(255,255,255,.24);background:radial-gradient(circle,rgba(255,255,255,.12) 0%,transparent 70%);animation:ringPulse 6s infinite ease-in-out}.ring-mid{width:500px;height:500px;border:1px dashed rgba(255,255,255,.14)}.ring-outer{width:680px;height:680px;border:1px solid rgba(255,255,255,.07)}@keyframes ringPulse{0%,to{transform:translate(-50%,-50%) scale(.98);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.02);opacity:1}}.scene-3d{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;will-change:transform}.core-flare{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%) translateZ(-30px);width:1px;height:1px;z-index:2;pointer-events:none}.flare-hotspot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:radial-gradient(circle,#ffffff 0%,rgba(255,255,255,.9) 25%,rgba(160,215,255,.4) 55%,transparent 75%);border-radius:50%;filter:blur(4px);animation:flarePulse 4s infinite ease-in-out}.flare-anamorphic-streak{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:440px;height:3.5px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.95) 50%,transparent 100%);border-radius:50%;filter:blur(1.2px);mix-blend-mode:screen}.flare-rainbow-bloom{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(255,175,120,.35) 25%,rgba(130,220,255,.3) 50%,rgba(180,140,255,.15) 70%,transparent 85%);filter:blur(14px);mix-blend-mode:screen}@keyframes flarePulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.9}50%{transform:translate(-50%,-50%) scale(1.15);opacity:1;filter:blur(3px)}}.letter-plate{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;will-change:transform,opacity;pointer-events:none}.letter-plate.is-front{opacity:1;z-index:10}.scene-container{cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.scene-container.is-open:before{content:"";position:absolute;inset:20% calc(50% - 50vw)}.scene-container:focus-visible .plate-0 .letter-svg{filter:drop-shadow(0 0 18px rgba(255,255,255,.9))}.letter-plate.is-rear{opacity:0;z-index:1}.letter-svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 15px 25px rgba(20,50,95,.3))}.letter-svg text{font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:340px;font-weight:800}.plate-0 .letter-svg{filter:drop-shadow(0 20px 35px rgba(20,50,95,.35))}.plate-chroma-warm,.plate-chroma-cool{mix-blend-mode:screen;opacity:.92}.plate-glass-body{opacity:.9}.coming-soon-container{position:absolute;top:50%;left:50%;transform:translate(-50%);white-space:nowrap;pointer-events:none;z-index:12;will-change:opacity,transform;text-align:center}.coming-soon-text{display:inline-block;font-size:clamp(.85rem,1.4vw,1.15rem);font-weight:600;letter-spacing:.52em;text-indent:.52em;color:#fffffff2;text-shadow:0 2px 14px rgba(15,35,75,.35);background:linear-gradient(180deg,#fff 40%,#ffffffd9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 600px){.scene-container{width:200px;height:240px}.diffraction-rings .ring-inner{width:240px;height:240px}.diffraction-rings .ring-mid{width:320px;height:320px}.diffraction-rings .ring-outer{width:400px;height:400px}.flare-anamorphic-streak{width:260px}.bokeh-canvas{opacity:.85}.coming-soon-text{font-size:.76rem;letter-spacing:.42em;text-indent:.42em}.plate-glass-body{fill:url(#navyBodyGrad);opacity:1}.plate-rim{opacity:.55}.plate-chroma-warm,.plate-chroma-cool{display:none}.letter-svg,.plate-0 .letter-svg{filter:drop-shadow(0 4px 10px rgba(10,25,55,.35))}.coming-soon-text{background:none;-webkit-text-fill-color:#16305e;color:#16305e;text-shadow:0 1px 8px rgba(255,255,255,.5)}.plate-0 .plate-halo,.plate-0 circle{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}