:root{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #111111;--bg-card: #0f0f0f;--text-primary: #f5f5f7;--text-secondary: #86868b;--text-tertiary: #6e6e73;--color-primary: #2997ff;--color-secondary: #bf5af2;--accent: var(--color-primary);--accent-purple: var(--color-secondary);--accent-pink: var(--color-secondary);--accent-orange: var(--color-secondary);--accent-green: var(--color-secondary);--accent-red: var(--color-secondary);--gradient-blue: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-purple: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-primary) 100%);--gradient-premium: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 55%, var(--color-primary) 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;--color-primary: #0071e3;--color-secondary: #6366f1;--accent: var(--color-primary);--accent-purple: var(--color-secondary);--accent-pink: var(--color-secondary);--accent-orange: var(--color-secondary);--accent-green: var(--color-secondary);--accent-red: var(--color-secondary);--gradient-blue: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-purple: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-primary) 100%);--gradient-premium: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 55%, var(--color-primary) 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{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.logo-img{height:24px;width:auto}.logo-dark{display:block}.logo-light,[data-theme=light] .logo-dark{display:none}[data-theme=light] .logo-light{display:block}.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}.hero-blob-main{left:calc(50% - 400px);top:calc(50% - 400px);width:800px;height:800px;opacity:.25}.hero-blob-secondary{left:calc(50% - 300px);top:calc(50% - 250px);width:600px;height:600px;opacity:.2}.hero-tall{min-height:80vh}.card-grid-single{max-width:600px;margin:0 auto}.quick-links-narrow{max-width:800px;margin:0 auto}.section-muted{background:var(--bg-secondary)}.content-max-900{max-width:900px;margin:0 auto}.tools-group-card{margin-bottom:20px}.tools-group-title{font-size:1.125rem;margin-bottom:16px}.card-grid-tools{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.card-grid-tools-wide{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.coming-soon-note{text-align:center;color:var(--text-tertiary);margin-top:32px;font-size:14px}@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}}:root{--meki-primary: var(--accent);--meki-secondary: var(--accent-purple);--meki-orange: var(--meki-primary);--meki-orange-light: var(--meki-secondary);--meki-gradient: linear-gradient(135deg, var(--meki-primary) 0%, var(--meki-secondary) 100%);--rarity-normal: #808080;--rarity-rare: #5b9bd5;--rarity-epic: #9b59b6;--rarity-unique: #f1c40f;--rarity-legendary: #ff9500;--rarity-mystic: #e91e63;--rarity-ancient: #f44336}.u-btn-inline-small{width:auto;margin-left:auto;padding:4px 10px;font-size:.75rem}.u-text-tertiary{color:var(--text-tertiary)}.u-more-counter,.u-more-counter-mt12{width:100%;text-align:center;color:var(--text-secondary);font-size:.8125rem}.u-more-counter{margin-top:8px}.u-more-counter-mt12{margin-top:12px}.u-empty-note-grid{grid-column:1 / -1;text-align:center;color:var(--text-tertiary);padding:20px}.u-hidden{display:none!important}.u-w-full{width:100%}.u-relative{position:relative}.u-ml-auto{margin-left:auto}.u-mb-0{margin-bottom:0}.u-mb-12{margin-bottom:12px}.u-mb-16{margin-bottom:16px}.u-mb-20{margin-bottom:20px}.u-mb-24{margin-bottom:24px}.u-text-secondary{color:var(--text-secondary)}.u-text-sm-secondary{color:var(--text-secondary);font-size:.875rem}.u-text-xs-secondary{color:var(--text-secondary);font-size:.75rem}.u-title-md{font-size:1.125rem;font-weight:700}.u-title-sm{font-size:1rem;font-weight:600}.u-grid-2col-gap16-mb20{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}@media(max-width:640px){.u-grid-2col-gap16-mb20{grid-template-columns:1fr}}.u-max-w-200{max-width:200px}.u-max-w-300{max-width:300px}.u-input-center-pr30{text-align:center;padding-right:30px}.u-input-suffix{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.u-btn-block-lg{width:100%;padding:14px 16px;font-size:1rem}.u-center-p40{text-align:center;padding:40px}.u-table-empty-cell{text-align:center;color:var(--text-tertiary);padding:16px}.u-flex-wrap-16{display:flex;flex-wrap:wrap;gap:16px}.u-inline-label{display:inline-flex;align-items:center;gap:8px}.u-checkbox-18{width:18px;height:18px}.u-col-80{width:80px}.u-col-100{width:100px}.u-col-120{width:120px}.u-col-140{width:140px}.u-color-green{color:#4caf50}.u-color-blue{color:#2196f3}.u-color-orange{color:#ff9800}.u-color-red{color:#f44336}.u-max-h-200-scroll{max-height:200px;overflow-y:auto}.history-result.success{color:#4caf50}.history-result.maintain{color:#2196f3}.history-result.down{color:#ff9800}.history-result.destroy{color:#f44336}.slot.filled.slot-success{border-color:#4caf50}.slot.filled.slot-fail{border-color:#f44336}.ability-slot-locked-msg{opacity:.5;background:#6464641a;padding:12px;border-radius:8px;margin-bottom:8px}.ability-slot-muted{color:#888}.ability-slot-dynamic{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;border-left:4px solid #666;background:#6464641a;margin-bottom:8px}.ability-slot-dynamic.grade-normal{border-left-color:#999;background:#96969633}.ability-slot-dynamic.grade-rare{border-left-color:#3498db;background:#3498db33}.ability-slot-dynamic.grade-epic{border-left-color:#9b59b6;background:#9b59b633}.ability-slot-dynamic.grade-unique{border-left-color:#f1c40f;background:#f1c40f33}.ability-slot-dynamic.grade-legendary{border-left-color:#2ecc71;background:#2ecc7133}.ability-slot-dynamic.grade-mystic{border-left-color:#e74c3c;background:#e74c3c33}.ability-slot-dynamic.grade-empty{border-left-color:#666;background:#6464641a}.ability-grade-badge{padding:4px 12px;border-radius:4px;font-size:.8rem;min-width:60px;text-align:center;background:#6464641a;color:#888}.ability-grade-badge.grade-normal{background:#96969633;color:#ccc}.ability-grade-badge.grade-rare{background:#3498db33;color:#5dade2}.ability-grade-badge.grade-epic{background:#9b59b633;color:#bb8fce}.ability-grade-badge.grade-unique{background:#f1c40f33;color:#f4d03f}.ability-grade-badge.grade-legendary{background:#2ecc7133;color:#58d68d}.ability-grade-badge.grade-mystic{background:#e74c3c33;color:#ec7063}.ability-slot-body{flex:1}.ability-slot-name{font-weight:500}.ability-slot-name.grade-normal,.ability-slot-value.grade-normal{color:#ccc}.ability-slot-name.grade-rare,.ability-slot-value.grade-rare{color:#5dade2}.ability-slot-name.grade-epic,.ability-slot-value.grade-epic{color:#bb8fce}.ability-slot-name.grade-unique,.ability-slot-value.grade-unique{color:#f4d03f}.ability-slot-name.grade-legendary,.ability-slot-value.grade-legendary{color:#58d68d}.ability-slot-name.grade-mystic,.ability-slot-value.grade-mystic{color:#ec7063}.ability-slot-range,.ability-slot-empty-text{color:#888;font-size:.8rem}.ability-slot-value{font-weight:700}.ability-lock-btn{background:transparent;border:1px solid #666;color:#888;padding:6px 10px;border-radius:4px;cursor:pointer}.ability-lock-btn.locked{background:#ffb40033;border-color:#ffb400;color:#ffb400}.option-line-dynamic{border-left:3px solid transparent}.option-line-dynamic.grade-normal{border-left-color:#999;background:#96969633}.option-line-dynamic.grade-rare{border-left-color:#3498db;background:#3498db33}.option-line-dynamic.grade-epic{border-left-color:#9b59b6;background:#9b59b633}.option-line-dynamic.grade-unique{border-left-color:#f1c40f;background:#f1c40f33}.option-line-dynamic.grade-legendary{border-left-color:#ff9800;background:#ff980033}.option-line-dynamic.grade-mystic{border-left-color:#e91e63;background:#e91e6333}.option-line-dynamic .line-text.grade-normal{color:#ccc}.option-line-dynamic .line-text.grade-rare{color:#5dade2}.option-line-dynamic .line-text.grade-epic{color:#bb8fce}.option-line-dynamic .line-text.grade-unique{color:#f4d03f}.option-line-dynamic .line-text.grade-legendary{color:#ffb74d}.option-line-dynamic .line-text.grade-mystic{color:#f06292}.history-item-dynamic{border-left:3px solid transparent}.history-item-dynamic.grade-normal{border-left-color:#999}.history-item-dynamic.grade-rare{border-left-color:#3498db}.history-item-dynamic.grade-epic{border-left-color:#9b59b6}.history-item-dynamic.grade-unique{border-left-color:#f1c40f}.history-item-dynamic.grade-legendary{border-left-color:#ff9800}.history-item-dynamic.grade-mystic{border-left-color:#e91e63}.history-grade-badge{padding:2px 8px;font-size:.7rem;border-radius:4px}.history-grade-badge.grade-normal{background:#96969633;color:#ccc}.history-grade-badge.grade-rare{background:#3498db33;color:#5dade2}.history-grade-badge.grade-epic{background:#9b59b633;color:#bb8fce}.history-grade-badge.grade-unique{background:#f1c40f33;color:#f4d03f}.history-grade-badge.grade-legendary{background:#ff980033;color:#ffb74d}.history-grade-badge.grade-mystic{background:#e91e6333;color:#f06292}.relic-card{border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);padding:12px;text-align:center}.relic-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 8px}.relic-name{font-size:.875rem;font-weight:600}.relic-grade{font-size:.75rem;font-weight:700;margin-top:4px}.relic-card.grade-epic{border-color:#9c27b0}.relic-card.grade-unique{border-color:#ffeb3b}.relic-card.grade-legendary{border-color:#ff9800}.relic-icon.grade-epic{background:#9c27b01f}.relic-icon.grade-unique{background:#ffeb3b1f}.relic-icon.grade-legendary{background:#ff98001f}.relic-grade.grade-epic{color:#9c27b0}.relic-grade.grade-unique{color:#ffeb3b}.relic-grade.grade-legendary{color:#ff9800}.nav-logo.meki{background:var(--meki-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-logo.meki .logo-img{-webkit-text-fill-color:initial}.sub-nav{position:fixed;top:0;left:0;right:0;z-index:900;background:var(--nav-bg);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border-color)}.sub-nav-container{max-width:1200px;margin:0 auto;padding:0 24px;height:44px;display:flex;align-items:center;gap:24px}.sub-nav-container a{font-size:13px;color:var(--text-secondary);white-space:nowrap;transition:color .2s}.sub-nav-container a:hover,.sub-nav-container a.active{color:var(--text-primary)}.sub-nav-container a.active{color:var(--meki-orange)}.category-group{position:relative}.category-dropdown{position:absolute;top:100%;left:0;min-width:160px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .2s;z-index:1000;margin-top:8px;box-shadow:var(--shadow-lg)}.category-group:hover .category-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.category-dropdown a{display:block;padding:10px 12px;border-radius:var(--radius-sm);font-size:13px}.category-dropdown a:hover{background:var(--glass)}.meki-page-header{padding:calc(var(--nav-height) + 44px + 40px) 24px 40px}.meki-content{padding:76px 24px 60px}.quick-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:24px}.quick-link-card{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all .2s}.quick-link-card:hover{border-color:var(--meki-orange);transform:translateY(-2px);box-shadow:var(--shadow-md)}.quick-link-icon{font-size:1.5rem}.quick-link-text{font-size:14px;font-weight:500}.rarity-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.rarity-normal{background:var(--rarity-normal);color:#fff}.rarity-rare{background:var(--rarity-rare);color:#fff}.rarity-epic{background:var(--rarity-epic);color:#fff}.rarity-unique{background:var(--rarity-unique);color:#1a1a1a}.rarity-legendary{background:var(--rarity-legendary);color:#fff}.rarity-mystic{background:var(--rarity-mystic);color:#fff}.rarity-ancient{background:var(--rarity-ancient);color:#fff}.calc-section{display:grid;grid-template-columns:1fr 320px;gap:24px;margin-bottom:32px}@media(max-width:900px){.calc-section{grid-template-columns:1fr}}.calc-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px}.calc-card h3{font-size:1rem;margin-bottom:16px;display:flex;align-items:center;gap:8px}.calc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.calc-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px;text-align:center}.calc-item-label{font-size:12px;color:var(--text-secondary);margin-bottom:8px}.calc-item input{text-align:center;padding:8px;font-size:14px}.stat-box{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:8px}.stat-label{font-size:13px;color:var(--text-secondary)}.stat-value{font-size:16px;font-weight:600;color:var(--meki-orange)}.sim-container{max-width:600px;margin:0 auto}.sim-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.sim-btn{padding:10px 16px;border-radius:var(--radius-md);font-weight:500;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);transition:all .2s}.sim-btn:hover{background:var(--bg-tertiary)}.sim-btn.active{background:var(--meki-gradient);color:#fff;border-color:transparent}.sim-results{min-height:200px;background:var(--bg-secondary);border-radius:var(--radius-lg);padding:20px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}.sim-item{width:64px;height:64px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;animation:pullCard .4s ease forwards}.sim-item.ancient{border-color:var(--rarity-ancient);box-shadow:0 0 15px #f443364d}.sim-item.mystic{border-color:var(--rarity-mystic);box-shadow:0 0 15px #e91e634d}.sim-item.legendary{border-color:var(--rarity-legendary);box-shadow:0 0 15px #ff98004d}.sim-item.unique{border-color:var(--rarity-unique)}.sim-item.epic{border-color:var(--rarity-epic)}.sim-item.rare{border-color:var(--rarity-rare)}.stats-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.stats-item{text-align:center;padding:12px;background:var(--bg-secondary);border-radius:var(--radius-md)}.stats-num{font-size:1.25rem;font-weight:700}.stats-label{font-size:.75rem;color:var(--text-secondary);margin-top:4px}.rarity-stats{display:flex;flex-direction:column;gap:8px}.rarity-row{display:flex;justify-content:space-between;font-size:.875rem}.map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin-top:16px}.map-stage{display:flex;flex-direction:column;align-items:center;padding:16px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .2s;cursor:pointer}.map-stage:hover{border-color:var(--meki-orange);transform:translateY(-2px)}.map-stage.boss{border-color:var(--accent-red);background:#ff453a1a}.stage-num{font-size:1.5rem;font-weight:700;margin-bottom:4px}.stage-type{font-size:11px;color:var(--text-secondary)}.chapter-tabs{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px}.chapter-tab{padding:10px 20px;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-color);font-size:14px;font-weight:500;white-space:nowrap;transition:all .2s}.chapter-tab:hover{background:var(--bg-tertiary)}.chapter-tab.active{background:var(--meki-gradient);color:#fff;border-color:transparent}.star-display{display:flex;justify-content:center;gap:4px;margin:24px 0}.star{font-size:1.5rem;color:var(--text-tertiary);transition:all .2s}.star.active{color:#ffc107;text-shadow:0 0 10px rgba(255,193,7,.5)}.enhance-info{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:20px;margin-bottom:24px;text-align:center}.enhance-rates{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.rate-item{font-size:.8125rem}.rate-label{color:var(--text-secondary)}.rate-value{font-weight:600;margin-top:4px}.rate-value.success{color:var(--accent-green)}.rate-value.fail{color:var(--accent-red)}.enhance-btn{width:100%;padding:16px;font-size:1rem;background:var(--meki-gradient);color:#fff;border-radius:var(--radius-md);font-weight:600;margin-bottom:16px;transition:all .2s}.enhance-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media(max-width:768px){.sub-nav-container{padding:0 16px;gap:16px}.meki-content{padding:64px 16px 40px}.quick-links{grid-template-columns:1fr 1fr}.enhance-rates{grid-template-columns:repeat(2,1fr)}}:root,html:not(.dark){--bg-primary: #f3f1ea;--bg-secondary: #ebe8de;--bg-tertiary: #e2ded2;--bg-card: #f8f6f0;--text-primary: #16150f;--text-secondary: #4f4c42;--text-tertiary: #6d695d;--color-primary: #c2410f;--color-secondary: #c2410f;--accent: #c2410f;--gradient-blue: none;--gradient-purple: none;--gradient-premium: none;--border-color: #d9d5c8;--glass: transparent;--nav-bg: #f3f1ea;--radius-sm: 3px;--radius-md: 3px;--radius-lg: 4px;--radius-xl: 4px;--shadow-sm: none;--shadow-md: none;--shadow-lg: 0 8px 24px rgba(22, 21, 15, .12);color-scheme:light}html.dark{--bg-primary: #141310;--bg-secondary: #1c1a16;--bg-tertiary: #24221c;--bg-card: #1a1814;--text-primary: #ebe7da;--text-secondary: #c9c3b2;--text-tertiary: #9a9483;--color-primary: #f0703f;--color-secondary: #f0703f;--accent: #f0703f;--border-color: #2e2b24;--nav-bg: #141310;--shadow-lg: 0 8px 24px rgba(0, 0, 0, .45);color-scheme:dark}body{font-family:IBM Plex Sans KR,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;font-variant-numeric:tabular-nums;word-break:keep-all}code,kbd,.mono,.stat-value,.stats-num,.rate-value{font-family:IBM Plex Mono,ui-monospace,Consolas,monospace}.glow-blob,.grid-bg,.hero-bg,.scroll-progress,.float-icon{display:none!important}.shiny-text,.gradient-text,.gradient-text-orange,.gradient-animate{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--text-primary)!important;animation:none!important}.spotlight-card:before,.spotlight-card:after,.star-border:before,.star-border:after{display:none!important}.tilt-card,.magnetic{transform:none!important}.fade-in-up{animation:none!important;opacity:1!important;transform:none!important}.nav{background:var(--nav-bg)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-bottom:1px solid var(--border-color)}.nav-logo{font-family:IBM Plex Mono,ui-monospace,monospace;font-weight:600}.nav-logo .logo-img{display:none!important}.nav-logo:before{content:"";width:11px;height:11px;background:var(--accent);display:inline-block;margin-right:8px}.sub-nav{background:var(--bg-primary)!important;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.sub-nav a.active,.nav-links a.active{color:var(--text-primary)!important;box-shadow:inset 0 -2px 0 var(--accent);background:none!important}.theme-toggle{border-radius:3px!important;box-shadow:none!important;border:1px solid var(--border-color)!important;background:var(--bg-primary)!important;color:var(--text-secondary)}.theme-toggle .icon-sun,.theme-toggle .icon-moon{font-size:0!important;line-height:0}.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.hero{min-height:0!important;padding:84px 0 16px!important;background:none!important;text-align:left;display:block!important}.hero-content{text-align:left!important;width:100%;max-width:1200px!important;margin:0 auto!important;padding:0 24px!important}.hero-subtitle{margin-left:0!important}.content-max-900,.quick-links-narrow{max-width:none!important}.ranking-tab,.chapter-tab{border-radius:3px!important;box-shadow:none!important}.ranking-tab.active,.chapter-tab.active{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff8f2!important}html.dark .ranking-tab.active,html.dark .chapter-tab.active{color:#1a0d06!important}.ranking-tab.active .tab-count{color:inherit!important;opacity:.8}.page-header,.meki-page-header{padding:84px 24px 12px!important;text-align:left!important;max-width:1200px;margin:0 auto!important;background:none!important}.page-header h1,.meki-page-header h1{font-size:clamp(26px,3.6vw,36px)!important;font-weight:600!important;letter-spacing:-.02em}.page-header p,.meki-page-header p{margin-left:0!important;color:var(--text-secondary)!important}.section{padding-top:32px!important;padding-bottom:32px!important}.theme-toggle{position:fixed!important;top:4px!important;right:12px!important;bottom:auto!important;width:36px!important;height:36px!important;z-index:60!important;display:grid!important;place-items:center}.sub-nav-container{padding-right:56px!important}.hero h1{font-size:clamp(30px,4.4vw,44px)!important;font-weight:600!important;letter-spacing:-.02em}.hero-eyebrow{background:none!important;border:0!important;padding:0!important;color:var(--text-tertiary)!important;font-size:14px!important}.hero-cta{justify-content:flex-start!important}.section-title{text-align:left!important;font-size:15px!important;font-weight:600!important;border-bottom:1px solid var(--text-primary);padding-bottom:10px}.section-muted{background:none!important}.card,.tools-group-card,.calc-card,.stats-card,.sim-container,.game-card{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;box-shadow:none!important;border-radius:4px!important}.quick-link-card{background:none!important;border:0!important;border-bottom:1px dotted var(--border-color)!important;border-radius:0!important;box-shadow:none!important;padding-left:2px!important}.quick-link-card:hover{color:var(--accent);background:none!important;transform:none!important}.quick-link-icon{display:none!important}.btn,.sim-btn,.enhance-btn{border-radius:3px!important;box-shadow:none!important;background-image:none!important}.btn-primary,.sim-btn,.enhance-btn{background:var(--accent)!important;color:#fff8f2!important;border:1px solid var(--accent)!important}html.dark .btn-primary,html.dark .sim-btn,html.dark .enhance-btn{color:#1a0d06!important}.btn-secondary{background:none!important;border:1px solid var(--text-tertiary)!important;color:var(--text-primary)!important}.badge,.game-card-badge{border-radius:2px!important;background:none!important;border:1px solid currentColor}table th{font-weight:600}.footer{border-top:1px solid var(--border-color);background:none!important}