.landing{background:radial-gradient(circle at top left,color-mix(in srgb,var(--site-gold)10%,transparent),transparent 24%),radial-gradient(circle at 85% 12%,color-mix(in srgb,var(--site-green)6%,transparent),transparent 18%),linear-gradient(180deg,var(--site-surface-strong)0%,var(--site-bg)100%)}.landing-body{max-width:1120px;margin:0 auto;padding:40px 20px 56px}.landing-main{flex-direction:column;gap:40px;display:flex}.landing-main>section,.landing-support{content-visibility:auto;contain-intrinsic-size:360px}.landing .section-title{letter-spacing:-.025em;margin-bottom:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;font-size:clamp(1.65rem,3vw,2.3rem);line-height:1.04}.landing-hero{grid-template-columns:minmax(0,1.1fr) minmax(320px,480px);align-items:center;gap:clamp(28px,5vw,68px);max-width:1280px;margin:0 auto;padding:clamp(44px,7vw,76px) 20px 48px;display:grid}.hero-content{align-items:start;gap:16px;display:grid}.hero-content>*{min-width:0}.hero-kicker{color:color-mix(in srgb,var(--site-green)74%,var(--site-muted));letter-spacing:.15em;text-transform:uppercase;text-wrap:balance;margin:0;font-size:.74rem;font-weight:700}.hero-title{letter-spacing:-.04em;max-width:11ch;color:var(--site-text);text-wrap:balance;margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;font-size:clamp(2.7rem,6.8vw,4.9rem);font-weight:600;line-height:.96}.hero-title-accent{color:var(--site-green);margin-top:.1em;display:block}.hero-subtitle{max-width:34rem;color:var(--site-muted);text-wrap:pretty;margin:0;font-size:clamp(1rem,1.55vw,1.12rem);line-height:1.68}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:6px;display:flex}.hero-actions .btn-lg{min-width:220px}.hero-visual{justify-content:flex-end;display:flex}.hero-note{border-top:1px solid color-mix(in srgb,var(--site-border)68%,transparent);max-width:36rem;color:var(--site-muted);text-wrap:pretty;margin:0;padding-top:16px;font-size:.93rem;line-height:1.6}.hero-ledger{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:33rem;margin:8px 0 0;display:grid}.hero-ledger-entry{border:1px solid color-mix(in srgb,var(--site-border)74%,transparent);background:color-mix(in srgb,var(--site-surface-strong)84%,transparent);box-shadow:var(--site-soft-shadow);border-radius:14px;gap:6px;margin:0;padding:15px 17px;display:grid}.hero-ledger-entry-skeleton{min-height:86px}.stat-value{color:var(--site-text);margin:0;font-size:clamp(1.28rem,1.8vw,1.55rem);font-weight:700}.stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--site-muted);font-size:.74rem;font-weight:600}.hero-illustration{z-index:1;width:min(100%,460px);margin:0 0 0 auto;position:relative}.hero-illustration:before{content:"";filter:blur(8px);background:radial-gradient(circle,#fef5d833 0%,#0000 72%);border-radius:999px;position:absolute;inset:10% 8% 6%}.hero-illustration-image{filter:drop-shadow(0 14px 20px #110c061a);width:100%;height:auto;display:block;transform:rotate(-1.75deg)}.landing-showcase{border:1px solid color-mix(in srgb,var(--site-border)76%,transparent);background:radial-gradient(circle at top left,#d8922814,transparent 26%),linear-gradient(180deg,color-mix(in srgb,var(--site-surface-strong)95%,transparent)0%,#f8f0dcfa 100%);box-shadow:var(--site-soft-shadow);border-radius:28px;grid-template-columns:minmax(0,.92fr) minmax(340px,1.08fr);align-items:center;gap:clamp(22px,4vw,46px);padding:clamp(22px,3vw,30px);display:grid;position:relative;overflow:hidden}.landing-showcase-copy{align-content:start;gap:14px;display:grid}.landing-showcase-text{max-width:34rem;color:var(--site-muted);text-wrap:pretty;margin:0;line-height:1.66}.landing-showcase-pills{flex-wrap:wrap;gap:10px;display:flex}.landing-showcase-pill{border:1px solid color-mix(in srgb,var(--site-border)75%,transparent);background:color-mix(in srgb,var(--site-surface)88%,transparent);color:var(--site-text);letter-spacing:.03em;cursor:pointer;border-radius:999px;padding:7px 12px;font-size:.78rem;font-weight:600;transition:background .16s,border-color .16s,color .16s}.landing-showcase-pill:hover{background:color-mix(in srgb,var(--site-surface)92%,transparent);border-color:color-mix(in srgb,var(--site-border)85%,transparent)}.landing-showcase-pill--active{background:var(--site-pill-green-bg);border-color:color-mix(in srgb,var(--site-green)50%,var(--site-border));color:var(--site-pill-green-text)}.landing-showcase-stage{justify-self:end;width:100%;max-width:540px;min-height:396px;padding-bottom:52px;position:relative}.landing-showcase-slides{box-sizing:border-box;min-height:366px;padding-bottom:48px;position:relative}.landing-preview-card{border:1px solid color-mix(in srgb,var(--site-border)72%,transparent);background:color-mix(in srgb,var(--site-surface-strong)92%,transparent);box-shadow:var(--site-soft-shadow-strong),inset 0 1px 0 #ffffff47;opacity:0;border-radius:24px;align-content:start;gap:18px;padding:22px 22px 28px;display:grid;position:absolute;inset:0;transform:translate(20px,14px)scale(.975)}.landing-showcase-stage[data-showcase-index] .landing-preview-card{pointer-events:none;transition:opacity .4s,transform .4s;animation:none}.landing-showcase-stage[data-showcase-index] .landing-preview-card:first-child,.landing-showcase-stage[data-showcase-index] .landing-preview-card:nth-child(2),.landing-showcase-stage[data-showcase-index] .landing-preview-card:nth-child(3){opacity:0;transform:translate(20px,14px)scale(.975)}.landing-showcase-stage[data-showcase-index="0"] .landing-preview-card:first-child,.landing-showcase-stage[data-showcase-index="1"] .landing-preview-card:nth-child(2),.landing-showcase-stage[data-showcase-index="2"] .landing-preview-card:nth-child(3){opacity:1;pointer-events:auto;transform:translate(0,0)scale(1)}.landing-preview-card--profile{background:var(--site-showcase-card-profile-bg)}.landing-preview-card--rank{background:var(--site-showcase-card-rank-bg)}.landing-preview-card--stats{background:var(--site-showcase-card-stats-bg)}.landing-preview-card-head{gap:4px;display:grid}.landing-preview-card-kicker{color:var(--site-gold);letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;font-weight:700}.landing-preview-card-title{letter-spacing:-.02em;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.06}.landing-preview-profile-top,.landing-preview-rank-top{align-items:center;gap:16px;display:flex}.landing-preview-profile-copy,.landing-preview-rank-copy{gap:5px;display:grid}.landing-preview-profile-copy strong,.landing-preview-rank-copy strong{color:var(--site-text);font-size:1.05rem}.landing-preview-profile-hint{color:var(--site-muted);margin-top:2px;font-size:.82rem;line-height:1.5}.landing-preview-profile-copy span:not(.landing-preview-profile-hint),.landing-preview-rank-copy span,.landing-preview-progress-copy,.landing-preview-community-copy{color:var(--site-muted);font-size:.88rem;line-height:1.55}.landing-preview-avatar-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.landing-preview-avatar-chip{border:1px solid color-mix(in srgb,var(--site-border)70%,transparent);background:color-mix(in srgb,var(--site-surface)86%,transparent);border-radius:16px;justify-items:start;gap:8px;padding:12px;display:grid}.landing-preview-avatar-chip span{color:var(--site-text);font-size:.78rem;font-weight:600}.landing-preview-tag-row{flex-wrap:wrap;gap:8px;display:flex}.landing-preview-tag{background:var(--site-pill-green-bg);color:var(--site-pill-green-text);border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:600}.landing-preview-rank-stars{gap:6px;display:flex}.landing-preview-rank-star{color:var(--site-progress-track-strong);font-size:1.05rem}.landing-preview-rank-star--active{color:var(--site-gold)}.landing-preview-progress,.landing-preview-winrate{min-width:0}.landing-preview-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.landing-preview-stat-box{border:1px solid color-mix(in srgb,var(--site-border)70%,transparent);background:color-mix(in srgb,var(--site-surface)88%,transparent);border-radius:16px;gap:5px;padding:14px 15px;display:grid}.landing-preview-stat-box span{letter-spacing:.08em;text-transform:uppercase;color:var(--site-muted);font-size:.73rem;font-weight:700}.landing-preview-stat-box strong{color:var(--site-text);font-size:1.15rem}.landing-preview-community-copy{margin:0}.landing-showcase-nav{justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.landing-showcase-arrow{border:1px solid color-mix(in srgb,var(--site-border)75%,transparent);background:color-mix(in srgb,var(--site-surface)92%,transparent);width:44px;height:44px;color:var(--site-text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .16s,border-color .16s,color .16s;display:flex}.landing-showcase-arrow:hover{background:color-mix(in srgb,var(--site-surface-strong)96%,transparent);border-color:color-mix(in srgb,var(--site-gold)60%,var(--site-border));color:var(--site-gold)}.landing-showcase-arrow:focus-visible{outline:2px solid var(--site-gold);outline-offset:2px}.landing-showcase-dots{gap:8px;display:flex}.landing-showcase-stage[data-showcase-index] .landing-showcase-dot{animation:none}.landing-showcase-dot{cursor:pointer;background:0 0;border:none;border-radius:999px;width:44px;height:44px;padding:0;transition:background .16s,transform .16s;position:relative}.landing-showcase-dot:after{content:"";background:var(--site-showcase-dot-bg);border-radius:999px;width:10px;height:10px;transition:background .16s,transform .16s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-showcase-dot:hover:after{background:var(--site-showcase-dot-hover-bg)}.landing-showcase-dot--active:after,.landing-showcase-stage[data-showcase-index] .landing-showcase-dot--active:after{background:var(--site-showcase-dot-active-bg);transform:translate(-50%,-50%)scale(1.15)}.landing-showcase-dot--active,.landing-showcase-stage[data-showcase-index] .landing-showcase-dot--active{animation:none}.landing-showcase-dot:focus-visible{outline:2px solid var(--site-gold);outline-offset:2px}.lobby-preview{border:1px solid color-mix(in srgb,var(--site-border)72%,transparent);background:color-mix(in srgb,var(--site-surface-strong)90%,transparent);box-shadow:var(--site-soft-shadow);border-radius:22px;gap:16px;padding:24px;display:grid}.lobby-preview-list{flex-direction:column;gap:10px;display:flex}.lobby-room-card{background:color-mix(in srgb,var(--site-surface)88%,transparent);border:1px solid color-mix(in srgb,var(--site-border)72%,transparent);color:var(--site-text);text-align:left;cursor:pointer;appearance:none;border-radius:12px;align-items:center;gap:16px;width:100%;padding:15px 17px;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.lobby-room-card:hover{border-color:color-mix(in srgb,var(--site-green)36%,var(--site-border));transform:translateY(-1px);box-shadow:0 0 0 2px #2d5a270f}.lobby-room-card:focus-visible{border-color:color-mix(in srgb,var(--site-green)36%,var(--site-border));box-shadow:0 0 0 3px var(--site-focus-ring),0 0 0 1px color-mix(in srgb,var(--site-green)30%,var(--site-border));outline:none}.lobby-room-card:active{transform:none}.room-card-name{flex:1;font-weight:600}.room-card-name,.player-name,.modal-title,.section-title,.page-title{overflow-wrap:anywhere}.room-card-meta{color:var(--site-muted);flex-wrap:wrap;gap:4px 12px;font-size:.85rem;display:flex}.room-card-join{color:var(--site-green);font-size:.85rem;font-weight:600}.landing-support{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:4px;display:flex}[data-theme=dark] .landing{background:radial-gradient(circle at top left,color-mix(in srgb,var(--site-gold)6%,transparent),transparent 24%),radial-gradient(circle at 85% 12%,color-mix(in srgb,var(--site-green)4%,transparent),transparent 18%),linear-gradient(180deg,var(--site-surface-strong)0%,var(--site-bg)100%)}[data-theme=dark] .hero-note{border-top-color:color-mix(in srgb,var(--site-border)74%,transparent)}[data-theme=dark] .hero-ledger-entry{border-color:color-mix(in srgb,var(--site-border)60%,transparent);background:#221d16eb;box-shadow:0 8px 18px #00000029}[data-theme=dark] .landing-showcase{border-color:color-mix(in srgb,var(--site-border)60%,transparent);background:radial-gradient(circle at top left,color-mix(in srgb,var(--site-gold)5%,transparent),transparent 26%),linear-gradient(180deg,#231e17f7 0%,#1b1712fc 100%);box-shadow:var(--site-soft-shadow-strong)}[data-theme=dark] .landing-showcase-pill,[data-theme=dark] .landing-preview-avatar-chip,[data-theme=dark] .landing-preview-stat-box{border-color:color-mix(in srgb,var(--site-border)58%,transparent);background:#251f18eb}[data-theme=dark] .landing-showcase-arrow{border-color:color-mix(in srgb,var(--site-border)58%,transparent);color:var(--site-text);background:#251f18eb}[data-theme=dark] .landing-showcase-arrow:hover{border-color:color-mix(in srgb,var(--site-gold)50%,var(--site-border));color:var(--site-gold);background:#2d261ef5}[data-theme=dark] .landing-preview-card{border-color:color-mix(in srgb,var(--site-border)56%,transparent);box-shadow:var(--site-soft-shadow-strong),inset 0 1px 0 #ffffff08;background:#1f1b15f5}[data-theme=dark] .lobby-preview{border-color:color-mix(in srgb,var(--site-border)60%,transparent);box-shadow:var(--site-soft-shadow);background:#1f1b15eb}[data-theme=dark] .lobby-room-card{border-color:color-mix(in srgb,var(--site-border)58%,transparent);background:#221d17e6}@media (max-width:1024px){.landing-hero{grid-template-columns:1fr}.hero-title{max-width:11ch}.hero-visual{justify-content:flex-start}.hero-illustration{width:min(72vw,420px);margin-left:0}.landing-showcase{grid-template-columns:1fr}.landing-showcase-stage{justify-self:stretch;max-width:none}}@media (max-width:768px){.landing-hero{gap:28px;padding:40px 20px 32px}.hero-actions{width:100%}.hero-actions .btn-lg{width:100%;min-width:0}.hero-title{max-width:12ch;font-size:clamp(2.45rem,12vw,3.7rem)}.hero-ledger{grid-template-columns:1fr}.hero-illustration{width:min(78vw,320px);margin:8px auto 0}.landing-showcase{padding:20px 18px}.landing-showcase-stage{min-height:auto;padding-bottom:0}.landing-showcase-slides{min-height:auto;padding-bottom:0;display:grid}.landing-preview-card{padding:20px 18px 22px;position:relative;inset:auto}.landing-showcase-stage[data-showcase-index] .landing-preview-card{opacity:1;pointer-events:auto;transition:none;display:none;transform:none}.landing-showcase-stage[data-showcase-index="0"] .landing-preview-card:first-child,.landing-showcase-stage[data-showcase-index="1"] .landing-preview-card:nth-child(2),.landing-showcase-stage[data-showcase-index="2"] .landing-preview-card:nth-child(3){display:grid}.landing-showcase-nav{justify-content:flex-start;margin-top:14px;position:static}.hero-illustration-image{transform:rotate(-1.5deg)}.lobby-preview{padding:20px 18px}.lobby-room-card{flex-direction:column;align-items:flex-start}.room-card-meta{width:100%}.footer-origin{align-items:flex-start}.join-room-columns{grid-template-columns:1fr}.footer-inner-compact{flex-direction:column;align-items:flex-start}.footer-nav-compact{gap:12px}.landing .section-header{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width:640px){.landing-preview-avatar-row{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-preview-profile-top,.landing-preview-rank-top{align-items:flex-start}.landing-showcase-stage,.landing-showcase-slides{min-height:auto}}@media (prefers-reduced-motion:reduce){.lobby-room-card,.landing-showcase-pill,.landing-showcase-arrow,.landing-showcase-dot,.landing-showcase-dot:after{transition:none}.lobby-room-card:hover,.lobby-room-card:active,.hero-illustration-image{transform:none}.landing-showcase-slides{gap:12px;min-height:auto;display:grid}.landing-showcase-stage{min-height:auto;padding-bottom:0}.landing-preview-card,.landing-showcase-dot{animation:none}.landing-preview-card{opacity:1;position:relative;inset:auto;transform:none}.landing-showcase-stage[data-showcase-index] .landing-preview-card{opacity:1;pointer-events:auto;transform:none}.landing-showcase-nav{display:none}}