:root{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #111111;--bg-card: #0f0f0f;--text-primary: #f5f5f7;--text-secondary: #86868b;--text-tertiary: #6e6e73;--accent: #2997ff;--accent-purple: #bf5af2;--accent-pink: #ff375f;--accent-orange: #ff9f0a;--accent-green: #30d158;--accent-red: #ff453a;--gradient-blue: linear-gradient(135deg, #2997ff 0%, #5856d6 100%);--gradient-purple: linear-gradient(135deg, #bf5af2 0%, #5856d6 100%);--gradient-premium: linear-gradient(135deg, #ffd60a 0%, #ff9f0a 50%, #ff375f 100%);--border-color: rgba(255,255,255,.08);--glass: rgba(255,255,255,.03);--nav-bg: rgba(0, 0, 0, .8);--nav-height: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5)}html:not(.dark){--bg-primary: #ffffff;--bg-secondary: #f5f5f7;--bg-tertiary: #e8e8ed;--bg-card: #ffffff;--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #86868b;--accent: #0071e3;--accent-purple: #a855f7;--accent-pink: #ec4899;--accent-orange: #f97316;--accent-green: #22c55e;--accent-red: #ef4444;--gradient-blue: linear-gradient(135deg, #0071e3 0%, #6366f1 100%);--gradient-purple: linear-gradient(135deg, #a855f7 0%, #6366f1 100%);--gradient-premium: linear-gradient(135deg, #fbbf24 0%, #f97316 50%, #ef4444 100%);--border-color: rgba(0,0,0,.08);--glass: rgba(0,0,0,.03);--nav-bg: rgba(255, 255, 255, .8);--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.12)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;height:auto}ul,ol{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.shiny-text{background:linear-gradient(120deg,#fff0 40%,#fffc,#fff0 60%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:var(--text-primary);animation:shineSlide 3s ease-in-out infinite}html:not(.dark) .shiny-text{background:linear-gradient(120deg,#0000 40%,#0071e399,#0000 60%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text}@keyframes shineSlide{0%{background-position:100% 0}to{background-position:-100% 0}}.star-border{--border-size: 2px;--border-radius: 24px;--star-color-1: #2997ff;--star-color-2: #bf5af2;--star-color-3: #ff375f;--star-speed: 6s;position:relative;z-index:0;overflow:visible}.star-border:before{content:"";position:absolute;inset:calc(-1 * var(--border-size));z-index:-2;border-radius:calc(var(--border-radius) + var(--border-size));background:conic-gradient(from 0deg,var(--star-color-1),var(--star-color-2),var(--star-color-3),var(--star-color-2),var(--star-color-1));animation:starRotate var(--star-speed) linear infinite}.star-border:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:var(--border-radius);background:var(--bg-secondary)}@keyframes starRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spotlight-card{--spotlight-color: rgba(41, 151, 255, .15);--spotlight-size: 350px;position:relative}.spotlight-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;background:radial-gradient(var(--spotlight-size) circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--spotlight-color),transparent 40%);opacity:0;transition:opacity .3s ease;pointer-events:none}.spotlight-card:hover:before{opacity:1}html:not(.dark) .spotlight-card{--spotlight-color: rgba(0, 113, 227, .12)}.tilt-card{transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s ease}.tilt-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px #00000040}html:not(.dark) .tilt-card:hover{box-shadow:0 25px 50px -12px #00000026}.gradient-animate{background:linear-gradient(90deg,var(--accent) 0%,var(--accent-purple) 25%,var(--accent-pink) 50%,var(--accent-purple) 75%,var(--accent) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 4s linear infinite}@keyframes gradientShift{0%{background-position:0% center}to{background-position:200% center}}.magnetic{transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.magnetic:hover{transform:translateY(-2px)}.float-icon{animation:iconFloat 4s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(3deg)}}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:2px;background:var(--gradient-blue);z-index:10000;transition:width .1s}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--nav-bg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border-color)}.nav-container{max-width:1200px;margin:0 auto;padding:0 24px;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.nav-links{display:flex;gap:32px}.nav-links a{color:var(--text-secondary);font-size:13px;font-weight:400;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.nav-right{display:flex;align-items:center;gap:12px}.nav-dropdown{position:relative}.nav-dropdown>a{color:var(--text-secondary);font-size:13px;font-weight:400;transition:color .2s;cursor:pointer}.nav-dropdown>a:hover{color:var(--text-primary)}.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(8px);min-width:140px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all .2s ease;z-index:100}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.nav-dropdown-menu a{display:block;padding:10px 12px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);transition:all .15s}.nav-dropdown-menu a:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-dropdown-menu a.active{color:var(--accent)}.theme-toggle{position:fixed;bottom:24px;right:24px;z-index:1001;width:56px;height:56px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-size:24px;cursor:pointer;box-shadow:var(--shadow-lg);transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center}.theme-toggle:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 8px 30px #2997ff4d}.theme-toggle .icon-sun,.theme-toggle .icon-moon{position:absolute;transition:all .4s cubic-bezier(.16,1,.3,1)}.theme-toggle .icon-sun{opacity:0;transform:scale(.5) rotate(-90deg)}.theme-toggle .icon-moon{opacity:1;transform:scale(1) rotate(0)}html:not(.dark) .theme-toggle .icon-sun{opacity:1;transform:scale(1) rotate(0)}html:not(.dark) .theme-toggle .icon-moon{opacity:0;transform:scale(.5) rotate(90deg)}.nav .theme-toggle{position:static;width:36px;height:36px;font-size:16px;box-shadow:none;background:var(--glass)}.nav .theme-toggle:hover{background:var(--bg-tertiary);transform:translateY(-1px)}.nav .theme-toggle .icon-sun,.nav .theme-toggle .icon-moon{position:static}.nav .theme-toggle .icon-sun{display:block}.nav .theme-toggle .icon-moon,html.dark .nav .theme-toggle .icon-sun{display:none}html.dark .nav .theme-toggle .icon-moon{display:block}.nav-toggle{display:none;width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--glass);align-items:center;justify-content:center}.nav-toggle .bar{display:block;width:18px;height:2px;background:var(--text-primary);border-radius:99px;position:relative}.nav-toggle .bar:before,.nav-toggle .bar:after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--text-primary);border-radius:99px;transition:transform .25s}.nav-toggle .bar:before{top:-6px}.nav-toggle .bar:after{top:6px}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:all .3s;z-index:998}.nav-overlay.open{opacity:1;visibility:visible}.nav-drawer{position:fixed;top:0;right:0;width:280px;height:100%;background:var(--bg-secondary);border-left:1px solid var(--border-color);transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);z-index:999;overflow-y:auto}.nav-drawer.open{transform:translate(0)}.nav-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.nav-drawer-title{font-size:18px;font-weight:600}.nav-close{width:32px;height:32px;border-radius:var(--radius-sm);font-size:24px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.nav-drawer-links{padding:16px}.nav-drawer-links li{margin-bottom:4px}.nav-drawer-links a{display:block;padding:12px 16px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:15px;transition:all .2s}.nav-drawer-links a:hover,.nav-drawer-links a.active{background:var(--glass);color:var(--text-primary)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 80px;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 50% at 50% 50%,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 50% at 50% 50%,black 40%,transparent 100%)}html:not(.dark) .grid-bg{background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px)}.glow-blob{position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(80px);opacity:.4;animation:blobFloat 12s ease-in-out infinite;pointer-events:none}.glow-blob.blue{background:radial-gradient(circle,rgba(41,151,255,.6),transparent 70%)}.glow-blob.purple{background:radial-gradient(circle,rgba(191,90,242,.5),transparent 70%);animation-delay:-4s}.glow-blob.orange{background:radial-gradient(circle,rgba(255,159,10,.5),transparent 70%);animation-delay:-8s}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.hero-content{text-align:center;max-width:800px}.hero-eyebrow{display:inline-block;padding:8px 16px;border-radius:100px;background:var(--glass);border:1px solid var(--border-color);font-size:13px;color:var(--text-secondary);margin-bottom:24px}.hero h1{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:20px}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--text-secondary);margin-bottom:32px;max-width:500px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);font-size:14px;font-weight:500;transition:all .2s}.btn-primary{background:var(--gradient-blue);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-secondary);transform:translateY(-1px)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;transition:all .3s}.card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.game-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;transition:all .3s}.game-card:hover{border-color:var(--accent);transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}html:not(.dark) .game-card:hover{box-shadow:0 20px 40px #0000001a}.game-card-image{width:100%;height:180px;object-fit:cover}.game-card-content{padding:20px}.game-card-title{font-size:1.25rem;font-weight:600;margin-bottom:8px}.game-card-desc{font-size:.875rem;color:var(--text-secondary);margin-bottom:16px}.game-card-badge{display:inline-block;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:500;background:var(--glass);color:var(--text-secondary)}.game-card-badge.new{background:var(--accent-green);color:#fff}.page-header{padding:calc(var(--nav-height) + 60px) 24px 40px;text-align:center;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.page-header h1{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;margin-bottom:12px}.page-header p{font-size:1rem;color:var(--text-secondary)}.section{padding:80px 24px}.section-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:48px}input,select{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:14px;transition:all .2s}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2997ff26}label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-color)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}th{background:var(--bg-secondary);font-weight:600;color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.05em}tr:hover td{background:var(--glass)}.pagination{display:flex;justify-content:center;gap:8px;margin-top:24px}.pagination button{min-width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);font-size:14px;transition:all .2s}.pagination button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.pagination button.active{background:var(--accent);border-color:var(--accent);color:#fff}.pagination button:disabled{opacity:.4;cursor:not-allowed}.footer{padding:40px 24px;border-top:1px solid var(--border-color);text-align:center}.footer-content{max-width:800px;margin:0 auto}.footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:16px}.footer-links a{color:var(--text-secondary);font-size:13px;transition:color .2s}.footer-links a:hover{color:var(--text-primary)}.footer-copyright{font-size:12px;color:var(--text-tertiary)}.footer-disclaimer{font-size:11px;color:var(--text-tertiary);margin-top:8px}.badge{display:inline-block;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:500}.badge-new{background:var(--accent-green);color:#fff}.badge-hot{background:var(--accent-orange);color:#fff}.badge-soon{background:var(--text-tertiary);color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .5s ease forwards}@keyframes pullCard{0%{opacity:0;transform:scale(.8) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}.gradient-text{background:var(--gradient-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-orange{background:linear-gradient(135deg,#ff9f0a,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.nav-links{display:none}.nav-toggle{display:flex}.hero{padding:100px 20px 60px;min-height:auto}.hero h1{font-size:2rem}.card-grid{grid-template-columns:1fr}.section{padding:60px 20px}.footer-links{flex-wrap:wrap;gap:16px}}