button{cursor:pointer;display:flex;justify-content:center;align-items:center;font-family:var(--font-heading);font-size:17px;font-weight:600;padding:12px 26px;min-width:100px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:999px}a.btn-gradient,a.btn-outline{cursor:pointer;display:flex;justify-content:center;align-items:center;font-family:var(--font-heading);font-size:17px;font-weight:600;padding:12px 26px;min-width:100px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:999px;display:inline-flex;width:fit-content;text-decoration:none}.btn-gradient,button.btn-gradient,a.btn-gradient{gap:8px;color:var(--on-brand);background:var(--gradient-brand);border:none;box-shadow:0 12px 24px -10px var(--shadow-brand)}.btn-gradient:hover,button.btn-gradient:hover,a.btn-gradient:hover{box-shadow:0 16px 30px -10px var(--shadow-brand-hover)}.btn-outline,button.btn-outline,a.btn-outline{gap:8px;color:var(--pink);background:var(--surface);border:1.5px solid var(--pink)}.btn-outline:hover,button.btn-outline:hover,a.btn-outline:hover{background:var(--surface-alt)}button.nav-btn,a.nav-btn{display:inline-flex;align-items:center;font-family:var(--font-heading);font-size:17px;font-weight:600;min-width:0;padding:8px 4px;color:var(--ink);background:none;border:none;border-bottom:2px solid transparent;border-radius:0;text-decoration:none;cursor:pointer;transition:color .14s ease}button.nav-btn:hover,a.nav-btn:hover{color:var(--pink)}button.nav-btn.active,a.nav-btn.active{color:var(--pink);border-bottom-color:var(--pink)}[data-block-style] .cell{--cell-color: var(--tetris-grid);background-color:var(--cell-color);position:relative}[data-block-style] .cell[data-piece=I]{--cell-color: var(--tetris-i)}[data-block-style] .cell[data-piece=J]{--cell-color: var(--tetris-j)}[data-block-style] .cell[data-piece=L]{--cell-color: var(--tetris-l)}[data-block-style] .cell[data-piece=O]{--cell-color: var(--tetris-o)}[data-block-style] .cell[data-piece=S]{--cell-color: var(--tetris-s)}[data-block-style] .cell[data-piece=T]{--cell-color: var(--tetris-t)}[data-block-style] .cell[data-piece=Z]{--cell-color: var(--tetris-z)}[data-block-style] .cell[data-piece=G]{--cell-color: var(--tetris-garbage)}[data-block-style]{--cell-radius: 0}[data-block-style=water]{--cell-radius: 30%}[data-block-style]:where(:not([data-ghost-style=faded])) .cell.ghost[data-piece]{background-color:var(--tetris-grid)}[data-block-style]:where(:not([data-ghost-style=faded])) .cell.ghost[data-piece]:before{content:"";position:absolute;inset:0;border-radius:var(--cell-radius);box-shadow:inset 0 0 0 2px var(--tetris-ghost)}[data-block-style][data-ghost-style=colour] .cell.ghost[data-piece]:before{box-shadow:inset 0 0 0 2px var(--cell-color);opacity:var(--tetris-ghost-colour-fade)}[data-block-style][data-ghost-style=solid] .cell.ghost[data-piece]:before{box-shadow:none;background-color:var(--tetris-ghost-solid)}[data-block-style][data-ghost-style=faded] .cell.ghost[data-piece]{overflow:hidden}[data-block-style][data-ghost-style=faded] .cell.ghost[data-piece]:after{content:"";position:absolute;inset:0;background-color:var(--tetris-grid);opacity:calc(1 - var(--tetris-ghost-fade))}[data-block-style=water] .cell[data-piece]:not(.clearing):is(:not(.ghost),[data-ghost-style=faded] .ghost){background-color:var(--tetris-grid)}[data-block-style=water] .cell[data-piece]:not(.clearing):is(:not(.ghost),[data-ghost-style=faded] .ghost):before{content:"";position:absolute;inset:0;border-radius:var(--cell-radius);background-color:color-mix(in srgb,var(--cell-color) var(--tetris-water-fill),transparent);background-image:radial-gradient(17% 13% at 30% 20%,var(--tetris-water-spark) 0%,var(--tetris-water-spark) 38%,var(--tetris-water-halo) 78%,var(--tetris-water-clear) 100%),radial-gradient(9% 7% at 74% 79%,var(--tetris-water-glint) 0%,var(--tetris-water-glint) 40%,var(--tetris-water-clear) 100%),radial-gradient(52% 36% at 60% 84%,var(--tetris-water-glow) 0%,var(--tetris-water-glow-soft) 58%,var(--tetris-water-clear) 100%),radial-gradient(90% 44% at 46% 0%,var(--tetris-water-sky) 0%,var(--tetris-water-sky-soft) 70%,var(--tetris-water-clear) 100%),linear-gradient(180deg,var(--tetris-water-clear) 40%,color-mix(in srgb,var(--cell-color) var(--tetris-water-deep),transparent) 100%);box-shadow:inset 0 1px 0 var(--tetris-water-rim),inset 0 -1px 0 var(--tetris-water-rim-low),inset 0 0 0 1px var(--tetris-water-edge),inset 0 0 7px color-mix(in srgb,var(--cell-color) var(--tetris-water-wall),transparent),0 2px 6px -3px color-mix(in srgb,var(--cell-color) var(--tetris-water-cast),transparent)}[data-block-style=bevel] .cell[data-piece]:not(.clearing):is(:not(.ghost),[data-ghost-style=faded] .ghost){background-image:linear-gradient(var(--cell-color),var(--cell-color)),conic-gradient(from 45deg,var(--tetris-bevel-right) 0deg 90deg,var(--tetris-bevel-bottom) 90deg 180deg,var(--tetris-bevel-left) 180deg 270deg,var(--tetris-bevel-top) 270deg 360deg);background-repeat:no-repeat;background-position:center;background-size:64% 64%,100% 100%}[data-block-style="8bit"]{--pixel: 3px}[data-block-style="8bit"] .cell[data-piece]:not(.clearing):is(:not(.ghost),[data-ghost-style=faded] .ghost){--pixel-edge: round(var(--pixel) * .3, 1px);box-shadow:inset 0 0 0 var(--pixel-edge) var(--tetris-pixel-edge);background-image:linear-gradient(var(--tetris-pixel-fill),var(--tetris-pixel-fill)),linear-gradient(var(--tetris-pixel-fill),var(--tetris-pixel-fill));background-repeat:no-repeat;background-position:var(--pixel-edge) var(--pixel-edge),center;background-size:var(--pixel) var(--pixel),calc(100% - var(--pixel-edge) * 2 - var(--pixel) * 2) calc(100% - var(--pixel-edge) * 2 - var(--pixel) * 2)}[data-block-style="8bit"] .cell[data-piece]:not(.clearing):is(:not(.ghost),[data-ghost-style=faded] .ghost):is([data-piece=J],[data-piece=L],[data-piece=S],[data-piece=Z]){background-image:linear-gradient(var(--tetris-pixel-fill),var(--tetris-pixel-fill)),linear-gradient(var(--tetris-pixel-fill),var(--tetris-pixel-fill)),linear-gradient(var(--tetris-pixel-fill),var(--tetris-pixel-fill));background-position:var(--pixel-edge) var(--pixel-edge),calc(var(--pixel-edge) + var(--pixel)) calc(var(--pixel-edge) + var(--pixel)),calc(var(--pixel-edge) + var(--pixel)) calc(var(--pixel-edge) + var(--pixel));background-size:var(--pixel) var(--pixel),calc(var(--pixel) * 2) var(--pixel),var(--pixel) calc(var(--pixel) * 2)}*,*:before,*:after{box-sizing:border-box}:root{--font-heading: "Work Sans", sans-serif;--header-height: 76px;--dark-blue: #2045e9;--blue: #2f9fe0;--purple: #7c3aed;--pink: #e0248f;--orange: #f97316;--danger: #dc2626;--success: #15803d;--navy: #0f1445;--gradient-brand: linear-gradient(120deg, var(--purple) 0%, var(--pink) 55%, var(--orange) 100%);--on-brand: #ffffff;--ink: var(--navy);--muted: #4b4d72;--line: #e4e2ec;--text-color: var(--muted);--text-muted: #8b8ea3;--heading-color: var(--ink);--surface: #ffffff;--surface-alt: #f6f3fb;--surface-mha: #faf9ff;--surface-header: rgba(255, 255, 255, .85);--on-navy-muted: rgba(255, 255, 255, .7);--surface-border: var(--line);--surface-selected: #fdf4f9;--danger-strong: #b91c1c;--danger-surface: #fef2f2;--danger-border: #fecaca;--warning-strong: #b45309;--warning-surface: #fff7ed;--warning-border: #fed7aa;--flag-strong: #6d28d9;--flag-surface: #f5f3ff;--flag-border: #ddd6fe;--shadow-color: rgba(35, 20, 80, .14);--shadow-brand: rgba(224, 36, 143, .45);--shadow-brand-hover: rgba(224, 36, 143, .55);--modal-backdrop: rgba(24, 16, 48, .52);--scrollbar-thumb: var(--blue);--scrollbar-thumb-hover: var(--navy);--select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' stroke='%230f1445' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--spinner-track: var(--line);--spinner-head: var(--pink);--tetris-board: #2b2b2f;--tetris-grid: #121215;--tetris-ghost: rgba(255, 255, 255, .4);--tetris-ghost-solid: #4c4c55;--tetris-ghost-fade: .3;--tetris-ghost-colour-fade: .7;--tetris-flash: #ffffff;--tetris-topout: #ff8c7a;--tetris-topout-wash: rgba(255, 62, 44, .88);--tetris-finish: #ff7ac4;--tetris-warning: #ef4444;--tetris-warning-glow: rgba(239, 68, 68, .5);--tetris-caution: #fcd34d;--tetris-caution-surface: rgba(120, 53, 15, .72);--tetris-caution-border: rgba(252, 211, 77, .5);--tetris-overlay: rgba(0, 0, 0, .72);--tetris-backdrop: rgba(0, 0, 0, .84);--tetris-overlay-text: #ffffff;--tetris-overlay-text-muted: rgba(255, 255, 255, .7);--tetris-overlay-chip: rgba(255, 255, 255, .1);--tetris-overlay-shadow: rgba(0, 0, 0, .85);--tetris-summary: #17171c;--tetris-summary-edge: rgba(255, 255, 255, .18);--tetris-summary-label: #b7b8c6;--tetris-fanfare: rgba(0, 0, 0, .66);--tetris-fanfare-edge: rgba(255, 255, 255, .16);--tetris-fanfare-edge-best: rgba(255, 255, 255, .34);--tetris-fanfare-ring: rgba(255, 255, 255, .45);--tetris-fanfare-note: rgba(255, 255, 255, .72);--tetris-record-ring: rgba(224, 36, 143, .55);--tetris-i: #22d3ee;--tetris-j: #2563eb;--tetris-l: var(--orange);--tetris-o: #facc15;--tetris-s: #22c55e;--tetris-t: var(--purple);--tetris-z: var(--danger);--tetris-garbage: #7a7a86;--tetris-incoming: #fb923c;--tetris-incoming-glow: rgba(251, 146, 60, .5);--tetris-water-spark: rgba(255, 255, 255, .96);--tetris-water-glint: rgba(255, 255, 255, .72);--tetris-water-glow: rgba(255, 255, 255, .5);--tetris-water-glow-soft: rgba(255, 255, 255, .14);--tetris-water-halo: rgba(255, 255, 255, .22);--tetris-water-rim: rgba(255, 255, 255, .6);--tetris-water-rim-low: rgba(255, 255, 255, .5);--tetris-water-edge: rgba(255, 255, 255, .22);--tetris-water-sky: rgba(0, 0, 0, .44);--tetris-water-sky-soft: rgba(0, 0, 0, .08);--tetris-water-clear: rgba(255, 255, 255, 0);--tetris-water-fill: 50%;--tetris-water-wall: 75%;--tetris-water-deep: 85%;--tetris-water-cast: 40%;--tetris-pixel-fill: #ffffff;--tetris-pixel-edge: #000000;--tetris-bevel-top: rgba(255, 255, 255, .34);--tetris-bevel-left: rgba(255, 255, 255, .13);--tetris-bevel-right: rgba(0, 0, 0, .16);--tetris-bevel-bottom: rgba(0, 0, 0, .36);--xp-track: #e6e2f0;--xp-fill: var(--gradient-brand);--xp-gain: var(--purple);--xp-glow: rgba(124, 58, 237, .3);--xp-glow-clear: rgba(124, 58, 237, 0);--levelup-scrim: rgba(24, 16, 48, .68);--lottie-checker: #e6e2ee;--badge-sheen: #ffffff;--badge-shade: #1a1030;--badge-steel-plate: #8f93ad;--badge-steel-rim: #d8dae6;--badge-steel-glyph: #ffffff;--badge-steel-shine: 0%;--badge-bronze-plate: #a05a2c;--badge-bronze-rim: #d8945a;--badge-bronze-glyph: #ffe0c2;--badge-bronze-shine: 34%;--badge-silver-plate: #7e8496;--badge-silver-rim: #cdd2de;--badge-silver-glyph: #ffffff;--badge-silver-shine: 46%;--badge-gold-plate: #b8860b;--badge-gold-rim: #f5c542;--badge-gold-glyph: #fff3c4;--badge-gold-shine: 50%;--badge-diamond-plate: #2f7fc4;--badge-diamond-rim: #cdeeff;--badge-diamond-glyph: #f2fbff;--badge-diamond-shine: 74%;--badge-emerald-plate: #0a6b45;--badge-emerald-rim: #63e7a8;--badge-emerald-glyph: #e6fff2;--badge-emerald-shine: 64%;--badge-ruby-plate: #a3122f;--badge-ruby-rim: #ff7a8c;--badge-ruby-glyph: #ffe4e8;--badge-ruby-shine: 66%;--badge-obsidian-plate: #2a1149;--badge-obsidian-rim: #b184ff;--badge-obsidian-glyph: #efe4ff;--badge-obsidian-shine: 76%;--badge-iris-plate: #1a1c21;--badge-iris-rim: #86ecdc;--badge-iris-glyph: #eefaff;--badge-iris-shine: 50%;--badge-iris-shade: #05070c;--badge-max-opal-plate: #aab2be;--badge-max-opal-rim: #f2f8ff;--badge-max-opal-glyph: #f7fbff;--badge-max-opal-shine: 54%;--badge-max-opal-shade: #4e5866;--badge-max-onyx-plate: #1a1c21;--badge-max-onyx-rim: #dfe5ef;--badge-max-onyx-glyph: #f4f6fa;--badge-max-onyx-shine: 82%;--badge-max-onyx-shade: #000000;--badge-max-quartz-plate: #aab2be;--badge-max-quartz-rim: #f2f8ff;--badge-max-quartz-glyph: #f7fbff;--badge-max-quartz-shade: #4e5866;--badge-max-quartz-shine: 54%}@media(max-width:640px){:root{--header-height: 60px}}html,body{font-family:var(--font-heading);padding:0;margin:0;min-height:100%;background:linear-gradient(160deg,#fdf2f8,#fff 30%,#f5f3ff,#eff9ff)}html{overflow-y:scroll;scrollbar-gutter:stable}body{overflow-x:hidden}:focus-visible{outline:2px solid var(--pink);outline-offset:2px}[jdFocusTrap]:focus{outline:none}button,input,select,textarea,optgroup{font-family:inherit}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-button{display:none}*::-webkit-scrollbar-track{background:transparent;box-shadow:none}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:8px;box-shadow:inset 0 0 0 1px var(--surface)}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;color:var(--heading-color);margin:0 0 14px}h1{font-size:48px;font-weight:700;letter-spacing:-.01em}h2{font-size:40px}h3{font-size:28px}p,a{font-family:var(--font-heading);font-size:17px;color:var(--text-color);margin:0}.bold{font-family:var(--font-heading)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.red{color:var(--danger)}.gold{color:var(--pink)}.light-blue{background:var(--gradient-brand);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}input{color:var(--text-color)}jd-slider{width:100%}