/* HyperFM Starboard: the leaderboard overlay, the visitor "tell them what you think" sheet, and the home-screen button. */
:root { --sb-cream:#f6ecdd; --sb-cream2:#fffaf1; --sb-ink:#24170c; --sb-ink2:#7a6652; --sb-edge:#e4d3bb; --sb-org:#ff7a1a; --sb-org2:#f45d01; --sb-gold:#ffc21a; }

/* ---------- the home-screen button ---------- */
.sb-pill { container-type: size; position: absolute; display: flex !important; align-items: center; justify-content: center; gap: 6px; padding: 0 8px !important; border-radius: 999px !important; cursor: pointer;
  background: linear-gradient(180deg, rgba(54,30,12,0.96), rgba(18,10,6,0.96)) !important; border: 1.5px solid #ffc21a !important; color: #ffe9b0;
  box-shadow: 0 0 14px rgba(255,194,26,0.65), 0 0 2px rgba(255,194,26,0.9) inset; overflow: visible; font-family: 'Space Grotesk', system-ui, sans-serif; animation: sbPillGlow 2.6s ease-in-out infinite; }
@keyframes sbPillGlow { 0%,100% { box-shadow: 0 0 10px rgba(255,194,26,0.5), 0 0 2px rgba(255,194,26,0.9) inset; } 50% { box-shadow: 0 0 22px rgba(255,170,40,0.95), 0 0 2px rgba(255,194,26,0.9) inset; } }
.sb-pill .sb-star { width: 34cqh; height: 34cqh; min-width: 18px; min-height: 18px; flex: none; color: #ffc21a; filter: drop-shadow(0 0 5px rgba(255,194,26,0.9)); }
.sb-pill b { font-size: clamp(12px, 21cqh, 17px); letter-spacing: .08em; font-weight: 800; text-transform: uppercase; white-space: nowrap; }
.sb-pill .sb-badge { position: absolute; top: -9px; right: -4px; padding: 2px 8px; border-radius: 999px; background: linear-gradient(180deg,#ff9a4d,#f45d01); color: #fff; font-size: 10.5px; font-weight: 800; letter-spacing: .02em; white-space: nowrap; box-shadow: 0 3px 8px rgba(0,0,0,0.5); }
.sb-pill:active { transform: scale(0.95); }

/* ---------- full-screen overlay ---------- */
#sb-root { position: fixed; inset: 0; z-index: 2000; display: none; flex-direction: column; background: radial-gradient(circle at 50% -10%, rgba(255,122,26,0.22) 0%, transparent 55%), #0b0910; color: #f4f1ea; font-family: 'Space Grotesk', system-ui, sans-serif; }
#sb-root.show { display: flex; }
.sb-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: calc(env(safe-area-inset-top, 0px) + 10px) 14px 8px; }
.sb-top button { padding: 9px 15px; border: 0; border-radius: 999px; background: var(--sb-cream); color: var(--sb-ink); font: 800 14px 'Space Grotesk', sans-serif; cursor: pointer; }
.sb-top .sb-x { width: 40px; height: 40px; padding: 0; font-size: 22px; line-height: 1; }
.sb-scroll { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 4px 16px calc(env(safe-area-inset-bottom, 0px) + 40px); }
.sb-wrap { max-width: 480px; margin: 0 auto; }
.sb-title { text-align: center; margin: 2px 0 4px; font-family: 'Fraunces', Georgia, serif; font-style: italic; font-weight: 500; font-size: 40px; line-height: 1.05; }
.sb-title .sb-star { width: 36px; height: 36px; color: #ffc21a; filter: drop-shadow(0 0 12px rgba(255,194,26,0.8)); vertical-align: -5px; }
.sb-sub { text-align: center; margin: 0 6px 14px; font-weight: 700; font-size: 15.5px; color: #ffcf9e; line-height: 1.35; }
.sb-card { background: var(--sb-cream); color: var(--sb-ink); border-radius: 26px; padding: 16px; margin: 0 0 14px; box-shadow: 0 16px 34px -14px rgba(0,0,0,0.75); }
.sb-card h2 { margin: 0 0 10px; font-size: 20px; font-weight: 800; }
.sb-card p { margin: 0 0 10px; font-size: 15.5px; font-weight: 600; line-height: 1.42; }
.sb-small { font-size: 13px !important; color: var(--sb-ink2); font-weight: 700 !important; }
.sb-btn { display: block; width: 100%; padding: 15px; border: 0; border-radius: 999px; background: linear-gradient(180deg,#ffb070,#ff7a1a); color: #1a0d02; font: 800 17px 'Space Grotesk', sans-serif; text-align: center; text-decoration: none; cursor: pointer; box-shadow: 0 10px 22px -8px rgba(255,122,26,0.85); touch-action: manipulation; }
.sb-btn.alt { background: #ead9bf; color: #7a5530; box-shadow: none; }
.sb-btn.gold { background: linear-gradient(180deg,#ffe58a,#ffc21a); color: #3a2400; box-shadow: 0 10px 22px -8px rgba(255,194,26,0.85); }
.sb-btn[disabled] { opacity: .55; }
.sb-btn.slim { display: inline-block; width: auto; padding: 10px 16px; font-size: 14.5px; }
.sb-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.sb-seg { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 5px; border-radius: 999px; background: #2a2118; margin: 0 0 14px; }
.sb-seg button { padding: 11px; border: 0; border-radius: 999px; background: transparent; color: #cdb69a; font: 800 15px 'Space Grotesk', sans-serif; cursor: pointer; }
.sb-seg button.on { background: linear-gradient(180deg,#ffa24d,#f45d01); color: #fff; }
.sb-input, .sb-ta { width: 100%; padding: 13px 16px; border-radius: 18px; border: 2px solid var(--sb-edge); background: #fff; color: var(--sb-ink); font: 600 16px 'Space Grotesk', sans-serif; outline: none; margin: 0 0 10px; }
.sb-ta { resize: vertical; min-height: 78px; }
.sb-input:focus, .sb-ta:focus { border-color: var(--sb-org); box-shadow: 0 0 0 4px rgba(255,122,26,0.18); }
.sb-msg { font-weight: 800; font-size: 15px; text-align: center; margin: 8px 0 0; } .sb-msg.bad { color: #b3261e; } .sb-msg.good { color: #1d6b1d; }

/* beat-this banner */
.sb-beat { display: flex; align-items: center; gap: 12px; background: linear-gradient(120deg,#3a2200,#7a3d00); color: #ffe9b0; border: 2px solid #ffc21a; border-radius: 24px; padding: 12px 14px; margin: 0 0 14px; box-shadow: 0 0 24px rgba(255,170,40,0.35); }
.sb-beat .sb-n { flex: none; min-width: 74px; text-align: center; font-size: 30px; font-weight: 800; color: #ffc21a; line-height: 1; }
.sb-beat .sb-n small { display: block; font-size: 11px; letter-spacing: .1em; font-weight: 800; color: #ffcf9e; margin-top: 3px; }
.sb-beat p { margin: 0; font-size: 14.5px; font-weight: 700; line-height: 1.35; color: #fff1d4; }

/* leader hero */
.sb-hero { text-align: center; position: relative; }
.sb-crown { display: inline-block; padding: 4px 14px; border-radius: 999px; background: linear-gradient(180deg,#ffe58a,#ffc21a); color: #3a2400; font-size: 13px; font-weight: 800; letter-spacing: .1em; margin-bottom: 10px; }
.sb-avatar { width: 128px; height: 128px; border-radius: 50%; object-fit: cover; border: 4px solid #ffc21a; box-shadow: 0 0 26px rgba(255,194,26,0.7); background: #ead9bf; display: block; margin: 0 auto 8px; }
.sb-avatar.ph { display: flex; align-items: center; justify-content: center; font-size: 52px; font-weight: 800; color: #7a5530; }
.sb-name { font-size: 26px; font-weight: 800; line-height: 1.1; }
.sb-bio { font-size: 14.5px; font-weight: 600; color: var(--sb-ink2); margin: 4px 0 8px; }
.sb-bubbles { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin: 8px 0; }
.sb-bub { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; display: block; box-shadow: 0 4px 10px -4px rgba(0,0,0,0.55); background: #ddd; }
.sb-bub img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sb-bub.big { width: 46px; height: 46px; }
.sb-fol { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px 8px 10px; border-radius: 999px; background: #fff; box-shadow: 0 6px 14px -8px rgba(60,35,10,0.5); margin: 6px 0; }
.sb-fol img { width: 30px; height: 30px; border-radius: 50%; }
.sb-fol b { font-size: 22px; font-weight: 800; } .sb-fol span { font-size: 13px; font-weight: 800; color: var(--sb-ink2); }
.sb-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 10px 0 2px; }
.sb-stat { background: var(--sb-cream2); border-radius: 18px; padding: 10px 4px; }
.sb-stat b { display: block; font-size: 21px; font-weight: 800; } .sb-stat span { display: block; font-size: 11.5px; font-weight: 800; color: var(--sb-ink2); letter-spacing: .03em; }

/* runner-ups */
.sb-list .sb-item { display: grid; grid-template-columns: 36px 46px 1fr auto; gap: 10px; align-items: center; padding: 10px 4px; border-top: 1px solid var(--sb-edge); }
.sb-list .sb-item:first-child { border-top: 0; }
.sb-rk { width: 34px; height: 34px; border-radius: 50%; background: #ead9bf; color: #7a5530; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 15px; }
.sb-item:nth-child(1) .sb-rk { background: linear-gradient(180deg,#e9edf2,#aeb6c2); color: #1d232b; } .sb-item:nth-child(2) .sb-rk { background: linear-gradient(180deg,#ffd9a8,#d9894a); color: #3a1f00; }
.sb-th { width: 46px; height: 46px; border-radius: 50%; object-fit: cover; background: #ead9bf; display: flex; align-items: center; justify-content: center; font-weight: 800; color: #7a5530; }
.sb-it-name { font-weight: 800; font-size: 16px; line-height: 1.15; word-break: break-word; } .sb-it-sub { font-size: 12.5px; font-weight: 700; color: var(--sb-ink2); display: flex; align-items: center; gap: 4px; flex-wrap: wrap; margin-top: 2px; }
.sb-it-sub img { width: 16px; height: 16px; border-radius: 4px; }
.sb-it-pts { text-align: right; font-weight: 800; font-size: 18px; } .sb-it-pts small { display: block; font-size: 11px; color: var(--sb-ink2); letter-spacing: .04em; }
.sb-report { background: none; border: 0; color: var(--sb-ink2); font: 700 12px 'Space Grotesk', sans-serif; text-decoration: underline; cursor: pointer; padding: 4px; }

/* profile setup */
.sb-photo { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; } .sb-photo .sb-avatar { width: 84px; height: 84px; margin: 0; border-width: 3px; }
.sb-plat { display: grid; grid-template-columns: 38px 1fr; gap: 8px 10px; align-items: center; padding: 8px 0; border-top: 1px solid var(--sb-edge); } .sb-plat:first-of-type { border-top: 0; }
.sb-plat img { width: 38px; height: 38px; border-radius: 50%; }
.sb-plat .sb-pf { display: grid; grid-template-columns: 1fr 96px; gap: 6px; } .sb-plat .sb-input { margin: 0; padding: 10px 12px; font-size: 14.5px; border-radius: 14px; }
.sb-plat label { grid-column: 2; font-size: 12.5px; font-weight: 800; color: var(--sb-ink2); display: flex; gap: 6px; align-items: center; }
.sb-plat label input { accent-color: var(--sb-org2); width: 18px; height: 18px; }

/* link + QR */
.sb-link { display: flex; gap: 8px; align-items: center; background: #fff; border: 2px solid var(--sb-edge); border-radius: 18px; padding: 10px 12px; font-weight: 800; font-size: 14.5px; word-break: break-all; margin: 0 0 10px; }
.sb-qr { display: block; margin: 8px auto; border-radius: 12px; background: #fff; padding: 8px; max-width: 200px; width: 100%; image-rendering: pixelated; }
.sb-chip { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 800; background: #ead9bf; color: #7a5530; } .sb-chip.gold { background: #ffe3a1; color: #6b4300; }
.sb-fav-list .sb-item2 { display: flex; justify-content: space-between; gap: 8px; padding: 8px 2px; border-top: 1px solid var(--sb-edge); font-weight: 700; font-size: 14.5px; } .sb-fav-list .sb-item2:first-child { border-top: 0; }
.sb-bubs { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0 12px; } .sb-opt { padding: 11px 16px; border: 2px solid var(--sb-edge); border-radius: 999px; background: #fff; color: var(--sb-ink); font: 800 15px 'Space Grotesk', sans-serif; cursor: pointer; } .sb-opt.on { background: linear-gradient(180deg,#ffa24d,#f45d01); color: #fff; border-color: transparent; }
.sb-script { color: var(--sb-ink); white-space: pre-wrap; background: #fff; border-radius: 18px; padding: 14px; font-weight: 600; font-size: 16px; line-height: 1.5; border: 2px solid var(--sb-edge); margin: 0 0 12px; }

/* teleprompter */
#sb-tele { position: fixed; inset: 0; z-index: 2100; display: none; flex-direction: column; background: #000; color: #fff; }
#sb-tele.show { display: flex; }
#sb-tele .tp-view { flex: 1; overflow: hidden; position: relative; }
#sb-tele .tp-text { position: absolute; left: 0; right: 0; top: 0; padding: 36vh 22px 60vh; font-weight: 700; line-height: 1.35; text-align: center; will-change: transform; white-space: pre-wrap; }
#sb-tele .tp-line { position: absolute; left: 0; right: 0; top: 38vh; height: 0; border-top: 2px solid rgba(255,194,26,0.5); pointer-events: none; }
#sb-tele .tp-bar { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; padding: 10px 10px calc(env(safe-area-inset-bottom, 0px) + 12px); background: #14110f; }
#sb-tele .tp-bar button { padding: 11px 15px; border: 0; border-radius: 999px; background: #ead9bf; color: #3a2400; font: 800 15px 'Space Grotesk', sans-serif; cursor: pointer; }
#sb-tele .tp-bar button.go { background: linear-gradient(180deg,#ffb070,#ff7a1a); }

/* the visitor sheet */
#sb-chip { position: fixed; left: 50%; bottom: calc(env(safe-area-inset-bottom, 0px) + 14px); transform: translateX(-50%); z-index: 99995; display: none; align-items: center; gap: 8px; max-width: calc(100vw - 24px); padding: 10px 16px; border: 2px solid #ffc21a; border-radius: 999px; background: #1b1209; color: #ffe9b0; font: 800 14.5px 'Space Grotesk', sans-serif; box-shadow: 0 0 22px rgba(255,170,40,0.6); cursor: pointer; }
#sb-chip.show { display: flex; animation: sbChip 2.4s ease-in-out infinite; } @keyframes sbChip { 0%,100% { transform: translateX(-50%) scale(1); } 50% { transform: translateX(-50%) scale(1.04); } }
#sb-sheet { position: fixed; inset: 0; z-index: 99996; display: none; align-items: flex-end; justify-content: center; background: rgba(5,3,2,0.7); }
#sb-sheet.show { display: flex; }
#sb-sheet .sb-box { width: min(480px, 100%); max-height: 88vh; overflow-y: auto; background: var(--sb-cream); color: var(--sb-ink); border-radius: 30px 30px 0 0; padding: 22px 18px calc(env(safe-area-inset-bottom, 0px) + 22px); text-align: center; animation: sbUp .3s ease-out; }
@keyframes sbUp { from { transform: translateY(40px); opacity: 0; } to { transform: none; opacity: 1; } }
#sb-sheet h3 { margin: 0 0 8px; font-family: 'Fraunces', Georgia, serif; font-style: italic; font-weight: 500; font-size: 28px; }
#sb-sheet p { margin: 0 0 12px; font-size: 16.5px; font-weight: 600; line-height: 1.4; }
#sb-sheet .sb-bubs { justify-content: center; }
#sb-sheet .sb-close { background: none; border: 0; color: var(--sb-ink2); font: 700 14px 'Space Grotesk', sans-serif; margin-top: 6px; cursor: pointer; }
.sb-fire { font-size: 54px; line-height: 1; margin-bottom: 4px; }
.sb-sr { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 12px; margin: 0 0 8px; border: 2px solid var(--sb-edge); border-radius: 18px; background: #fff; color: var(--sb-ink); font: 800 16px 'Space Grotesk', sans-serif; text-align: left; cursor: pointer; }
.sb-sr .sb-th { width: 36px; height: 36px; font-size: 14px; }
[hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) { .sb-pill, #sb-chip.show, #sb-sheet .sb-box { animation: none; } }

/* ---------- HZ Chat: a big orange chat bubble with typing dots, a butterfly and floating hearts ---------- */
#chat-fab { container-type: size; background: none !important; overflow: visible; -webkit-tap-highlight-color: transparent; }
#chat-fab .cb-body { position: absolute; left: 0; right: 0; top: 0; bottom: 15%; border-radius: 34cqh; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(165deg, #ffbd7a 0%, #ff8a2e 48%, #f05a00 100%);
  box-shadow: inset 0 -7px 12px rgba(140,36,0,0.38), inset 0 7px 10px rgba(255,255,255,0.42), 0 10px 22px rgba(244,93,1,0.6), 0 0 26px rgba(255,138,61,0.55); animation: cbBreathe 3.2s ease-in-out infinite; }
#chat-fab .cb-body::before { content: ""; position: absolute; left: 10%; top: 8%; width: 46%; height: 22%; border-radius: 999px; background: linear-gradient(180deg, rgba(255,255,255,0.55), rgba(255,255,255,0)); }
#chat-fab .cb-tail { position: absolute; left: 17%; bottom: 0; width: 20cqh; height: 20cqh; background: #f05a00; clip-path: polygon(0 0, 100% 0, 18% 100%); filter: drop-shadow(0 3px 3px rgba(140,36,0,0.4)); }
#chat-fab .cb-dots { display: flex; gap: 9cqh; align-items: center; margin-top: -2cqh; }
#chat-fab .cb-dots i { display: block; width: 15cqh; height: 15cqh; border-radius: 50%; background: #fff; box-shadow: 0 2px 4px rgba(120,30,0,0.35); transform: scale(0.55); opacity: 0.75; animation: cbType 1.35s ease-in-out infinite; }
#chat-fab .cb-dots i:nth-child(2) { animation-delay: 0.22s; } #chat-fab .cb-dots i:nth-child(3) { animation-delay: 0.44s; }
@keyframes cbType { 0%, 62%, 100% { transform: scale(0.55); opacity: 0.7; } 22% { transform: scale(1.3); opacity: 1; } }
@keyframes cbBreathe { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.035); } }
#chat-fab .cb-ring { position: absolute; left: 0; right: 0; top: 0; bottom: 15%; border-radius: 34cqh; border: 2px solid rgba(255,150,60,0.75); pointer-events: none; animation: cbRing 2.8s ease-out infinite; }
#chat-fab .cb-ring.r2 { animation-delay: 1.4s; }
@keyframes cbRing { 0% { transform: scale(1); opacity: 0.85; } 100% { transform: scale(1.38, 1.5); opacity: 0; } }
#chat-fab .cb-fly { position: absolute; right: -7%; top: -16%; width: 36cqh; height: auto; transform-origin: 50% 60%; animation: cbFly 1.1s ease-in-out infinite; filter: drop-shadow(0 3px 4px rgba(0,0,0,0.4)); pointer-events: none; }
@keyframes cbFly { 0%, 100% { transform: rotate(14deg) scaleX(1); } 50% { transform: rotate(6deg) scaleX(0.5); } }
#chat-fab .cb-heart { position: absolute; left: 12%; top: 2%; font-size: 17cqh; color: #ff5c8a; opacity: 0; pointer-events: none; text-shadow: 0 0 8px rgba(255,92,138,0.8); animation: cbHeart 4.2s ease-in infinite; }
#chat-fab .cb-heart.h2 { left: 38%; animation-delay: 2.1s; font-size: 13cqh; color: #ffd27a; text-shadow: 0 0 8px rgba(255,210,122,0.8); }
@keyframes cbHeart { 0% { transform: translateY(0) scale(0.6); opacity: 0; } 12% { opacity: 1; } 70% { opacity: 0.9; } 100% { transform: translateY(-34cqh) scale(1.1) rotate(-12deg); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { #chat-fab .cb-body, #chat-fab .cb-ring, #chat-fab .cb-fly, #chat-fab .cb-heart { animation: none; } #chat-fab .cb-ring, #chat-fab .cb-heart { display: none; } #chat-fab .cb-dots i { animation: none; transform: scale(1); opacity: 1; } }

/* ---------- any-emoji reactions ---------- */
.rx-ico.rx-emoji { font-size: 17px; line-height: 1; display: inline-flex; align-items: center; justify-content: center; }
.rx-tray button.rx-more { width: 34px; height: 34px; border-radius: 50%; background: rgba(255,138,61,0.22); border: 1px solid rgba(255,138,61,0.6); color: #ffb877; font: 800 22px/1 'Space Grotesk', sans-serif; }
.rx-tray button .rx-emoji { font-size: 24px; }
#emoji-sheet { position: fixed; inset: 0; z-index: 430; display: none; align-items: flex-end; justify-content: center; background: rgba(0,0,0,0.6); }
#emoji-sheet.show { display: flex; }
#emoji-sheet .em-box { width: 100%; max-width: 420px; height: min(72vh, 520px); display: flex; flex-direction: column; background: #1a120b; border: 1px solid rgba(255,138,61,0.4); border-radius: 22px 22px 0 0; padding: 14px 14px calc(env(safe-area-inset-bottom, 0px) + 14px); color: #f4f1ea; font-family: 'Space Grotesk', sans-serif; }
#emoji-sheet .em-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; font-size: 16px; }
#emoji-sheet .em-x { width: 34px; height: 34px; border: 0; border-radius: 50%; background: #2c1d10; color: #f4f1ea; font-size: 22px; cursor: pointer; }
#emoji-sheet .em-type { display: flex; gap: 8px; margin-bottom: 10px; }
#emoji-sheet .em-type input { flex: 1; min-width: 0; padding: 12px 14px; border-radius: 14px; border: 1px solid rgba(255,138,61,0.35); background: #120c07; color: #fff; font: 600 16px 'Space Grotesk', sans-serif; outline: none; }
#emoji-sheet .em-type input.bad { border-color: #ff6a5a; }
#emoji-sheet .em-type button { padding: 0 16px; border: 0; border-radius: 14px; background: linear-gradient(180deg,#ffa24d,#f45d01); color: #fff; font: 800 15px 'Space Grotesk', sans-serif; cursor: pointer; }
#emoji-sheet .em-tabs { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 8px; scrollbar-width: none; }
#emoji-sheet .em-tabs::-webkit-scrollbar { display: none; }
#emoji-sheet .em-tabs button { flex: none; padding: 7px 13px; border: 0; border-radius: 999px; background: #2c1d10; color: #d9c3a8; font: 700 13px 'Space Grotesk', sans-serif; cursor: pointer; }
#emoji-sheet .em-tabs button.on { background: #ff8a3d; color: #1a0d02; }
#emoji-sheet .em-grid { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; align-content: start; }
#emoji-sheet .em-grid button { aspect-ratio: 1; border: 0; background: none; font-size: 28px; line-height: 1; border-radius: 10px; cursor: pointer; padding: 0; touch-action: manipulation; }
#emoji-sheet .em-grid button:active { background: rgba(255,138,61,0.3); transform: scale(0.92); }

#sb-root.standalone #sb-close.wide { width: auto; padding: 9px 15px; font-size: 14px; }