@import url('https://fonts.googleapis.com/css2?family=Lilita+One&display=swap');
/* Five distinct little game boxes, with chunky hand-set, outlined wordmarks. */
.pack-options{gap:13px;grid-template-columns:repeat(6,minmax(0,1fr));padding:6px 4px 8px 0}.pack-option{--deck-bg:#9361ff;--deck-title:#ffff29;--deck-ink:#10102a;position:relative;grid-column:span 2;isolation:isolate;overflow:hidden;min-height:155px;padding:0!important;border:3px solid #050919!important;border-top:3px solid #050919!important;border-radius:14px;background:var(--deck-bg)!important;color:var(--deck-ink)!important;box-shadow:5px 6px 0 #020817!important;text-align:left;transition:transform .16s ease,box-shadow .16s ease;transform:rotate(-1deg)}.pack-option:nth-child(2n){transform:rotate(1.3deg)}.pack-option:nth-child(n+4){grid-column:span 3;min-height:150px}.pack-option:hover{transform:translateY(-4px) rotate(-2deg);box-shadow:7px 9px 0 #020817!important}.pack-option.selected{outline:3px solid #ffff29;outline-offset:4px;transform:translateY(-2px) rotate(-1deg)}.pack-option:focus-visible{outline:3px solid #fff;outline-offset:4px}.pack-option.selected:focus-visible{outline:3px solid #ffff29;outline-offset:4px}.pack-option.classic,.pack-tile.classic{--deck-bg:#9361ff;--deck-title:#ffff29}.pack-option.genz,.pack-tile.genz{--deck-bg:#25ddbc;--deck-title:#ff62c5}.pack-option.millennial,.pack-tile.millennial{--deck-bg:#ff9b55;--deck-title:#e7c1ff}.pack-option.nineties,.pack-tile.nineties{--deck-bg:#ff62bc;--deck-title:#ffff29}.pack-option.urban,.pack-tile.urban{--deck-bg:#ffff29;--deck-title:#fff8ec}.pack-art{display:flex;flex-direction:column;justify-content:flex-end;position:relative;min-height:120px;padding:39px 13px 10px;overflow:hidden;isolation:isolate}.pack-art:before{content:'';position:absolute;inset:0;z-index:-2;background-image:radial-gradient(#16122b25 1px,transparent 1px);background-size:8px 8px}.pack-doodle{position:absolute;right:12px;top:9px;font:900 33px/1 'Lilita One',Impact,sans-serif;color:#fff6ed;-webkit-text-stroke:2px #050919;paint-order:stroke fill;text-shadow:2px 2px #050919;transform:rotate(13deg);z-index:0}.pack-wordmark{display:block!important;position:relative;margin:0!important;padding:0;color:var(--deck-title)!important;font-family:'Lilita One','Arial Black',Impact,sans-serif!important;font-weight:400!important;font-size:clamp(23px,2.65vw,35px)!important;line-height:.95!important;letter-spacing:-.025em!important;-webkit-text-stroke:4px #050919;paint-order:stroke fill;text-shadow:3px 4px 0 #050919;transform:rotate(-5deg);z-index:2}.pack-wordmark-line{display:block;white-space:nowrap}.pack-sticker{align-self:flex-start;position:relative;margin:11px 0 0!important;min-height:0;font:900 7px/1.2 'DM Sans',sans-serif;letter-spacing:.06em;color:#080f24;background:#fff8eb;border:1.5px solid #050919;border-radius:3px;padding:4px 6px;box-shadow:2px 2px #050919;transform:rotate(2deg);z-index:2}.pack-word-count{display:block!important;color:#11152a!important;border-top:2px solid #05091988;background:#ffffff30;margin:0!important;padding:8px 12px;font-size:7px!important;letter-spacing:.04em!important;font-weight:900!important;line-height:1.4!important;position:relative;z-index:2}.pack-option .selected-mark{position:absolute;right:8px;top:8px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#ffff29;color:#050919;border:2px solid #050919;border-radius:50%;font:900 14px/1 sans-serif;box-shadow:2px 2px #050919;z-index:4}.pack-option.selected .pack-doodle{right:33px}.pack-scribble{position:absolute;z-index:0;pointer-events:none}.pack-scribble.one{left:-14px;top:14px;width:50px;height:50px;border:3px solid #05091966;border-radius:50%;box-shadow:0 0 0 7px #ffff2955;transform:rotate(-20deg)}.pack-scribble.two{right:-13px;bottom:7px;width:55px;height:55px;border:3px solid #05091933;transform:rotate(25deg)}
.genz .pack-art:before{background:repeating-linear-gradient(125deg,transparent 0 19px,#fff7 20px 22px,transparent 23px 40px)}.genz .pack-wordmark{font-size:clamp(30px,3.3vw,43px)!important;transform:rotate(4deg)}.genz .pack-scribble.one{width:50px;height:26px;border-radius:6px;box-shadow:3px 3px #05091966;border:2px solid #05091988;background:#fff2;top:14px;left:10px;transform:rotate(-12deg)}.genz .pack-scribble.two{border-radius:50%;border-width:4px;border-color:#05091955}.genz .pack-doodle{color:#ffff29;transform:rotate(-13deg);font-size:38px}.millennial .pack-art:before{background:radial-gradient(ellipse at 80% 5%,#ffd2a9 0 28%,transparent 29%),linear-gradient(150deg,transparent 45%,#f56e45aa 46% 65%,transparent 66%)}.millennial .pack-doodle{width:38px;height:38px;border:3px solid #050919;border-radius:50%;background:conic-gradient(#d6b1ff,#ffecff,#b08aff,#ffeaff,#d6b1ff);font-size:0;-webkit-text-stroke:0;box-shadow:2px 2px #050919}.millennial .pack-doodle:after{content:'';position:absolute;inset:12px;border:2px solid #050919;border-radius:50%;background:#ff9b55}.millennial .pack-wordmark{font-size:clamp(19px,2.1vw,28px)!important;letter-spacing:-.04em!important;transform:rotate(-4deg)}.millennial .pack-scribble.one{border-radius:0;border-color:#05091944;left:12px;top:10px;width:23px;height:18px;box-shadow:3px 3px #ffec8c88;transform:rotate(18deg)}.millennial .pack-scribble.two{display:none}.nineties .pack-art:before{background:repeating-linear-gradient(18deg,transparent 0 24px,#ff3dab66 25px 36px,transparent 37px 65px)}.nineties .pack-wordmark{font-size:58px!important;line-height:.75!important;transform:rotate(-7deg);margin-top:3px!important}.nineties .pack-doodle{font-size:50px;right:16px;top:15px;color:#29dec0}.nineties .pack-scribble.one{width:42px;height:25px;border-radius:0;clip-path:polygon(0 100%,50% 0,100% 100%);border:0;background:#005dff;box-shadow:none;left:14px;top:10px;transform:rotate(14deg)}.nineties .pack-scribble.two{width:61px;height:19px;right:32px;bottom:30px;border:0;border-bottom:5px solid #050919;border-top:5px solid #050919;transform:rotate(-20deg)}.urban .pack-art:before{background:radial-gradient(ellipse at 100% 2%,#ffb6e5 0 26%,transparent 27%),repeating-linear-gradient(155deg,transparent 0 20px,#11101b10 21px 22px,transparent 23px 43px)}.urban .pack-wordmark{font-size:33px!important;line-height:.88!important;transform:rotate(-3deg);-webkit-text-stroke:4px #050919;text-shadow:3px 4px #050919}.urban .pack-wordmark .line-1{font-size:.66em;letter-spacing:-.025em;margin-top:5px}.urban .pack-doodle{background:#ff62bc;color:#fff8ec;border:2px solid #050919;border-radius:50%;width:42px;height:36px;display:flex;align-items:center;justify-content:center;font-size:22px;top:10px;right:12px;box-shadow:2px 2px #050919;transform:rotate(9deg)}.urban .pack-scribble.one{display:none}.urban .pack-sticker{background:#050919;color:#ffff29;box-shadow:none;border-color:#050919}.urban .pack-word-count{font-size:6.8px!important;background:#fff8eb99}
/* The same pack art continues into the browse/preview experience. */
.pack-tile{position:relative;overflow:hidden;border:3px solid #050919!important;background:var(--deck-bg)!important;color:#11152a!important;border-radius:14px;box-shadow:5px 6px #020817!important;padding:0!important}.pack-tile .pack-art{min-height:145px;padding:38px 22px 16px}.pack-tile .pack-wordmark{font-size:47px!important}.pack-tile.millennial .pack-wordmark{font-size:40px!important}.pack-tile.nineties .pack-wordmark{font-size:70px!important}.pack-tile.urban .pack-wordmark{font-size:43px!important}.pack-tile .pack-sticker{font-size:8px}.pack-tile>p{padding:0 22px;margin:7px 0 13px;color:#11152a!important;font-size:12px;font-weight:700}.pack-tile>div{border-top:2px solid #05091988!important;background:#ffffff35;padding:12px 22px;color:#11152a!important;font-size:8px;font-weight:900}.pack-pill.urban{font-size:7px;letter-spacing:0;padding:7px 8px}.pack-pill.nineties{font-size:10px}.autoplay-intro .intro-audio-note{max-width:300px}.autoplay-intro .intro-beat-bars{margin-top:15px}.autoplay-intro .intro-police-cameo{pointer-events:none}
@media(max-width:700px){.pack-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px;padding:5px 4px 7px 0}.pack-option,.pack-option:nth-child(n+4){grid-column:span 1;min-height:145px}.pack-option.urban{grid-column:span 2;min-height:137px}.pack-art{min-height:116px;padding:38px 11px 10px}.pack-wordmark{font-size:27px!important;-webkit-text-stroke:3px;text-shadow:2px 3px #050919}.genz .pack-wordmark{font-size:35px!important}.millennial .pack-wordmark{font-size:20px!important;letter-spacing:-.05em!important}.nineties .pack-wordmark{font-size:56px!important}.pack-sticker{font-size:6px;padding:3px 5px;margin-top:10px!important}.pack-word-count{font-size:6px!important;padding:7px 10px}.pack-doodle{font-size:30px}.urban .pack-art{min-height:103px;padding:15px 14px 14px;justify-content:center}.urban .pack-wordmark{font-size:35px!important;max-width:75%;transform:rotate(-3deg)}.urban .pack-wordmark .line-1{font-size:.65em;margin-top:4px}.urban .pack-sticker{position:absolute;right:14px;bottom:15px;font-size:5.5px;max-width:88px;transform:rotate(4deg);padding:5px}.urban .pack-doodle{right:21px;top:14px;width:47px;height:40px;font-size:25px}.urban.selected .pack-doodle{right:41px}.urban .pack-word-count{font-size:7px!important;padding:8px 12px}.pack-tile .pack-wordmark{font-size:41px!important}.pack-tile.millennial .pack-wordmark{font-size:32px!important}.pack-tile.urban .pack-wordmark{font-size:40px!important;max-width:none}.pack-tile.urban .pack-art{min-height:140px;padding:25px 20px}.pack-tile.urban .pack-sticker{position:relative;right:auto;bottom:auto;max-width:none;font-size:7px}.pack-tile>p{font-size:11px}.pack-tile>div{font-size:7px;padding:10px 18px}.pack-pill.urban{font-size:6.5px}.autoplay-intro .intro-audio-note{font-size:8px;max-width:270px}}
@media(max-width:360px){.pack-options{gap:13px 10px}.pack-art{padding-left:9px;padding-right:9px;min-height:112px}.pack-wordmark{font-size:23px!important}.genz .pack-wordmark{font-size:31px!important}.millennial .pack-wordmark{font-size:16px!important;letter-spacing:-.04em!important}.nineties .pack-wordmark{font-size:50px!important}.pack-sticker{font-size:5px}.urban .pack-wordmark{font-size:31px!important}.urban .pack-doodle{right:15px;top:11px}.urban .pack-sticker{right:8px;font-size:5px;max-width:79px}.urban .pack-word-count{font-size:6px!important}}
@media(prefers-reduced-motion:reduce){.pack-option,.pack-option:hover,.pack-option.selected{transform:none;transition:none}.autoplay-intro .intro-beat-bars i{animation:none}}
/* One original Lingo pig officer is reused at decision, challenge, reveal and intro. */
.floating-officer .officer-head{transform-origin:115px 115px;animation:officer-peek 4.3s ease-in-out infinite}.floating-officer .officer-eyes{transform-origin:112px 124px;animation:officer-blink 5.2s ease-in-out infinite}.floating-officer .officer-pupils{animation:officer-look 4.8s ease-in-out infinite}.floating-officer .officer-cuff-hand{transform-origin:160px 172px;animation:glove-wag 3.4s ease-in-out infinite}.floating-officer .officer-cuffs{transform-origin:198px 158px;animation:cuff-swing 2.5s ease-in-out infinite}.decision-card>.word-police{margin:17px auto 22px}.decision-card .floating-officer{width:210px}.decision-card>.police-question{font-size:52px;line-height:.95;letter-spacing:-.025em;color:#ffff29}.decision-card .subcopy{margin-top:18px}.floating-officer+.police-title{margin-top:-6px}.intro-police-cameo .floating-officer{width:180px}
@keyframes officer-peek{0%,62%,100%{transform:rotate(-3deg) translateY(0)}72%{transform:rotate(4deg) translateY(-4px)}85%{transform:rotate(-5deg) translateY(0)}}@keyframes officer-blink{0%,45%,49%,100%{transform:scaleY(1)}47%{transform:scaleY(.08)}}@keyframes officer-look{0%,28%,100%{transform:translateX(0)}35%,65%{transform:translateX(-8px)}}@keyframes glove-wag{0%,65%,100%{transform:rotate(0)}75%{transform:rotate(-9deg)}85%{transform:rotate(5deg)}}
@media(max-width:700px){.decision-card>.police-question{font-size:39px;line-height:1}.decision-card .floating-officer{width:180px}.decision-card>.word-police{margin:15px auto 20px}.intro-police-cameo .floating-officer{width:150px}.floating-officer+.police-title{margin-top:-3px}}
@media(max-width:360px){.decision-card>.police-question{font-size:33px}.decision-card .floating-officer{width:160px}.decision-card>.word-police{margin:13px auto 18px}}
@media(prefers-reduced-motion:reduce){.floating-officer *{animation:none!important;transform:none!important}}
.pack-option>.pack-art,.pack-tile>.pack-art{display:flex;margin:0}.pack-option .pack-word-count{font-size:8px!important}.pack-option.urban .pack-word-count{font-size:8px!important}.pack-option .pack-art{justify-content:flex-end}
@media(max-width:360px){.pack-option .pack-word-count,.pack-option.urban .pack-word-count{font-size:7px!important}}
.tutorial-art .word-police{margin:0 auto 14px}.tutorial-art .floating-officer{width:110px}.tutorial-art .police-title{font-size:16px;margin-top:-5px}.tutorial-art .police-caption{display:none}

.pig-officer .officer-mouth{animation:none}.pig-officer .officer-tongue{transform-origin:125px 194px;animation:pig-blep 3.7s ease-in-out infinite}.pig-officer .officer-ears{transform-origin:115px 100px;animation:pig-ear-wiggle 4.7s ease-in-out infinite}
@keyframes pig-blep{0%,63%,100%{transform:rotate(0)}73%{transform:rotate(6deg)}83%{transform:rotate(-4deg)}}@keyframes pig-ear-wiggle{0%,71%,100%{transform:scaleX(1)}77%{transform:scaleX(1.08)}84%{transform:scaleX(.98)}}
@media(prefers-reduced-motion:reduce){.pig-officer .officer-tongue,.pig-officer .officer-ears{animation:none!important}}

@media(max-width:360px){.nineties .pack-doodle{font-size:34px;top:10px}.nineties.selected .pack-doodle{right:30px}}