/* Extra cosmetic chrome; settings and arena colours keep their own styles. */
.emoji-gallery-art{display:block;width:100%;height:100%;object-fit:contain}.cosmetic-card-cell:has(.emoji-gallery-art){background:radial-gradient(ellipse,#edf4ff0e,transparent 72%);border-radius:0}.cosmetic-hat{object-fit:contain;object-position:center bottom}.hat-card-preview .hat-art{padding:8px;box-sizing:border-box}
.emoji-settings{margin-top:20px}.emoji-settings .hint{line-height:1.65}.emoji-favorites{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:18px 0}.emoji-favorite{display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 3px;background:#17212e;border:1px solid #65718466;border-radius:9px;color:#c3cede;cursor:pointer;min-width:0}.emoji-favorite.selected,.emoji-choice.selected{border-color:#e1e9f6;box-shadow:inset 0 0 0 1px #e1e9f644;background:#333f50}.emoji-favorite img{width:52px;height:52px;max-width:100%;object-fit:contain}.emoji-favorite small{font-size:8px;letter-spacing:1px}.emoji-favorite span{font-size:8px}.emoji-setting-stage{display:flex;align-items:center;gap:15px;padding:15px;border:1px solid #e3ebf121;border-radius:12px;background:radial-gradient(ellipse at 20% 50%,#b6c9df15,transparent 70%),#101720}.emoji-setting-preview{width:120px;height:120px;flex-shrink:0}.emoji-setting-preview img{width:100%;height:100%;object-fit:contain}.emoji-setting-info strong{display:block;color:#edf4ff;font-size:16px}.emoji-setting-info p{font-size:11px;line-height:1.6;color:#a4b2c3}.emoji-send,.emoji-customize{border:1px solid #a8b7ca77;background:linear-gradient(110deg,#e3e9f2,#b3c1d3);color:#18202b;border-radius:6px;font-size:9px;font-weight:800;padding:10px 14px;cursor:pointer}.emoji-search{box-sizing:border-box;width:100%;margin:15px 0;padding:11px;border:1px solid #65718466;border-radius:6px;background:#101720;color:#edf4ff}.emoji-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:7px}.emoji-choice{aspect-ratio:1;border:1px solid #e1e9f619;border-radius:9px;background:#19222e;cursor:pointer;padding:6px}.emoji-choice:hover{border-color:#bac9db88;background:#2b3748}.emoji-choice img{width:100%;height:100%;object-fit:contain}.emoji-quick-panel{position:fixed;z-index:70;left:50%;bottom:100px;transform:translateX(-50%);width:min(400px,calc(100vw - 28px));box-sizing:border-box;padding:14px;background:#141b26ef;backdrop-filter:blur(16px);border:1px solid #a7b4c366;border-radius:15px;box-shadow:0 12px 50px #0009;color:#e8eef5}.emoji-quick-panel header{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.8px}.emoji-close{font-size:22px;line-height:1;background:transparent;color:#d3dfed;border:0;cursor:pointer}.emoji-quick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:12px 0}.emoji-quick-grid button{background:#25304288;border:1px solid #ffffff12;border-radius:10px;padding:4px;cursor:pointer;color:#d3dfed;min-width:0}.emoji-quick-grid button:hover{border-color:#e2e9f5}.emoji-quick-grid img{display:block;width:100%;height:auto}.emoji-quick-grid small{font-size:9px}.emoji-customize{width:100%}
@media(max-width:560px){.emoji-setting-stage{gap:8px;padding:10px}.emoji-setting-preview{width:80px;height:80px}.emoji-setting-info strong{font-size:12px}.emoji-setting-info p{font-size:9px}.emoji-favorites{gap:4px}.emoji-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.emoji-quick-panel{bottom:70px}}
.skins-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.skins-tabs button{font-size:12px;padding:12px 5px;min-width:0;gap:6px}.cosmetic-card{position:relative}.cosmetic-animation-badge{position:absolute;z-index:1;right:8px;top:8px;border:1px solid #dce9fa33;border-radius:4px;background:#202c3dd9;color:#c3d6ef;font:700 6px Arial;letter-spacing:.6px;padding:4px 5px;pointer-events:none}.cosmetic-expression{border-radius:50%}.hat-card-preview{background:radial-gradient(ellipse,#c7dbf51b,transparent 72%);border-radius:0}.hat-art{display:block;width:100%;height:100%;object-fit:contain}.cosmetic-hat{position:absolute;z-index:4;left:-15%;top:-52%;width:130%;height:65%;pointer-events:none;filter:drop-shadow(0 4px 5px #0006)}.has-hat{overflow:visible!important}.has-hat>.cosmetic-base,.has-hat>.cosmetic-shield{border-radius:50%}.skin-lobby-pair:has(.has-hat){padding-top:65px}.skin-slot-switch:has(.has-hat) button{padding-top:30px}.skin-live-preview.has-hat{margin-top:65px}.skin-remove-actions{flex-wrap:wrap;justify-content:center}.skin-remove-actions button{flex:0 1 auto}#skin-preview-hat{font-size:10px;color:#c1d2e8}.skins-preview-panel.titles-mode>#skin-preview-hat{display:none}
@media(max-width:760px){.skins-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:12px}.skins-tabs button{font-size:10px;padding:9px 4px}.skin-lobby-pair:has(.has-hat){padding-top:46px}.skin-live-preview.has-hat{margin-top:34px}.cosmetic-animation-badge{font-size:5px;padding:3px}#skin-preview-hat{grid-column:2;grid-row:7;text-align:center;font-size:8px}.skin-remove-actions{grid-row:5/9;gap:3px}}
@media(max-width:560px){.skin-remove-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.skin-remove-actions button{font-size:6px;padding:5px 2px;min-width:0;white-space:normal}}

.emoji-customize+.emoji-customize{margin-top:7px;background:transparent;color:#d0dce7;border-color:#a8b7ca33}.emoji-quick-panel{background:#0b1723b8;border-color:#b9dce638;box-shadow:0 14px 55px #0005}
@media(max-width:760px){#skins-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}