.SandTetris-module-scss-module__0rcAwG__game{--ink:#4a3f38;--board-bg:#fbf1e3;--chrome:13.25rem;--btn:clamp(3.5rem, 17cqi, 4.5rem);--sand-1:#ff8f7e;--sand-2:#f9c35b;--sand-3:#6cc49a;--sand-4:#78a6ee;--sand-5:#a995e6;--sand-6:#c4916c;color:var(--ink);-webkit-user-select:none;user-select:none;flex-direction:column;gap:.5rem;display:flex;container:game/inline-size}.SandTetris-module-scss-module__0rcAwG__hud{grid-template-columns:auto repeat(3,minmax(0,1fr)) auto;align-items:stretch;gap:.375rem;display:grid}.SandTetris-module-scss-module__0rcAwG__stat{background:#fffaf3;border-radius:.78125rem;flex-direction:column;justify-content:center;min-width:0;padding:.3rem .5rem;display:flex;box-shadow:inset 0 0 0 2px #efe0cc}.SandTetris-module-scss-module__0rcAwG__stat span{color:#9d8a7e;font-size:.6875rem;font-weight:700}.SandTetris-module-scss-module__0rcAwG__stat b{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.95rem,4.6cqi,1.15rem);font-weight:900;overflow:hidden}.SandTetris-module-scss-module__0rcAwG__speed{color:#ff3f22;font-size:.75em;font-style:normal}.SandTetris-module-scss-module__0rcAwG__next{background:#fffaf3;border-radius:.78125rem;place-content:center;gap:2px;width:3.25rem;display:grid;box-shadow:inset 0 0 0 2px #efe0cc}.SandTetris-module-scss-module__0rcAwG__cell{aspect-ratio:1;width:.6rem}.SandTetris-module-scss-module__0rcAwG__c1{background-color:#ff8f7e;background-image:radial-gradient(circle,#ffffff59 .6px,#0000 .9px),radial-gradient(circle,#fe210073 .6px,#0000 .9px);background-position:0 0,1px 2px;background-size:3px 3px,4px 4px;box-shadow:inset 1px 1px #ffffff73,inset -1px -1px #ff5137}.SandTetris-module-scss-module__0rcAwG__c2{background-color:#f9c35b;background-image:radial-gradient(circle,#ffffff59 .6px,#0000 .9px),radial-gradient(circle,#cd8a0873 .6px,#0000 .9px);background-position:0 0,1px 2px;background-size:3px 3px,4px 4px;box-shadow:inset 1px 1px #ffffff73,inset -1px -1px #f6aa16}.SandTetris-module-scss-module__0rcAwG__c3{background-color:#6cc49a;background-image:radial-gradient(circle,#ffffff59 .6px,#0000 .9px),radial-gradient(circle,#337e5a73 .6px,#0000 .9px);background-position:0 0,1px 2px;background-size:3px 3px,4px 4px;box-shadow:inset 1px 1px #ffffff73,inset -1px -1px #43a677}.SandTetris-module-scss-module__0rcAwG__c4{background-color:#78a6ee;background-image:radial-gradient(circle,#ffffff59 .6px,#0000 .9px),radial-gradient(circle,#1a60cd73 .6px,#0000 .9px);background-position:0 0,1px 2px;background-size:3px 3px,4px 4px;box-shadow:inset 1px 1px #ffffff73,inset -1px -1px #397ce6}.SandTetris-module-scss-module__0rcAwG__c5{background-color:#a995e6;background-image:radial-gradient(circle,#ffffff59 .6px,#0000 .9px),radial-gradient(circle,#5630cc73 .6px,#0000 .9px);background-position:0 0,1px 2px;background-size:3px 3px,4px 4px;box-shadow:inset 1px 1px #ffffff73,inset -1px -1px #7a5bd8}.SandTetris-module-scss-module__0rcAwG__c6{background-color:#c4916c;background-image:radial-gradient(circle,#ffffff59 .6px,#0000 .9px),radial-gradient(circle,#7e523373 .6px,#0000 .9px);background-position:0 0,1px 2px;background-size:3px 3px,4px 4px;box-shadow:inset 1px 1px #ffffff73,inset -1px -1px #a66c43}.SandTetris-module-scss-module__0rcAwG__iconBtn{appearance:none;color:#4a3f38;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#fffaf3;border:0;border-radius:1.25rem;font-weight:800;translate:0;box-shadow:0 3px #ffdcac}@media (prefers-reduced-motion:no-preference){.SandTetris-module-scss-module__0rcAwG__iconBtn{transition:translate 80ms,box-shadow 80ms}}.SandTetris-module-scss-module__0rcAwG__iconBtn:active,.SandTetris-module-scss-module__0rcAwG__iconBtn[data-held]{translate:0 1.5px;box-shadow:0 1.5px #ffdcac}.SandTetris-module-scss-module__0rcAwG__iconBtn:focus-visible{outline-offset:2px;outline:3px solid #ffc574}.SandTetris-module-scss-module__0rcAwG__iconBtn{width:2.75rem;font-size:1rem;box-shadow:inset 0 0 0 2px #efe0cc,0 3px #efe0cc}.SandTetris-module-scss-module__0rcAwG__field{touch-action:none;justify-content:center;display:flex}.SandTetris-module-scss-module__0rcAwG__board{aspect-ratio:1/2;height:clamp(16rem,100dvh - var(--chrome),46rem);background:var(--board-bg);touch-action:none;border-radius:1.25rem;max-height:200cqi;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #efe0cc}@container game (min-width:40rem){.SandTetris-module-scss-module__0rcAwG__board{--chrome:16.5rem}}.SandTetris-module-scss-module__0rcAwG__board canvas{width:100%;height:100%;display:block}.SandTetris-module-scss-module__0rcAwG__guide{pointer-events:none;grid-template-columns:1fr 2fr 1fr;display:grid;position:absolute;inset:0}.SandTetris-module-scss-module__0rcAwG__guide span{color:#4a3f3873;place-items:center;font-size:.8125rem;font-weight:800;display:grid}.SandTetris-module-scss-module__0rcAwG__guide span:first-child,.SandTetris-module-scss-module__0rcAwG__guide span:last-child{background:#f9c35b24}@media (prefers-reduced-motion:no-preference){.SandTetris-module-scss-module__0rcAwG__guide{animation:1.6s ease-in-out infinite alternate SandTetris-module-scss-module__0rcAwG__guide}}@keyframes SandTetris-module-scss-module__0rcAwG__guide{to{opacity:.45}}.SandTetris-module-scss-module__0rcAwG__toast{white-space:nowrap;pointer-events:none;background:#fffaf3;border-radius:999px;padding:.45rem .9rem;font-size:clamp(.85rem,4cqi,1rem);font-weight:900;position:absolute;top:18%;left:50%;translate:-50%;box-shadow:0 4px #efe0cc,inset 0 0 0 2px #efe0cc}.SandTetris-module-scss-module__0rcAwG__toast small{color:#9d8a7e;text-align:center;font-size:.75rem;font-weight:700;display:block}@media (prefers-reduced-motion:no-preference){.SandTetris-module-scss-module__0rcAwG__toast{animation:1.3s ease-out forwards SandTetris-module-scss-module__0rcAwG__toast}}@keyframes SandTetris-module-scss-module__0rcAwG__toast{0%{opacity:0;scale:.8}15%,70%{opacity:1;scale:1}to{opacity:0;translate:-50% -1rem}}.SandTetris-module-scss-module__0rcAwG__overlay{text-align:center;touch-action:pan-y;background:#fffaf3eb;place-content:center;gap:.75rem;padding:1rem;display:grid;position:absolute;inset:0;overflow-y:auto}.SandTetris-module-scss-module__0rcAwG__overlay h2{font-size:clamp(1.2rem,7cqi,1.6rem);font-weight:900;line-height:1.25}.SandTetris-module-scss-module__0rcAwG__overlay p{color:#9d8a7e;font-size:.8125rem;line-height:1.5}.SandTetris-module-scss-module__0rcAwG__big{font-variant-numeric:tabular-nums;font-size:clamp(2rem,12cqi,2.75rem);font-weight:900;line-height:1}.SandTetris-module-scss-module__0rcAwG__badge{background:#f9c35b;border-radius:999px;justify-self:center;padding:.2rem .65rem;font-size:.8125rem;font-weight:900}.SandTetris-module-scss-module__0rcAwG__primary{appearance:none;color:#4a3f38;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#ff8f7e;border:0;border-radius:1.25rem;font-weight:800;translate:0;box-shadow:0 4px #ff5137}@media (prefers-reduced-motion:no-preference){.SandTetris-module-scss-module__0rcAwG__primary{transition:translate 80ms,box-shadow 80ms}}.SandTetris-module-scss-module__0rcAwG__primary:active,.SandTetris-module-scss-module__0rcAwG__primary[data-held]{translate:0 2px;box-shadow:0 2px #ff5137}.SandTetris-module-scss-module__0rcAwG__primary:focus-visible{outline-offset:2px;outline:3px solid #fe2100}.SandTetris-module-scss-module__0rcAwG__primary{justify-self:center;min-width:9rem;padding:.8rem 1.4rem;font-size:1rem}.SandTetris-module-scss-module__0rcAwG__secondary{appearance:none;color:#4a3f38;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#fffaf3;border:0;border-radius:1.25rem;font-weight:800;translate:0;box-shadow:0 3px #ffdcac}@media (prefers-reduced-motion:no-preference){.SandTetris-module-scss-module__0rcAwG__secondary{transition:translate 80ms,box-shadow 80ms}}.SandTetris-module-scss-module__0rcAwG__secondary:active,.SandTetris-module-scss-module__0rcAwG__secondary[data-held]{translate:0 1.5px;box-shadow:0 1.5px #ffdcac}.SandTetris-module-scss-module__0rcAwG__secondary:focus-visible{outline-offset:2px;outline:3px solid #ffc574}.SandTetris-module-scss-module__0rcAwG__secondary{justify-self:center;padding:.55rem 1rem;font-size:.875rem;box-shadow:inset 0 0 0 2px #efe0cc,0 3px #efe0cc}.SandTetris-module-scss-module__0rcAwG__settings{flex-wrap:wrap;justify-content:center;gap:.35rem .9rem;display:flex}.SandTetris-module-scss-module__0rcAwG__toggle{color:#9d8a7e;justify-self:center;align-items:center;gap:.4rem;font-size:.8125rem;display:inline-flex}.SandTetris-module-scss-module__0rcAwG__toggle input{accent-color:#ff8f7e;width:1.1rem;height:1.1rem}.SandTetris-module-scss-module__0rcAwG__submit{justify-content:center;gap:.375rem;display:flex}.SandTetris-module-scss-module__0rcAwG__submit input{width:7.5rem;min-width:0;font:inherit;-webkit-user-select:text;user-select:text;background:#fff;border:0;border-radius:.75rem;padding:.5rem .65rem;font-size:1rem;box-shadow:inset 0 0 0 2px #efe0cc}.SandTetris-module-scss-module__0rcAwG__submit input:focus-visible{outline:2px solid #ff8f7e}.SandTetris-module-scss-module__0rcAwG__submit button{appearance:none;color:#4a3f38;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#6cc49a;border:0;border-radius:1.25rem;font-weight:800;translate:0;box-shadow:0 3px #43a677}@media (prefers-reduced-motion:no-preference){.SandTetris-module-scss-module__0rcAwG__submit button{transition:translate 80ms,box-shadow 80ms}}.SandTetris-module-scss-module__0rcAwG__submit button:active,.SandTetris-module-scss-module__0rcAwG__submit button[data-held]{translate:0 1.5px;box-shadow:0 1.5px #43a677}.SandTetris-module-scss-module__0rcAwG__submit button:focus-visible{outline-offset:2px;outline:3px solid #337e5a}.SandTetris-module-scss-module__0rcAwG__submit button{padding:0 .8rem;font-size:.875rem}.SandTetris-module-scss-module__0rcAwG__pad{grid-template-columns:repeat(2, var(--btn)) 1fr var(--btn) 1fr repeat(2, var(--btn));align-items:center;gap:.375rem;width:100%;max-width:30rem;margin-inline:auto;display:grid}.SandTetris-module-scss-module__0rcAwG__pad button{appearance:none;color:#4a3f38;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#fdebc7;border:0;border-radius:1.25rem;font-weight:800;translate:0;box-shadow:0 4px #fad182}@media (prefers-reduced-motion:no-preference){.SandTetris-module-scss-module__0rcAwG__pad button{transition:translate 80ms,box-shadow 80ms}}.SandTetris-module-scss-module__0rcAwG__pad button:active,.SandTetris-module-scss-module__0rcAwG__pad button[data-held]{translate:0 2px;box-shadow:0 2px #fad182}.SandTetris-module-scss-module__0rcAwG__pad button:focus-visible{outline-offset:2px;outline:3px solid #f8be4c}.SandTetris-module-scss-module__0rcAwG__pad button{height:var(--btn);font-size:clamp(1.3rem,6.5cqi,1.7rem);line-height:1}.SandTetris-module-scss-module__0rcAwG__pad .SandTetris-module-scss-module__0rcAwG__soft{grid-column:4}.SandTetris-module-scss-module__0rcAwG__pad .SandTetris-module-scss-module__0rcAwG__rotate{appearance:none;color:#4a3f38;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#c7e9d9;border:0;border-radius:1.25rem;font-weight:800;translate:0;box-shadow:0 4px #94d4b6}@media (prefers-reduced-motion:no-preference){.SandTetris-module-scss-module__0rcAwG__pad .SandTetris-module-scss-module__0rcAwG__rotate{transition:translate 80ms,box-shadow 80ms}}.SandTetris-module-scss-module__0rcAwG__pad .SandTetris-module-scss-module__0rcAwG__rotate:active,.SandTetris-module-scss-module__0rcAwG__pad .SandTetris-module-scss-module__0rcAwG__rotate[data-held]{translate:0 2px;box-shadow:0 2px #94d4b6}.SandTetris-module-scss-module__0rcAwG__pad .SandTetris-module-scss-module__0rcAwG__rotate:focus-visible{outline-offset:2px;outline:3px solid #6cc49a}.SandTetris-module-scss-module__0rcAwG__pad .SandTetris-module-scss-module__0rcAwG__rotate{grid-column:6;font-size:clamp(1.8rem,9cqi,2.2rem)}.SandTetris-module-scss-module__0rcAwG__pad .SandTetris-module-scss-module__0rcAwG__drop{appearance:none;color:#4a3f38;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#ff8f7e;border:0;border-radius:1.25rem;font-weight:800;translate:0;box-shadow:0 4px #ff5137}@media (prefers-reduced-motion:no-preference){.SandTetris-module-scss-module__0rcAwG__pad .SandTetris-module-scss-module__0rcAwG__drop{transition:translate 80ms,box-shadow 80ms}}.SandTetris-module-scss-module__0rcAwG__pad .SandTetris-module-scss-module__0rcAwG__drop:active,.SandTetris-module-scss-module__0rcAwG__pad .SandTetris-module-scss-module__0rcAwG__drop[data-held]{translate:0 2px;box-shadow:0 2px #ff5137}.SandTetris-module-scss-module__0rcAwG__pad .SandTetris-module-scss-module__0rcAwG__drop:focus-visible{outline-offset:2px;outline:3px solid #fe2100}.SandTetris-module-scss-module__0rcAwG__pad .SandTetris-module-scss-module__0rcAwG__drop{grid-column:7;font-size:.95rem}@container game (min-width:40rem){.SandTetris-module-scss-module__0rcAwG__pad{--btn:3.25rem}}.SandTetris-module-scss-module__0rcAwG__keys{text-align:center;color:#9d8a7e;font-size:.8125rem;display:none}@container game (min-width:40rem){.SandTetris-module-scss-module__0rcAwG__keys{display:block}}.SandTetris-module-scss-module__0rcAwG__ranks{-webkit-user-select:text;user-select:text;background:#fffaf3;border-radius:1.25rem;margin-top:2rem;padding:1rem;box-shadow:inset 0 0 0 2px #efe0cc}.SandTetris-module-scss-module__0rcAwG__ranks header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.SandTetris-module-scss-module__0rcAwG__ranks h2{font-size:1.05rem;font-weight:900}.SandTetris-module-scss-module__0rcAwG__ranks ol{gap:.125rem;display:grid}.SandTetris-module-scss-module__0rcAwG__ranks li{grid-template-columns:1.75rem 1fr auto;align-items:baseline;gap:.5rem;padding:.35rem .25rem;font-size:.875rem;display:grid}.SandTetris-module-scss-module__0rcAwG__ranks li:nth-child(-n+3) b:first-child{color:#ff4d32}.SandTetris-module-scss-module__0rcAwG__ranks li[data-me]{background:#f9c35b4d;border-radius:.5rem}.SandTetris-module-scss-module__0rcAwG__ranks em{color:#9d8a7e;font-size:.75rem;font-style:normal}.SandTetris-module-scss-module__0rcAwG__tabs{background:#fbf1e3;border-radius:999px;padding:3px;display:inline-flex}.SandTetris-module-scss-module__0rcAwG__tabs button{font:inherit;color:#9d8a7e;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.3rem .75rem;font-size:.8125rem;font-weight:700}.SandTetris-module-scss-module__0rcAwG__tabs button[aria-pressed=true]{color:#4a3f38;background:#fff;box-shadow:0 1px #efe0cc}