/* Original open layout, with a smaller heading and tighter spacing. */
.claba-home-opening{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:55px;align-items:center;padding-top:24px;padding-bottom:26px}
.claba-home-opening .claba-page-kicker,.claba-home-v8 .claba-page-kicker{font:400 11px/1.6 'Fira Mono',monospace;letter-spacing:.11em;color:#a0eeee;margin:0 0 18px}
body .claba-home-opening h1{font:400 clamp(56px,5.5vw,80px)/.95 'Bebas Neue',sans-serif;color:#faf0ff;letter-spacing:.015em;margin:0 0 18px;text-transform:none}.claba-home-opening h1 em{font:inherit;color:#98EDF1}
.claba-home-opening>div>p:last-child{max-width:650px;font:400 17px/1.7 'Fira Sans',sans-serif;color:#d1c8df;margin:0}.claba-home-opening>nav{border-top:1px solid #b9a0d155}
.claba-home-opening>nav>a{display:block;padding:14px 4px;border-bottom:1px solid #b9a0d144;text-decoration:none;transition:padding .2s}.claba-home-opening>nav>a:hover{padding-left:13px}.claba-home-opening>nav>a>span{font:400 10px/1.5 'Fira Mono',monospace;letter-spacing:.07em;color:#c2b0d1}.claba-home-opening>nav strong{display:flex;align-items:center;justify-content:space-between;gap:20px;font:400 25px/1.2 'Bebas Neue',sans-serif;color:#f8efff;margin-top:7px}.claba-home-opening>nav strong b{font-weight:400;color:#9de9ed}.claba-home-opening>nav>a.claba-home-primary>span{color:#9de9ed}
body .claba-home-feature{padding-top:15px;padding-bottom:35px}.claba-home-v8 #claba-portada-4{padding-top:30px;padding-bottom:45px}.claba-home-v8 .claba-home-activity{padding-top:20px!important}
.claba-home-section-title{margin:5px 0 26px}.claba-home-section-title h2,.claba-home-routes h2{font:400 44px/1.05 'Bebas Neue',sans-serif;color:#f2eaf9;letter-spacing:.02em;margin:0;text-shadow:0 2px 8px #000}
.claba-home-routes{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:32px;padding-top:25px;padding-bottom:50px;align-items:center}.claba-home-routes>a{display:flex;flex-direction:column;justify-content:center;align-self:stretch;border-block:1px solid #b6a1cd44;text-decoration:none;padding:25px 0}.claba-home-routes>a>span{font:11px/1.5 'Fira Mono',monospace;letter-spacing:.08em;color:#e5a8d1}.claba-home-routes strong{font:400 28px/1.2 'Bebas Neue',sans-serif;color:#f6eefe;margin-top:15px}.claba-home-routes p{font:15px/1.65 'Fira Sans',sans-serif;color:#c4b8d1;margin:10px 0 0}.claba-home-routes>a:hover strong{color:#a0eeee}
/* A fuller community desk: five conversations and a six-game discovery shelf. */
body .claba-home-activity-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px}
body .claba-community-board{display:flex;flex-direction:column;width:100%;min-width:0;box-sizing:border-box;padding:0;border:1px solid #ad96ca50;border-radius:12px;background:linear-gradient(155deg,#191d32f7,#0b1323fc);overflow:hidden;box-shadow:0 16px 40px #0003}
.claba-community-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:30px 28px 24px;border-bottom:1px solid #b4a1d331;background:linear-gradient(115deg,#66315b25,transparent)}
.claba-community-new .claba-community-head{background:linear-gradient(115deg,#31627528,transparent)}
.claba-community-kicker{font:400 10px/1.5 'Fira Mono',monospace;letter-spacing:.09em;color:#eeb4d9}
.claba-community-new .claba-community-kicker{color:#a5e7ea}
body .claba-community-head h3{position:relative;display:flex;align-items:center;gap:18px;font:400 48px/1 'Bebas Neue',sans-serif;letter-spacing:.015em;margin:10px 0 12px;color:#fff}.claba-community-head h3>span{font-size:27px;color:#efa7d0}.claba-community-new .claba-community-head h3>span{color:#a0e9ec}
.claba-community-head p{font:400 14px/1.6 'Fira Sans',sans-serif;color:#c0b8d0;margin:0;max-width:330px}
.claba-community-count{flex:none;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:72px;font:400 10px/1.5 'Fira Sans',sans-serif;color:#b5a8c8;text-align:center;padding-top:5px}.claba-community-count b{font:400 44px/1 'Bebas Neue',sans-serif;color:#eed2e9;letter-spacing:.03em}.claba-community-new .claba-community-count b{color:#b8ecef}
body .claba-community-threads{list-style:none;display:flex;flex-direction:column;flex:1;margin:0;padding:0 26px}
body .claba-community-threads>li{display:flex;flex:1;min-width:0;margin:0;padding:0;border-bottom:1px solid #b39fcc25}.claba-community-threads>li:last-child{border-bottom:0}
body .claba-community-thread{display:flex;align-items:flex-start;gap:16px;width:100%;padding:21px 0;text-decoration:none;transition:background .2s}
.claba-community-thread-number{flex:none;font:400 18px/1.5 'Fira Mono',monospace;color:#a18bad;min-width:24px;padding-top:3px}
.claba-community-thread-copy{display:flex;flex-direction:column;min-width:0;flex:1}.claba-community-category{display:block;font:400 10px/1.5 'Fira Mono',monospace;color:#daa4c9;text-transform:uppercase;letter-spacing:.05em;overflow-wrap:anywhere}
.claba-community-thread-copy>strong{font:400 25px/1.13 'Bebas Neue',sans-serif;letter-spacing:.01em;color:#f7effc;margin:7px 0 10px;overflow-wrap:anywhere}
.claba-community-thread-last{font:400 12px/1.65 'Fira Sans',sans-serif;color:#bdb4cd;overflow-wrap:anywhere}
.claba-community-thread-metrics{display:flex;flex-wrap:wrap;gap:7px 15px;margin-top:10px;font:400 11px/1.5 'Fira Sans',sans-serif;color:#c3b6d2}.claba-community-thread-metrics>span:first-child{color:#a9e6e8}.claba-community-arrow{font-size:20px;color:#c397bd;padding-top:28px;transition:transform .2s}.claba-community-thread:hover .claba-community-arrow{transform:translate(2px,-2px);color:#fff}.claba-community-thread:hover strong{color:#ffb7e1}
body .claba-community-games{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;flex:1;margin:0;padding:0 18px}
body .claba-community-games>li{display:flex;min-width:0;margin:0;padding:0;border-bottom:1px solid #b39fcc25}.claba-community-games>li:nth-last-child(-n+2){border-bottom:0}.claba-community-games>li:nth-child(odd){border-right:1px solid #b39fcc25}
body .claba-community-game{display:flex;flex-direction:column;align-items:flex-start;gap:15px;width:100%;padding:23px 18px;text-decoration:none;min-width:0;box-sizing:border-box;transition:background .2s}.claba-community-game:hover{background:#6799ba0c}
.claba-community-game-art{position:relative;display:block;width:82px;flex:none;margin:0 auto;filter:drop-shadow(5px 7px 3px #0005);transition:transform .25s}.claba-community-game-art img{display:block;width:82px!important;height:110px!important;max-width:100%;object-fit:fill;border-radius:2px;border:1px solid #bca2ca45;box-sizing:border-box}.claba-community-game-art>span{position:absolute;bottom:-5px;right:-6px;padding:3px 5px;background:#0e1d2f;border:1px solid #8ec7d280;border-radius:2px;color:#bae9ea;font:400 10px/1 'Fira Mono',monospace}
.claba-community-game-copy{display:block;min-width:0;width:100%}.claba-community-game-copy .claba-community-category{color:#98dce1}
.claba-community-game-copy>strong{display:block;font:400 24px/1.12 'Bebas Neue',sans-serif;color:#f7effc;letter-spacing:.01em;margin:7px 0 9px;overflow-wrap:anywhere}
.claba-community-game-meta{display:block;font:400 12px/1.5 'Fira Sans',sans-serif;color:#d5c8e0}.claba-community-game-added{display:block;font:400 11px/1.5 'Fira Sans',sans-serif;color:#a7a2be;margin-top:7px}.claba-community-game:hover .claba-community-game-art{transform:translateY(-3px)}.claba-community-game:hover strong{color:#b4f0f1}
.claba-community-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 27px;border-top:1px solid #b4a1d331;background:#060e1a4d}
.claba-community-bottom>span{font:400 12px/1.5 'Fira Sans',sans-serif;color:#b9abc7}.claba-community-bottom>a{display:flex;align-items:center;gap:20px;min-height:44px;color:#b2eaee!important;text-decoration:none;font:400 23px/1.2 'Bebas Neue',sans-serif}.claba-community-bottom>a:hover{color:#fff!important}.claba-community-empty{padding:30px 0!important;color:#c7c0d7;font-size:16px;line-height:1.7}
@media(min-width:1200px){.claba-community-game{flex-direction:row!important;align-items:center!important;gap:14px!important;padding:26px 15px!important}.claba-community-game-art{width:96px;margin:0}.claba-community-game-art img{width:96px!important;height:129px!important}.claba-community-game-copy>strong{font-size:23px}}
@media(max-width:959px){.claba-home-opening{gap:28px}.claba-home-opening>nav strong{font-size:23px}.claba-home-routes{gap:25px}.claba-home-routes h2{font-size:35px}.claba-community-head{padding:25px 22px}.claba-community-count{display:none}.claba-community-threads{padding-inline:21px!important}.claba-community-games{padding-inline:10px!important}.claba-community-game{padding-inline:15px!important}.claba-community-thread{gap:11px!important}.claba-community-thread-number{font-size:15px;min-width:20px}.claba-community-thread-copy>strong{font-size:24px}.claba-community-bottom{padding:20px;gap:10px}.claba-community-bottom>a{font-size:21px;gap:12px}.claba-community-bottom>span{font-size:11px}}
@media(max-width:767px){body .claba-home-activity-grid{grid-template-columns:1fr;gap:22px}.claba-community-count{display:flex}.claba-community-head{padding:25px}.claba-community-thread-copy>strong{font-size:25px}.claba-community-game{align-items:center!important;padding:23px 18px!important}.claba-community-game-copy{text-align:center}.claba-community-game-art{margin-inline:auto}.claba-community-game-copy>strong{font-size:25px}.claba-community-bottom{padding:22px 25px}.claba-community-bottom>a{font-size:23px}}
@media(max-width:639px){.claba-home-opening{grid-template-columns:1fr;gap:20px;padding-top:12px;padding-bottom:20px}.claba-home-opening .claba-page-kicker{font-size:10px;letter-spacing:.04em}body .claba-home-opening h1{font-size:clamp(48px,14vw,55px);line-height:.98;margin-bottom:20px}.claba-home-opening>div>p:last-child{font-size:16px;line-height:1.7}.claba-home-opening>nav{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.claba-home-opening>nav>a:first-child{grid-column:1/-1}.claba-home-opening>nav>a{padding:14px 0}.claba-home-opening>nav strong{font-size:22px;gap:7px}.claba-home-opening>nav>a>span{font-size:9px}.claba-home-routes{grid-template-columns:1fr;gap:20px;padding-bottom:30px}.claba-home-routes>a{padding:23px 0}.claba-home-routes h2{font-size:39px}.claba-home-section-title h2{font-size:39px}.claba-community-head h3{font-size:45px!important}.claba-community-game-art{width:76px}.claba-community-game-art img{width:76px!important;height:102px!important}.claba-community-game-copy>strong{font-size:23px}.claba-community-thread-number{display:none}.claba-community-category{font-size:10px}.claba-community-bottom>span{max-width:105px}.claba-community-bottom>a{font-size:21px;gap:12px}}
@media(prefers-reduced-motion:reduce){body .claba-home-main .claba-community-board *,body .claba-home-main .claba-home-opening *{animation:none!important;transition:none!important}.claba-community-game:hover .claba-community-game-art,.claba-home-opening>nav>a:hover,.claba-community-thread:hover .claba-community-arrow{transform:none}}

@media(max-width:379px){.claba-home-opening>nav{grid-template-columns:1fr}.claba-home-opening>nav>a{padding:12px 0}.claba-home-opening>nav strong{font-size:22px}.claba-community-head h3{font-size:42px!important;gap:12px}.claba-community-new .claba-community-count{min-width:36px}.claba-community-head{gap:12px}}

/* Opening copy, routes between showcase/podcast, and the shared PC big box. */
body .claba-home-opening,body .claba-home-opening :is(h1,em,p,a,span,strong,b){text-shadow:0 2px 2px #000,0 4px 14px #02030cf2,0 0 26px #02030cbb}
body .claba-home-opening h1 em{font-style:italic}
body .claba-home-v8 .claba-home-routes{margin-block:clamp(32px,4vw,56px);padding-block:0}
body .claba-home-v8 .claba-podcast-strip{margin-top:0}
body .claba-home-v8 .claba-showcase-slide .claba-showcase-box{position:relative;inset:auto;width:245px;justify-self:center;display:block;transform:none;filter:none;opacity:1;animation:none}
.claba-showcase-case-link{display:block;color:inherit;text-decoration:none}
.claba-showcase-box .claba-case-stage{padding:16px 16px 8px}
.claba-showcase-box .claba-case-object{animation:none}
body .claba-showcase-rating{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px 0 0;color:#e9e5dc;font:11px/1.4 'Fira Mono',monospace;text-shadow:0 2px 8px #000}
.claba-showcase-rating-star{color:#ffd365;font-size:26px;line-height:1}
.claba-showcase-rating strong{font:400 29px/1 'Bebas Neue',sans-serif;color:#fff;white-space:nowrap}
.claba-showcase-rating strong small{font:12px/1 'Fira Mono',monospace;color:#bcb7c8}
@media(min-width:768px) and (max-width:1199px){body .claba-home-v8 .claba-showcase-slide .claba-showcase-box{width:200px}.claba-showcase-box .claba-case-rail{font-size:7px;letter-spacing:.05em}.claba-showcase-box .claba-case-rail i{font-size:6px}.claba-showcase-box .claba-case-imprint{font-size:4px}.claba-showcase-box .claba-case-spine b,.claba-showcase-box .claba-case-edge b{font-size:14px}}
@media(max-width:767px){body .claba-home-v8 .claba-showcase-slide .claba-showcase-box{display:contents}.claba-showcase-case-link{display:none}body .claba-showcase-rating{justify-content:flex-start;margin-top:20px}body .claba-home-v8 .claba-showcase :is(h2,.claba-showcase-description,.claba-showcase-meta){max-width:100%}}

/* One physical arrival per slide, triggered when its box enters the viewport. */
@media(min-width:768px) and (prefers-reduced-motion:no-preference){
 body .claba-showcase-slide.is-case-entering .claba-case-object{animation:claba-showcase-case-arrival 1.8s cubic-bezier(.18,.72,.22,1) both}
 .claba-showcase-slide.is-case-entering .claba-case-stage::before{animation:claba-showcase-case-shadow 1.8s ease-out both}
 @keyframes claba-showcase-case-arrival{
  0%{transform:translate3d(105px,-65px,155px) rotateX(24deg) rotateY(-112deg) rotateZ(-18deg) scale(.72)}
  48%{transform:translate3d(-15px,10px,40px) rotateX(-17deg) rotateY(28deg) rotateZ(5deg) scale(1.035)}
  73%{transform:translate3d(4px,-6px,0) rotateX(-7deg) rotateY(-34deg) rotateZ(-2deg)}
  100%{transform:rotateX(-9deg) rotateY(-24deg) rotateZ(-1deg)}
 }
 @keyframes claba-showcase-case-shadow{
  0%{opacity:.12;transform:translateX(45px) rotate(-4deg) scale(.45)}
  48%{opacity:1;transform:translateX(-5px) rotate(-4deg) scale(1.08)}
  100%{opacity:1;transform:rotate(-4deg)}
 }
}

/* Centre the route icon with the title, including when the title wraps. */
.claba-home-routes strong{display:flex;align-items:center;gap:8px}
.claba-home-routes strong>.claba-arrow-icon{align-self:center}