.t48{--tray:#18224a;--well:#24305e;--tray-edge:rgba(143,211,255,0.14);--slide:110ms;position:relative;width:100%;aspect-ratio:1;padding:2.6%;border-radius:16px;background:var(--tray);box-shadow:inset 0 0 0 1px var(--tray-edge);font-family:var(--font,ui-sans-serif,system-ui,sans-serif);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-moz-user-select:none;user-select:none;-webkit-user-select:none}.t48.is-small{border-radius:10px}.t48-board{position:relative;container-type:inline-size;--gap:2.8cqi;--cell:calc((100cqi - 3 * var(--gap)) / 4);--r:calc(var(--cell) * 0.1)}.t48-board,.t48-cells{width:100%;height:100%}.t48-cells{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--gap);gap:var(--gap)}.t48-cells>i{display:block;border-radius:var(--r);background:var(--well)}.t48-tiles{position:absolute;inset:0}.t48-tile{position:absolute;top:0;left:0;z-index:1;width:var(--cell);height:var(--cell);transform:translate(calc(var(--x) * (var(--cell) + var(--gap))),calc(var(--y) * (var(--cell) + var(--gap))));transition:transform var(--slide) cubic-bezier(.25,.75,.35,1);will-change:transform}.t48-tile.is-gone{z-index:0}.t48-tile.is-top{z-index:2}.t48-face{display:grid;place-items:center;width:100%;height:100%;border-radius:var(--r);font-weight:850;line-height:1;letter-spacing:-.02em;font-size:calc(var(--cell) * .46)}.t48-face[data-d="3"]{font-size:calc(var(--cell) * .38)}.t48-face[data-d="4"]{font-size:calc(var(--cell) * .3)}.t48-face[data-d="5"]{font-size:calc(var(--cell) * .245)}.t48-face.is-new{animation:t48-grow .16s cubic-bezier(.2,.8,.3,1.2) var(--slide) backwards}.t48-face.is-merged{animation:t48-pop .18s ease-out var(--slide) backwards}@keyframes t48-grow{0%{transform:scale(.1);opacity:0}}@keyframes t48-pop{0%{transform:scale(1);opacity:0}1%{opacity:1}50%{transform:scale(1.14)}to{transform:scale(1)}}.t48.is-still .t48-tile{transition:none}.t48.is-still .t48-face{animation:none}.t48-face{color:#1b2440;background:#e9eefb}.t48-face[data-e="2"]{background:#c9d7f7}.t48-face[data-e="3"]{background:#ffb45e;color:#2b1300}.t48-face[data-e="4"]{background:#ff8748;color:#2b0c00}.t48-face[data-e="5"]{background:#ff5f5f;color:#2b0404}.t48-face[data-e="6"]{background:#d42a4c;color:#fff}.t48-face[data-e="7"]{background:#ffd84a;color:#2a2000}.t48-face[data-e="8"]{background:#f2bd00;color:#231a00}.t48-face[data-e="9"]{background:#2ee6a6;color:#032a1d}.t48-face[data-e="10"]{background:#17b5d4;color:#021b22}.t48-face[data-e="11"]{background:#3b6cff;color:#fff;box-shadow:0 0 0 2px #ffc94d,0 0 18px rgba(255,201,77,.45)}.t48-face[data-e="12"]{background:#7c4dff;color:#fff}.t48-face[data-e="13"]{background:#0b0f1e;color:#ffc94d;box-shadow:inset 0 0 0 2px #ffc94d}.t48.is-daylight{--tray:#b9c6e4;--well:#d3dcf0;--tray-edge:rgba(11,19,48,0.08)}.t48.is-daylight .t48-face[data-e="1"]{background:#ffffff}.t48.is-daylight .t48-face[data-e="2"]{background:#eef2ff}.t48.is-rendered{--tray:linear-gradient(160deg,#3a2716,#22160c);--well:rgba(0,0,0,0.32);--tray-edge:rgba(255,220,160,0.12);background:var(--tray)}.t48.is-halloween{--tray:linear-gradient(160deg,#241a28,#0f0a12);--tray-edge:rgba(255,140,40,0.25)}.t48.is-christmas{--tray:linear-gradient(160deg,#5a1614,#2c0908);--tray-edge:rgba(230,196,120,0.3)}.t48.is-new-year{--tray:linear-gradient(160deg,#1b2244,#0b0e1f);--tray-edge:rgba(240,205,120,0.3)}.t48.is-rendered .t48-face{color:#fff;background:var(--strip) no-repeat;background-size:1300% 100%;background-position:calc(var(--i) * 100% / 12) 0;text-shadow:0 1px 2px rgba(0,0,0,.55);box-shadow:none}.t48.is-rendered .t48-face.is-ink{color:#2a2117;text-shadow:0 1px 0 rgba(255,255,255,.35)}.t48.is-dim .t48-tiles{opacity:.28;transition:opacity .25s}.t48-over{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:6%;text-align:center}