@import url('https://fonts.googleapis.com/css2?family=Builder+Sans:wght@400;500;700&display=swap');
    body {
      font-family: 'Builder Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
      background-color: #f2f4f5; /* Light gray background for contrast if needed, but main content is white */
    }
    .main-bg {
        background-color: #ffffff;
    }
    /* Hide all Netlify injected badges and popups */
    .nl-wrap, #nl-card, #nl-badge, .nl-badge, .nl-card, .nl-prompt, .nl-drop, .nl-hide, [class*="nl-"], [id*="nl-"], iframe[id*="netlify"], .netlify-badge, #netlify-badge, [data-netlify-badge] {
      display: none !important;
      visibility: hidden !important;
      opacity: 0 !important;
      pointer-events: none !important;
      position: absolute !important;
      z-index: -999999 !important;
      width: 0 !important;
      height: 0 !important;
      max-width: 0 !important;
      max-height: 0 !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
    }
    .dropdown-arrow::before {
      content: '';
      position: absolute;
      top: -6px;
      right: 18px;
      width: 12px;
      height: 12px;
      background-color: #FAFAFA;
      transform: rotate(45deg);
      border-top: 1px solid #E5E7EB;
      border-left: 1px solid #E5E7EB;
      box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.02);
      z-index: 10;
    }
    .dropdown-menu-anim {
      opacity: 0;
      transform: scale(0.95) translateY(-6px);
      pointer-events: none;
      visibility: hidden;
      transition: opacity 150ms cubic-bezier(0.16, 1, 0.3, 1), transform 150ms cubic-bezier(0.16, 1, 0.3, 1), visibility 150ms;
    }
    .dropdown-menu-anim.show {
      opacity: 1;
      transform: scale(1) translateY(0);
      pointer-events: auto;
      visibility: visible;
    }
    .icon-robux-sm { display: inline-block; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath d='M15.0762 7.29574C15.6479 6.96571 16.3521 6.96571 16.9238 7.29574L23.0762 10.8479C23.6479 11.1779 24 11.7878 24 12.4479V19.5521C24 20.2122 23.6479 20.8221 23.0762 21.1521L16.9238 24.7043C16.3521 25.0343 15.6479 25.0343 15.0762 24.7043L8.92376 21.1521C8.35214 20.8221 8 20.2122 8 19.5521V12.4479C8 11.7878 8.35214 11.1779 8.92376 10.8479L15.0762 7.29574ZM11.9998 13V19C11.9998 19.5523 12.4475 20 12.9998 20H18.9998C19.5521 20 19.9998 19.5523 19.9998 19V13C19.9998 12.4477 19.5521 12 18.9998 12H12.9998C12.4475 12 11.9998 12.4477 11.9998 13Z' fill='black'/%3E %3Cpath d='M13.8556 2.56068C15.1825 1.81311 16.8175 1.81311 18.1444 2.56068L26.8556 7.46819C28.1825 8.21577 29 9.59734 29 11.0925V20.9075C29 22.4027 28.1825 23.7842 26.8556 24.5318L18.1444 29.4393C16.8175 30.1869 15.1825 30.1869 13.8556 29.4393L5.14444 24.5318C3.81746 23.7842 3 22.4027 3 20.9075V11.0925C3 9.59734 3.81746 8.21577 5.14444 7.46819L13.8556 2.56068ZM17.1628 4.30319C16.4452 3.89894 15.5548 3.89894 14.8372 4.30319L6.12611 9.2107C5.41362 9.61209 5 10.336 5 11.0925V20.9075C5 21.664 5.41362 22.3879 6.12611 22.7893L14.8372 27.6968C15.5548 28.1011 16.4452 28.1011 17.1628 27.6968L25.8739 22.7893C26.5864 22.3879 27 21.664 27 20.9075V11.0925C27 10.336 26.5864 9.61209 25.8739 9.2107L17.1628 4.30319Z' fill='black'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; vertical-align: middle; }
    .icon-robux { display: inline-block; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath d='M15.0762 7.29574C15.6479 6.96571 16.3521 6.96571 16.9238 7.29574L23.0762 10.8479C23.6479 11.1779 24 11.7878 24 12.4479V19.5521C24 20.2122 23.6479 20.8221 23.0762 21.1521L16.9238 24.7043C16.3521 25.0343 15.6479 25.0343 15.0762 24.7043L8.92376 21.1521C8.35214 20.8221 8 20.2122 8 19.5521V12.4479C8 11.7878 8.35214 11.1779 8.92376 10.8479L15.0762 7.29574ZM11.9998 13V19C11.9998 19.5523 12.4475 20 12.9998 20H18.9998C19.5521 20 19.9998 19.5523 19.9998 19V13C19.9998 12.4477 19.5521 12 18.9998 12H12.9998C12.4475 12 11.9998 12.4477 11.9998 13Z' fill='black'/%3E %3Cpath d='M13.8556 2.56068C15.1825 1.81311 16.8175 1.81311 18.1444 2.56068L26.8556 7.46819C28.1825 8.21577 29 9.59734 29 11.0925V20.9075C29 22.4027 28.1825 23.7842 26.8556 24.5318L18.1444 29.4393C16.8175 30.1869 15.1825 30.1869 13.8556 29.4393L5.14444 24.5318C3.81746 23.7842 3 22.4027 3 20.9075V11.0925C3 9.59734 3.81746 8.21577 5.14444 7.46819L13.8556 2.56068ZM17.1628 4.30319C16.4452 3.89894 15.5548 3.89894 14.8372 4.30319L6.12611 9.2107C5.41362 9.61209 5 10.336 5 11.0925V20.9075C5 21.664 5.41362 22.3879 6.12611 22.7893L14.8372 27.6968C15.5548 28.1011 16.4452 28.1011 17.1628 27.6968L25.8739 22.7893C26.5864 22.3879 27 21.664 27 20.9075V11.0925C27 10.336 26.5864 9.61209 25.8739 9.2107L17.1628 4.30319Z' fill='black'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; vertical-align: middle; }
    .icon-robux-lg { display: inline-block; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath d='M15.0762 7.29574C15.6479 6.96571 16.3521 6.96571 16.9238 7.29574L23.0762 10.8479C23.6479 11.1779 24 11.7878 24 12.4479V19.5521C24 20.2122 23.6479 20.8221 23.0762 21.1521L16.9238 24.7043C16.3521 25.0343 15.6479 25.0343 15.0762 24.7043L8.92376 21.1521C8.35214 20.8221 8 20.2122 8 19.5521V12.4479C8 11.7878 8.35214 11.1779 8.92376 10.8479L15.0762 7.29574ZM11.9998 13V19C11.9998 19.5523 12.4475 20 12.9998 20H18.9998C19.5521 20 19.9998 19.5523 19.9998 19V13C19.9998 12.4477 19.5521 12 18.9998 12H12.9998C12.4475 12 11.9998 12.4477 11.9998 13Z' fill='black'/%3E %3Cpath d='M13.8556 2.56068C15.1825 1.81311 16.8175 1.81311 18.1444 2.56068L26.8556 7.46819C28.1825 8.21577 29 9.59734 29 11.0925V20.9075C29 22.4027 28.1825 23.7842 26.8556 24.5318L18.1444 29.4393C16.8175 30.1869 15.1825 30.1869 13.8556 29.4393L5.14444 24.5318C3.81746 23.7842 3 22.4027 3 20.9075V11.0925C3 9.59734 3.81746 8.21577 5.14444 7.46819L13.8556 2.56068ZM17.1628 4.30319C16.4452 3.89894 15.5548 3.89894 14.8372 4.30319L6.12611 9.2107C5.41362 9.61209 5 10.336 5 11.0925V20.9075C5 21.664 5.41362 22.3879 6.12611 22.7893L14.8372 27.6968C15.5548 28.1011 16.4452 28.1011 17.1628 27.6968L25.8739 22.7893C26.5864 22.3879 27 21.664 27 20.9075V11.0925C27 10.336 26.5864 9.61209 25.8739 9.2107L17.1628 4.30319Z' fill='black'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; vertical-align: middle; }
    .icon-robux-sub { display: inline-block; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath d='M15.0762 7.29574C15.6479 6.96571 16.3521 6.96571 16.9238 7.29574L23.0762 10.8479C23.6479 11.1779 24 11.7878 24 12.4479V19.5521C24 20.2122 23.6479 20.8221 23.0762 21.1521L16.9238 24.7043C16.3521 25.0343 15.6479 25.0343 15.0762 24.7043L8.92376 21.1521C8.35214 20.8221 8 20.2122 8 19.5521V12.4479C8 11.7878 8.35214 11.1779 8.92376 10.8479L15.0762 7.29574ZM11.9998 13V19C11.9998 19.5523 12.4475 20 12.9998 20H18.9998C19.5521 20 19.9998 19.5523 19.9998 19V13C19.9998 12.4477 19.5521 12 18.9998 12H12.9998C12.4475 12 11.9998 12.4477 11.9998 13Z' fill='black'/%3E %3Cpath d='M13.8556 2.56068C15.1825 1.81311 16.8175 1.81311 18.1444 2.56068L26.8556 7.46819C28.1825 8.21577 29 9.59734 29 11.0925V20.9075C29 22.4027 28.1825 23.7842 26.8556 24.5318L18.1444 29.4393C16.8175 30.1869 15.1825 30.1869 13.8556 29.4393L5.14444 24.5318C3.81746 23.7842 3 22.4027 3 20.9075V11.0925C3 9.59734 3.81746 8.21577 5.14444 7.46819L13.8556 2.56068ZM17.1628 4.30319C16.4452 3.89894 15.5548 3.89894 14.8372 4.30319L6.12611 9.2107C5.41362 9.61209 5 10.336 5 11.0925V20.9075C5 21.664 5.41362 22.3879 6.12611 22.7893L14.8372 27.6968C15.5548 28.1011 16.4452 28.1011 17.1628 27.6968L25.8739 22.7893C26.5864 22.3879 27 21.664 27 20.9075V11.0925C27 10.336 26.5864 9.61209 25.8739 9.2107L17.1628 4.30319Z' fill='black'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; vertical-align: middle; }
    .icon-communities { display: inline-block; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M11.0002 7.5C11.0002 9.433 9.43322 11 7.50022 11C5.56723 11 4.00022 9.433 4.00022 7.5C4.00022 5.567 5.56723 4 7.50022 4C9.43322 4 11.0002 5.567 11.0002 7.5ZM9.00022 7.5C9.00022 6.67157 8.32865 6 7.50022 6C6.6718 6 6.00022 6.67157 6.00022 7.5C6.00022 8.32843 6.6718 9 7.50022 9C8.32865 9 9.00022 8.32843 9.00022 7.5Z' fill='black'/%3E%3Cpath d='M28.0002 7.5C28.0002 9.433 26.4332 11 24.5002 11C22.5672 11 21.0002 9.433 21.0002 7.5C21.0002 5.567 22.5672 4 24.5002 4C26.4332 4 28.0002 5.567 28.0002 7.5ZM26.0002 7.5C26.0002 6.67157 25.3287 6 24.5002 6C23.6718 6 23.0002 6.67157 23.0002 7.5C23.0002 8.32843 23.6718 9 24.5002 9C25.3287 9 26.0002 8.32843 26.0002 7.5Z' fill='black'/%3E%3Cpath d='M15.4572 7.23102C14.3903 6.94513 13.2936 7.5783 13.0077 8.64523L12.2313 11.543C11.9454 12.6099 12.5785 13.7066 13.6455 13.9925L16.5433 14.769C17.6102 15.0548 18.7069 14.4217 18.9927 13.3547L19.7692 10.457C20.0551 9.39003 19.4219 8.29336 18.355 8.00747L15.4572 7.23102ZM17.8373 9.93933L17.0609 12.8371L14.1631 12.0606L14.9396 9.16287L17.8373 9.93933Z' fill='black'/%3E%3Cpath d='M15.142 16C12.7128 16 10.6524 17.746 10.1179 20.1421L9.0453 24.9504C8.89996 25.6019 9.1046 26.4505 9.88235 26.858C10.7773 27.3269 12.649 28 16.0002 28C19.3515 28 21.2232 27.3269 22.1181 26.858C22.8959 26.4505 23.1005 25.6019 22.9552 24.9504L21.8826 20.1421C21.348 17.746 19.2877 16 16.8585 16H15.142ZM12.0699 20.5776C12.4134 19.0381 13.7074 18 15.142 18H16.8585C18.293 18 19.5871 19.0381 19.9305 20.5776L20.9611 25.1973C20.2569 25.5141 18.7331 26 16.0002 26C13.2673 26 11.7435 25.5141 11.0394 25.1973L12.0699 20.5776Z' fill='black'/%3E%3Cpath d='M20.9296 13.3267C21.6688 12.515 22.7068 12 23.8565 12H25.1439C27.137 12 28.7479 13.5186 29.1588 15.4832L29.9632 19.3298C30.0781 19.8791 29.9321 20.6574 29.2284 21.0507C28.5114 21.4514 27.058 22 24.5002 22C23.9479 22 23.5002 21.5523 23.5002 21C23.5002 20.4477 23.9479 20 24.5002 20C26.3248 20 27.399 19.6863 27.9459 19.4536L27.2011 15.8926C26.9535 14.7087 26.0486 14 25.1439 14H23.8565C23.3224 14 22.8055 14.2372 22.4083 14.6733C22.0364 15.0816 21.4039 15.1112 20.9956 14.7394C20.5873 14.3675 20.5577 13.735 20.9296 13.3267Z' fill='black'/%3E%3Cpath d='M6.85653 12C4.86344 12 3.25253 13.5187 2.84167 15.4832L2.03721 19.3298C1.92232 19.8791 2.06835 20.6575 2.77202 21.0507C3.48902 21.4515 4.9424 22 7.50022 22C8.05251 22 8.50022 21.5523 8.50022 21C8.50022 20.4477 8.05251 20 7.50022 20C5.67562 20 4.60143 19.6864 4.05457 19.4536L4.79932 15.8926C5.04691 14.7087 5.95184 14 6.85653 14H8.14392C8.67807 14 9.19495 14.2372 9.59215 14.6733C9.96401 15.0817 10.5965 15.1112 11.0048 14.7393C11.4131 14.3675 11.4427 13.735 11.0708 13.3267C10.3316 12.515 9.29361 12 8.14392 12H6.85653Z' fill='black'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; vertical-align: middle; }
    .icon-roblox-plus { display: inline-block; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath d='M13.8555 2.5606C15.1824 1.81313 16.8176 1.81313 18.1445 2.5606L26.8555 7.46782C28.1824 8.21534 28.9999 9.59781 29 11.0928V20.9073C29 22.4024 28.1824 23.7847 26.8555 24.5323L18.1445 29.4395L17.8926 29.5704C16.6996 30.143 15.3004 30.143 14.1074 29.5704L13.8555 29.4395L11.0176 27.8409C10.3887 27.4864 10 26.8196 10 26.0977V12.001C10.0002 10.8967 10.8957 10.0012 12 10.001L20 10.0001C21.1044 10 21.9998 10.8957 22 12.0001V19.0001C22 20.1046 21.1046 21.0001 20 21.0001H16C15.4477 21.0001 15 20.5523 15 20.0001C15.0002 19.4479 15.4478 19.0001 16 19.0001H20V12.0001L12 12.001V26.0987L14.8369 27.6973C15.5545 28.1016 16.4455 28.1016 17.1631 27.6973L25.874 22.7891C26.5863 22.3877 27 21.6636 27 20.9073V11.0928C26.9999 10.3366 26.5863 9.61234 25.874 9.21099L17.1631 4.30278C16.4456 3.89864 15.5544 3.89864 14.8369 4.30278L6.12598 9.21099C5.41372 9.61234 5 10.3366 5 11.0928V20.9073C5 21.6636 5.4137 22.3877 6.12598 22.7891L6.49023 22.9942C6.80495 23.1714 7 23.5051 7 23.8663C6.99984 24.6314 6.17549 25.1128 5.50879 24.7374L5.14453 24.5323C3.81763 23.7847 3 22.4024 3 20.9073V11.0928C3.00012 9.69126 3.71827 8.38846 4.90137 7.61528L5.14453 7.46782L13.8555 2.5606Z' fill='black'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; vertical-align: middle; }
    .icon-tag { display: inline-block; width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath d='M23.4998 7C24.328 7.00022 24.9998 7.67172 24.9998 8.5C24.9998 9.32829 24.328 9.99978 23.4998 10C22.6713 10 21.9998 9.32843 21.9998 8.5C21.9998 7.67158 22.6714 7 23.4998 7Z' fill='black'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26.9998 3C28.1042 3.00017 28.9998 3.89553 28.9998 5V15.5859C28.9997 16.1162 28.7888 16.625 28.4138 17L15.9138 29.5C15.1328 30.2809 13.8668 30.2808 13.0857 29.5L2.49978 18.9141C1.71882 18.133 1.71882 16.867 2.49978 16.0859L14.9998 3.58594C15.3748 3.21101 15.8835 3.00004 16.4138 3H26.9998ZM3.91384 17.5L14.4998 28.0859L26.9998 15.5859V5H16.4138L3.91384 17.5Z' fill='black'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; vertical-align: middle; flex-shrink: 0; }
    .icon-gamepad { display: inline-block; width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath d='M20.9998 15C21.69 15.0002 22.2498 15.5598 22.2498 16.25C22.2498 16.9402 21.69 17.4998 20.9998 17.5C20.3094 17.5 19.7498 16.9404 19.7498 16.25C19.7498 15.5596 20.3094 15 20.9998 15Z' fill='black'/%3E %3Cpath d='M10.4998 11C10.7757 11.0002 10.9998 11.224 10.9998 11.5V13L12.6004 13.0098C12.8282 13.0564 12.9998 13.2584 12.9998 13.5V14.5C12.9998 14.776 12.7757 14.9998 12.4998 15H10.9998V16.5C10.9998 16.776 10.7757 16.9998 10.4998 17H9.49979C9.22365 17 8.99979 16.7761 8.99979 16.5V15H7.49979C7.22365 15 6.99979 14.7761 6.99979 14.5V13.5C6.99979 13.2239 7.22365 13 7.49979 13H8.99979V11.5C8.99979 11.2239 9.22365 11 9.49979 11H10.4998Z' fill='black'/%3E %3Cpath d='M18.4998 12.5C19.19 12.5002 19.7498 13.0598 19.7498 13.75C19.7498 14.4402 19.19 14.9998 18.4998 15C17.8094 15 17.2498 14.4404 17.2498 13.75C17.2498 13.0596 17.8094 12.5 18.4998 12.5Z' fill='black'/%3E %3Cpath d='M23.4998 12.5C24.19 12.5002 24.7498 13.0598 24.7498 13.75C24.7498 14.4402 24.19 14.9998 23.4998 15C22.8094 15 22.2498 14.4404 22.2498 13.75C22.2498 13.0596 22.8094 12.5 23.4998 12.5Z' fill='black'/%3E %3Cpath d='M20.9998 10C21.69 10.0002 22.2498 10.5598 22.2498 11.25C22.2498 11.9402 21.69 12.4998 20.9998 12.5C20.3094 12.5 19.7498 11.9404 19.7498 11.25C19.7498 10.5596 20.3094 10 20.9998 10Z' fill='black'/%3E %3Cpath d='M21.1346 4C24.5137 4.0002 27.4112 6.41447 28.0203 9.73828L30.1492 21.3564C30.3567 22.4888 30.2163 23.6583 29.7459 24.709C27.9291 28.7659 22.3704 29.2682 19.8562 25.6025L17.3953 22.0137H14.6599L12.6385 25.252C10.2454 29.085 4.58473 28.8399 2.53202 24.8145C1.97591 23.7237 1.77906 22.485 1.96854 21.2754L3.74784 9.91602C4.28169 6.51015 7.21639 4.00003 10.6639 4H21.1346ZM10.6639 6C8.20147 6.00003 6.10582 7.79295 5.7244 10.2256L3.94413 21.585C3.8199 22.3781 3.94964 23.19 4.31424 23.9053C5.66041 26.5453 9.37268 26.707 10.9422 24.1934L13.5515 20.0137H18.449L21.5057 24.4707C23.1364 26.8483 26.7423 26.523 27.9207 23.8916C28.2257 23.2102 28.3169 22.4521 28.1824 21.7178L26.0525 10.0986C25.6156 7.71473 23.5214 6.05189 21.1346 6H10.6639Z' fill='black'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; vertical-align: middle; flex-shrink: 0; }
    .icon-verified-badge { display: inline-block; width: 12px; height: 12px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyIDEyIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGZpbGw9IiMwNmYiIGQ9Im0yLjUyMyAwIDkuNDc2IDIuNTM5LTIuNTQgOS40NzYtOS40NzUtMi41NHoiLz48cGF0aCBmaWxsPSIjZjdmN2Y4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im04LjgwNCAzLjc1LjAwMy4wMDNhLjY2LjY2IDAgMCAxIDAgLjkzMkw1LjA2NCA4LjQyOCAzLjE5MyA2LjU1NmEuNjYuNjYgMCAw IDEgMC0uOTMybC4wMDMtLjAwM2EuNjYuNjYgMCAw IDEgLjkzMiAwbC45MzYuOTM2TDcuODcyIDMuNzVhLjY2LjY2IDAgMCAxIC45MzIgMCIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgxMnYxMkgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg=="); background-size: contain; background-repeat: no-repeat; vertical-align: middle; }
    .icon-piggy { display: inline-block; width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath d='M11.1788 10.9713C11.4425 10.4777 11.913 9.94926 12.4935 9.56002C13.0748 9.17018 13.688 8.97086 14.2374 9.00354C14.7887 9.03634 15.2622 8.61601 15.295 8.0647C15.3278 7.51339 14.9075 7.03987 14.3562 7.00707C13.252 6.94138 12.2116 7.341 11.3796 7.8989C10.5467 8.4574 9.84395 9.22551 9.41477 10.0287C9.15451 10.5159 9.3384 11.1217 9.82551 11.382C10.3126 11.6423 10.9185 11.4584 11.1788 10.9713Z' fill='black'/%3E %3Cpath d='M23.2968 12C23.2968 13.1046 22.4013 14 21.2968 14C20.1922 14 19.2968 13.1046 19.2968 12C19.2968 10.8954 20.1922 10 21.2968 10C22.4013 10 23.2968 10.8954 23.2968 12Z' fill='black'/%3E %3Cpath d='M22.6416 1C21.114 1 19.7571 1.68272 18.8447 2.74683C18.0214 2.57625 17.169 2.48675 16.2968 2.48675C11.9165 2.48675 8.06249 4.73976 5.83031 8.15016L3.38884 6.31905C2.97632 6.00966 2.87735 5.4319 3.16338 5.00286C3.43518 4.59516 3.96802 4.45366 4.40628 4.67279L4.84956 4.89443C5.34354 5.14142 5.94421 4.94119 6.1912 4.44721C6.43819 3.95324 6.23796 3.35256 5.74399 3.10557L5.30071 2.88393C3.96029 2.21373 2.33057 2.64652 1.49928 3.89346C0.624456 5.2057 0.927146 6.97278 2.18884 7.91905L4.69677 9.8C4.75274 9.84197 4.81167 9.87719 4.87259 9.9058C4.18111 11.4582 3.79677 13.1776 3.79677 14.9867C3.79677 18.6941 5.41174 22.0248 7.97331 24.3127L7.59286 26.2631C7.29067 27.8123 8.25424 29.327 9.78553 29.7098L10.9555 30.0023C12.4427 30.3741 13.9683 29.5518 14.4753 28.1052L14.7264 27.3889C15.2411 27.4535 15.7653 27.4867 16.2968 27.4867C16.9195 27.4867 17.5321 27.4411 18.1313 27.3529L18.395 28.1052C18.902 29.5518 20.4276 30.3741 21.9148 30.0023L23.0848 29.7098C24.616 29.327 25.5796 27.8123 25.2774 26.2631L24.855 24.0976C25.8088 23.2013 26.622 22.1566 27.2578 21H28.3296C29.9683 21 31.2968 19.6715 31.2968 18.0328V12.9672C31.2968 11.3285 29.9683 10 28.3296 10H27.7622C27.3772 9.11599 26.8932 8.28545 26.3243 7.52237L27.0327 3.56446C27.2719 2.22782 26.2443 1 24.8864 1H22.6416ZM20.1008 4.40396C20.6319 3.56136 21.5667 3 22.6416 3H24.8864C24.9987 3 25.0837 3.10155 25.0639 3.2121L24.2773 7.60712C24.2264 7.89188 24.3012 8.18475 24.4825 8.41015C25.1867 9.28534 25.7529 10.2752 26.149 11.3467C26.2941 11.7393 26.6684 12 27.0869 12H28.3296C28.8637 12 29.2968 12.433 29.2968 12.9672V18.0328C29.2968 18.567 28.8637 19 28.3296 19H26.6494C26.2664 19 25.9169 19.2188 25.7497 19.5635C25.1137 20.8745 24.2124 22.0341 23.1151 22.972C22.8411 23.2062 22.7144 23.5698 22.7834 23.9236L23.3144 26.646C23.4129 27.151 23.0988 27.6447 22.5997 27.7695L21.4297 28.062C20.945 28.1832 20.4477 27.9152 20.2824 27.4436L19.7359 25.8845C19.5685 25.4068 19.0704 25.1295 18.5762 25.2389C17.8432 25.401 17.0806 25.4867 16.2968 25.4867C15.5964 25.4867 14.9131 25.4183 14.2527 25.2881C13.7646 25.1918 13.28 25.469 13.1155 25.9384L12.5879 27.4436C12.4226 27.9152 11.9253 28.1832 11.4406 28.062L10.2706 27.7695C9.77145 27.6447 9.45736 27.151 9.55587 26.646L10.0483 24.1217C10.1191 23.7584 9.98356 23.3858 9.6959 23.1529C7.3157 21.2263 5.79677 18.2843 5.79677 14.9867C5.79677 9.18776 10.4978 4.48675 16.2968 4.48675C17.2321 4.48675 18.1374 4.6088 18.9983 4.83729C19.421 4.94949 19.8676 4.77396 20.1008 4.40396Z' fill='black'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; vertical-align: middle; flex-shrink: 0; }
    .icon-tag { display: inline-block; width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath d='M23.4998 7C24.328 7.00022 24.9998 7.67172 24.9998 8.5C24.9998 9.32829 24.328 9.99978 23.4998 10C22.6713 10 21.9998 9.32843 21.9998 8.5C21.9998 7.67158 22.6714 7 23.4998 7Z' fill='black'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26.9998 3C28.1042 3.00017 28.9998 3.89553 28.9998 5V15.5859C28.9997 16.1162 28.7888 16.625 28.4138 17L15.9138 29.5C15.1328 30.2809 13.8668 30.2808 13.0857 29.5L2.49978 18.9141C1.71882 18.133 1.71882 16.867 2.49978 16.0859L14.9998 3.58594C15.3748 3.21101 15.8835 3.00004 16.4138 3H26.9998ZM3.91384 17.5L14.4998 28.0859L26.9998 15.5859V5H16.4138L3.91384 17.5Z' fill='black'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; vertical-align: middle; flex-shrink: 0; }
    .icon-gamepad { display: inline-block; width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath d='M20.9998 15C21.69 15.0002 22.2498 15.5598 22.2498 16.25C22.2498 16.9402 21.69 17.4998 20.9998 17.5C20.3094 17.5 19.7498 16.9404 19.7498 16.25C19.7498 15.5596 20.3094 15 20.9998 15Z' fill='black'/%3E %3Cpath d='M10.4998 11C10.7757 11.0002 10.9998 11.224 10.9998 11.5V13L12.6004 13.0098C12.8282 13.0564 12.9998 13.2584 12.9998 13.5V14.5C12.9998 14.776 12.7757 14.9998 12.4998 15H10.9998V16.5C10.9998 16.776 10.7757 16.9998 10.4998 17H9.49979C9.22365 17 8.99979 16.7761 8.99979 16.5V15H7.49979C7.22365 15 6.99979 14.7761 6.99979 14.5V13.5C6.99979 13.2239 7.22365 13 7.49979 13H8.99979V11.5C8.99979 11.2239 9.22365 11 9.49979 11H10.4998Z' fill='black'/%3E %3Cpath d='M18.4998 12.5C19.19 12.5002 19.7498 13.0598 19.7498 13.75C19.7498 14.4402 19.19 14.9998 18.4998 15C17.8094 15 17.2498 14.4404 17.2498 13.75C17.2498 13.0596 17.8094 12.5 18.4998 12.5Z' fill='black'/%3E %3Cpath d='M23.4998 12.5C24.19 12.5002 24.7498 13.0598 24.7498 13.75C24.7498 14.4402 24.19 14.9998 23.4998 15C22.8094 15 22.2498 14.4404 22.2498 13.75C22.2498 13.0596 22.8094 12.5 23.4998 12.5Z' fill='black'/%3E %3Cpath d='M20.9998 10C21.69 10.0002 22.2498 10.5598 22.2498 11.25C22.2498 11.9402 21.69 12.4998 20.9998 12.5C20.3094 12.5 19.7498 11.9404 19.7498 11.25C19.7498 10.5596 20.3094 10 20.9998 10Z' fill='black'/%3E %3Cpath d='M21.1346 4C24.5137 4.0002 27.4112 6.41447 28.0203 9.73828L30.1492 21.3564C30.3567 22.4888 30.2163 23.6583 29.7459 24.709C27.9291 28.7659 22.3704 29.2682 19.8562 25.6025L17.3953 22.0137H14.6599L12.6385 25.252C10.2454 29.085 4.58473 28.8399 2.53202 24.8145C1.97591 23.7237 1.77906 22.485 1.96854 21.2754L3.74784 9.91602C4.28169 6.51015 7.21639 4.00003 10.6639 4H21.1346ZM10.6639 6C8.20147 6.00003 6.10582 7.79295 5.7244 10.2256L3.94413 21.585C3.8199 22.3781 3.94964 23.19 4.31424 23.9053C5.66041 26.5453 9.37268 26.707 10.9422 24.1934L13.5515 20.0137H18.449L21.5057 24.4707C23.1364 26.8483 26.7423 26.523 27.9207 23.8916C28.2257 23.2102 28.3169 22.4521 28.1824 21.7178L26.0525 10.0986C25.6156 7.71473 23.5214 6.05189 21.1346 6H10.6639Z' fill='black'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; vertical-align: middle; flex-shrink: 0; }
    .icon-verified-badge { display: inline-block; width: 12px; height: 12px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyIDEyIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGZpbGw9IiMwNmYiIGQ9Im0yLjUyMyAwIDkuNDc2IDIuNTM5LTIuNTQgOS40NzYtOS40NzUtMi41NHoiLz48cGF0aCBmaWxsPSIjZjdmN2Y4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im04LjgwNCAzLjc1LjAwMy4wMDNhLjY2LjY2IDAgMCAxIDAgLjkzMkw1LjA2NCA4LjQyOCAzLjE5MyA2LjU1NmEuNjYuNjYgMCAw IDEgMC0uOTMybC4wMDMtLjAwM2EuNjYuNjYgMCAw IDEgLjkzMiAwbC45MzYuOTM2TDcuODcyIDMuNzVhLjY2LjY2IDAgMCAxIC45MzIgMCIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgxMnYxMkgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg=="); background-size: contain; background-repeat: no-repeat; vertical-align: middle; }
    .icon-piggy { display: inline-block; width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath d='M11.1788 10.9713C11.4425 10.4777 11.913 9.94926 12.4935 9.56002C13.0748 9.17018 13.688 8.97086 14.2374 9.00354C14.7887 9.03634 15.2622 8.61601 15.295 8.0647C15.3278 7.51339 14.9075 7.03987 14.3562 7.00707C13.252 6.94138 12.2116 7.341 11.3796 7.8989C10.5467 8.4574 9.84395 9.22551 9.41477 10.0287C9.15451 10.5159 9.3384 11.1217 9.82551 11.382C10.3126 11.6423 10.9185 11.4584 11.1788 10.9713Z' fill='black'/%3E %3Cpath d='M23.2968 12C23.2968 13.1046 22.4013 14 21.2968 14C20.1922 14 19.2968 13.1046 19.2968 12C19.2968 10.8954 20.1922 10 21.2968 10C22.4013 10 23.2968 10.8954 23.2968 12Z' fill='black'/%3E %3Cpath d='M22.6416 1C21.114 1 19.7571 1.68272 18.8447 2.74683C18.0214 2.57625 17.169 2.48675 16.2968 2.48675C11.9165 2.48675 8.06249 4.73976 5.83031 8.15016L3.38884 6.31905C2.97632 6.00966 2.87735 5.4319 3.16338 5.00286C3.43518 4.59516 3.96802 4.45366 4.40628 4.67279L4.84956 4.89443C5.34354 5.14142 5.94421 4.94119 6.1912 4.44721C6.43819 3.95324 6.23796 3.35256 5.74399 3.10557L5.30071 2.88393C3.96029 2.21373 2.33057 2.64652 1.49928 3.89346C0.624456 5.2057 0.927146 6.97278 2.18884 7.91905L4.69677 9.8C4.75274 9.84197 4.81167 9.87719 4.87259 9.9058C4.18111 11.4582 3.79677 13.1776 3.79677 14.9867C3.79677 18.6941 5.41174 22.0248 7.97331 24.3127L7.59286 26.2631C7.29067 27.8123 8.25424 29.327 9.78553 29.7098L10.9555 30.0023C12.4427 30.3741 13.9683 29.5518 14.4753 28.1052L14.7264 27.3889C15.2411 27.4535 15.7653 27.4867 16.2968 27.4867C16.9195 27.4867 17.5321 27.4411 18.1313 27.3529L18.395 28.1052C18.902 29.5518 20.4276 30.3741 21.9148 30.0023L23.0848 29.7098C24.616 29.327 25.5796 27.8123 25.2774 26.2631L24.855 24.0976C25.8088 23.2013 26.622 22.1566 27.2578 21H28.3296C29.9683 21 31.2968 19.6715 31.2968 18.0328V12.9672C31.2968 11.3285 29.9683 10 28.3296 10H27.7622C27.3772 9.11599 26.8932 8.28545 26.3243 7.52237L27.0327 3.56446C27.2719 2.22782 26.2443 1 24.8864 1H22.6416ZM20.1008 4.40396C20.6319 3.56136 21.5667 3 22.6416 3H24.8864C24.9987 3 25.0837 3.10155 25.0639 3.2121L24.2773 7.60712C24.2264 7.89188 24.3012 8.18475 24.4825 8.41015C25.1867 9.28534 25.7529 10.2752 26.149 11.3467C26.2941 11.7393 26.6684 12 27.0869 12H28.3296C28.8637 12 29.2968 12.433 29.2968 12.9672V18.0328C29.2968 18.567 28.8637 19 28.3296 19H26.6494C26.2664 19 25.9169 19.2188 25.7497 19.5635C25.1137 20.8745 24.2124 22.0341 23.1151 22.972C22.8411 23.2062 22.7144 23.5698 22.7834 23.9236L23.3144 26.646C23.4129 27.151 23.0988 27.6447 22.5997 27.7695L21.4297 28.062C20.945 28.1832 20.4477 27.9152 20.2824 27.4436L19.7359 25.8845C19.5685 25.4068 19.0704 25.1295 18.5762 25.2389C17.8432 25.401 17.0806 25.4867 16.2968 25.4867C15.5964 25.4867 14.9131 25.4183 14.2527 25.2881C13.7646 25.1918 13.28 25.469 13.1155 25.9384L12.5879 27.4436C12.4226 27.9152 11.9253 28.1832 11.4406 28.062L10.2706 27.7695C9.77145 27.6447 9.45736 27.151 9.55587 26.646L10.0483 24.1217C10.1191 23.7584 9.98356 23.3858 9.6959 23.1529C7.3157 21.2263 5.79677 18.2843 5.79677 14.9867C5.79677 9.18776 10.4978 4.48675 16.2968 4.48675C17.2321 4.48675 18.1374 4.6088 18.9983 4.83729C19.421 4.94949 19.8676 4.77396 20.1008 4.40396Z' fill='black'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; vertical-align: middle; flex-shrink: 0; }
    #subscription-scroll::-webkit-scrollbar { display: none; }
    #subscription-scroll { -ms-overflow-style: none; scrollbar-width: none; }
    #modal-user-list::-webkit-scrollbar { display: none; }
    #modal-user-list { -ms-overflow-style: none; scrollbar-width: none; }
    @media (min-width: 768px) {
      /* Desktop sidebar proportions matched to the spacious reference layout. */
      .sidebar-profile-link {
        padding: 4px 12px;
        margin-bottom: 10px;
      }
      .sidebar-profile-link > div {
        width: 24px;
        height: 24px;
      }
      #sidebar-navigation {
        gap: 6px;
        font-weight: 600;
      }
      #sidebar-navigation > a {
        padding: 8px 12px;
        min-height: 42px;
      }
      #sidebar-navigation > a:first-child {
        display: none;
      }
      #sidebar-navigation img,
      #sidebar-navigation .icon-roblox-plus,
      #sidebar-navigation .icon-communities {
        width: 22px;
        height: 22px;
      }
      #sidebar-promo {
        margin-top: 12px;
        padding: 12px;
        gap: 10px;
      }
      #sidebar-promo .icon-roblox-plus {
        width: 22px;
        height: 22px;
      }
      #sidebar-promo p,
      #sidebar-promo a {
        font-size: 14px;
        line-height: 20px;
      }
    }
    @media (max-width: 767px) {
      .mobile-hide-bonus {
        display: none;
      }
      /* Mobile-only: make the Send area flush with the top-right of the hero. */
      #hero-balance-send {
        left: 0;
        top: 0;
        right: 0;
        justify-content: space-between;
        border-radius: 0;
        border-width: 0 0 1px;
        padding: 12px 16px;
        min-height: 57px;
      }
      #hero-send-button {
        border-radius: 8px;
        padding: 8px 12px;
      }
      .subscription-wrapper { overflow-x: auto !important; }
      .subscription-wrapper #subscription-scroll { transform: none !important; overflow-x: auto; flex-wrap: nowrap; }
      #arrow-right, #arrow-left { display: none !important; }
      #subscription-scroll > div { flex: 0 0 85vw !important; }
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(6px); }
      to { opacity: 1; transform: translateY(0); }
    }
    .animate-fadeIn {
      animation: fadeIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    }

    /* Shared verified-badge sizing for profiles, search results and Send Robux. */
    .icon-verified-badge {
      width: 16px !important;
      height: 16px !important;
      flex: 0 0 16px;
      vertical-align: -3px;
    }

    .hero-mobile-break { display: none; }

    /* RobuxIcon.svg variants: solid normal amount, soft gray old/struck amount. */
    .icon-robux, .icon-robux-lg, .icon-robux-sub {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath fill='%23393B3D' d='M23.402 5.571C25.009 6.499 26 8.215 26 10.071v7.856c0 1.857-.991 3.572-2.598 4.5l-6.805 3.929c-1.607.928-3.588.928-5.195 0l-6.805-3.929C2.99 21.499 2 19.784 2 17.927v-7.856c0-1.856.99-3.572 2.597-4.5l6.805-3.928c1.607-.928 3.588-.928 5.195 0l6.805 3.928ZM12.313 3.426 5.686 7.252A3.472 3.472 0 0 0 4 10.174v7.651c0 1.205.642 2.319 1.686 2.922l6.627 3.825c1.044.603 2.329.603 3.373 0l6.627-3.825A3.472 3.472 0 0 0 24 17.825v-7.651c0-1.206-.643-2.319-1.687-2.922l-6.627-3.826a3.372 3.372 0 0 0-3.373 0ZM15.385 5.564l5.229 3.018A2.772 2.772 0 0 1 22 10.983v6.037c0 .99-.529 1.905-1.386 2.4l-5.229 3.019a2.77 2.77 0 0 1-2.771 0L7.385 19.42A2.772 2.772 0 0 1 6 17.02v-6.037c0-.991.528-1.906 1.385-2.401l5.229-3.018a2.77 2.77 0 0 1 2.771 0ZM11 17h6v-6h-6v6Z'/%3E%3C/svg%3E") !important;
    }
    .icon-robux-sm {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath fill='%23000000' fill-opacity='.5' d='M23.402 5.571C25.009 6.499 26 8.215 26 10.071v7.856c0 1.857-.991 3.572-2.598 4.5l-6.805 3.929c-1.607.928-3.588.928-5.195 0l-6.805-3.929C2.99 21.499 2 19.784 2 17.927v-7.856c0-1.856.99-3.572 2.597-4.5l6.805-3.928c1.607-.928 3.588-.928 5.195 0l6.805 3.928ZM12.313 3.426 5.686 7.252A3.472 3.472 0 0 0 4 10.174v7.651c0 1.205.642 2.319 1.686 2.922l6.627 3.825c1.044.603 2.329.603 3.373 0l6.627-3.825A3.472 3.472 0 0 0 24 17.825v-7.651c0-1.206-.643-2.319-1.687-2.922l-6.627-3.826a3.372 3.372 0 0 0-3.373 0ZM15.385 5.564l5.229 3.018A2.772 2.772 0 0 1 22 10.983v6.037c0 .99-.529 1.905-1.386 2.4l-5.229 3.019a2.77 2.77 0 0 1-2.771 0L7.385 19.42A2.772 2.772 0 0 1 6 17.02v-6.037c0-.991.528-1.906 1.385-2.401l5.229-3.018a2.77 2.77 0 0 1 2.771 0ZM11 17h6v-6h-6v6Z'/%3E%3C/svg%3E") !important;
    }

    /* Dark mode changes neutral surfaces/icons only; images and accent colours stay unchanged. */
    html.dark-mode body { background: #101114; color: #f5f5f5; }
    html.dark-mode .main-bg { background: #151619; }
    html.dark-mode > body > header { background: #1d1e21 !important; border-color: #34363b !important; }
    html.dark-mode .bg-white, html.dark-mode .bg-gray-50 { background-color: #1d1e21 !important; }
    html.dark-mode .bg-gray-100 { background-color: #25272b !important; }
    html.dark-mode .bg-roblox-bg, html.dark-mode .bg-roblox-cardBg { background-color: #25272b !important; }
    html.dark-mode .border-gray-200, html.dark-mode .border-gray-300, html.dark-mode .border-roblox-border { border-color: #3b3e45 !important; }
    html.dark-mode .text-gray-900, html.dark-mode .text-gray-800, html.dark-mode .text-\[\#191b1d\], html.dark-mode .text-roblox-dark { color: #f7f7f8 !important; }
    html.dark-mode .text-gray-700, html.dark-mode .text-gray-600, html.dark-mode .text-gray-500, html.dark-mode .text-roblox-gray { color: #b9bec8 !important; }
    html.dark-mode input, html.dark-mode textarea { background: #25272b !important; color: #f7f7f8 !important; border-color: #464a52 !important; }
    html.dark-mode #hero-balance-send { background: #25272b !important; }
    html.dark-mode #hero-balance-send > div,
    html.dark-mode #hero-robux-balance { color: #f7f7f8 !important; }
    html.dark-mode #hero-send-button { background: #30323d !important; color: #f7f7f8 !important; }
    html.dark-mode #hero-send-button img { filter: invert(1) brightness(2) !important; }
    html.dark-mode .theme-picker { background: #25272b !important; }
    html.dark-mode span[class*="icon-"]:not(.icon-verified-badge) { filter: invert(1) grayscale(1) brightness(1.5); }
    html.dark-mode img { filter: none !important; }

    /* Header: every normal black control is white in dark mode. */
    html.dark-mode > body > header,
    html.dark-mode > body > header nav,
    html.dark-mode > body > header button,
    html.dark-mode > body > header input,
    html.dark-mode > body > header a:not(.text-blue-600) {
      color: #f7f7f8 !important;
    }
    html.dark-mode > body > header .bg-\[\#e3e4e5\] {
      background: #303238 !important;
      border-color: #484b53 !important;
    }
    html.dark-mode > body > header input::placeholder { color: #abb1bc !important; }
    html.dark-mode #nav-logo-link img,
    html.dark-mode #mobile-menu-btn + a img,
    html.dark-mode #bell-dropdown-btn-mobile svg,
    html.dark-mode #gear-dropdown-btn svg,
    html.dark-mode #gear-dropdown-btn-mobile svg {
      filter: invert(1) grayscale(1) brightness(2) !important;
    }
    html.dark-mode #gear-dropdown-btn, html.dark-mode #gear-dropdown-btn-mobile,
    html.dark-mode #gear-dropdown-btn svg, html.dark-mode #gear-dropdown-btn-mobile svg {
      color: #f7f7f8 !important;
      fill: #f7f7f8 !important;
      filter: none !important;
    }
    html.dark-mode #gear-dropdown-btn svg path,
    html.dark-mode #gear-dropdown-btn-mobile svg path { fill: #f7f7f8 !important; }
    html.dark-mode #mobile-menu-btn,
    html.dark-mode #mobile-menu-btn svg,
    html.dark-mode #mobile-menu-btn svg path {
      color: #f7f7f8 !important;
      fill: #f7f7f8 !important;
      filter: none !important;
    }
    html.dark-mode #desktop-robux-balance,
    html.dark-mode #mobile-robux-balance,
    html.dark-mode #robux-dropdown-btn,
    html.dark-mode #robux-dropdown-btn-mobile {
      color: #f7f7f8 !important;
    }
    html.dark-mode #robux-dropdown-btn .icon-robux-lg,
    html.dark-mode #robux-dropdown-btn-mobile .icon-robux {
      filter: invert(1) grayscale(1) brightness(2) !important;
    }
    html.dark-mode #bell-dropdown, html.dark-mode #robux-dropdown, html.dark-mode #gear-dropdown,
    html.dark-mode #bell-dropdown-mobile, html.dark-mode #robux-dropdown-mobile, html.dark-mode #gear-dropdown-mobile {
      background: #24262b !important;
      color: #f7f7f8 !important;
    }
    html.dark-mode #bell-dropdown a:hover, html.dark-mode #robux-dropdown a:hover,
    html.dark-mode #gear-dropdown a:hover, html.dark-mode #bell-dropdown-mobile a:hover,
    html.dark-mode #robux-dropdown-mobile a:hover, html.dark-mode #gear-dropdown-mobile a:hover {
      background: #343741 !important;
      color: #ffffff !important;
    }

    /* Sidebar icons use embedded black SVGs, so invert them alongside their labels. */
    html.dark-mode #main-sidebar {
      background: #1b1d20 !important;
      border-color: #373a40 !important;
      color: #f7f7f8 !important;
    }
    html.dark-mode #main-sidebar a,
    html.dark-mode #main-sidebar #sidebar-navigation,
    html.dark-mode #main-sidebar #sidebar-profile-name {
      color: #f7f7f8 !important;
    }
    html.dark-mode #main-sidebar img:not(#sidebar-profile-avatar),
    html.dark-mode #main-sidebar span[class*="icon-"]:not(.icon-verified-badge) {
      filter: invert(1) grayscale(1) brightness(2) !important;
    }
    html.dark-mode #main-sidebar .sidebar-profile-link:hover,
    html.dark-mode #main-sidebar #sidebar-navigation a:hover,
    html.dark-mode #main-sidebar #sidebar-promo {
      background: #292c31 !important;
    }

    /* Modals and neutral text/icons follow the same black-to-white conversion. */
    html.dark-mode #profile-modal,
    html.dark-mode #send-modal,
    html.dark-mode #needrobux-modal,
    html.dark-mode #success-modal {
      background: #1d1f23 !important;
      color: #f7f7f8 !important;
    }
    html.dark-mode #profile-modal .ptab-btn,
    html.dark-mode #profile-modal h1,
    html.dark-mode #profile-modal h2,
    html.dark-mode #profile-modal label,
    html.dark-mode #profile-modal i:not(.text-blue-600):not(.text-indigo-600):not(.text-rose-600):not(.text-emerald-800) {
      color: #f7f7f8 !important;
    }

    /* Hero: make the original white grid artwork work on a dark surface. */
    html.dark-mode #hero-section {
      background-image: none !important;
      background-color: #151619 !important;
      isolation: isolate;
    }
    html.dark-mode #hero-section::before {
      content: '';
      position: absolute;
      inset: 0;
      z-index: 0;
      background: url('https://images.rbxcdn.com/c3335cf79e8fe350.png') center / 140% auto no-repeat;
      opacity: .42;
    }
    @media (max-width: 767px) {
      html.dark-mode #hero-section::before { background-size: 190% auto; }
    }
    html.dark-mode #hero-section > h1 { position: relative; z-index: 1; }
    html.dark-mode #hero-section > #hero-balance-send { z-index: 2; }
    html.dark-mode #hero-section > div:first-child { z-index: 1; }
    html.dark-mode #hero-title { color: #f7f7f8 !important; }

    /* The price areas must stay dark, otherwise white text disappears on white cards. */
    html.dark-mode #avatar-items-container > div,
    html.dark-mode #robux-packages-container {
      background: #24262b !important;
      border-color: #3d4149 !important;
    }
    html.dark-mode #avatar-items-container > div > div:last-child,
    html.dark-mode #avatar-items-container > div > div:last-child > div,
    html.dark-mode #robux-packages-container > div {
      background: #24262b !important;
    }
    html.dark-mode #avatar-items-container .mobile-hide-bonus,
    html.dark-mode #robux-packages-container .mobile-hide-bonus,
    html.dark-mode #robux-packages-container .for-you-badge {
      background: #363943 !important;
      color: #f7f7f8 !important;
    }
    /* Old/struck Robux is intentionally lighter than before, but softer than the main amount. */
    html.dark-mode #avatar-items-container .line-through,
    html.dark-mode #robux-packages-container .line-through {
      color: #aeb5c2 !important;
    }
    html.dark-mode #avatar-items-container .line-through .icon-robux-sm,
    html.dark-mode #robux-packages-container .line-through .icon-robux-sm {
      filter: invert(1) grayscale(1) brightness(1.6) !important;
    }
    html.dark-mode #avatar-items-container button,
    html.dark-mode #robux-packages-container > div > button {
      background: #30323d !important;
      color: #f7f7f8 !important;
    }
    html.dark-mode #avatar-items-container button:hover,
    html.dark-mode #robux-packages-container > div > button:hover {
      background: #3b3e4a !important;
      color: #ffffff !important;
    }
    html.dark-mode #modal-user-list li.group:hover {
      background: #292c31 !important;
    }

    /* Send Robux modal controls: neutral dark surfaces and readable white states. */
    html.dark-mode #send-modal #step2-amount-display {
      background: transparent !important;
      color: #f7f7f8 !important;
      -webkit-text-fill-color: #f7f7f8;
    }
    html.dark-mode #send-modal .icon-robux,
    html.dark-mode #send-modal .icon-robux-lg,
    html.dark-mode #send-modal .icon-robux-sm {
      filter: invert(1) grayscale(1) brightness(2) !important;
    }
    html.dark-mode #send-modal #send1-robux-balance,
    html.dark-mode #send-modal #send2-robux-balance,
    html.dark-mode #send-modal #send3-robux-balance,
    html.dark-mode #send-modal #modal-list-title,
    html.dark-mode #send-modal #step2-username,
    html.dark-mode #send-modal #step3-displayname,
    html.dark-mode #send-modal #step3-username,
    html.dark-mode #send-modal #step3-amount,
    html.dark-mode #send-modal #step3-connected,
    html.dark-mode #send-modal #step3-mutual,
    html.dark-mode #send-modal #step3-joined {
      color: #f7f7f8 !important;
    }
    html.dark-mode #send-modal button[aria-label^="Close"],
    html.dark-mode #send-modal button[aria-label^="Close"] svg {
      color: #f7f7f8 !important;
      stroke: #f7f7f8 !important;
      fill: #f7f7f8 !important;
    }
    html.dark-mode #send-modal .amount-option-btn {
      background: #25272d !important;
      color: #f7f7f8 !important;
      border-color: #444852 !important;
    }
    html.dark-mode #send-modal .amount-option-btn.border-gray-800 {
      border-color: #f7f7f8 !important;
    }
    html.dark-mode #send-modal .amount-option-btn:hover,
    html.dark-mode #send-modal .amount-option-btn:focus {
      background: #25272d !important;
      border-color: #444852 !important;
    }
    html.dark-mode #send-modal .amount-option-btn.border-gray-800:hover,
    html.dark-mode #send-modal .amount-option-btn.border-gray-800:focus { border-color: #f7f7f8 !important; }
    html.dark-mode #send-modal button[onclick="editRobuxAmount()"] {
      background: #30323d !important;
      color: #f7f7f8 !important;
    }
    html.dark-mode #send-modal button[onclick="editRobuxAmount()"]:hover { background: #3b3e4a !important; }
    html.dark-mode #success-modal header,
    html.dark-mode #success-modal main,
    html.dark-mode #success-modal-message,
    html.dark-mode #success-modal-balance {
      color: #f7f7f8 !important;
    }

    /* Toast notifications invert their neutral palette in dark mode. */
    html.dark-mode #success-style-toast .bg-\[\#2b2b2d\],
    html.dark-mode #toast-notification .toast-container {
      background: #f7f7f8 !important;
      color: #202227 !important;
    }
    html.dark-mode #success-style-toast .bg-\[\#2b2b2d\] span,
    html.dark-mode #toast-notification #toast-text {
      color: #202227 !important;
    }
    html.dark-mode #success-style-toast .bg-\[\#2b2b2d\] > div > div:first-child,
    html.dark-mode #toast-notification [aria-hidden=\"true\"] {
      background: #2b2b2d !important;
    }
    html.dark-mode #success-style-toast .bg-\[\#2b2b2d\] svg,
    html.dark-mode #toast-notification [aria-hidden=\"true\"] svg {
      color: #ffffff !important;
      stroke: #ffffff !important;
    }
    html.dark-mode #toast-notification .toast-container > div > div:first-child {
      background: #2b2b2d !important;
    }
    html.dark-mode #toast-notification .toast-container > div > div:first-child svg {
      color: #ffffff !important;
      stroke: #ffffff !important;
    }
    html.dark-mode #toast-notification button[aria-label=\"Close notification\"] {
      color: #555a63 !important;
    }
    html.dark-mode #toast-notification button[aria-label=\"Close notification\"]:hover {
      color: #202227 !important;
    }
    html.dark-mode #sidebar-navigation a[href*="/my/messages"] > span,
    html.dark-mode #sidebar-navigation a[href*="/users/friends"] > span {
      background: #ffffff !important;
      color: #202227 !important;
    }

    /* Choosing a preset is click-only: moving the cursor over a price box does not restyle it. */
    #send-modal .amount-option-btn:hover { background: #ffffff !important; }
    html.dark-mode #send-modal .amount-option-btn:hover { background: #25272d !important; }

    /* Desktop balance/send control follows the compact Roblox header reference. */
    @media (min-width: 768px) {
      #hero-balance-send {
        top: 16px;
        right: 16px;
        min-height: 58px;
        padding: 10px 12px 10px 22px;
        gap: 16px;
        border: 0;
        border-radius: 999px;
        background: #f6f6f7;
        box-shadow: none;
      }
      #hero-balance-send > div {
        gap: 7px;
        font-size: 25px;
        font-weight: 700;
        line-height: 1;
      }
      #hero-balance-send .icon-robux {
        width: 21px;
        height: 21px;
      }
      #hero-send-button {
        min-height: 32px;
        padding: 7px 12px;
        gap: 6px;
        border-radius: 8px;
        background: #dde0e6;
        color: #191b1d;
        font-size: 13px;
        font-weight: 700;
        line-height: 1;
      }
      #hero-send-button:hover { background: #dde0e6; color: #191b1d; }

      /* Bonus price rows are intentionally static; no mouse-hover colour change. */
      #avatar-items-container [class*="hover:bg-white"]:hover {
        background-color: rgba(255, 255, 255, 0.70) !important;
      }
      #avatar-items-container button:hover {
        background-color: #e1e3e8 !important;
        color: #191b1d !important;
      }
    }

    /* Desktop Robux price rows: match the larger reference typography, icons and buttons. */
    @media (min-width: 768px) {
      #avatar-items-container .icon-robux,
      #robux-packages-container .icon-robux {
        width: 24px !important;
        height: 24px !important;
      }
      #avatar-items-container .icon-robux-sm,
      #robux-packages-container .icon-robux-sm {
        width: 20px !important;
        height: 20px !important;
      }
      #avatar-items-container [class*="text-xl"],
      #robux-packages-container > div > .flex > span:nth-of-type(2) {
        font-size: 28px !important;
        line-height: 1.1;
      }
      #avatar-items-container .line-through,
      #robux-packages-container .line-through {
        color: #687386 !important;
        font-size: 18px !important;
        line-height: 1.1;
      }
      #avatar-items-container button,
      #robux-packages-container > div > button {
        width: 200px !important;
        min-height: 40px;
        padding-top: 9px !important;
        padding-bottom: 9px !important;
        border-radius: 8px !important;
      }
      #robux-packages-container {
        padding: 20px !important;
        gap: 19px !important;
      }
      #robux-packages-container .mobile-hide-bonus,
      #avatar-items-container .mobile-hide-bonus,
      #robux-packages-container .for-you-badge {
        padding: 5px 10px !important;
        font-size: 11px !important;
        line-height: 1 !important;
        background: #eef0f3 !important;
        color: #191b1d !important;
        border: 0 !important;
      }
    }

    @media (max-width: 767px) {
      /* Prevent the mobile page from becoming wider than the device viewport. */
      html, body, main { max-width: 100%; overflow-x: hidden; }
      #robux-packages-container { padding: 12px; gap: 14px; }
      #robux-packages-container > div { min-width: 0; }
      #robux-packages-container > div > .flex { min-width: 0; }

      /* Mobile hero matches the left-aligned three-line reference artwork. */
      #hero-section {
        height: 246px;
        min-height: 246px;
        padding: 84px 18px 0;
        box-sizing: border-box;
        align-items: flex-start;
        justify-content: flex-start;
        text-align: left;
        background-size: 325% auto !important;
        background-position: center center !important;
      }
      #hero-title {
        margin-top: 0;
        max-width: 330px;
        font-size: 40px;
        line-height: 1.1;
        letter-spacing: -0.025em;
        text-align: left;
      }
      .hero-mobile-break { display: inline; }
      .hero-desktop-break { display: none; }
    }

    /* Hide any injected Netlify badge, watermark, or referral link */
    a[href*="netlify.com"],
    a[href*="netlify.app"],
    img[src*="netlify"],
    img[alt*="Netlify" i],
    img[alt*="netlify" i],
    .netlify-badge,
    #netlify-badge,
    div[class*="netlify-badge"],
    div[id*="netlify-badge"],
    [data-netlify-badge],
    iframe[src*="netlify"] {
      display: none !important;
      visibility: hidden !important;
      opacity: 0 !important;
      pointer-events: none !important;
      width: 0 !important;
      height: 0 !important;
      position: absolute !important;
      clip: rect(0, 0, 0, 0) !important;
    }