.g48{--g48-tray: #26314A;--g48-socket: #313D58;--g48-tray-ink: #F3F0EA;--v1: #E9F2EF;--i1: #1E3A35;--v2: #BFE6D8;--i2: #163F37;--v3: #8FD8C4;--i3: #0D3A31;--v4: #3DBE9E;--i4: #05291F;--v5: #17849A;--i5: #FFFFFF;--v6: #2B69C2;--i6: #FFFFFF;--v7: #4A4BBE;--i7: #FFFFFF;--v8: #7041B3;--i8: #FFFFFF;--v9: #9C379F;--i9: #FFFFFF;--v10: #C2306F;--i10: #FFFFFF;--v11: #151A30;--i11: #FFFFFF;--v12: #0E1122;--i12: #FFFFFF;--ring: conic-gradient(from 210deg, #8FD8C4, #3DBE9E, #2B69C2, #4A4BBE, #7041B3, #9C379F, #C2306F, #F2B544, #8FD8C4);--bw: min(100%, 540px, max(260px, calc(100vh - 300px) ));display:grid;grid-template-columns:minmax(0,1fr);gap:10px;max-width:540px;margin:0 auto}@supports (height: 100dvh){.g48{--bw: min(100%, 540px, max(260px, calc(100dvh - 300px) ))}}:root[data-palette=colorblind] .g48{--v1: #EEF4FA;--i1: #0B2545;--v2: #D3E5F5;--i2: #0B2545;--v3: #ADCFEE;--i3: #0B2545;--v4: #84B7E4;--i4: #0B2545;--v5: #5C9ED8;--i5: #071A33;--v6: #3A82C6;--i6: #FFFFFF;--v7: #2569AD;--i7: #FFFFFF;--v8: #1A548F;--i8: #FFFFFF;--v9: #134273;--i9: #FFFFFF;--v10: #0D3157;--i10: #FFFFFF;--v11: #06182E;--i11: #FFFFFF;--v12: #030C18;--i12: #FFFFFF;--ring: conic-gradient(from 210deg, #FFFFFF, #ADCFEE, #3A82C6, #FFFFFF, #ADCFEE, #3A82C6, #FFFFFF)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .g48{--g48-tray: #1C2436;--g48-socket: #26304A}}:root[data-theme=dark] .g48{--g48-tray: #1C2436;--g48-socket: #26304A}.g48-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:8px;align-items:stretch;width:var(--bw);margin:0 auto}.g48-stat{position:relative;display:grid;align-content:center;justify-items:start;padding:6px 12px;min-height:52px;border-radius:14px;background:var(--cell);border:1px solid var(--line);line-height:1.1}.g48-stat small{font-size:.75rem;color:var(--ink-2);font-weight:600;letter-spacing:.02em}.g48-stat b{font-family:var(--font-display);font-size:1.35rem;font-variant-numeric:tabular-nums;color:var(--ink)}.g48-stat.is-goal.is-beaten{border-color:var(--done);background:var(--done-bg)}.g48-stat.is-goal.is-beaten b:after{content:" ✓";color:var(--done)}.g48-plus{position:absolute;right:12px;top:50%;font-style:normal;font-weight:800;font-family:var(--font-display);color:var(--done);opacity:0;pointer-events:none}.g48-plus.is-on{animation:g48-plus calc(.7s * var(--motion)) ease-out}@keyframes g48-plus{0%{opacity:1;transform:translateY(-20%)}to{opacity:0;transform:translateY(-120%)}}.g48-gear{min-height:44px;min-width:44px;padding:0;font-size:1.2rem;align-self:center}.g48-board{--gap: 10px;--t: 76px;--slide: .11s;position:relative;width:var(--bw);aspect-ratio:1;margin:0 auto;border-radius:20px;background:var(--g48-tray);box-shadow:0 10px 28px #14182838,inset 0 -4px #0000002e;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:contain;cursor:grab}.g48-grid{position:absolute;inset:var(--gap);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}.g48-grid i{border-radius:calc(var(--t) * .2);background:var(--g48-socket);box-shadow:inset 0 2px #0000001f}.g48-tiles{position:absolute;inset:var(--gap)}.g48-tile{position:absolute;left:0;top:0;width:var(--t);height:var(--t);z-index:1;transform:translate(calc(var(--c) * (var(--t) + var(--gap))),calc(var(--r) * (var(--t) + var(--gap))));transition:transform calc(var(--slide) * var(--motion)) cubic-bezier(.25,.8,.35,1)}.g48-tile.is-under{z-index:0}.g48-face{width:100%;height:100%;display:grid;place-items:center;border-radius:calc(var(--t) * .2);font-family:var(--font-display);font-weight:800;line-height:1;letter-spacing:-.02em;font-size:calc(var(--t) * .46);box-shadow:inset 0 2px #ffffff47,inset 0 calc(var(--t) * -.06) 0 #00000029}.g48-face span{display:block}.g48-face[data-d="3"]{font-size:calc(var(--t) * .38)}.g48-face[data-d="4"]{font-size:calc(var(--t) * .3)}.g48-face[data-d="5"]{font-size:calc(var(--t) * .245)}.g48-face[data-d="6"],.g48-face[data-d="7"]{font-size:calc(var(--t) * .2)}.g48-face.v1{background:var(--v1);color:var(--i1)}.g48-face.v2{background:var(--v2);color:var(--i2)}.g48-face.v3{background:var(--v3);color:var(--i3)}.g48-face.v4{background:var(--v4);color:var(--i4)}.g48-face.v5{background:var(--v5);color:var(--i5)}.g48-face.v6{background:var(--v6);color:var(--i6)}.g48-face.v7{background:var(--v7);color:var(--i7)}.g48-face.v8{background:var(--v8);color:var(--i8)}.g48-face.v9{background:var(--v9);color:var(--i9)}.g48-face.v10{background:var(--v10);color:var(--i10)}.g48-face.v11,.g48-face.v12,.g48-face.v13,.g48-face.v14{border:calc(var(--t) * .07) solid transparent;color:var(--i11);background:linear-gradient(var(--v11),var(--v11)) padding-box,var(--ring) border-box;box-shadow:0 0 calc(var(--t) * .18) #f2b54459}.g48-face.v12,.g48-face.v13,.g48-face.v14{background:linear-gradient(var(--v12),var(--v12)) padding-box,var(--ring) border-box;color:var(--i12)}:root[data-palette=colorblind] .g48-face{box-shadow:inset 0 0 0 2px #ffffffb3,inset 0 calc(var(--t) * -.06) 0 #00000029}:root[data-palette=colorblind] .g48-face.v11,:root[data-palette=colorblind] .g48-face.v12{box-shadow:none}.g48-face.is-new{animation:g48-new calc(.16s * var(--motion)) ease-out both}.g48-face.is-pop{animation:g48-pop calc(.18s * var(--motion)) ease-out}.g48-tile:has(.is-pop){z-index:2}@keyframes g48-new{0%{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}@keyframes g48-pop{0%{transform:scale(1)}45%{transform:scale(1.16)}to{transform:scale(1)}}.g48-board.is-nudge-left{animation:g48-nudge-l calc(.16s * var(--motion)) ease-out}.g48-board.is-nudge-right{animation:g48-nudge-r calc(.16s * var(--motion)) ease-out}.g48-board.is-nudge-up{animation:g48-nudge-u calc(.16s * var(--motion)) ease-out}.g48-board.is-nudge-down{animation:g48-nudge-d calc(.16s * var(--motion)) ease-out}@keyframes g48-nudge-l{40%{transform:translate(-5px)}}@keyframes g48-nudge-r{40%{transform:translate(5px)}}@keyframes g48-nudge-u{40%{transform:translateY(-5px)}}@keyframes g48-nudge-d{40%{transform:translateY(5px)}}.g48-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:12px;border-radius:20px;cursor:default;background:color-mix(in srgb,var(--g48-tray) 40%,transparent);animation:g48-fade calc(.25s * var(--motion)) ease-out both}@keyframes g48-fade{0%{opacity:0}}.g48-card{display:grid;justify-items:center;gap:10px;text-align:center;color:var(--g48-tray-ink);max-width:min(30ch,100%);padding:18px 18px 16px;border-radius:18px;background:color-mix(in srgb,var(--g48-tray) 94%,transparent);box-shadow:0 12px 32px #080a1466}.g48-card p{margin:0;text-wrap:balance}.g48-card .g48-big{font-family:var(--font-display);font-weight:800;font-size:2.1rem;line-height:1.1}.g48-card .g48-big.is-small{font-size:1.45rem}.g48-card .suvi-btn{min-width:12rem;max-width:100%;min-height:48px}.g48-overlay[data-kind=win] .g48-big{background:var(--ring);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:3rem}.g48-msg{min-height:1.4em;margin:0;text-align:center;color:var(--ink-2);font-size:.92rem;line-height:1.35}.g48-tools{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.g48-tools{gap:6px}.g48-tools .suvi-btn{min-height:48px;padding:8px 14px}.g48-ico svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.g48-tools a.g48-other{text-decoration:underline;text-underline-offset:3px;color:var(--ink);font-weight:700;padding-inline:8px}.g48-result .emoji{font-size:1.05rem;letter-spacing:.04em}.g48-result .g48-note{margin:4px 0 0;color:var(--ink-2)}@media(pointer:fine)and (min-width:700px){.g48{--bw: min(100%, 460px, max(300px, calc(100vh - 290px) ))}:root[data-text-size=large] .g48{--bw: min(100%, 460px, max(300px, calc(100vh - 330px) ))}}:root[data-text-size=large] .g48-stat b{font-size:calc(1.35rem * 16 / 19)}:root[data-text-size=large] .g48-stat{padding:6px 10px}:root[data-text-size=large] .g48-card .suvi-btn{min-width:0;width:100%}:root[data-text-size=large] .g48-card .g48-big{font-size:calc(2.1rem * 16 / 19)}:root[data-text-size=large] .g48-card .g48-big.is-small{font-size:calc(1.45rem * 16 / 19)}