@import url('/assets/css/blockfall-classic-brand-v1.css?v=20260904-v2');
.game-brand-logo{display:block;width:min(100%,430px);height:auto;object-fit:contain;filter:drop-shadow(0 12px 28px #0008)}
.game-brand-icon{display:block;width:38px;height:38px;flex:0 0 38px;object-fit:contain;filter:drop-shadow(0 5px 10px #0008)}
.brand-label{display:flex!important;align-items:center;gap:9px}.brand-label .game-brand-icon{width:30px;height:30px;flex-basis:30px}
.nav-game-link{display:grid!important;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px}.nav-game-link .game-brand-icon{width:36px;height:36px}.nav-game-link>span{display:grid;min-width:0}
.nav-route-mark.tetris,.nav-route-mark.rain,.nav-match3-mark{overflow:hidden;background-color:transparent!important;background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important;color:transparent!important;box-shadow:none!important}.nav-route-mark.tetris{background-image:url('/assets/images/blockfall-icon.png')!important}.nav-route-mark.rain,.nav-match3-mark{background-image:url('/assets/images/colorfall-icon.png')!important}.nav-route-mark>img{display:block;width:100%;height:100%;object-fit:contain}
.nav-classic-brand{display:flex;align-items:center;gap:8px}.nav-classic-brand img{width:27px;height:27px;object-fit:contain;filter:drop-shadow(0 4px 8px #0008)}
.home-game-brand{margin:0 0 12px}.home-game-brand .game-brand-logo{width:min(100%,340px)}
.home-discovery-grid>.is-tetris>i,.home-discovery-grid>.is-match3>i{overflow:hidden;background-color:transparent!important;background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important;color:transparent!important}.home-discovery-grid>.is-tetris>i{background-image:url('/assets/images/blockfall-icon.png')!important}.home-discovery-grid>.is-match3>i{background-image:url('/assets/images/colorfall-icon.png')!important}
.match3-hero .game-brand-logo{width:min(100%,410px);margin:8px 0 18px}.match3-hero .game-brand-logo+h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.journey-brand-logo{width:min(100%,300px);margin:4px 0 12px}.m3j-hero .journey-brand-logo{width:min(100%,330px);margin:2px 0 10px}.highscore-brand{width:min(100%,260px);margin:3px 0 7px}
.solo-page>.tournament-hero.brand-surface-blockfall .game-brand-logo{width:min(100%,330px);margin:2px 0 12px}
.brand-surface-blockfall{background:radial-gradient(circle at 85% 15%,#06b6d426,transparent 28%),radial-gradient(circle at 12% 15%,#f9731626,transparent 25%),linear-gradient(135deg,#111346f2,#071625f5)!important;border-color:#22d3ee40!important}
.brand-surface-colorfall{background:radial-gradient(circle at 84% 16%,#67e8f978 0 8%,transparent 24%),radial-gradient(circle at 12% 15%,#fb71857a 0 9%,transparent 29%),radial-gradient(circle at 55% 112%,#4ade8080 0 15%,transparent 34%),linear-gradient(125deg,#b51f75 0%,#7c3aed 40%,#3348c7 68%,#087ca4 100%)!important;border-color:#f9a8d48c!important}
.m3j-page>.m3j-hero.brand-surface-colorfall{position:relative;isolation:isolate;overflow:hidden;box-shadow:inset 0 1px #ffffffa0,inset 0 -28px 60px #312e8150,0 28px 85px #0008,0 0 52px #ec489947!important}
.m3j-page>.m3j-hero.brand-surface-colorfall:before{content:"";position:absolute;z-index:-1;inset:auto -8% -55% -8%;height:78%;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 18% 5%,#86efac 0 9%,transparent 10%),radial-gradient(ellipse at 72% 8%,#5eead4 0 13%,transparent 14%),linear-gradient(175deg,#fef3c74d,#17255488 70%);box-shadow:0 -10px 42px #fde68a4a}
.m3j-page>.m3j-hero.brand-surface-colorfall:after{content:"✦  ·  ✧  ·  ✦";position:absolute;z-index:-1;top:9%;right:23%;color:#fffbd1;font-size:21px;letter-spacing:15px;text-shadow:0 0 9px #fff,0 0 22px #fde68a;animation:colorfall-hero-spark 3.8s ease-in-out infinite}
.m3j-page>.m3j-hero.brand-surface-colorfall .eyebrow,.m3j-page>.m3j-hero.brand-surface-colorfall p{color:#fff!important;text-shadow:0 2px 10px #4c1d958c}.m3j-page>.m3j-hero.brand-surface-colorfall h1{color:#fff!important;background:none!important;-webkit-text-fill-color:#fff!important;text-shadow:0 3px 0 #7e22ce42,0 12px 30px #4c1d9585}
.m3j-page>.m3j-hero.brand-surface-colorfall .m3j-hero-progress{border:1px solid #ffffff69!important;background:linear-gradient(145deg,#ffffff45,#ffffff1f)!important;box-shadow:inset 0 1px #ffffff8a,0 18px 42px #4c1d956b!important;backdrop-filter:blur(15px) saturate(1.25)}
@keyframes colorfall-hero-spark{50%{opacity:.5;transform:translate3d(8px,-6px,0) scale(1.06)}}
.m3j-resume{display:grid!important;grid-template-columns:minmax(190px,1fr) auto auto;align-items:stretch!important;gap:10px!important;padding:14px 16px!important;border-color:#f472b638!important;background:linear-gradient(110deg,#ec489914,#8b5cf610 55%,#06b6d40d)!important}.m3j-resume>div{align-self:center}.m3j-resume>a.button,.m3j-resume>form,.m3j-resume>form>.button{min-height:48px!important;height:48px!important;margin:0!important;box-sizing:border-box}.m3j-resume>a.button,.m3j-resume>form>.button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;padding:8px 15px!important;line-height:1!important}.m3j-resume>form{display:block!important}.m3j-resume .m3j-action-icon{display:grid!important;width:27px!important;height:27px!important;place-items:center!important;flex:0 0 27px!important;border:1px solid #ffffff52!important;border-radius:10px!important;background:linear-gradient(145deg,#ffffff38,#ffffff12)!important;box-shadow:inset 0 1px #ffffff69,0 4px 10px #0004!important}.m3j-resume .m3j-action-icon svg{width:15px;height:15px;overflow:visible;fill:currentColor}.m3j-resume .m3j-end-action{border-color:#fb71854a!important;background:linear-gradient(135deg,#fb718516,#8b5cf612)!important;color:#ffe4e6!important}.m3j-resume .m3j-end-action .m3j-action-icon{border-color:#fb71855c!important;background:linear-gradient(145deg,#fb718532,#be123c18)!important}.m3j-resume .button b{font:inherit!important;font-weight:850!important;white-space:nowrap}
@media(max-width:700px){.m3j-resume{grid-template-columns:1fr 1fr!important}.m3j-resume>div{grid-column:1/-1}.m3j-resume>a.button,.m3j-resume>form,.m3j-resume>form>.button{width:100%!important}.m3j-resume>a.button,.m3j-resume>form>.button{padding-inline:10px!important}}
@media(max-width:380px){.m3j-resume{grid-template-columns:1fr!important}.m3j-resume>div{grid-column:auto}.m3j-resume>a.button,.m3j-resume>form{grid-column:auto}}
.match3-body,.match3-journey-body{background:radial-gradient(circle at 8% 10%,#ec489925,transparent 28%),radial-gradient(circle at 92% 22%,#06b6d426,transparent 30%),radial-gradient(circle at 52% 85%,#22c55e14,transparent 30%),#070812!important;background-attachment:fixed!important}
.match3-body .match3-hero,.match3-journey-body .m3j-hero{box-shadow:inset 0 1px #fff5,0 28px 85px #0009,0 0 48px #ec48992e!important}
.match3-body .match3-how article:nth-child(1){border-color:#fb718548;background:linear-gradient(145deg,#fb718518,#11152ccc)}.match3-body .match3-how article:nth-child(2){border-color:#facc1545;background:linear-gradient(145deg,#facc1515,#11152ccc)}.match3-body .match3-how article:nth-child(3){border-color:#22d3ee48;background:linear-gradient(145deg,#22d3ee16,#11152ccc)}
.match3-body .match3-how article:nth-child(1) b{color:#fb7185}.match3-body .match3-how article:nth-child(2) b{color:#facc15}.match3-body .match3-how article:nth-child(3) b{color:#22d3ee}
.match3-body .match3-hero .hero-actions{display:flex;align-items:stretch;gap:10px;width:min(100%,650px)}
.match3-body .match3-hero .hero-actions>.button{display:flex;min-height:56px;align-items:center;justify-content:center;padding:11px 18px;border:2px solid #ffffffa8!important;border-radius:16px;font-weight:850;line-height:1.2;text-align:center;color:#fff!important;text-shadow:0 2px 3px #36104e;box-shadow:inset 0 3px 0 #ffffff4f,inset 0 -5px 0 #53106c42,0 6px 0 #35105b80,0 13px 28px #12052d85!important;transition:transform .18s ease,filter .18s ease,border-color .18s ease}
.match3-body .match3-hero .hero-actions>.button:first-child{flex:0 0 150px;background:linear-gradient(135deg,#ff3b98,#a839ef 55%,#4b59e5)!important;font-size:17px}.match3-body .match3-hero .hero-actions>.button.secondary{flex:1 1 auto;background:linear-gradient(135deg,#16cde8,#197bc8)!important}
.match3-body .match3-hero .hero-actions>.button:hover{filter:brightness(1.12);transform:translateY(-2px)}
.match3-body .match3-hero .hero-actions>.button:focus-visible{outline:3px solid #67e8f9;outline-offset:3px}
.match3-body .match3-how article{--map-accent:#ff238f;--map-accent-2:#9b38ff;position:relative;overflow:hidden;min-height:178px;padding:27px 25px 23px;border:2px solid color-mix(in srgb,var(--map-accent) 38%,transparent)!important;color:#fff;background:radial-gradient(circle at 92% 10%,color-mix(in srgb,var(--map-accent-2) 24%,transparent),transparent 35%),linear-gradient(145deg,#171038f2,#071b2df2)!important;box-shadow:inset 0 2px #ffffff22,inset 0 -5px #05081955,0 12px 30px #0008,0 0 22px color-mix(in srgb,var(--map-accent) 17%,transparent)!important;transition:transform .2s ease,border-color .2s ease}
.match3-body .match3-how article:nth-child(2){--map-accent:#ffd229;--map-accent-2:#ff238f}.match3-body .match3-how article:nth-child(3){--map-accent:#12ddff;--map-accent-2:#25ee91}
.match3-body .match3-how article:after{content:"";position:absolute;right:-28px;bottom:-34px;width:105px;height:105px;border:18px solid currentColor;border-radius:36%;opacity:.055;transform:rotate(20deg)}
.match3-body .match3-how article b{display:grid;width:42px;height:31px;margin-bottom:12px;place-items:center;border:2px solid color-mix(in srgb,var(--map-accent) 70%,#fff);border-radius:11px;background:linear-gradient(145deg,color-mix(in srgb,var(--map-accent) 55%,#312e81),color-mix(in srgb,var(--map-accent-2) 45%,#172554));box-shadow:inset 0 2px #ffffff42,0 4px 0 #070b2b66,0 0 14px color-mix(in srgb,var(--map-accent) 35%,transparent);color:#fff!important;font-size:12px}
.match3-body .match3-how article h2{margin:0 0 7px;font-size:clamp(23px,2.2vw,30px)}
.match3-body .match3-how article p{position:relative;z-index:1;color:#f8fafc!important;line-height:1.55;text-shadow:0 1px 4px #0008}
.match3-journey-body .m3j-high-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 8% 10%,#fb718548,transparent 30%),radial-gradient(circle at 88% 15%,#22d3ee38,transparent 28%),linear-gradient(125deg,#35104de8,#0a1833f2)!important;border-color:#f472b65c!important;box-shadow:inset 0 1px #fff4,0 24px 75px #0008,0 0 45px #8b5cf62a}
.match3-journey-body .m3j-podium article{border-color:#c084fc4a;background:radial-gradient(circle at 50% 0,#ec489927,transparent 42%),linear-gradient(155deg,#24103be8,#0d142be8);box-shadow:inset 0 1px #fff2,0 18px 45px #0006}.match3-journey-body .m3j-podium .place-1{border-color:#facc156b;background:radial-gradient(circle at 50% 0,#facc153a,transparent 44%),linear-gradient(155deg,#35143de8,#12162ee8)}
.match3-journey-body .m3j-ranking li{border-color:#c084fc24;background:linear-gradient(90deg,#ec48990d,#22d3ee09);margin-bottom:4px;border-radius:12px}.match3-journey-body .m3j-ranking li:nth-child(4n+2){background:linear-gradient(90deg,#facc150d,#ec489909)}
.match3-journey-body .m3j-chapter{border-color:#ec489944;box-shadow:0 24px 70px #0007,0 0 38px #7c3aed18}.match3-journey-body .m3j-top{border-color:#22d3ee35;background:linear-gradient(120deg,#ec489914,#22d3ee10,#111827b8)}
.match3-cta{background:linear-gradient(105deg,#f43f5e,#db2777 34%,#8b5cf6 68%,#06b6d4)!important;box-shadow:0 12px 34px #db27774a,0 0 20px #22d3ee22!important}
@media(max-width:680px){.game-brand-logo{width:min(100%,300px)}.home-game-brand .game-brand-logo{width:min(84vw,280px);margin-inline:auto}.match3-hero .game-brand-logo{width:min(82vw,320px);margin-inline:auto}.journey-brand-logo,.m3j-hero .journey-brand-logo{width:min(76vw,270px)}.match3-body .match3-hero .hero-actions{grid-template-columns:1fr;width:100%;margin-top:20px}.match3-body .match3-hero .hero-actions>.button,.match3-body .match3-hero .hero-actions>.button:first-child{grid-row:auto;width:100%;min-height:56px;margin:0;flex:1 1 auto}.match3-body .match3-hero .hero-actions>.button:first-child{min-height:62px;font-size:18px}.match3-body .match3-how{gap:12px}.match3-body .match3-how article{min-height:0;padding:20px 21px;text-align:left}.match3-body .match3-how article b{margin-bottom:9px}.match3-body .match3-how article h2{font-size:25px}}
@media(max-width:680px){.match3-body .match3-landing{width:calc(100% - 20px)!important}.match3-body .match3-hero{gap:22px!important;padding:24px 16px 20px!important;border-radius:24px!important}.match3-body .match3-hero .game-brand-logo{width:min(100%,270px)!important;max-height:112px;margin:5px auto 12px!important}.match3-body .match3-hero p{margin-block:10px 0;font-size:14px!important;line-height:1.55!important}.match3-body .match3-hero .hero-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;box-sizing:border-box!important;margin-top:17px!important}.match3-body .match3-hero .hero-actions>.button,.match3-body .match3-hero .hero-actions>.button:first-child{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:50px!important;padding:9px 12px!important}.match3-body .match3-hero .hero-actions>.button:first-child{min-height:56px!important}.match3-body .match3-orbital{width:min(54vw,190px)!important;margin-top:2px!important}.match3-body .match3-orbital i{width:38px!important;height:38px!important;border-width:4px!important;border-radius:13px!important}.match3-body .match3-orbital span{font-size:38px!important}}
@media(max-width:360px){.match3-body .match3-landing{width:calc(100% - 12px)!important}.match3-body .match3-hero{padding:19px 12px 16px!important}.match3-body .match3-hero .eyebrow{font-size:9px!important}.match3-body .match3-hero .game-brand-logo{max-height:92px!important}.match3-body .match3-hero p{font-size:13px!important}.match3-body .match3-orbital{width:150px!important}.match3-body .match3-orbital i{width:32px!important;height:32px!important}}
@media(max-width:700px){.match3-journey-body .m3j-page>.m3j-hero .hero-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;width:100%!important}.match3-journey-body .m3j-page>.m3j-hero .hero-actions>.button,.match3-journey-body .m3j-page>.m3j-hero .hero-actions>form,.match3-journey-body .m3j-page>.m3j-hero .hero-actions>form>.button{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important}.match3-body .match3-hero .hero-actions>.button,.match3-journey-body .m3j-page>.m3j-hero .hero-actions>.button,.match3-journey-body .m3j-page>.m3j-hero .hero-actions>form>.button{align-items:center!important;justify-content:center!important;text-align:center!important}.match3-body .match3-hero .hero-actions>.button>span,.match3-journey-body .m3j-page>.m3j-hero .hero-actions>.button>span,.match3-journey-body .m3j-page>.m3j-hero .hero-actions>form>.button>span{flex:0 0 auto!important}}