.jhinuk-beach{background:linear-gradient(#ff9f6e 0%,#ffc996 26%,#ffe2b8 40%)}.jhinuk-beach--lagoon{background:linear-gradient(#8fd8f0 0%,#c6f0f2 30%,#e6fbf8 40%)}.jhinuk-beach--dusk{background:linear-gradient(#2b1d48 0%,#6a3f74 24%,#d77a75 40%)}.jhinuk-sun{background:radial-gradient(circle,#fff3c4,#ffc36b 55%,#ffc36b00 72%);border-radius:999px;width:7rem;height:7rem;position:absolute;top:22%;left:50%;transform:translate(-50%)}.jhinuk-beach--lagoon .jhinuk-sun{background:radial-gradient(circle,#fffbe0,#ffe48a 55%,#ffe48a00 72%);top:8%;left:78%}.jhinuk-beach--dusk .jhinuk-sun{background:radial-gradient(circle,#ffe0c2,#ff9d8a 55%,#ff9d8a00 72%)}.jhinuk-sea{background:linear-gradient(#2f8fb0 0%,#4fb3c8 70%,#8fd5d8 100%);height:20%;position:absolute;top:36%;left:0;right:0;overflow:hidden}.jhinuk-beach--dusk .jhinuk-sea{background:linear-gradient(#3b3a78 0%,#6a5a9a 70%,#b48aa8 100%)}.jhinuk-wave{background:#ffffff73;border-radius:999px;width:120%;height:.5rem;animation:6.5s ease-in-out infinite jhinuk-wave;position:absolute;left:-10%}@keyframes jhinuk-wave{50%{opacity:.25;transform:translate(6%)scaleX(.92)}}.jhinuk-sand{background:radial-gradient(120% 30% at 50% 0,#ffffffa6,#0000 60%),radial-gradient(circle,#966e462e 1px,#0000 1.5px) 0 0/14px 14px,linear-gradient(#f7dcae,#eac48c);position:absolute;inset:54% 0 0}.jhinuk-beach--dusk .jhinuk-sand{background:radial-gradient(120% 30% at 50% 0,#ffdcc866,#0000 60%),radial-gradient(circle,#3c1e3233 1px,#0000 1.5px) 0 0/14px 14px,linear-gradient(#c99a8c,#9d7083)}.jhinuk-glint{background:#fff;border-radius:999px;width:.5rem;height:.5rem;animation:2.6s ease-in-out infinite jhinuk-glint;position:absolute;box-shadow:0 0 10px 4px #ffffffb3}@keyframes jhinuk-glint{50%{opacity:.2;transform:scale(.5)}}.jhinuk-stage{z-index:20;justify-content:center;align-items:flex-end;padding:7rem 1rem 9vh;display:flex;position:fixed;inset:0}.jhinuk-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem .7rem;width:min(94vw,27rem);display:grid}.jhinuk-tile{aspect-ratio:1/1.08;perspective:600px;position:relative}.jhinuk-inner{color:#3a2a20;border-radius:50% 50% 46% 46%/40% 40% 60% 60%;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.4rem;display:flex;position:absolute;inset:12% 6% 0;overflow:hidden;box-shadow:inset 0 4px 12px #00000026}.jhinuk-emoji{font-size:2.2rem;line-height:1}.jhinuk-pic{object-fit:cover;border-radius:.6rem;width:70%;height:58%}.jhinuk-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.72rem;font-weight:600;overflow:hidden}.jhinuk-pearl{background:radial-gradient(circle at 35% 30%,#fff,#f1e6ff 50%,#cdbde6);border-radius:999px;width:.9rem;height:.9rem;animation:.5s cubic-bezier(.2,.9,.3,1.6) both bw-pop;position:absolute;bottom:10%;right:16%;box-shadow:0 0 10px 3px #ffffffe6}.jhinuk-lid{transform-origin:50% 0;filter:drop-shadow(0 8px 8px #00000038);transition:transform .55s cubic-bezier(.3,1.2,.4,1);position:absolute;inset:0}.jhinuk-tile--open .jhinuk-lid{transform:rotateX(78deg)translateY(-12%)}.jhinuk-tile--matched .jhinuk-inner{box-shadow:inset 0 4px 12px #0000001f,0 0 0 3px #ffffffe6,0 0 22px 4px #fff5d2cc}.jhinuk-tile:not(.jhinuk-tile--open):active .jhinuk-lid{transform:scale(.94)}.jhinuk-tile:not(.jhinuk-tile--open) .jhinuk-inner{visibility:hidden;transition:visibility 0s .5s}