.gs-board .ub-field{justify-content:center;padding:clamp(6px,2vw,14px) 0;display:flex}.ub-tray{--pad:clamp(5px, 1.6vw, 9px);--lane:clamp(26px, 7vw, 38px);aspect-ratio:1;min-width:0;margin-right:var(--lane);padding:var(--pad);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#f5f3fb;border-radius:6%;flex:0 500px;position:relative;box-shadow:inset 0 2px 6px #3c326e14,inset 0 0 0 1.5px #e3def0}.ub-grid{background-image:radial-gradient(circle,#d6d0ea 0 2.2px,#0000 2.9px);background-size:16.6667% 16.6667%;width:100%;height:100%;position:relative;container-type:inline-size}.ub-lane{z-index:0;height:calc(16.6667% - 2.4cqw);width:calc(var(--pad) + var(--lane));color:#ff8a6b;pointer-events:none;background:linear-gradient(90deg,#f5f3fb 0 70%,#f5f3fb00);justify-content:flex-end;align-items:center;padding-right:4px;transition:color .3s;display:flex;position:absolute;top:calc(33.3333% + 1.2cqw);left:100%;box-shadow:inset 0 1.5px #e3def0,inset 0 -1.5px #e3def0}.ub-lane:before{content:"";opacity:0;background:linear-gradient(90deg,#e3f5ec 0 70%,#e3f5ec00);transition:opacity .3s;position:absolute;inset:0;box-shadow:inset 0 1.5px #bfe6d5,inset 0 -1.5px #bfe6d5}.ub-lane svg{stroke-width:3.2px;opacity:.3;flex:none;width:clamp(10px,2.6vw,14px);height:clamp(10px,2.6vw,14px);margin-left:-4px;animation:1.8s ease-in-out infinite ub-chevron;position:relative}.ub-lane svg:nth-child(2){animation-delay:.15s}.ub-lane svg:nth-child(3){animation-delay:.3s}@keyframes ub-chevron{0%,55%,to{opacity:.3}22%{opacity:1}}.ub-lane.open{color:#2f9e7c}.ub-lane.open:before{opacity:1}.ub-lane.open svg{animation-duration:.5s}.ub-path{z-index:0;opacity:0;pointer-events:none;background:linear-gradient(90deg,#4fbf9a00,#4fbf9a4d);border-radius:2cqw;height:3.2cqw;transition:opacity .3s;position:absolute;top:calc(41.6667% - 1.6cqw);right:0}.ub-path.open{opacity:1}.ub-pieces{z-index:1;position:absolute;inset:0}.ub-piece{width:calc(var(--w) * 100% / 6);height:calc(var(--h) * 100% / 6);color:inherit;cursor:grab;touch-action:none;will-change:transform;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:1.15cqw;position:absolute;top:0;left:0}.ub-piece:focus{outline:none}.ub-piece.dragging{z-index:3;cursor:grabbing}.ub-piece.key{z-index:2}.ub-block{background:var(--fill);width:100%;height:100%;box-shadow:inset 0 .5cqw 0 #ffffff80, inset 0 -.8cqw 0 #3c326e14, 0 .8cqw 0 var(--edge), 0 1.6cqw 2.4cqw #3c326e1f;border-radius:2.7cqw;place-items:center;transition:translate .16s cubic-bezier(.22,1,.36,1),scale .16s cubic-bezier(.22,1,.36,1),rotate .25s cubic-bezier(.22,1,.36,1),box-shadow .16s;display:grid;position:relative}.ub-piece.dragging .ub-block{box-shadow:inset 0 .5cqw 0 #ffffff80, inset 0 -.8cqw 0 #3c326e14, 0 1.3cqw 0 var(--edge), 0 2.8cqw 3.6cqw #3c326e33;translate:0 -.55cqw;scale:1.015}.ub-piece:focus-visible .ub-block{outline:3px solid var(--gs-ink);outline-offset:2px}.ub-block:after{content:"";border-radius:.4cqw;position:absolute;top:50%;left:50%;translate:-50% -50%}.ub-piece[data-axis=h] .ub-block:after{background:repeating-linear-gradient(90deg,#3c326e26 0 .55cqw,#0000 .55cqw 1.5cqw);width:3.6cqw;height:5cqw}.ub-piece[data-axis=v] .ub-block:after{background:repeating-linear-gradient(0deg,#3c326e26 0 .55cqw,#0000 .55cqw 1.5cqw);width:5cqw;height:3.6cqw}.ub-piece.key .ub-block:after{display:none}.ub-piece.hinted .ub-block{animation:1s ease-in-out 3 ub-hint}@keyframes ub-hint{50%{box-shadow:inset 0 .5cqw 0 #ffffff80, 0 .8cqw 0 var(--edge), 0 0 0 1.2cqw #4fbf9a8c}}.ub-ghost{z-index:0;width:calc(var(--w) * 100% / 6);height:calc(var(--h) * 100% / 6);pointer-events:none;padding:1.15cqw;animation:1s ease-in-out 3 both ub-ghost;position:absolute;top:0;left:0}.ub-ghost:before{content:"";box-sizing:border-box;background:#4fbf9a24;border:2.5px dashed #2f9e7c;border-radius:2.7cqw;width:100%;height:100%;display:block}@keyframes ub-ghost{0%,to{opacity:.45}50%{opacity:1}}.ub-after{opacity:0;justify-items:center;gap:2px;padding:4px 6px;transition:opacity .4s,translate .4s cubic-bezier(.22,1,.36,1);display:grid;translate:0 6px}.ub-after[hidden]{display:none}.ub-after.shown{opacity:1;translate:0}.ub-free{color:var(--gs-ink);margin:0;font-size:clamp(20px,5.4vw,24px);font-weight:800}.ub-free-note{color:var(--gs-ink-2);margin:0;font-size:13px}.ub-gang{border-top:1.5px dashed #e3def0;justify-content:center;align-items:flex-end;gap:clamp(5px,1.6vw,10px);width:100%;max-width:460px;margin-top:12px;padding-top:20px;display:flex}.ub-mini{aspect-ratio:31/14.4;flex:1 1 0;min-width:0;max-width:58px;position:relative}.ub-mini .ub-block{box-shadow:inset 0 2px 0 #ffffff80, 0 3px 0 var(--edge);border-radius:22%/46%}.ub-mini.today{animation:.7s cubic-bezier(.3,1.4,.5,1) .15s both ub-land}.ub-mini.today .ub-block{box-shadow:inset 0 2px 0 #ffffff80, 0 3px 0 var(--edge), 0 0 0 3px #fff, 0 0 0 5.5px #4fbf9a}@keyframes ub-land{0%{opacity:0;translate:0 -26px;scale:.7}55%{opacity:1;translate:0 2px;scale:1.08 .9}78%{translate:0 -3px;scale:.97 1.04}to{translate:0;scale:1}}.gs-toggle{border:0;border-top:1px solid var(--gs-line);border-bottom:1px solid var(--gs-line);width:100%;min-height:52px;color:var(--gs-ink);background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:0;font-size:15px;font-weight:800;display:flex}.gs-toggle i{background:#d9d4ea;border-radius:99px;width:40px;height:24px;transition:background .2s;position:relative}.gs-toggle i:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s cubic-bezier(.22,1,.36,1);position:absolute;top:3px;left:3px;box-shadow:0 2px #2c295226}.gs-toggle[aria-pressed=true] i{background:#4fbf9a}.gs-toggle[aria-pressed=true] i:after{transform:translate(16px)}.gs-toggle+.gs-best{border-top:0;margin-top:-22px}html.gs-full .ub-tray{flex-basis:min(760px,100dvh - 150px)}@media (prefers-reduced-motion:reduce){.ub-lane svg{opacity:.6;animation:none}.ub-piece.key .ub-critter[data-mood=excited],.ub-piece.key .ub-critter[data-mood=excited] .ub-hat,.ub-critter.cheer .ub-bang,.ub-mini.today{animation:none}}