:root{--bg:#f8fafc;--ink:#1d2b53;--paper:#fff;--yellow:#ffc531;--purple:#6c5ce7;--coral:#ff5d5d;--green:#2ec4b6;--radius:20px;--display:"Pretendard Variable", "Pretendard", -apple-system, sans-serif;--body:"Pretendard Variable", "Pretendard", -apple-system, "Malgun Gothic", sans-serif;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-on-primary:#fff;--color-secondary:#059669;--color-accent:#d97706;--color-bg:#f8fafc;--color-fg:#0f172a;--color-card:#fff;--color-card-fg:#0f172a;--color-muted:#f1f5fd;--color-muted-fg:#475569;--color-border:#e4ecfc;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:20px;--space-xl:28px;--space-2xl:40px;--space-3xl:56px}*,:before,:after{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-text-size-adjust:100%;line-height:1.6;overflow-x:hidden}main{max-width:1080px;margin:0 auto;padding:0 20px}h1,h2,h3{font-family:var(--display);font-weight:800}section{margin:64px 0}.section-title{margin-bottom:24px;font-size:30px}a{color:inherit}:focus-visible{outline:3px solid var(--purple);outline-offset:3px;border-radius:6px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.lang-toggle{justify-content:flex-end;gap:4px;max-width:1080px;margin:0 auto;padding:12px 20px 0;display:flex}.lang-btn{font:inherit;color:var(--ink);border:2px solid var(--ink);cursor:pointer;opacity:.4;background:0 0;border-radius:8px;padding:4px 10px;font-size:13px;font-weight:700}.lang-btn:hover{opacity:.7}.lang-btn.is-active{background:var(--ink);color:var(--paper);opacity:1}.hero{max-width:1080px;margin:0 auto;padding:56px 20px 40px}.hero-eyebrow{color:var(--color-muted-fg);letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;font-size:13px;font-weight:500}.hero-title{font-family:var(--display);letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(40px,5vw + 12px,64px);font-weight:900;line-height:1.05}.hero-brand-lead{color:var(--color-primary)}.hero-brand-tail{color:var(--ink);font-weight:500}.hero-subtitle{color:var(--ink);max-width:46ch;margin-bottom:16px;font-size:clamp(16px,.5vw + 15px,19px);line-height:1.55}.hero-meta{color:var(--color-muted-fg);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;font-size:13px;display:flex}.hero-meta-dot{background:var(--color-muted-fg);border-radius:50%;width:3px;height:3px;display:inline-block}.hero-cta{background:var(--color-primary);color:var(--color-on-primary);font-family:var(--display);border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:12px 24px;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.hero-cta:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.hero-cta-icon{width:16px;height:16px}@media (width<=560px){.hero{padding:32px 20px 24px}.hero-title{letter-spacing:-.02em}}.game-grid{grid-template-columns:1fr;gap:28px;display:grid}@media (width>=720px){.game-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1080px){.game-grid{grid-template-columns:repeat(4,1fr)}}.card{background:var(--paper);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:4px 4px 0 var(--tint);flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.card:hover,.card:focus-within{box-shadow:6px 6px 0 var(--tint);transform:translate(-2px,-2px)}.card-thumb{background:linear-gradient(135deg, color-mix(in srgb, var(--tint) 25%, #fff), color-mix(in srgb, var(--tint) 65%, #fff));border-bottom:3px solid var(--ink);place-items:center;height:150px;display:grid;overflow:hidden}.card-thumb img{object-fit:contain;width:100%;max-width:140px;height:auto;max-height:140px;image-rendering:pixelated;image-rendering:crisp-edges;transition:transform .3s}.card:hover .card-thumb img{transform:scale(1.04)}.card-thumb:not(:has(img)){font-size:64px}.card-body{flex-direction:column;flex:1;gap:8px;padding:16px 20px 20px;display:flex}.card-title{font-size:26px}.card-tagline{font-size:15px}.card-badge{width:100%;color:var(--ink);border:2px solid var(--tint);background:0 0;border-radius:999px;justify-content:center;align-items:baseline;gap:4px;margin-top:4px;padding:6px 12px;font-size:13px;font-weight:700;line-height:1.3;text-decoration:none;transition:transform .12s,background .12s;display:flex}.card-badge.is-new{border-width:3px}.card-badge:not(.is-new){color:color-mix(in srgb, var(--ink) 70%, #fff);border-color:color-mix(in srgb, var(--tint) 55%, transparent)}.card-badge:hover,.card-badge:focus-visible{background:color-mix(in srgb, var(--tint) 12%, transparent);transform:translateY(-1px)}.card-badge-icon{font-size:14px}.card-badge-ver{letter-spacing:.02em}.card-badge-sep{opacity:.55}.card-badge-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.play-btn{border:3px solid var(--ink);background:var(--tint);min-height:56px;font-family:var(--display);color:var(--btn-ink,var(--ink));border-radius:14px;place-items:center;margin-top:auto;font-size:22px;text-decoration:none;display:grid}.play-btn:active{transform:translateY(3px)}.patchnotes-modal{border:3px solid var(--ink,#1d2b53);color:#1d2b53;background:#fff;border-radius:16px;width:min(720px,100vw - 32px);max-height:90vh;margin:auto;padding:0;overflow:hidden;box-shadow:0 24px 60px #00000040}.patchnotes-modal::backdrop{background:#0a0a1e8c}.patchnotes-modal-inner{flex-direction:column;max-height:90vh;display:flex}.patchnotes-modal-header{z-index:1;background:#fff;border-bottom:2px solid #1d2b5326;align-items:center;gap:12px;padding:14px 18px;display:flex;position:sticky;top:0}.patchnotes-modal-title{color:#1d2b53;flex:1;margin:0;font-size:20px;font-weight:700}.patchnotes-modal-close{color:#1d2b53;cursor:pointer;background:#fff;border:2px solid #1d2b5340;border-radius:10px;flex:0 0 40px;place-items:center;height:40px;font-size:24px;line-height:1;display:grid}.patchnotes-modal-close:hover,.patchnotes-modal-close:focus-visible{background:#1d2b5314;border-color:#1d2b5373}.patchnotes-modal-body{-webkit-overflow-scrolling:touch;padding:18px 22px 24px;overflow-y:auto}.patchnotes-modal-body h1{color:#1d2b53;margin:0 0 12px;font-size:22px}.patchnotes-modal-body .lead{font-size:15px}.patchnotes-modal-body p{margin:0 0 12px}.patchnotes-modal-body ul{margin:0 0 12px 20px}.patchnotes-modal-body li{margin-bottom:6px}.patchnotes-modal-body a{color:#2b4a8f}.patchnotes-modal-body .muted{color:#5a678f;font-size:13px}.patchnotes-modal-body .card{background:#1d2b530f;border:1px solid #1d2b532e;border-radius:12px;margin:0 0 14px;padding:14px 16px}.patchnotes-modal-body footer.site{display:none}.blog-section{padding:40px 0}.blog-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px;display:flex}.blog-view-all{color:var(--color-primary);white-space:nowrap;font-size:14px;font-weight:500;text-decoration:none}.blog-view-all:hover{text-decoration:underline}.blog-list{grid-template-columns:1fr;gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (width>=720px){.blog-list{grid-template-columns:repeat(3,1fr)}}.blog-card{background:var(--color-card);border:1px solid var(--color-border);color:inherit;border-radius:12px;flex-direction:column;gap:6px;min-height:44px;padding:20px;text-decoration:none;transition:box-shadow .2s,transform .2s,border-color .2s;display:flex}.blog-card:hover{border-color:var(--color-primary);text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 12px #0f172a14}.blog-date{color:var(--color-muted-fg);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:12px}.blog-title{font-family:var(--display);color:var(--ink);margin:0;font-size:18px;font-weight:700;line-height:1.3}.blog-summary{color:var(--color-muted-fg);margin:0;font-size:14px;line-height:1.55}.digest-section{padding:40px 0}.digest-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px;display:flex}.digest-view-all{color:var(--color-primary);white-space:nowrap;font-size:14px;font-weight:500;text-decoration:none}.digest-view-all:hover{text-decoration:underline}.digest-list{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.digest-item{border-bottom:1px solid var(--color-border);grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:baseline;gap:2px 16px;padding:14px 20px;transition:background .2s;display:grid}.digest-item:last-child{border-bottom:none}.digest-item:hover{background:var(--color-muted)}.digest-game{color:var(--ink);grid-area:1/1;font-weight:500}.digest-date{color:var(--color-muted-fg);font-variant-numeric:tabular-nums;grid-area:1/2;font-size:12px}.digest-summary{color:var(--color-muted-fg);grid-area:2/1/auto/-1;font-size:14px}@media (width>=720px){.digest-item{grid-template-rows:auto;grid-template-columns:200px 110px 1fr;gap:0 24px;padding:12px 20px}.digest-game{grid-area:1/1}.digest-date{grid-area:1/2}.digest-summary{grid-area:1/3}}.about-section{padding:40px 0}.about-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;grid-template-columns:1fr;gap:24px;margin-top:24px;padding:28px;display:grid}@media (width>=820px){.about-card{grid-template-columns:1.1fr 1fr;align-items:center;padding:40px}}.about-body-wrap{flex-direction:column;gap:16px;display:flex}.about-body{color:var(--ink);margin:0;font-size:15px;line-height:1.75}.about-link{color:var(--color-primary);align-self:flex-start;align-items:center;min-height:44px;padding:6px 0;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.about-link:hover{text-decoration:underline}.about-signals{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.about-signal{background:var(--color-muted);border-radius:8px;padding:16px;font-size:13px;line-height:1.4}.about-signal strong{color:var(--ink);margin-bottom:2px;font-size:14px;font-weight:700;display:block}.about-signal span{color:var(--color-muted-fg)}.ad-slot{margin:64px 0}.ad-label{color:#5a678f;margin-bottom:6px;font-size:12px;display:inline-block}.ad-box{color:#5a678f;background:#f4f8ff;border:2px dashed #a9b7d8;border-radius:12px;place-items:center;min-height:120px;font-size:14px;display:grid}.site-footer{background:var(--color-muted);border-top:1px solid var(--color-border);margin-top:40px;padding:28px 0 24px}.footer-inner{flex-direction:column;gap:20px;max-width:1080px;margin:0 auto;padding:0 20px;display:flex}.footer-cols{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=640px){.footer-cols{grid-template-columns:repeat(3,1fr)}}.footer-col h4{font-family:var(--display);text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted-fg);margin:0 0 8px;font-size:11px;font-weight:700}.footer-col ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.footer-col a{color:var(--ink);min-height:32px;padding:4px 0;font-size:14px;text-decoration:none;display:inline-block}.footer-col a:hover{color:var(--color-primary);text-decoration:none}.footer-bottom{border-top:1px solid var(--color-border);color:var(--color-muted-fg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:16px;font-size:12px;display:flex}.footer-copy{color:var(--ink);font-weight:500}.footer-tagline{font-variant-numeric:tabular-nums}