/* Independent homepage showcases. No gameplay classes or legacy hero sizing. */
.home-feature-card{--feature-accent:#9deaff;--feature-border:#66a4d452;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:34px;padding:40px 44px;border:1px solid var(--feature-border);border-radius:28px;overflow:hidden;background:linear-gradient(105deg,#0b1728f7,#0c1438c9),url('/assets/images/journey/chapter10-final-orbit-v1.webp') center/cover;box-shadow:inset 0 2px #d5ecff19,0 20px 45px #0004;min-width:0}
.home-feature-card.is-colorfall{--feature-accent:#ffd287;--feature-border:#dd8ad34d;background:linear-gradient(100deg,#241639f5,#342147cc),url('/assets/images/match3/color-judge-adventure-bg-v1.png') center/cover}
.home-feature-copy{min-width:0;position:relative;z-index:1}.home-feature-logo{display:block;width:260px;max-width:85%;height:118px;object-fit:contain;object-position:left center;margin-bottom:16px}.home-feature-copy .eyebrow{font-size:10px;letter-spacing:.14em;color:var(--feature-accent)}.home-feature-copy h2{font-size:clamp(32px,3.8vw,52px);line-height:1.08;letter-spacing:-.025em;color:#fff;margin:16px 0 22px}.home-feature-copy h2>span{color:var(--feature-accent)}.home-feature-copy>p{font-size:15px;color:#c4d2e5;line-height:1.75;max-width:530px}.is-colorfall .home-feature-copy>p{color:#e4cce9}.home-feature-facts{display:flex;flex-wrap:wrap;gap:10px 20px;margin:22px 0;color:#adbed8;font-size:12px}.home-feature-facts span{display:flex;gap:7px;align-items:baseline}.home-feature-facts b{color:var(--feature-accent);font-size:23px;font-weight:650}
.home-feature-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 16px;margin-top:25px}.home-feature-actions .button{display:flex;align-items:center;justify-content:center;gap:12px;white-space:normal;min-width:0;max-width:100%;text-align:center;background:linear-gradient(#8ee8ff,#3386c4);border:2px solid #b7efff;color:#091a31;box-shadow:inset 0 2px #ffffff70,0 4px #164069;border-radius:14px;padding:12px 19px;font-weight:750}.is-colorfall .home-feature-actions .button{background:linear-gradient(#ffd79b,#f39449);border-color:#ffe7b7;color:#47253b;box-shadow:inset 0 2px #fff7,0 4px #8e466b}.home-feature-actions>a:not(.button){font-size:13px;color:var(--feature-accent);text-decoration:none;text-underline-offset:4px}.home-feature-actions>a:not(.button):hover{text-decoration:underline}
.home-blockfall-demo{width:100%;max-width:390px;justify-self:center;min-width:0;padding:0}.home-demo-console{position:relative;display:grid;grid-template-columns:minmax(0,2.15fr) minmax(0,1fr);gap:8px;padding:10px;border:1px solid #9bb5ed66;border-radius:21px;background:#0c1429;box-shadow:inset 0 2px #d4e5ff2b,0 7px #050b1c,0 18px 32px #02061177;min-width:0}.home-demo-board{position:relative;overflow:hidden;contain:layout paint;min-width:0;border:1px solid #7494ce44;border-radius:12px;background:#071019}.home-blockfall-canvas{display:block;width:100%;height:auto;aspect-ratio:1/2;border:0;border-radius:11px;transform:none;margin:0}.home-demo-status{position:absolute;top:17px;left:17px;z-index:1;max-width:58%;pointer-events:none;font-size:7px;color:#a1ead1}.home-demo-status>span{padding:3px 5px;border:1px solid #89c5bf44;border-radius:6px;background:#081b25e8}.home-demo-status>span:last-child{display:none}
.home-demo-side{display:flex;flex-direction:column;gap:9px;min-width:0;padding:10px 7px;border-radius:12px;background:linear-gradient(#1f2851,#111c38);border:1px solid #a3b3ec33;text-align:center;overflow:hidden}.home-demo-side .home-game-mode{align-self:center;max-width:100%;font-size:7px;overflow-wrap:anywhere}.home-demo-side .home-next-piece{min-width:0;padding:4px}.home-demo-side .home-next-piece canvas{display:block;width:min(100%,76px);height:auto;aspect-ratio:1;animation:none}.home-demo-side .home-score b{font-size:24px;color:#dbebff;background:none;text-shadow:none}.home-demo-side .home-game-stats{grid-template-columns:1fr;gap:8px}.home-demo-side .home-game-stats small{font-size:7px}.home-demo-side .home-game-stats b{font-size:15px}.home-demo-side .home-game-signal{margin-top:auto;font-size:7px;line-height:1.4}.home-demo-side .home-game-signal i{animation:none}
.home-colorfall-demo{position:relative;contain:layout;justify-self:center;min-width:0;width:100%;max-width:430px;padding:12px;border:1px solid #deabf277;border-radius:23px;background:#251b3fe8;box-shadow:inset 0 2px #ffe4ff25,0 7px #130e2a,0 18px 32px #14071f55}.home-colorfall-demo-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:9px}.home-colorfall-demo-top>span{display:grid;gap:3px;padding:7px;background:#47315c;border:1px solid #d596e833;border-radius:10px;text-align:center}.home-colorfall-demo-top small{font-size:7px;letter-spacing:.1em;color:#e6bfdc}.home-colorfall-demo-top b{font-size:15px;color:#fff}.home-colorfall-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0;aspect-ratio:1;overflow:hidden;contain:layout paint;border:1px solid #c8a2ef44;border-radius:12px;padding:4px;background:linear-gradient(#111a3055,#0a082dbc),url('/assets/images/match3/color-judge-adventure-bg-v1.png') center/cover}.home-colorfall-tile{display:block;position:relative;min-width:0;aspect-ratio:1}.home-colorfall-tile>img{display:block;position:absolute;inset:-18%;width:136%;height:136%;max-width:none;pointer-events:none}.home-colorfall-tile[hidden]{visibility:hidden;display:block}.home-colorfall-demo-stars{display:flex;align-items:center;gap:12px;padding:10px 4px 2px;color:#ffe198}.home-colorfall-demo-stars>strong{font-size:22px;letter-spacing:4px}.home-colorfall-demo-stars>i{flex:1;height:7px;border-radius:8px;background:#17162d;overflow:hidden}.home-colorfall-demo-stars>i>b{display:block;height:100%;width:0;background:linear-gradient(90deg,#e599ff,#ffc86d);border-radius:inherit;transition:width .3s}.home-colorfall-demo.demo-combo .home-colorfall-demo-top>span:last-child{background:#694266;color:#ffd99c}
@media(max-width:900px){.home-feature-card{grid-template-columns:minmax(0,1fr);gap:30px;padding:32px;text-align:center}.home-feature-logo{margin-inline:auto;object-position:center}.home-feature-copy>p{margin-inline:auto}.home-feature-facts,.home-feature-actions{justify-content:center}.home-blockfall-demo{max-width:330px}.home-colorfall-demo{max-width:380px}}
@media(max-width:500px){.home-feature-card{padding:24px 16px 26px;border-radius:23px;gap:26px}.home-feature-logo{width:220px;height:100px;margin-bottom:12px}.home-feature-copy h2{font-size:35px;margin:12px 0 16px}.home-feature-copy>p{font-size:13px;line-height:1.7}.home-feature-facts{gap:8px 14px;margin:18px 0;font-size:11px}.home-feature-facts b{font-size:19px}.home-feature-actions{flex-direction:column;gap:18px;margin-top:20px}.home-feature-actions .button{width:100%;font-size:13px;padding:11px 10px}.home-demo-console{padding:7px;gap:6px;border-radius:16px}.home-demo-side{padding:7px 5px;gap:7px}.home-demo-side .home-score b{font-size:21px}.home-demo-side .home-next-piece canvas{width:64px}.home-demo-side .home-game-signal{font-size:6px}.home-colorfall-demo{padding:8px;border-radius:17px}.home-colorfall-demo-stars>strong{font-size:20px}.home-colorfall-demo-top>span{padding:6px 3px}.home-colorfall-demo-top b{font-size:13px}}
@media(prefers-reduced-motion:reduce){.home-game-feature *{animation:none!important;transition:none!important}}