.avatar-btn-row{align-items:center;gap:8px;display:flex}.avatar-mini-preview{object-fit:contain;background:0 0;border:none;border-radius:16px;flex-shrink:0;width:60px;height:60px}.avatar-hint{color:var(--text-dim);opacity:.5;cursor:pointer;margin-top:-8px;font-family:Inter,sans-serif;font-size:11px}.avatar-modal-overlay{-webkit-backdrop-filter:blur(24px)saturate(1.15);z-index:100;background:radial-gradient(circle at 50% 16%,#8b5cf62e,#0000 38%),#07010f94;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.avatar-modal{-webkit-backdrop-filter:blur(26px)saturate(1.35);background:linear-gradient(145deg,#0e042bc7,#070112d1);border:none;border-radius:24px;flex-direction:column;width:100%;max-width:420px;max-height:90dvh;padding:0;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 24px 90px #000000a8,0 0 90px #8b5cf633,inset 0 1px #ffffff0f}.avatar-modal-head{flex-shrink:0;padding:20px 24px 12px;position:relative}.avatar-modal-close{color:#fff;cursor:pointer;opacity:.5;z-index:2;background:0 0;border:none;padding:4px 8px;font-size:22px;transition:opacity .2s;position:absolute;top:14px;right:16px}.avatar-modal-close:hover{opacity:1}.title-avatar-wrap{width:214px;height:214px;filter:drop-shadow(0 0 24px var(--purple-glow));isolation:isolate;border-radius:36px;place-items:center;display:inline-grid;position:relative}.title-avatar-wrap:before,.title-avatar-wrap:after{content:"";pointer-events:none;z-index:1;border-radius:38px;position:absolute}.title-avatar-wrap:before{-webkit-mask-composite:xor;background:linear-gradient(135deg,#e2d0fff2,#d946efb8,#22d3eeb8,#7c3aede6);padding:3px;animation:3.8s ease-in-out infinite avatarFrameGlow;top:0;bottom:0;left:0;right:0;box-shadow:0 0 22px #8b5cf685,0 0 54px #d946ef3d,inset 0 0 18px #e2d0ff1f;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.title-avatar-wrap:after{opacity:.72;mix-blend-mode:screen;border:2px solid #22d3ee57;animation:7s step-end infinite avatarFrameGlitch;top:-3px;bottom:-3px;left:-3px;right:-3px;box-shadow:-3px 0 #d946ef6b,3px 0 #22d3ee5c}.title-avatar-img{border-radius:31px;width:200px;height:200px;display:block;-webkit-mask-image:linear-gradient(#000 60%,#000000b3 75%,#0003 88%,#0000 100%);mask-image:linear-gradient(#000 60%,#000000b3 75%,#0003 88%,#0000 100%)}.avatar-frame{--avatar-size:48px;--avatar-radius:calc(var(--avatar-size) * .18);width:var(--avatar-size);height:var(--avatar-size);border-radius:calc(var(--avatar-radius) + 4px);filter:drop-shadow(0 0 calc(var(--avatar-size) * .12) var(--purple-glow));isolation:isolate;flex-shrink:0}.avatar-frame:before,.avatar-frame:after{content:"";pointer-events:none;z-index:3;border-radius:inherit;position:absolute}.avatar-frame:before{padding:max(1px, calc(var(--avatar-size) * .025));-webkit-mask-composite:xor;box-shadow:0 0 calc(var(--avatar-size) * .12) #8b5cf680, 0 0 calc(var(--avatar-size) * .26) #d946ef33, inset 0 0 calc(var(--avatar-size) * .08) #e2d0ff1f;background:linear-gradient(135deg,#e2d0fff2,#d946efb8,#22d3eeb8,#7c3aede6);animation:3.8s ease-in-out infinite avatarFrameGlow;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.avatar-frame:after{border:max(1px, calc(var(--avatar-size) * .012)) solid #22d3ee4d;opacity:.66;mix-blend-mode:screen;animation:7s step-end infinite avatarFrameGlitch;top:-2px;bottom:-2px;left:-2px;right:-2px;box-shadow:-2px 0 #d946ef61,2px 0 #22d3ee52}.avatar-frame img,.avatar-frame .avatar-emoji{inset:max(2px, calc(var(--avatar-size) * .055));z-index:2;width:calc(100% - max(4px, calc(var(--avatar-size) * .11)));height:calc(100% - max(4px, calc(var(--avatar-size) * .11)));border-radius:var(--avatar-radius);object-fit:cover;place-items:center;display:grid;position:absolute}.avatar-frame .avatar-emoji{font-size:calc(var(--avatar-size) * .52);background:#e2d0ff1a;line-height:1}@keyframes avatarFrameGlow{0%,to{filter:brightness();opacity:.9}50%{filter:brightness(1.25);opacity:1}}@keyframes avatarFrameGlitch{0%,92%,to{opacity:.62;transform:translate(0)}93%{opacity:.95;transform:translate(-2px,1px)}94%{opacity:.5;transform:translate(2px,-1px)}95%{opacity:.78;transform:translate(0)}}.avatar-swirl{border-radius:28px;display:inline-block;position:relative;overflow:hidden}.avatar-swirl canvas.swirl-cv{z-index:0;border-radius:inherit;filter:blur(6px);border:1px solid #ffffff26;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.avatar-swirl img{z-index:2;display:block;position:relative}.avatar-swirl.avatar-frame img,.avatar-swirl.avatar-frame .avatar-emoji{display:grid;position:absolute}.color-picker-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:14px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:28px;height:28px;transition:transform .15s,border-color .15s}.color-swatch:hover{transform:scale(1.2)}.color-swatch.active{border-color:#fff;transform:scale(1.15)}.ac-preview-wrap{flex-direction:column;align-items:center;gap:8px;margin-bottom:16px;display:flex;position:relative}.ac-preview{object-fit:contain;background:0 0;border:none;border-radius:24px;width:132px;height:132px;transition:all .3s}.ac-preview:hover{transform:scale(1.05)}.ac-preview-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:500}.ac-style-row{scrollbar-width:none;gap:6px;margin-bottom:12px;padding-bottom:6px;display:flex;overflow-x:auto}.ac-style-row::-webkit-scrollbar{display:none}.ac-style-chip{text-transform:uppercase;letter-spacing:.3px;color:var(--text-dim);cursor:pointer;white-space:nowrap;background:#1a085066;border:none;border-radius:20px;flex-shrink:0;padding:7px 14px;font-size:10px;font-weight:500;transition:all .2s}.ac-style-chip:hover{color:var(--text);background:#8b5cf626}.ac-style-chip.active{color:var(--purple);background:#8b5cf633}.giphy-search-panel{flex-direction:column;gap:10px;padding:0 24px 12px;display:flex}.giphy-search-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.giphy-search-input{width:100%;min-width:0;color:var(--text);background:#07011273;border:1px solid #c084fc38;border-radius:16px;outline:none;padding:13px 14px;font-family:inherit;font-size:14px;box-shadow:inset 0 1px #ffffff0d}.giphy-search-input:focus{border-color:#c084fc8f;box-shadow:0 0 0 3px #8b5cf624,inset 0 1px #ffffff0f}.giphy-chip-row{scrollbar-width:none;gap:7px;padding-bottom:2px;display:flex;overflow-x:auto}.giphy-chip-row::-webkit-scrollbar{display:none}.giphy-chip{color:#ffffffc7;cursor:pointer;background:#1a08505c;border:1px solid #c084fc29;border-radius:999px;flex-shrink:0;padding:7px 10px;font-size:11px}.giphy-meta{color:var(--text-dim);opacity:.72;justify-content:space-between;align-items:center;gap:10px;font-size:10px;display:flex}.giphy-powered{letter-spacing:.5px;color:#ffffff94;font-family:"Press Start 2P",monospace;font-size:7px}.giphy-empty{text-align:center;color:var(--text-dim);grid-column:1/-1;padding:30px 18px;line-height:1.6}.avatar-grid{--avatar-gap:8px;gap:var(--avatar-gap);scrollbar-width:thin;scrollbar-color:var(--surface3) transparent;flex-wrap:wrap;flex:1;align-content:flex-start;padding:8px 18px;display:flex;overflow-y:auto}.avatar-grid::-webkit-scrollbar{width:4px}.avatar-grid::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:4px}.avatar-item{flex:0 0 calc((100% - (2 * var(--avatar-gap))) / 3);width:calc((100% - (2 * var(--avatar-gap))) / 3);max-width:calc((100% - (2 * var(--avatar-gap))) / 3);cursor:pointer;aspect-ratio:1;box-sizing:border-box;-webkit-appearance:none;appearance:none;background:#1a085059;border:2px solid #8b5cf626;border-radius:16px;flex-shrink:0;min-width:0;height:auto;min-height:0;padding:0;line-height:0;transition:background .2s,box-shadow .2s,border-color .2s;display:block;position:relative;overflow:hidden}.avatar-item:before{content:"";padding-top:100%;display:block}.avatar-item img{object-fit:cover;border-radius:12px;width:calc(100% - 8px);height:calc(100% - 8px);display:block;position:absolute;top:4px;bottom:4px;left:4px;right:4px}.avatar-item:hover{box-shadow:0 0 20px var(--purple-glow);background:#8b5cf626}.avatar-item.selected{border-color:var(--pink);box-shadow:0 0 25px var(--pink-glow);background:#ec48991f}.ac-actions{flex-shrink:0;gap:8px;padding:14px 24px 20px;display:flex}.ac-actions .btn{flex:1}.wordpacks-screen{padding-top:calc(env(safe-area-inset-top,0px) + 16px);justify-content:flex-start;gap:16px}.wordpack-intro{color:var(--text-dim);margin:-4px 0 0;font-size:13px;line-height:1.55}.wordpack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.wordpack-card{cursor:pointer;border:1px solid #a855f729;min-height:188px;padding:0;overflow:hidden;transform:translateZ(0)}.wordpack-cover{background:radial-gradient(circle at 20% 15%,#ec489957,#0000 32%),radial-gradient(circle at 80% 25%,#22d3ee38,#0000 28%),linear-gradient(135deg,#5b21b6f2,#12053af2);min-height:188px;position:relative}.wordpack-cover img{object-fit:cover;width:100%;height:100%;min-height:188px;transition:transform .38s cubic-bezier(.16,1,.3,1),filter .38s;display:block}.wordpack-cover:after{content:"";background:linear-gradient(#07010f0f 28%,#07010feb);transition:background .3s;position:absolute;top:0;bottom:0;left:0;right:0}.wordpack-status{z-index:1;letter-spacing:.8px;color:#bbf7d0;background:#14532db8;border:1px solid #4ade8061;border-radius:999px;padding:7px 9px;font-family:"Press Start 2P",monospace;font-size:8px;position:absolute;top:12px;right:12px}.wordpack-title{z-index:1;position:absolute;bottom:12px;left:18px;right:18px}.wordpack-title h3{letter-spacing:1px;color:#e2d0ff;text-transform:uppercase;text-shadow:0 0 32px #e2d0ff99,0 0 80px #a855f752;margin-bottom:8px;font-family:"Press Start 2P",monospace;font-size:clamp(11px,3.4vw,16px);line-height:1.35;position:relative}.wordpack-title p{color:#ffffffb8;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.wordpack-body{opacity:0;max-height:0;padding:0 14px;transition:max-height .42s cubic-bezier(.16,1,.3,1),opacity .25s,transform .32s,padding .32s;transform:translateY(-8px)}.wordpack-card.expanded .wordpack-body{opacity:1;max-height:240px;padding:14px 14px 16px;transform:translateY(0)}.wordpack-card.expanded .wordpack-cover img{filter:saturate(1.12)contrast(1.05);transform:scale(1.04)}.wordpack-card.expanded .wordpack-cover:after{background:linear-gradient(#07010f2e 22%,#07010ff5)}.wordpack-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.wordpack-stat{background:#8b5cf61a;border:1px solid #8b5cf62e;border-radius:13px;padding:10px}.wordpack-stat strong{color:var(--purple-light);margin-bottom:5px;font-family:"Press Start 2P",monospace;font-size:14px;display:block}.wordpack-stat span{color:var(--text-dim);font-size:10px}.wordpack-cats{flex-wrap:wrap;gap:6px;display:flex}.wordpack-chip{color:#ffffffbd;background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;padding:5px 8px;font-size:11px}.wordpack-tease{z-index:1;pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:12px;left:14px;right:14px}.wordpack-tease-pill{letter-spacing:.5px;color:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07010f75;border:1px solid #ffffff24;border-radius:999px;padding:6px 8px;font-family:"Press Start 2P",monospace;font-size:7px}@media (max-width:420px){.wordpack-grid{grid-template-columns:1fr;gap:12px}.wordpack-card,.wordpack-cover,.wordpack-cover img{min-height:170px}}.player-list{flex-direction:column;gap:8px;display:flex}.player-list.horizontal{flex-flow:wrap;justify-content:center;gap:12px}.player-item{background:0 0;border:none;border-bottom:1px solid #ffffff0a;border-radius:0;align-items:center;gap:14px;padding:10px 4px;transition:transform .2s;animation:.4s ease-out both slideUp;display:flex}.player-item:last-child{border-bottom:none}.player-item:hover{transform:translate(4px)}.player-item .avatar{font-size:44px}.player-item .name{flex:1;font-size:15px;font-weight:500}.player-item .host-badge{font-size:10px}.player-list.horizontal .player-item{border:none;flex-direction:column;align-items:center;gap:4px;width:72px;padding:8px}.player-list.horizontal .player-item:last-child{border:none}.player-list.horizontal .player-item:hover{transform:translateY(-3px)}.player-list.horizontal .player-item .avatar{font-size:64px}.player-list.horizontal .player-item .avatar .avatar-frame{--avatar-size:64px;width:64px;height:64px}.player-list.horizontal .player-item .name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:72px;color:var(--text-dim);flex:none;font-size:9px;overflow:hidden}.player-list.horizontal .player-item .host-badge{font-size:7px;position:absolute;top:-4px;right:-4px}.player-list.horizontal .player-item{position:relative}