.landing{--landing-max:1120px;background:var(--bg-app);min-height:100dvh;color:var(--text-primary);font-family:var(--font-body);overflow-x:clip}.landing-wrap{width:100%;max-width:var(--landing-max);padding:0 var(--gutter,20px);margin:0 auto}.landing h1,.landing h2,.landing h3{font-family:var(--font-display);letter-spacing:var(--tracking-tight);margin:0}.landing h1{font-size:clamp(32px,7vw,56px);font-weight:var(--weight-black);text-wrap:balance;line-height:1.04}.landing h2{font-size:clamp(26px,4.5vw,38px);font-weight:var(--weight-black);margin-bottom:var(--space-6);line-height:1.1}.landing h3{font-size:var(--text-lg);font-weight:var(--weight-bold);margin-top:var(--space-4)}.landing p{margin:0}.landing-lead{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text-secondary);text-wrap:pretty;max-width:56ch}.landing-eyebrow{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-accent);margin-bottom:var(--space-3)}.landing-header{z-index:20;background:color-mix(in srgb, var(--bg-app) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-subtle);padding-top:env(safe-area-inset-top);position:sticky;top:0}.landing-header__row{align-items:center;gap:var(--space-4);height:60px;display:flex}.landing-brand{color:var(--text-primary);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.landing-brand__mark{background:var(--clay-500);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:2px;width:32px;height:32px;padding:5px;display:grid}.landing-brand__mark span{background:#ffffff47;border-radius:2px}.landing-brand__mark span.is-pawn{background:#fff;border-radius:50%}.landing-brand__name{font-family:var(--font-display);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);font-size:20px}.landing-nav{gap:var(--space-6);margin-left:var(--space-6);display:none}.landing-nav a,.landing-link{color:var(--text-secondary);font-weight:var(--weight-medium);font-size:var(--text-sm);text-decoration:none}.landing-nav a:hover,.landing-link:hover{color:var(--text-primary)}.landing-header__actions{align-items:center;gap:var(--space-4);margin-left:auto;display:flex}.landing-hero{padding:var(--space-8) 0 var(--space-12)}.landing-hero__grid{gap:var(--space-8);align-items:center;display:grid}.landing-hero__copy .landing-lead{margin-top:var(--space-4)}.landing-hero__cta{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.landing-hero__cta>*{flex:200px}.landing-button-secondary{border-radius:var(--radius-lg);border:1.5px solid var(--border-strong);background:var(--surface-raised);height:60px;color:var(--text-primary);font-weight:var(--weight-semibold);font-size:var(--text-lg);box-shadow:var(--shadow-xs);justify-content:center;align-items:center;padding:0 28px;text-decoration:none;display:inline-flex}.landing-hero__note{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--text-muted)}.landing-demo{width:100%;max-width:440px;margin:0 auto}.landing-demo__board{position:relative}.landing-demo__overlay{z-index:5;justify-content:center;align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-6);border-radius:var(--radius-xl);background:var(--surface-card);box-shadow:var(--shadow-lg);animation:kor-rise var(--dur-slow) var(--ease-out);flex-direction:column;display:flex;position:absolute;inset:12% 8%}.landing-demo__overlay-title{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-2xl)}.landing-demo__overlay-text{color:var(--text-secondary);font-size:var(--text-sm);max-width:28ch}.landing-demo__overlay-actions{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.landing-demo__caption{margin-top:var(--space-3);text-align:center;font-size:var(--text-sm);color:var(--text-muted);min-height:1.4em}.landing-section{padding:var(--space-12) 0;scroll-margin-top:60px}.landing-section--alt{background:var(--bg-subtle)}.landing-rules,.landing-modes{gap:var(--space-4);display:grid}.landing-rule,.landing-mode{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm)}.landing-rule p,.landing-mode p{margin-top:var(--space-2);color:var(--text-secondary);line-height:var(--leading-normal)}.landing-rule__board{max-width:220px;margin:0 auto}.landing-mode__tag{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-accent);display:inline-block}.landing-mode h3{margin-top:var(--space-2)}.landing-ranks{gap:var(--space-6);align-items:center;display:grid}.landing-ranks__list{gap:var(--space-2);counter-reset:rank;flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.landing-ranks__list li{counter-increment:rank;border-radius:var(--radius-full);background:var(--surface-card);border:1px solid var(--border-subtle);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:6px 12px}.landing-ranks__list li:before{content:counter(rank);font-family:var(--font-mono);color:var(--text-muted);margin-right:6px}.landing-download{gap:var(--space-6);align-items:center;display:grid}.landing-download__actions{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.landing-download__hint{font-size:var(--text-sm);color:var(--text-muted);max-width:40ch}.landing-store{border-radius:var(--radius-lg);color:#fff;height:56px;font-family:var(--font-display);font-weight:var(--weight-bold);background:#000;align-items:center;gap:10px;padding:0 22px;font-size:20px;line-height:1;text-decoration:none;display:inline-flex}.landing-store span{flex-direction:column;gap:2px;display:flex}.landing-store small{font-family:var(--font-body);font-weight:var(--weight-medium);opacity:.85;font-size:11px}.landing-faq{max-width:760px}.landing-faq details{border-bottom:1px solid var(--border-subtle);padding:var(--space-4) 0}.landing-faq summary{cursor:pointer;font-weight:var(--weight-semibold);font-size:var(--text-md);list-style-position:outside}.landing-faq details p{margin-top:var(--space-3);color:var(--text-secondary);line-height:var(--leading-relaxed)}.landing-final{padding:var(--space-16) 0;text-align:center}.landing-final h2{margin-bottom:var(--space-6)}.landing-final button{min-width:260px}.landing-footer{border-top:1px solid var(--border-subtle);padding:var(--space-6) 0 calc(var(--space-6) + env(safe-area-inset-bottom));font-size:var(--text-sm);color:var(--text-muted)}.landing-footer__row{gap:var(--space-4);flex-wrap:wrap;justify-content:space-between;display:flex}.landing-footer nav{gap:var(--space-4);flex-wrap:wrap;display:flex}.landing-footer a{color:var(--text-secondary)}.landing :focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:2px}@media (width>=720px){.landing-rules{grid-template-columns:repeat(3,1fr)}.landing-modes{grid-template-columns:repeat(2,1fr)}.landing-download{grid-template-columns:1.2fr 1fr}}@media (width>=960px){.landing-nav{display:flex}.landing-hero{padding:var(--space-16) 0 var(--space-20)}.landing-hero__grid{gap:var(--space-12);grid-template-columns:1.1fr 1fr}.landing-hero__cta>*{flex:0 auto}.landing-modes{grid-template-columns:repeat(4,1fr)}.landing-ranks{grid-template-columns:1fr 1.2fr}.landing-section{padding:var(--space-20) 0}}@media (prefers-reduced-motion:reduce){.landing-demo__overlay{animation:none}}.landing-more{margin-top:var(--space-6);font-weight:var(--weight-semibold)}.rules{max-width:820px;padding-top:var(--space-6);padding-bottom:var(--space-12)}.rules h1{margin:var(--space-3) 0 var(--space-4)}.rules h2{margin:var(--space-10) 0 var(--space-4);font-size:clamp(22px,3.5vw,30px)}.rules p,.rules li{line-height:var(--leading-relaxed);color:var(--text-secondary)}.rules p+p{margin-top:var(--space-3)}.rules ul,.rules ol{gap:6px;padding-left:1.3em;display:grid}.rules b{color:var(--text-primary)}.rules-crumbs{font-size:var(--text-sm);color:var(--text-muted)}.rules-crumbs a{color:var(--text-secondary)}.rules-toc{margin-top:var(--space-6);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--bg-subtle);border:1px solid var(--border-subtle)}.rules-toc ol{columns:2;column-gap:var(--space-8);margin:0}.rules-figures{gap:var(--space-5);margin-top:var(--space-5);display:grid}.rules-figure{margin:var(--space-5) 0 0;max-width:320px}.rules-figures .rules-figure{margin:0}.rules-figure figcaption{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);text-align:center}.rules-figure .landing-rule__board{max-width:100%}.rules-cta{margin-top:var(--space-12);padding:var(--space-8);border-radius:var(--radius-xl);background:var(--bg-subtle);text-align:center}.rules-cta h2{margin-top:0}.rules-cta p{margin-bottom:var(--space-5)}@media (width>=720px){.rules-figures{grid-template-columns:repeat(2,minmax(0,320px))}}@media (width<=520px){.rules-toc ol{columns:1}}
