.lob-grid{perspective:900px}.lob-tile{transform-style:preserve-3d;transition:transform .55s cubic-bezier(.3, 1.2, .5, 1) var(--delay), opacity .45s ease-out var(--delay)}.lob-board{background-color:#222e72;border-color:#eed6a1;box-shadow:0 5px #a78046,0 12px 28px #15204a30}.lob-face{background:radial-gradient(ellipse at 22% 0%, #ffffff38, transparent 65%), linear-gradient(155deg, var(--tile), #1c285b);border:2px solid #e7c787;box-shadow:inset 0 2px 1px #fff6,inset 0 -4px 4px #111c4c99,0 3px #ad8747}.lob-face:before{content:"";pointer-events:none;border:1px solid #f2d89b66;border-radius:.45rem;position:absolute;inset:5px}.lob-number{color:#222e72;text-shadow:0 1px #fff9;background:linear-gradient(145deg,#fffcf0,#f1ce7b);border:1px solid #fff1c8;border-radius:50%;place-items:center;width:1.65em;height:1.65em;display:grid;box-shadow:inset 0 2px #fff,0 3px #b48b45,0 5px 8px #111b4b55}.lob-tile:disabled:not(.lob-open){cursor:default}.lob-open{opacity:0;pointer-events:none;transform:rotateY(100deg)scale(.9)}.lob-last{animation:.6s ease-out lob-glow}.lob-pop{animation:.4s cubic-bezier(.2,.9,.3,1.4) both lob-pop}@keyframes lob-glow{0%{box-shadow:0 0 0 6px #ffc83d}to{box-shadow:0 0 #0000}}@keyframes lob-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}