/* Equal-format collectible packs: one measured layout, five themed identities. */
.pack-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:6px 5px 9px!important;align-items:stretch}.pack-option,.pack-option:nth-child(n+4),.pack-option.urban{container-type:inline-size;grid-column:auto;display:grid;grid-template-rows:minmax(0,1fr) 27px;aspect-ratio:4/5;min-height:0!important;height:auto!important;min-width:0;padding:0!important;transform:none;border-radius:15px;overflow:hidden}.pack-option:nth-child(2n){transform:none}.pack-option:hover{transform:translateY(-3px)}.pack-option.selected{transform:translateY(-2px);outline-width:3px;outline-offset:3px}.pack-option .pack-art,.pack-option.urban .pack-art{display:grid!important;grid-template-rows:minmax(32px,1fr) auto 18px;align-items:end;justify-items:start;justify-content:stretch;min-height:0!important;min-width:0;width:100%;height:100%;padding:10px 10px 8px;gap:5px;box-sizing:border-box;margin:0;overflow:hidden}.pack-option .pack-wordmark,.pack-option.urban .pack-wordmark{font-size:21cqw!important;line-height:.91!important;letter-spacing:-.025em!important;transform:rotate(-2deg);width:100%;max-width:none;margin:0!important;-webkit-text-stroke:3px #050919;text-shadow:2px 3px #050919;paint-order:stroke fill}.pack-option .pack-wordmark-line{white-space:nowrap}.pack-option.classic .pack-wordmark{font-size:21cqw!important}.pack-option.genz .pack-wordmark{font-size:25cqw!important}.pack-option.millennial .pack-wordmark{font-size:13cqw!important;letter-spacing:-.035em!important;line-height:1.2!important}.pack-option.nineties .pack-wordmark{font-size:39cqw!important;line-height:.84!important}.pack-option.urban .pack-wordmark{font-size:23cqw!important}.pack-option.urban .pack-wordmark .line-1{font-size:.55em;letter-spacing:-.04em;margin-top:5px}.pack-option .pack-sticker,.pack-option.urban .pack-sticker{position:relative;inset:auto;align-self:end;justify-self:start;max-width:100%;font-size:4.4cqw;line-height:1;white-space:nowrap;padding:3px 4px;margin:0!important;transform:none;min-height:0;box-sizing:border-box}.pack-option .pack-word-count,.pack-option.urban .pack-word-count{font-size:6.2px!important;line-height:1.2!important;letter-spacing:.015em!important;padding:6px 8px!important;min-height:27px;box-sizing:border-box;display:flex!important;align-items:center}.pack-option.urban .pack-word-count{font-size:5.4px!important}.pack-option .pack-doodle,.pack-option.selected .pack-doodle{position:relative;inset:auto!important;display:flex;align-items:center;justify-content:center;justify-self:end;width:40%;height:auto;max-height:61px;aspect-ratio:1;line-height:1;font-size:0;border:0!important;border-radius:0;background:none!important;box-shadow:none;-webkit-text-stroke:0;text-shadow:none;transform:rotate(7deg);margin-right:8px}.pack-option .pack-doodle:after,.pack-scribble{display:none!important}.pack-doodle svg{width:100%;height:100%;overflow:visible;stroke:#050919;stroke-width:4;stroke-linejoin:round}.pack-doodle .nerd-emoji{font-size:36cqw;line-height:1}.pack-option .selected-mark{width:20px;height:20px;right:5px;top:5px;font-size:12px;z-index:5}.pack-art:before{inset:0;z-index:-2}.classic .pack-art:before{background:repeating-linear-gradient(0deg,transparent 0 19px,#fff3 20px 21px),linear-gradient(90deg,transparent 12%,#ffffff35 13%,transparent 14%)}.classic .pack-art:after{content:'Aa + Zz';position:absolute;left:8px;top:13px;font:800 12px/1.2 monospace;color:#1c11494d;transform:rotate(-14deg);z-index:-1}.genz .pack-art:before{background:radial-gradient(ellipse at 9% 15%,#fff7 0 19%,transparent 20%),repeating-linear-gradient(135deg,transparent 0 22px,#ffffff35 23px 25px,transparent 26px 48px)}.genz .pack-art:after{content:'@  #';position:absolute;left:10px;top:17px;color:#064b4240;font:900 27px/1 monospace;z-index:-1}.millennial .pack-art:before{background:linear-gradient(90deg,#fff2 1px,transparent 1px),linear-gradient(#fff2 1px,transparent 1px),linear-gradient(145deg,#ffb06c,#ff9350);background-size:14px 14px,14px 14px,100% 100%}.millennial .pack-art:after{content:'♫';position:absolute;left:10px;top:16px;font:900 38px/1 sans-serif;color:#7837125a;transform:rotate(-12deg);z-index:-1}.nineties .pack-art:before{background:repeating-linear-gradient(20deg,transparent 0 20px,#ff3cab66 21px 31px,transparent 32px 59px)}.nineties .pack-art:after{content:'▰ ▰ ▰';position:absolute;left:7px;top:16px;width:40%;font:900 12px/1.4 monospace;color:#0757c87a;transform:rotate(-15deg);z-index:-1}.urban .pack-art:before{background:radial-gradient(ellipse at 88% 10%,#ffabe5 0 24%,transparent 25%),repeating-linear-gradient(0deg,transparent 0 17px,#11101b0b 18px 19px,transparent 20px 38px)}.urban .pack-art:after{content:'BRB?!';position:absolute;left:10px;top:18px;font:900 12px/1 monospace;color:#13141a55;transform:rotate(-12deg);z-index:-1}
/* Preview cards also share the same height and never crop names. */
.pack-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.pack-tile{container-type:inline-size;display:grid;grid-template-rows:165px 52px 38px;height:255px!important;min-width:0;transform:none}.pack-tile .pack-art,.pack-tile.urban .pack-art{min-height:0!important;display:grid;grid-template-rows:60px 1fr 15px;gap:7px;padding:10px 16px 12px;width:100%;box-sizing:border-box}.pack-tile .pack-doodle{position:relative;inset:auto!important;justify-self:end;width:60px;height:60px;border:0;background:none;box-shadow:none;font-size:0;transform:rotate(6deg)}.pack-tile .pack-doodle:after{display:none}.pack-tile .nerd-emoji{font-size:58px}.pack-tile .pack-wordmark,.pack-tile.urban .pack-wordmark{font-size:19cqw!important;max-width:none;align-self:end;line-height:.9!important;transform:rotate(-2deg);-webkit-text-stroke:3px #050919;text-shadow:2px 3px #050919}.pack-tile.millennial .pack-wordmark{font-size:12cqw!important;letter-spacing:-.035em!important}.pack-tile.genz .pack-wordmark{font-size:23cqw!important}.pack-tile.nineties .pack-wordmark{font-size:34cqw!important}.pack-tile.urban .pack-wordmark{font-size:19cqw!important}.pack-tile.urban .line-1{font-size:.6em}.pack-tile .pack-sticker,.pack-tile.urban .pack-sticker{position:relative;inset:auto;margin:0!important;font-size:6px;padding:3px 4px;max-width:none;align-self:end;justify-self:start;transform:none}.pack-tile>p{margin:0!important;padding:8px 15px!important;font-size:10px!important;line-height:1.5;align-self:center}.pack-tile>div{font-size:6px!important;padding:8px 15px!important;display:flex;align-items:center}.pack-pill.classic{font-size:8px;letter-spacing:.01em}
.lobby-game-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;width:100%}.paused-game-note .lobby-game-actions button{width:100%;min-height:48px;font-size:9px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:8px}.paused-game-note .lobby-game-actions .end-game-button{background:#0d2857;color:#fff9ee;border:2px solid #ff58bd;box-shadow:3px 4px #020817}.lobby-game-actions svg{width:16px;height:16px;flex:0 0 auto}
.intro-unlock{position:relative;z-index:8;margin:8px auto 0;padding:9px 14px;background:#ffff29;color:#050919;border:2px solid #050919;border-radius:20px;box-shadow:3px 3px #050919;font-size:9px;font-weight:900;min-height:40px}.intro-unlock[hidden]{display:none!important}.autoplay-intro .intro-audio-note{font-size:9px;margin-top:10px;max-width:300px}.intro-sound[aria-pressed="true"]{color:#ffff29;background:#0e2350;border-color:#ffff29}
@media(max-width:700px){.pack-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.pack-option,.pack-option:nth-child(n+4),.pack-option.urban{grid-column:auto;aspect-ratio:4/5;min-height:0}.pack-option .pack-word-count{font-size:7px!important}.pack-option.urban .pack-word-count{font-size:5.9px!important}.pack-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pack-tile{grid-template-rows:140px 54px 38px;height:232px!important}.pack-tile .pack-art,.pack-tile.urban .pack-art{grid-template-rows:45px 1fr 14px;padding:10px 10px 10px;gap:6px}.pack-tile .pack-doodle{width:45px;height:45px}.pack-tile .nerd-emoji{font-size:44px}.pack-tile>p{padding:5px 10px!important;font-size:8px!important}.pack-tile>div{padding:6px 9px!important;font-size:5px!important}.pack-tile .pack-sticker,.pack-tile.urban .pack-sticker{font-size:4.1cqw;padding:3px;white-space:nowrap}.pack-tile .pack-wordmark,.pack-tile.urban .pack-wordmark{font-size:20cqw!important}.pack-tile.millennial .pack-wordmark{font-size:12.5cqw!important}.pack-tile.genz .pack-wordmark{font-size:24cqw!important}.pack-tile.nineties .pack-wordmark{font-size:36cqw!important}}
@media(max-width:360px){.pack-options{gap:13px 10px}.pack-option .pack-art,.pack-option.urban .pack-art{padding:8px 8px 7px;gap:4px;grid-template-rows:minmax(26px,1fr) auto 16px}.pack-option .pack-word-count{font-size:6px!important;padding:5px 6px!important}.pack-option.urban .pack-word-count{font-size:5px!important}.pack-option .pack-wordmark{ -webkit-text-stroke:2.5px #050919;text-shadow:1px 2px #050919}.pack-option .pack-doodle{margin-right:6px}.lobby-game-actions{grid-template-columns:1fr}.pack-gallery{grid-template-columns:1fr}.pack-tile{grid-template-rows:180px 40px 30px;height:250px!important}.pack-tile .pack-art,.pack-tile.urban .pack-art{grid-template-rows:60px 1fr 15px}.pack-tile .pack-doodle{width:55px;height:55px}.pack-tile .pack-wordmark,.pack-tile.urban .pack-wordmark{font-size:19cqw!important}.pack-tile.millennial .pack-wordmark{font-size:12.5cqw!important}.pack-tile.nineties .pack-wordmark{font-size:32cqw!important}}
@media(orientation:landscape) and (max-height:600px){.intro-unlock{position:absolute;right:8%;bottom:22%;font-size:8px;padding:7px 10px;min-height:36px}.autoplay-intro .intro-audio-note{font-size:7px;max-width:250px;min-height:24px}}
@media(prefers-reduced-motion:reduce){.pack-option,.pack-option:hover,.pack-option.selected{transform:none}}
.pack-option .pack-doodle svg,.pack-tile .pack-doodle svg{display:block;width:100%!important;height:100%!important;stroke:#050919;stroke-width:4;fill:none}.pack-option .pack-doodle,.pack-tile .pack-doodle{flex-shrink:0}
/* Leave a real icon row even on the narrowest iPhone; no top-edge crop. */
.pack-option,.pack-option:nth-child(n+4),.pack-option.urban{min-height:170px!important}.pack-option .selected-mark{top:auto;bottom:5px;right:5px;width:16px;height:16px;font-size:9px;box-shadow:1px 2px #050919}.pack-option.selected .pack-word-count{padding-right:24px!important}.pack-tile .pack-wordmark,.pack-tile.urban .pack-wordmark{font-size:clamp(20px,19cqw,38px)!important}.pack-tile.millennial .pack-wordmark{font-size:clamp(14px,12.5cqw,30px)!important}.pack-tile.genz .pack-wordmark{font-size:clamp(24px,23cqw,44px)!important}.pack-tile.nineties .pack-wordmark{font-size:clamp(36px,34cqw,60px)!important}
/* Explicit width prevents aspect-ratio's transferred minimum from widening grid columns. */
.pack-option,.pack-option:nth-child(n+4),.pack-option.urban{width:100%;max-width:100%;min-width:0;aspect-ratio:auto!important;height:170px!important;min-height:170px!important}
.pack-tile{grid-template-rows:minmax(0,1fr) 42px 32px!important;box-sizing:border-box}.pack-tile .pack-art,.pack-tile.urban .pack-art{grid-template-columns:minmax(0,1fr);justify-content:stretch;justify-items:start;grid-template-rows:45px minmax(0,1fr) 15px;min-width:0}.pack-tile .pack-wordmark,.pack-tile.urban .pack-wordmark{width:100%;justify-self:stretch}.pack-tile>div{margin:0!important}.pack-tile .pack-doodle{justify-self:end;width:45px;height:45px}.pack-tile .nerd-emoji{font-size:44px}
/* Sixth pack: texting keys, message bubbles and electric blue. */
.pack-option.abbreviations,.pack-tile.abbreviations{background:#6abaff!important;color:#050919!important;border-color:#050919}.abbreviations .pack-art:before{background:repeating-linear-gradient(0deg,transparent 0 18px,#fff3 19px 20px),linear-gradient(145deg,#96d6ff,#5aa7ff)}.abbreviations .pack-art:after{content:'ABC ↵';position:absolute;left:8px;top:16px;font:900 13px/1.3 monospace;color:#042b6855;transform:rotate(-12deg);z-index:-1}.pack-option.abbreviations .pack-wordmark{font-size:17cqw!important;color:#fff9ee!important}.pack-tile.abbreviations .pack-wordmark{font-size:clamp(20px,17cqw,34px)!important;color:#fff9ee!important}.pack-option.abbreviations .pack-sticker,.pack-tile.abbreviations .pack-sticker{background:#ffff29;color:#050919}.pack-option.abbreviations .pack-word-count{background:#133f78;color:#fff9ee}.pack-pill.abbreviations{background:#6abaff;color:#05142f;font-size:7px;letter-spacing:0}

.pack-option.abbreviations .pack-word-count{color:#fff9ee!important}