.gb-wrap{overflow:hidden}.gb-tint--coral{--gb-tint: #ff6b4a;--gb-tint-soft: #ffe3da;--gb-tint-ink: #7a2410}.gb-tint--sky{--gb-tint: #35a7e0;--gb-tint-soft: #d8f0fc;--gb-tint-ink: #0c5883}.gb-tint--sun{--gb-tint: #ffc53d;--gb-tint-soft: #fff2cf;--gb-tint-ink: #6b4b00}.gb-tint--mint{--gb-tint: #2fbf8f;--gb-tint-soft: #d7f5ea;--gb-tint-ink: #0b5c42}.gb-tint--lilac{--gb-tint: #9b7bd8;--gb-tint-soft: #ece3fb;--gb-tint-ink: #4a2d85}.gb-tint--peach{--gb-tint: #f7a072;--gb-tint-soft: #fde9dd;--gb-tint-ink: #7d3c12}.gb-wrap{overflow-x:hidden}.gb-ad{margin:0;padding:.8rem 1.6rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));text-align:center;font-size:1.3rem;font-weight:700;letter-spacing:.04em}.gb-hero{position:relative;display:grid;gap:1rem;justify-items:center;text-align:center;padding:2.4rem 1.6rem 1.6rem}.gb-wrap.is-playing .gb-hero{display:none}.gb-hero__eyebrow{display:inline-flex;align-items:center;gap:.8rem;margin:0;padding:.6rem 1.4rem;border-radius:999px;background:var(--gb-tint-soft);color:var(--gb-tint-ink);font-size:1.2rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.gb-hero__title{margin:0;font-weight:var(--font-heading-weight);font-size:clamp(2.6rem,7vw,5.2rem);line-height:1.05;letter-spacing:-.01em}.gb-hero__sub{margin:0;max-width:46rem;font-size:1.7rem;line-height:1.6;color:rgba(var(--color-foreground),.78)}.gb-hero__actions{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:.6rem}.gb-hero__note{margin:0;font-size:1.3rem;color:rgba(var(--color-foreground),.62)}.gb-hero__badges{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem 1.6rem;margin-top:.4rem}.gb-hero__badge{display:inline-flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:rgba(var(--color-foreground),.8)}.gb-intro{max-width:56rem;margin:0 auto 2.4rem;padding:1.8rem 2rem;border-radius:2.2rem;background:rgba(var(--color-background),.7);box-shadow:0 1rem 3rem rgba(var(--color-foreground),.12);text-align:center;transition:opacity .3s ease,max-height .35s ease,margin .35s ease;overflow:hidden}.gb-intro.is-hidden{opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0}.gb-intro h2{margin:0 0 .6rem;font-size:clamp(2rem,5vw,2.8rem)}.gb-intro p{margin:0 0 1.6rem;font-size:1.5rem;color:rgba(var(--color-foreground),.75)}.gb-intro__sub{margin:0 0 1.2rem!important}.gb-intro__badge{display:inline-block;margin:0 0 1.4rem!important;padding:.6rem 1.4rem;border-radius:999px;background:#ef476f;color:#fff;font-size:1.25rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.gb-intro__hint{margin:1.4rem 0 0!important;font-size:1.3rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(var(--color-foreground),.55)!important}.gb-play,.gb-aside{display:block}.gb-board-wrap{max-width:52rem;margin:0 auto;padding:0 1.2rem}.gb-board{--gb-cell: 40px;--gb-rows: 14;position:relative;width:100%;margin:0 auto;height:calc(var(--gb-cell) * var(--gb-rows));border-radius:2rem;border:2px solid rgba(var(--color-foreground),.18);overflow:hidden;background-color:#bfe6f7;background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px);background-size:var(--gb-cell) var(--gb-cell);touch-action:none;overscroll-behavior:contain}.gb-board:after{content:"";position:absolute;left:0;right:0;bottom:calc(var(--gb-cell) - 3px);height:3px;background:#227e3c;border-radius:2px;pointer-events:none}#gumtti-block-game .gb-board.is-disabled{opacity:.7}.gb-grid{position:absolute;top:0;right:0;bottom:0;left:0}.gb-block{position:absolute;display:block;box-sizing:border-box;border-radius:max(4px,calc(var(--gb-cell) / 8));background:var(--gb-tint);box-shadow:inset 0 -.22em #0000002e,inset 0 .18em #ffffff59,0 .2em .35em #0000001f;z-index:2;transition:transform .15s ease,box-shadow .15s ease}.gb-block:empty{display:block}.gb-block:before{content:none}.gb-block--placed{cursor:pointer;border-radius:0;box-shadow:none;transition:none}.gb-block--placed.is-fresh{animation:gb-fall var(--gb-fall-ms, .3s) cubic-bezier(.25,.85,.35,1);transform-origin:center top}@keyframes gb-fall{0%{transform:translateY(calc(var(--gb-fall-distance, 0px) * -1))}to{transform:translateY(0)}}.gb-block--selected{outline:3px dashed rgb(var(--color-foreground));outline-offset:-3px;z-index:3}.gb-block--ghost{opacity:.55;z-index:4;border-radius:0;box-shadow:inset 0 0 0 3px rgb(var(--color-foreground));transition:none}.gb-hud{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:nowrap;max-width:70rem;margin:0 auto .8rem;padding:0 1.2rem}.gb-hud__item{display:flex;flex-direction:column;align-items:center;gap:.05rem;flex:1 1 0;min-width:0;overflow:hidden;padding:.9rem .8rem 1rem;border-radius:1.4rem;background:rgba(var(--color-background),.72);box-shadow:0 .4rem 1.2rem rgba(var(--color-foreground),.08);border:1px solid rgba(var(--color-foreground),.06)}.gb-hud__item--timer{background:var(--gb-tint-soft, #fff2cf)}.gb-hud__item .gb-hud__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gb-hud__label{font-size:1rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--color-foreground),.6);white-space:nowrap}.gb-hud__value{font-weight:800;font-size:clamp(2rem,6vw,3rem);line-height:1.05;font-variant-numeric:tabular-nums;white-space:nowrap}.gb-hud__value--timer{color:var(--gb-tint-ink, #6b4b00);font-size:clamp(2.2rem,7vw,3.4rem)}.gb-hud__value.is-pop{animation:gb-pop .28s ease}.gb-hud__value--timer.is-low{color:#c53030;animation:gb-timer-low .7s ease-in-out infinite}@keyframes gb-timer-low{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.gb-shout{min-height:2.2rem;margin:.2rem auto 0;max-width:70rem;padding:0 1.2rem;text-align:center;font-size:1.35rem;font-weight:700;color:var(--gb-tint-ink);opacity:0;transform:translateY(.4rem);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.gb-shout.is-show{opacity:1;transform:none}.gb-stage{max-width:74rem;margin:0 auto;padding:0 .8rem}@media(min-width:750px){.gb-stage{padding:1.6rem 2rem 1.2rem;border-radius:2.6rem;background:rgba(var(--color-background),.45);box-shadow:0 1rem 3.4rem rgba(var(--color-foreground),.1)}}.gb-tray{display:flex;flex-wrap:nowrap;justify-content:center;align-items:flex-end;gap:.4rem;padding:.6rem 1.2rem .8rem;max-width:52rem;margin:0 auto}.gb-tray__item{flex:1 1 0;min-width:0;max-width:7.2rem;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem .2rem;border-radius:1.2rem;border:2px solid transparent;background:rgba(var(--color-background),.75);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;text-align:center;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.gb-tray__item.is-active{border-color:rgb(var(--color-button));box-shadow:0 .5rem 1.4rem rgba(var(--color-foreground),.14)}.gb-tray__item:focus-visible{outline:3px solid rgb(var(--color-button));outline-offset:2px}.gb-tray__item:active{cursor:grabbing}.gb-mini{display:flex;align-items:center;justify-content:center;width:100%;min-height:3.8rem}.gb-mini__inner{position:relative;transition:transform .2s ease}.gb-mini__cell{position:absolute;background:var(--gb-tint);border-radius:max(2px,2px);box-shadow:inset 0 -.16em #0000002e,inset 0 .16em #ffffff59}.gb-mini--rot1,.gb-mini--rot3{transform:rotate(90deg)}.gb-mini--rot2{transform:rotate(180deg)}.gb-tray__name{font-size:.95rem;font-weight:600;color:rgba(var(--color-foreground),.8);white-space:nowrap}.gb-tray__name{max-width:100%;overflow:hidden;text-overflow:ellipsis}.gb-tray.gb-shake{animation:gb-shake .3s ease}@keyframes gb-shake{0%,to{transform:translate(0)}25%{transform:translate(-.4rem)}75%{transform:translate(.4rem)}}.gb-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;max-width:70rem;margin:0 auto 1.6rem;padding:0 1.2rem}.gb-controls .button{min-height:4rem}.gb-controls .button--small{padding:.6rem 1.3rem;font-size:1.3rem;min-height:4rem}.gb-tip{max-width:70rem;margin:.4rem auto 0;padding:0 1.2rem;text-align:center;font-size:1.25rem;color:rgba(var(--color-foreground),.65)}.gb-tip b{color:var(--gb-tint-ink)}.gb-wrap.is-playing .gb-intro,.gb-wrap.is-playing .gb-tip,.gb-wrap.is-ended .gb-aside{display:none}.gb-result{display:none;position:relative;z-index:2;max-width:52rem;margin:0 auto 3.2rem;padding:3rem 2rem 4.8rem;border-radius:2.4rem;text-align:center;background:linear-gradient(180deg,var(--gb-tint-soft),rgb(var(--color-background)));box-shadow:0 1.2rem 3.4rem rgba(var(--color-foreground),.16)}.gb-result.is-shown{display:block;animation:gb-pop .4s ease}@keyframes gb-pop{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.gb-result__title{margin:0 0 .4rem;font-size:clamp(2.4rem,6vw,3.6rem);line-height:1.1}.gb-result__sub{margin:0 0 1.6rem;font-size:1.6rem;color:rgba(var(--color-foreground),.8)}.gb-result__trophy{display:inline-block;margin:0 0 .6rem;padding:.6rem 1.4rem;border-radius:999px;background:linear-gradient(90deg,#ffc53d,#ff9e6d);color:#4a2d00;font-size:1.5rem;font-weight:800;letter-spacing:.04em;animation:gb-trophy .5s cubic-bezier(.3,1.6,.5,1)}@keyframes gb-trophy{0%{transform:scale(.4) rotate(-6deg);opacity:0}60%{transform:scale(1.15) rotate(2deg)}to{transform:scale(1) rotate(0);opacity:1}}.gb-result__stats{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin:0 0 1.8rem}.gb-result__stat{padding:1rem 1.6rem;border-radius:1.6rem;background:rgb(var(--color-background))}.gb-result__stat b{display:block;font-size:2.4rem;font-variant-numeric:tabular-nums}.gb-result__stat span{font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--color-foreground),.6)}.gb-result__compare{display:inline-flex;justify-content:center;gap:1rem;margin:0 0 2rem;font-size:1.2rem;font-weight:700;letter-spacing:.04em}.gb-result__best,.gb-result__current{padding:.45rem 1.1rem;border-radius:999px;border:2px solid rgba(var(--color-foreground),.12);background:rgb(var(--color-background));color:rgba(var(--color-foreground),.75)}.gb-result__best b,.gb-result__current b{font-variant-numeric:tabular-nums;margin-left:.4rem}.gb-result__best b{color:#ef476f}.gb-result__actions{display:flex;flex-direction:column;align-items:center;gap:1rem}.gb-result__actions .button{width:100%;max-width:34rem}.gb-share{display:none;margin-top:.4rem}.gb-share.is-visible{display:inline-flex}.gb-products{opacity:0;transform:translateY(1.2rem);transition:opacity .5s ease,transform .5s ease;margin-top:1rem}.gb-products.is-shown{opacity:1;transform:none}.gb-products__header{text-align:center;margin-bottom:2.4rem}.gb-products__header h2{margin:0;font-size:clamp(2.2rem,5vw,3.4rem)}.gb-products__header p{margin:.6rem auto 0;max-width:52rem;font-size:1.6rem;color:rgba(var(--color-foreground),.75)}.gb-products .grid{margin-bottom:2.4rem}.gb-products__config-note{margin:0 auto;max-width:52rem;padding:2.4rem;border:1px dashed rgba(var(--color-foreground),.4);border-radius:1.6rem;text-align:center;color:rgba(var(--color-foreground),.7)}.gb-why{display:grid;gap:1.4rem;max-width:52rem;margin:2.4rem auto 0;padding:0 1.6rem}@media(min-width:750px){.gb-why{grid-template-columns:repeat(3,1fr);max-width:72rem}}.gb-why__card{padding:2.2rem 2rem;border-radius:2rem;background:var(--gb-tint-soft);color:var(--gb-tint-ink);text-align:center}.gb-why__icon{font-size:2.6rem;line-height:1}.gb-why__card h3{margin:.8rem 0 .3rem;font-size:1.7rem;letter-spacing:.06em}.gb-why__card p{margin:0;font-size:1.35rem;opacity:.92}@media(prefers-reduced-motion:reduce){.gb-block,.gb-tray__item,.gb-mini__inner,.gb-result,.gb-products,.gb-tray.gb-shake,.gb-hud__value--timer.is-low,.gb-hud__value.is-pop,.gb-shout,.gb-result__trophy,.gb-block--placed.is-fresh{animation:none!important;transition:none!important}}@media(min-width:750px){.gb-play{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"board aside";align-items:stretch;gap:1rem .6rem;max-width:70rem;margin:0 auto;padding:1.2rem}.gb-board-wrap{grid-area:board;max-width:none;width:100%;padding:0;justify-self:center}.gb-tray{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:.6rem;max-width:none;margin:0;padding:.2rem 0 .4rem}.gb-tray__item{flex:none;flex-basis:auto;width:6.4rem;max-width:6.4rem}.gb-aside{grid-area:aside;width:14.5rem;display:flex;flex-direction:column;justify-content:flex-start}.gb-controls{display:flex;flex-direction:column;align-items:stretch;max-width:none;margin:auto 0 0;padding:0;gap:.6rem}.gb-hero{padding:6rem 2rem 1.2rem}.gb-result__actions{flex-direction:row;justify-content:center}.gb-result__actions .button{width:auto;max-width:none}}.gb-wrap{overscroll-behavior-x:contain}@media(max-width:749px){.gb-hud,.gb-tip,.gb-controls,.gb-tray{padding-left:max(1.2rem,env(safe-area-inset-left));padding-right:max(1.2rem,env(safe-area-inset-right))}.gb-stage{padding-bottom:max(.8rem,env(safe-area-inset-bottom))}.gb-board,.gb-tray__item{touch-action:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-gumtti-block-game.css.map */