.mb-page{--mb-hero-ratio:2700 / 948;--mb-intro-ratio:1.55;--mb-story-ratio:1.05;--mb-gameplay-ratio:1.65;--mb-heroes-ratio:1940 / 778;--mb-concept-ratio:1.7;--mb-cta-ratio:1.8;background:#1cafe2}.mb-section{width:100%}.mb-content-width{width:min(100%,1180px);margin-inline:auto;padding-inline:clamp(12px,2vw,24px)}.mb-ratio-shell{width:100%;aspect-ratio:var(--mb-ratio);position:relative;overflow:hidden}.mb-image-cover{object-fit:cover}.mb-section-feature-image .mb-ratio-shell{min-height:0}.mb-section-feature-image{background-color:#06b0c6;position:relative}.mb-section-title-transition{z-index:3;pointer-events:none;background:linear-gradient(#48c2ff00 15%,#e0d1fc 30% 55%,#48c2ff00 100%);height:350px;margin:0;padding:0;position:absolute;bottom:0;left:0;right:0;transform:translateY(66%)}.mb-section-intro{z-index:2;background:#00b2b8;margin-top:0;padding-block:clamp(120px,14vw,190px) clamp(24px,4vw,56px);position:relative}.mb-intro-stack{text-align:center;z-index:2;gap:clamp(14px,1.8vw,26px);display:grid;position:relative}.mb-title-image{z-index:4;pointer-events:none;width:min(100%,1280px);height:auto;display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%,65%)}.mb-value-card h2{color:#fff;text-shadow:0 2px #00000052,0 4px 6px #0000003d;margin:0 0 .35rem;font-size:clamp(1.5rem,3vw,2.4rem);font-weight:700}.mb-value-card p{color:#ebfcfff2;max-width:940px;margin:0 auto;font-size:clamp(.95rem,1.15vw,1.2rem);line-height:1.5}.mb-pill-title{text-align:center;color:#fff;background:linear-gradient(#81e9f4 0%,#42cfd9 55%,#2abcc8 100%);border-radius:9999px;width:fit-content;min-width:clamp(130px,20vw,260px);margin:0 auto;padding:.55rem 2rem;font-size:clamp(1.4rem,2.1vw,2.4rem);font-weight:700;box-shadow:inset 0 4px #ffffff4d}.mb-section-gameplay .mb-pill-title{min-width:clamp(170px,24vw,320px);box-shadow:none;background:url(/marblebound/ui_base.webp) 50%/100% 100% no-repeat;padding:.5rem 2.2rem}.mb-section-heroes-title .mb-pill-title{min-width:clamp(140px,16vw,220px);box-shadow:none;background:url(/marblebound/ui_base.webp) 50%/100% 100% no-repeat;padding:.5rem 1rem}.mb-glass-card{z-index:1;isolation:isolate;backface-visibility:hidden;background:#0ca8bad1 linear-gradient(#0eb9c8c7 0%,#0ca8babf 100%);border:1px solid #ffffff40;border-radius:48px;padding-right:clamp(16px,2vw,28px);position:relative;overflow:hidden;transform:translateZ(0)}@supports ((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){.mb-glass-card{-webkit-backdrop-filter:blur(6px)saturate(120%);backdrop-filter:blur(6px)saturate(120%);background:#0ca8ba59 linear-gradient(#0eb9c86b 0%,#0ca8ba61 100%)}}.mb-glass-card:after{content:"";pointer-events:none;background:linear-gradient(#0ca8ba00 0%,#0ca8bab8 58%,#0ca8baf2 100%);height:72px;position:absolute;bottom:0;left:0;right:0}.mb-glass-card p{color:#fff;margin:0 0 .9rem}.mb-story-scroll{scrollbar-width:thin;scrollbar-color:#fffffff2 transparent;max-height:clamp(260px,34vw,460px);padding-block:clamp(12px,1.6vw,18px) clamp(56px,7vw,80px);padding-inline:clamp(18px,2.8vw,34px);overflow-y:auto}.mb-story-scroll p{color:#fff;letter-spacing:0;margin:0 0 1rem;font-size:clamp(.9rem,1vw,1.15rem);line-height:1.32}.mb-story-scroll .mb-story-lead{margin-bottom:1.2rem;font-size:clamp(1rem,1.05vw,1.2rem);font-weight:700}.mb-story-scroll strong{font-weight:700}.mb-story-scroll::-webkit-scrollbar{width:12px}.mb-story-scroll::-webkit-scrollbar-track{background:0 0}.mb-story-scroll::-webkit-scrollbar-thumb{background:#fffffff2 padding-box content-box;border:2px solid #0000;border-radius:9999px}.mb-section-gameplay{background:#cfecff url(/marblebound/img_game_bg_01.webp) top/100% 100% no-repeat;margin-bottom:-1px;padding-block:clamp(20px,3.4vw,42px)}.mb-gameplay-layout{gap:clamp(18px,2.4vw,30px);display:grid}.mb-island-rail{scroll-snap-type:none;scrollbar-width:none;padding-bottom:4px;gap:clamp(12px,1.8vw,22px);width:100vw;margin-left:calc(50% - 50vw);padding-inline:clamp(20px,4vw,56px);display:flex;overflow-x:auto}.mb-island-card{scroll-snap-align:start;flex:0 0 clamp(340px,48vw,760px)}.mb-island-image{width:100%;height:auto;display:block}.mb-gameplay-block{gap:clamp(10px,1.6vw,18px);display:grid}.mb-gameplay-rail{scroll-snap-type:none;scrollbar-width:none;gap:clamp(10px,1.8vw,20px);padding-bottom:4px;display:flex;overflow-x:auto}.mb-gameplay-shot{border-radius:22px;flex:0 0 clamp(220px,28vw,360px);overflow:hidden}.mb-gameplay-shot-image{width:100%;height:auto;display:block}.mb-section-heroes-title{background:#fff;margin-top:-1px;padding-block:clamp(14px,2.4vw,26px)}.mb-heroes-title-wrap{justify-content:center;display:flex}.mb-section-heroes{aspect-ratio:var(--mb-heroes-ratio);isolation:isolate;background:#e7f7fb url(/marblebound/img_mb_hero.webp) top/100% 100% no-repeat;min-height:0;margin-top:-1px;position:relative}.mb-section-heroes:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#fff 0%,#fff0 100%);height:clamp(48px,8vw,110px);position:absolute;top:0;left:0;right:0}.mb-section-heroes:after{content:"";pointer-events:none;background:#06b0c6;height:4px;position:absolute;bottom:-2px;left:0;right:0}.mb-heroes-layout{flex-direction:column;align-items:center;gap:clamp(12px,1.8vw,24px);height:auto;padding-top:clamp(18px,2.8vw,34px);display:flex}.mb-section-concept{background:#06b0c6;margin-top:-1px;padding-top:clamp(12px,1.8vw,24px);padding-bottom:clamp(16px,2.7vw,34px)}.mb-section-concept .mb-pill-title{width:fit-content;min-width:0;box-shadow:none;font-family:var(--font-fancy-family), sans-serif;letter-spacing:0;color:#fff;text-shadow:0 4px 4px #00000080;background:0 0;border-radius:0;margin-bottom:clamp(12px,1.8vw,22px);padding:0;font-size:32px;font-weight:400;line-height:45px}.mb-concept-rail{--mb-concept-card-width:587px;scroll-snap-type:none;scrollbar-width:none;padding-bottom:4px;-webkit-overflow-scrolling:touch;gap:clamp(10px,1.2vw,18px);width:100vw;margin-left:calc(50% - 50vw);padding-inline:clamp(12px,2.5vw,24px);display:flex;overflow-x:auto}.mb-island-rail::-webkit-scrollbar{width:0;height:0;display:none}.mb-gameplay-rail::-webkit-scrollbar{width:0;height:0;display:none}.mb-concept-rail::-webkit-scrollbar{width:0;height:0;display:none}.mb-concept-card{flex:0 0 var(--mb-concept-card-width);box-shadow:none;border-radius:0;overflow:visible}.mb-concept-card-image{width:100%;height:auto;display:block}.mb-draggable-rail{cursor:grab;-webkit-user-select:none;user-select:none}.mb-draggable-rail.is-dragging{cursor:grabbing}.mb-draggable-rail.no-scroll{cursor:default;justify-content:center;overflow-x:hidden}.mb-draggable-rail img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mb-section-cta{aspect-ratio:1280/695;background:#0f4350 url(/marblebound/img_mb_bg_02.webp) top/100% 100% no-repeat;align-items:center;min-height:0;margin-bottom:-1px;padding:0;display:grid}.mb-cta-wrap{place-items:center;height:100%;min-height:0;display:grid}.mb-cta-panel{box-sizing:border-box;text-align:center;background:linear-gradient(#43b8aac2 0%,#358ea1c2 100%);border:1px solid #fff3;border-radius:56px;flex-direction:column;justify-content:center;width:min(100%,600px);height:290px;padding:20px 24px;display:flex}.mb-cta-panel h2{color:#fff;font-family:var(--font-fancy-family), sans-serif;letter-spacing:0;text-align:center;vertical-align:middle;text-shadow:0 3px #0000005c,0 8px 16px #00000047;margin:0 0 8px;font-size:30px;font-style:normal;font-weight:400;line-height:38px}.mb-cta-primary,.mb-cta-secondary{cursor:pointer;font-family:var(--font-heading-family), sans-serif;border:0;justify-content:center;align-items:center;text-decoration:none;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex}.mb-cta-primary:hover,.mb-cta-secondary:hover{filter:brightness(1.02);transform:translateY(-1px)}.mb-cta-actions{flex-direction:column;justify-content:center;align-items:center;gap:clamp(12px,1.8vw,20px);display:flex}.mb-cta-primary{color:#442345;width:min(400px,100%);height:61.22px;min-height:61.22px;font-size:30px;font-weight:400;font-family:var(--font-fancy-family), sans-serif;text-shadow:0 1px #ffffff2e;background:url(/marblebound/ui_btn.webp) 50%/100% 100% no-repeat;border-radius:9999px;padding:0 2rem 10px;line-height:1}.mb-cta-secondary{color:#4c5dc6;width:min(400px,100%);height:40px;min-height:40px;font-size:16px;font-weight:500;font-family:var(--font-body-family), sans-serif;background:#f3f5f7;border-radius:9999px;gap:.5rem;line-height:1}.mb-discord-icon,.cta-discord-icon{flex:none;width:18px;height:18px}@media (max-width:767px){.mb-glass-card{border-radius:30px}.mb-value-card h2{margin-bottom:.25rem;font-size:clamp(1.05rem,4.2vw,1.68rem)}.mb-value-card p{font-size:clamp(.66rem,2.8vw,.84rem);line-height:1.4}.mb-pill-title{font-size:clamp(.95rem,4.9vw,1.3rem);line-height:1.08}.mb-section-title-transition{height:60px;transform:translateY(54%)}.mb-title-image{width:min(94vw,760px);transform:translate(-50%,60%)}.mb-section-intro{margin-top:0;padding-block:clamp(41px,10vw,64px) clamp(12px,2vw,28px)}.mb-island-card{flex-basis:86vw}.mb-gameplay-shot{flex-basis:72vw}.mb-concept-card{flex-basis:84vw}.mb-section-concept .mb-pill-title{margin-bottom:12px;font-size:26px;line-height:36px}.mb-section-heroes-title .mb-pill-title{min-width:clamp(108px,28vw,170px);padding:.42rem 1.05rem;font-size:clamp(.9rem,5vw,1.2rem);line-height:1.1;transform:translateY(-8px)}.mb-section-cta{aspect-ratio:auto;min-height:0;padding-bottom:max(0px, env(safe-area-inset-bottom))}.mb-cta-wrap{height:auto;min-height:0;padding-block:clamp(14px,3vw,20px)}.mb-cta-panel{border-radius:34px;width:min(80vw,600px);height:auto;min-height:0;padding:18px 16px}.mb-cta-panel h2{margin-bottom:.75rem;font-size:clamp(1.2rem,5.6vw,2.1rem);line-height:1.15}.mb-cta-actions{gap:10px}.mb-cta-primary,.mb-cta-secondary{width:min(80%,340px);min-width:0}.mb-cta-primary{height:clamp(45px,10vw,54px);min-height:45px;padding:0 1.4rem 5px;font-size:clamp(.95rem,3.8vw,1.15rem);line-height:1}.mb-cta-secondary{gap:.4rem;height:clamp(30px,2vw,54px);min-height:30px;font-size:12px}.mb-discord-icon{width:16px;height:16px}}