.compact-hero{padding:4rem 0;background:linear-gradient(135deg,#071c2c 0%,#0c304a 100%);color:#fff}
.compact-hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:clamp(2rem,6vw,5rem);align-items:center}
.compact-hero-copy h1{max-width:780px;margin:0;font-size:clamp(2.7rem,5vw,4.8rem);font-weight:850;line-height:.98;letter-spacing:-.055em}
.compact-hero-copy p{max-width:680px;margin:1.35rem 0 1.7rem;color:#c3d4dd;font-size:1.08rem;line-height:1.65}
.compact-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}
.compact-join-card{padding:1.5rem;border:1px solid #ffffff24;border-radius:20px;background:#ffffff0d;box-shadow:0 24px 60px #0003}
.compact-join-card h2{margin:-.1rem 0 1rem;font-size:1.3rem;font-weight:800}
.compact-join-card .form-control{border-color:#ffffff33;background:#fff}
.compact-join-card .btn{margin-top:.75rem}
.compact-games{padding-top:3rem;padding-bottom:3rem}
.compact-section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}
.compact-section-heading h2,.compact-info h2{margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:850;letter-spacing:-.04em}
.compact-section-heading p{max-width:500px;margin:0;color:var(--muted);line-height:1.6}
.compact-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.compact-game-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;min-width:0;padding:1rem;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 8px 26px #17334708;transition:transform .16s,border-color .16s,box-shadow .16s}
.compact-game-card:hover{transform:translateY(-2px);border-color:#a8c6d5;color:var(--ink);box-shadow:0 14px 30px #17334712}
.compact-game-card .game-card-icon{width:52px;height:52px;margin:0;border-radius:14px}
.compact-game-card .game-card-icon svg{width:34px;height:34px}
.compact-game-copy{display:flex;min-width:0;flex-direction:column;gap:.15rem}
.compact-game-copy strong{font-size:1.02rem}
.compact-game-copy small{overflow:hidden;color:var(--muted);font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}
.compact-game-arrow{color:var(--blue);font-size:1.35rem;font-weight:800}
.compact-solo-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.75rem}
.compact-solo-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;padding:.8rem 1rem;border-radius:14px;background:#e8f1ff;color:var(--ink);text-decoration:none}
.compact-solo-card:hover{color:var(--ink);background:#dceaff}
.compact-solo-card span:nth-child(2){display:flex;flex-direction:column}
.compact-solo-card small{color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.compact-puzzle-icon{display:grid;place-items:center;width:40px;height:40px;color:var(--blue)}
.compact-puzzle-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2}
.compact-info{padding:3rem 0;background:#dcecf2}
.compact-info-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:4rem;align-items:start}
.compact-info p{margin:0 0 .8rem;color:#405864;line-height:1.7}
.compact-account{padding-top:3rem;padding-bottom:3rem}

@media(max-width:991px){
    .compact-hero-grid{grid-template-columns:1fr}
    .compact-join-card{max-width:620px}
    .compact-section-heading{align-items:flex-start;flex-direction:column;gap:.75rem}
    .compact-info-grid{grid-template-columns:1fr;gap:1.25rem}
}

@media(max-width:767px){
    .compact-hero{padding:3rem 0}
    .compact-game-grid,.compact-solo-row{grid-template-columns:1fr}
    .compact-game-copy small{white-space:normal}
    .compact-info{padding:2.5rem 0}
}