/* fonts.css */
/* cyrillic-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/font-7fbfe48baa1e.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/font-a38f90806f52.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/font-37fc4949433e.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/font-fc1963edd945.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 450;
  font-display: swap;
  src: url(/assets/font-7fbfe48baa1e.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 450;
  font-display: swap;
  src: url(/assets/font-a38f90806f52.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 450;
  font-display: swap;
  src: url(/assets/font-37fc4949433e.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 450;
  font-display: swap;
  src: url(/assets/font-fc1963edd945.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/font-7fbfe48baa1e.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/font-a38f90806f52.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/font-37fc4949433e.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/font-fc1963edd945.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 550;
  font-display: swap;
  src: url(/assets/font-7fbfe48baa1e.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 550;
  font-display: swap;
  src: url(/assets/font-a38f90806f52.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 550;
  font-display: swap;
  src: url(/assets/font-37fc4949433e.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 550;
  font-display: swap;
  src: url(/assets/font-fc1963edd945.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/font-7fbfe48baa1e.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/font-a38f90806f52.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/font-37fc4949433e.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/font-fc1963edd945.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 650;
  font-display: swap;
  src: url(/assets/font-7fbfe48baa1e.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 650;
  font-display: swap;
  src: url(/assets/font-a38f90806f52.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 650;
  font-display: swap;
  src: url(/assets/font-37fc4949433e.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 650;
  font-display: swap;
  src: url(/assets/font-fc1963edd945.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/font-7fbfe48baa1e.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/font-a38f90806f52.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/font-37fc4949433e.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/font-fc1963edd945.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/font-d757d748b113.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/font-c3935fcbdf91.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 450;
  font-display: swap;
  src: url(/assets/font-d757d748b113.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 450;
  font-display: swap;
  src: url(/assets/font-c3935fcbdf91.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/font-d757d748b113.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/font-c3935fcbdf91.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 550;
  font-display: swap;
  src: url(/assets/font-d757d748b113.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 550;
  font-display: swap;
  src: url(/assets/font-c3935fcbdf91.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/font-d757d748b113.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/font-c3935fcbdf91.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 650;
  font-display: swap;
  src: url(/assets/font-d757d748b113.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 650;
  font-display: swap;
  src: url(/assets/font-c3935fcbdf91.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/font-d757d748b113.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/font-c3935fcbdf91.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* styles.css */

:root{color-scheme:light;--bg:#f5f7fb;--panel:#fff;--text:#20273a;--muted:#7c8498;--line:#e8ebf1;--accent:#6955e8;--accent-dark:#5140c6;--sidebar:246px;--gold:#cba45d;font-family:"Plus Jakarta Sans",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;-webkit-user-select:none;user-select:none}button *,[role=button],wa-button,wa-button::part(base){-webkit-user-select:none;user-select:none}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button,a,input,select,textarea{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b7a9ff;outline-offset:4px}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:"Sora",sans-serif;text-wrap:balance}svg{height:20px;width:20px;stroke-width:1.8;flex-shrink:0;vertical-align:middle}button{border:0}input,textarea,select{min-width:0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:15px;left:20px;z-index:200;padding:12px 20px;border-radius:8px;background:var(--accent);color:white;transform:translateY(-180%)}.skip-link:focus{transform:none}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:33px 20px 0;background:#fff;border-right:1px solid var(--line);z-index:30;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-family:"Sora",sans-serif;font-size:28px;font-weight:650;letter-spacing:-1.2px;margin-left:10px}.brand-icon{display:grid;place-items:center;width:35px;height:40px;color:var(--accent)}.brand-icon svg{width:32px;height:32px;stroke-width:2}.brand small{display:block;color:#9297a7;font:9px "Plus Jakarta Sans",sans-serif;letter-spacing:0;margin-top:1px}.nav-label{color:#a0a6b6;font-size:10px;margin:36px 14px 12px}.nav-label.second{margin-top:29px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-link{display:flex;align-items:center;gap:13px;min-height:46px;padding:12px 14px;color:#72798d;font-size:12px;font-weight:500;border-radius:9px;transition:background .15s,color .15s}.nav-link svg{width:19px;height:19px}.nav-link>span:first-child{display:flex;align-items:center}.nav-link:hover{color:var(--accent);background:#f6f4ff}.nav-link.active{background:#eeeaff;color:var(--accent);font-weight:650}.active-dot{width:5px;height:5px;border-radius:50%;margin-left:auto;background:var(--accent)}.nav-count{margin-left:auto;display:grid;place-items:center;min-width:20px;height:20px;font-size:10px;background:#e5e0ff;color:var(--accent);border-radius:5px;font-weight:650}.demo-tag{font-size:8px;background:#f0f2f6;color:#8a91a4;border-radius:4px;padding:1px 5px;margin-left:auto}.request-dot,.notification-dot{width:5px;height:5px;background:#eea757;border-radius:50%;margin-left:auto}.premium-sidebar{margin-top:auto;margin-bottom:24px;border-radius:12px;padding:19px 18px;background:#f6f2ff;border:1px solid #ebe1fd;display:block}.premium-star{display:flex;color:var(--accent);margin-bottom:12px}.premium-star svg{width:25px;height:25px}.premium-sidebar strong{font-size:11px;font-weight:650;color:#484062}.premium-sidebar p{font-size:10px;line-height:1.7;color:#948aa7;margin:7px 0 16px}.premium-sidebar>span:last-child{display:flex;justify-content:space-between;align-items:center;color:var(--accent);font-size:10px;font-weight:600}.premium-sidebar>span:last-child svg{width:14px;height:14px}.sidebar-bottom{display:flex;align-items:center;gap:10px;padding:19px 3px;border-top:1px solid var(--line)}.avatar{width:35px;height:35px;border:3px solid #fff;box-shadow:0 0 0 1px #e4e1ef;background:#e7ddf5;color:#766080;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:12px;font-weight:650}.sidebar-bottom strong{display:block;font-size:11px}.sidebar-bottom small{font-size:9px;color:#959bad}.status-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#a0c7ad}.app-shell{margin-left:var(--sidebar)}.topbar{height:77px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.breadcrumb{display:flex;align-items:center;gap:13px;color:#a1a8b7;font-size:11px}.breadcrumb strong{font-weight:500;color:#5a6278}.breadcrumb-slash{color:#d3d7e1}.topbar-actions{display:flex;align-items:center;gap:23px}.balance{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid #e6e9f1;border-radius:8px;padding:7px 11px;font-size:12px;font-weight:650;box-shadow:0 2px 3px #17213603}.balance small{font-size:10px;font-weight:450;color:#999eae}.balance svg{width:14px;height:14px;color:#b89b68;margin-left:4px}.balance .coin{color:#c99c4d;font-size:20px;line-height:1}.icon-button{background:transparent;position:relative;display:grid;place-items:center;min-width:30px;height:30px;color:#959cad}.icon-button:hover{color:var(--accent)}.notification-dot{position:absolute;right:3px;top:3px;border:2px solid white;width:8px;height:8px}.avatar-small{width:31px;height:31px}.menu-toggle{display:none}.sidebar-scrim{display:none}
main{padding:36px 42px 40px;max-width:1630px;margin:0 auto;min-height:calc(100vh - 132px)}.page-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.greeting{font-size:11px;color:#9096a8;margin-bottom:10px}h1{font-size:clamp(28px,2.15vw,43px);line-height:1.2;font-weight:600;letter-spacing:-1.45px}h1 em{font-style:normal;font-family:inherit;color:inherit;font-size:inherit}.page-intro p:last-child{font-size:12px;color:#989eb0;margin-top:10px}.text-link{background:transparent;display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:600;color:var(--accent);padding:0;cursor:pointer}.text-link svg{width:15px;height:15px}.text-link:hover{color:var(--accent-dark)}.hero{display:flex;position:relative;overflow:hidden;min-height:339px;border-radius:17px;background:#e9e9fd;margin-bottom:31px;isolation:isolate}.hero:after{content:"";position:absolute;right:-210px;top:-300px;width:850px;height:850px;border:1px solid #cccaf45c;border-radius:50%;pointer-events:none}.hero-copy{padding:38px 42px;width:52%;z-index:3}.feature-label{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:#7f73b0;background:#ffffff70;border:1px solid #ffffffb5;padding:5px 9px;border-radius:6px;margin-bottom:20px}.live-dot{height:5px;width:5px;display:inline-block;border-radius:50%;background:#9a8ed6;flex-shrink:0}.hero h2{font-size:35px;line-height:1.25;font-weight:600;letter-spacing:-1.35px;color:#33274d}.hero-copy p{font-size:11px;color:#9485a8;line-height:1.8;margin:15px 0 24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;min-height:42px;border-radius:8px;border:1px solid transparent;font-weight:600;font-size:11px;line-height:1.3;transition:background .15s,box-shadow .15s}.button.primary{background:var(--accent);color:#fff;box-shadow:0 4px 10px #6b55e822}.button.primary:hover{background:var(--accent-dark);box-shadow:0 5px 14px #6b55e832}.button.secondary{background:#fff;border-color:#e4e7ef;color:#626b81;box-shadow:0 1px 2px #17213604}.button.secondary:hover{border-color:#c8bdfb;color:var(--accent)}.button.ghost{background:transparent;color:#81899e}.button.danger{background:#fff0f1;color:#b75d69;border-color:#f2d8dc}.button-small{padding:8px 12px;min-height:32px;font-size:10px}.button svg{width:15px;height:15px}.hero-note{font-size:9px;color:#9689ac;margin-left:16px}.hero-art{position:absolute;inset:0 0 0 auto;width:49%;display:flex;align-items:center;justify-content:center;perspective:1000px}.orbit{position:absolute;border:1px solid #cbcaf350;border-radius:50%;width:475px;height:475px;top:calc(50% - 237px);left:calc(50% - 237px)}.orbit-two{width:620px;height:620px;top:calc(50% - 310px);left:calc(50% - 310px)}.deck-card{position:absolute;z-index:1;width:173px;filter:drop-shadow(0 16px 12px #7066872a)}.deck-card .collectible-card{height:250px}.deck-left{transform:translate(-115px,13px) rotate(-16deg)}.deck-right{transform:translate(108px,18px) rotate(16deg);z-index:2}.deck-center{transform:translate(0,-5px) rotate(1deg);z-index:3;width:190px}.deck-center .collectible-card{height:275px}.deck-caption{position:absolute;bottom:18px;color:#9284a8;font-size:9px;z-index:5}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h2{font-size:18px;font-weight:550;letter-spacing:-.5px}.section-heading p{font-size:10px;color:#979faf;margin-top:6px}.quiet-label{font-size:9px;color:#a2a9b8}.universe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:32px}.universe-card{display:flex;align-items:center;gap:16px;padding:25px 22px;border:1px solid #e6ebf2;border-radius:12px;background:#fff;min-height:107px;text-align:left;transition:box-shadow .2s,border-color .2s}.universe-card:hover{border-color:#bcb0f2;box-shadow:0 5px 18px #29315a07}.universe-card.wiki .universe-icon{background:#eff1ff;color:#7481c6}.universe-card.creators .universe-icon{background:#fbeef3;color:#ca91b3}.universe-card.roleplay .universe-icon{background:#f7f0e6;color:#c4a778}.universe-icon{width:42px;height:45px;display:grid;place-items:center;border-radius:10px;flex-shrink:0}.universe-icon svg{width:23px;height:23px}.universe-card h3{font-size:14px;font-weight:550;letter-spacing:-.35px}.universe-card p{font-size:10px;color:#9ca3b3;margin-top:5px}.universe-arrow{margin-left:auto;color:#b8bece}.universe-arrow svg{width:16px;height:16px}.featured-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:19px;margin-bottom:30px}.card-wrapper,.card-wrap{position:relative;min-width:0;display:block}.card-wrap{--spacing:0;border:0;background:none;box-shadow:none}.card-wrap::part(body){padding:0}.card-wrap::part(footer){padding:0}.card-wrap::part(base){border:0;background:none;padding:0}.collectible-card{position:relative;isolation:isolate;width:100%;height:287px;display:flex;flex-direction:column;justify-content:flex-end;background:#232b41;border:1px solid #d5dce6;border-radius:12px;overflow:hidden;padding:0;color:#fff;text-align:left;box-shadow:0 7px 17px #2a344215;transition:transform .18s,box-shadow .18s;cursor:pointer;contain:layout}.collectible-card:hover{transform:translateY(-4px);box-shadow:0 12px 23px #2a344227}.collectible-card:after{content:"";position:absolute;inset:5px;border:1px solid #ffffff47;border-radius:8px;z-index:4;pointer-events:none}.collectible-card[data-rarity="L"]{border:2px solid #d8b779;box-shadow:0 7px 17px #b4986125}.collectible-card[data-rarity="L"]:after{border-color:#e9cf96aa}.collectible-card[data-rarity="UR"]{border:2px solid #bbafe6}.collectible-card[data-rarity="SR"]{border:1px solid #dcb1cc}.card-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;background:#3b4861}.card-art img{width:100%;height:100%;object-fit:cover;opacity:.95}.card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#10122308 0%,#151a2612 34%,#0d1428a1 65%,#0d162af5 100%);z-index:1}.card-art-placeholder{background:radial-gradient(ellipse at 50% 20%,#6382a7,#1d2a45 80%);display:grid;place-items:center}.card-placeholder-symbol{font-size:72px;opacity:.25;color:#d0c4e5}.card-topline{position:absolute;top:15px;left:15px;right:15px;z-index:3;display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:8px}.card-universe{padding:4px 6px;border:1px solid #ffffff40;border-radius:4px;background:#11172a42;color:#fff;backdrop-filter:blur(6px);white-space:nowrap}.rarity-mark{height:23px;min-width:23px;border-radius:5px;display:grid;place-items:center;background:#171a2d8c;border:1px solid #d4cda7;color:#eddbaf;font-size:8px;font-weight:650}.card-body{padding:17px 16px;position:relative;z-index:2}.card-category{font-size:8px;color:#d7d9e3;display:block;margin-bottom:6px;letter-spacing:.15px}.card-title{font-size:18px;line-height:1.2;font-weight:500;letter-spacing:-.45px;overflow-wrap:anywhere}.card-description{font-size:8px;color:#bec7d8;margin:7px 0 15px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:22px}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:7px;border-top:1px solid #ffffff24;padding-top:9px;font-size:8px;color:#adbad3}.rarity-label{color:#d7c7a0;white-space:nowrap}.rarity-label svg{width:10px;height:10px}.rarity-label>span{font-size:10px}.card-number{font-variant-numeric:tabular-nums;white-space:nowrap}.deck-card .card-title{font-size:17px}.deck-card .card-body{padding:14px}.deck-card .card-description{font-size:7px}.deck-card .card-topline{font-size:7px;top:12px;left:12px;right:12px}.deck-card .card-universe{padding:3px 4px}.deck-card .rarity-mark{min-width:20px;height:20px;font-size:7px}.favorite-button{position:absolute;right:16px;top:47px;z-index:5;width:25px;height:25px;border:1px solid #fff4;background:#151c2b70;color:#e9e7ee;border-radius:50%;display:grid;place-items:center}.favorite-button svg{width:12px;height:12px}.favorite-button.is-favorite{color:#eed4a0}.quantity-badge{position:absolute;top:48px;left:15px;z-index:3;background:#fff;color:#273248;font-size:8px;padding:2px 6px;border-radius:4px}.listing-footer{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:12px;margin-top:12px}.listing-footer small{font-size:9px;color:var(--muted)}.listing-footer .coin{color:#bb994e;font-size:17px}.community-callout{display:flex;align-items:center;gap:17px;padding:24px 27px;border:1px solid #e4e6f2;background:#fff;border-radius:12px}.callout-icon{background:#f1edff;color:#9180d5;display:grid;place-items:center;border-radius:11px;width:46px;height:46px;flex-shrink:0}.callout-icon svg{width:23px;height:23px}.callout-copy h2,.callout-copy h3{font-size:15px;letter-spacing:-.25px;font-weight:550}.callout-copy p{font-size:10px;color:#979caf;margin-top:7px;line-height:1.8}.callout-actions{margin-left:auto;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.callout-actions>.text-link{font-size:9px}.app-footer{display:flex;justify-content:space-between;gap:15px;padding:17px 42px;border-top:1px solid var(--line);font-size:9px;color:#a6adbb}.footer-divider{margin:0 8px;color:#c7cbd6}.app-footer>span:last-child{display:flex;align-items:center;gap:8px}
.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px}.page-heading h1{font-size:33px;letter-spacing:-1.1px}.page-heading p{font-size:12px;color:#969daf;margin-top:10px;max-width:650px}.collection-summary{display:flex;gap:35px;padding:23px 27px;background:#fff;border:1px solid var(--line);border-radius:11px;margin-bottom:25px}.collection-summary strong{display:block;font-size:24px;font-family:Sora,sans-serif;font-weight:550;letter-spacing:-1px}.collection-summary span{color:#9a9faf;font-size:10px}.collection-tabs{display:flex;gap:25px;align-items:center;border-bottom:1px solid #e2e6ef;margin-bottom:21px}.collection-tabs button{background:transparent;padding:11px 2px;font-size:11px;color:#9299ac;border-bottom:2px solid transparent;display:flex;gap:6px;align-items:center}.collection-tabs button.active{border-color:var(--accent);color:var(--accent);font-weight:600}.collection-tabs svg{width:13px;height:13px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.search-input{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2e6ef;border-radius:8px;padding:10px 13px;color:#a8b1c4;min-width:260px}.search-input input{background:none;border:0;outline-offset:7px;width:100%;font-size:11px;color:#4c566e}.search-input input::placeholder{color:#a1a8b8}.search-input svg{width:17px;height:17px}.filter-group{display:flex;align-items:center;gap:10px}.filter-group select{border:1px solid #e2e6ef;border-radius:7px;padding:10px 12px;background:#fff;color:#737d94;font-size:10px;max-width:200px}.results-count{color:#a5adbe;font-size:10px;margin-bottom:17px}.card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 20px}.card-grid .card-wrapper{content-visibility:visible}.empty-state{padding:60px 25px;background:#fff;border:1px dashed #d8dfea;border-radius:12px;text-align:center;color:#9ca5b6}.empty-icon{color:#a99dde;display:block;margin-bottom:15px}.empty-icon svg{width:32px;height:32px}.empty-state h3{color:#66708a;font-size:20px;font-weight:500;margin-bottom:10px}.empty-state p{font-size:12px;max-width:430px;margin:0 auto 22px}.notice{display:flex;align-items:flex-start;gap:11px;font-size:11px;line-height:1.7;color:#8e86a7;background:#f1edfb;border:1px solid #e5ddf7;border-radius:8px;padding:14px 18px;margin:18px 0}.notice svg{width:17px;height:17px;flex-shrink:0;margin-top:2px}.notice strong{font-weight:600}.notice p{font-size:inherit}.notice.warning{background:#fcf7eb;border-color:#eee3c9;color:#ac9570}
.pack-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:27px;align-items:start}.pack-box{display:flex;align-items:center;gap:28px;padding:34px 30px;background:#eeedfc;border:1px solid #e2dff3;border-radius:16px}.pack-visual{position:relative;display:grid;place-items:center;flex-shrink:0;width:205px;height:320px}.pack-seal{position:relative;width:176px;height:271px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;color:#eeeafa;background:linear-gradient(120deg,#806dbf 0%,#5f4e9a 35%,#9079bd 48%,#5c4899 75%,#9b88c7 100%);border:1px solid #b1a2d6;box-shadow:0 18px 24px #65538936,inset 0 8px 0 #e6dff955,inset 0 -8px 0 #e6dff955;transform:rotate(-7deg);border-radius:3px}.pack-seal:after{content:"";position:absolute;inset:22px 14px;border:1px solid #d1bee173;border-radius:70px 70px 3px 3px;pointer-events:none}.pack-brand{font-size:11px;font-weight:650;position:relative;z-index:1}.pack-symbol{font-size:51px;color:#e9d5b1;position:relative;z-index:1}.pack-symbol svg{width:44px;height:44px}.pack-seal h2{font-size:23px;font-weight:500;letter-spacing:-1px;z-index:1}.pack-seal p{font-size:8px;color:#c5b8de;z-index:1}.pack-bottom{font-size:8px;color:#d0c3e5;z-index:1}.pack-details{flex:1;min-width:0}.pack-details h2{font-size:28px;font-weight:550;letter-spacing:-1px}.pack-details>p{font-size:12px;line-height:1.9;color:#9387a8;margin:12px 0 23px}.pack-details>.text-link{display:block;margin-top:15px}.pack-availability{display:flex;flex-direction:column;gap:8px;font-size:10px;color:#978aaa;margin-bottom:22px}.pack-availability>span:first-child{display:flex;align-items:center;gap:8px;color:#756395;font-weight:550}.pack-availability svg{width:15px;height:15px}.pack-info{padding:26px;border:1px solid var(--line);background:#fff;border-radius:11px;font-size:12px}.pack-info h3{font-size:16px;font-weight:550;margin-bottom:12px}.pack-info>p{font-size:11px;color:#979fb2;line-height:1.8}.pack-info h4{font-size:12px;font-weight:600;margin:25px 0 12px}.rarity-list{display:flex;flex-direction:column;gap:12px}.rarity-list>div{display:flex;align-items:center;gap:9px;font-size:11px;color:#8b93a6}.rarity-list strong{margin-left:auto;font-size:9px;font-weight:500;color:#a3aabc}.rarity-dot{width:7px;height:7px;border-radius:50%;background:#aab3c4}.rarity-dot.uncommon{background:#93b9b1}.rarity-dot.rare{background:#89a9d3}.rarity-dot.epic{background:#d1a6c7}.rarity-dot.mythic{background:#aaa0d2}.rarity-dot.legendary{background:#c9ad76}
.form-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.7fr);gap:28px;align-items:start}.form-panel,.preview-panel,.import-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:27px}.form-panel h2,.preview-panel h2,.import-panel h2{font-size:17px;font-weight:550;margin-bottom:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{margin-bottom:20px}.field>label{display:block;font-size:11px;font-weight:600;color:#70798d;margin-bottom:8px}.field input,.field select,.field textarea,.form-panel input:not([type=checkbox]),.form-panel select,.form-panel textarea{width:100%;background:#fafbfe;border:1px solid #dee3ef;border-radius:7px;padding:11px 13px;color:#545f76;font-size:12px}.field input::placeholder,.field textarea::placeholder{color:#afb5c4}.field textarea{resize:vertical;min-height:100px}.helper-text{font-size:10px;color:#a2a9b8;margin-top:8px;line-height:1.8}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:20px;border-top:1px solid var(--line)}.form-actions p{font-size:10px;color:#a4aabc}.preview-panel{position:sticky;top:25px;text-align:center}.preview-panel h2{text-align:left}.preview-panel .card-wrapper{width:220px;margin:0 auto 18px}.preview-panel .collectible-card{height:315px;cursor:default}.preview-panel p.helper-text{max-width:240px;margin:12px auto}.form-error{color:#bd7882;font-size:11px;margin:15px 0}.checkbox-field{display:flex;align-items:flex-start;gap:10px;font-size:11px;color:#8c95a7;margin:18px 0}.checkbox-field input{accent-color:var(--accent);width:14px;height:14px;flex-shrink:0;margin-top:3px}.request-list{display:flex;flex-direction:column;gap:15px}.request-item{display:flex;align-items:center;gap:20px;padding:22px;background:white;border:1px solid var(--line);border-radius:11px}.request-item .request-image,.request-thumbnail{width:60px;height:78px;object-fit:cover;background:#eeebfa;border-radius:6px;flex-shrink:0}.request-content{flex:1;min-width:0}.request-content h3{font-size:16px;font-weight:500;margin-bottom:7px}.request-content p{font-size:11px;color:#949dad}.request-meta{display:flex;gap:12px;flex-wrap:wrap;color:#a7adba;font-size:10px;margin-top:10px}.status-badge{font-size:9px;padding:5px 9px;border-radius:5px;background:#fff7e8;color:#ba9a68;white-space:nowrap}.status-badge.approved{background:#edf6ef;color:#86a58b}.status-badge.rejected{background:#fcf0f2;color:#bd7e87}.request-actions{display:flex;gap:8px;flex-shrink:0}.reason-text{font-size:11px;color:#bc8992;margin-top:9px}
.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.shop-item{border:1px solid var(--line);border-radius:12px;background:#fff;padding:27px;display:flex;flex-direction:column}.shop-item h2{font-size:21px;font-weight:550;letter-spacing:-.6px}.shop-item p{font-size:11px;line-height:1.8;color:#969eaf;margin:10px 0 22px}.shop-item .button{margin-top:auto}.shop-item.plus,.plus-offer{background:#eeebfb;border:1px solid #dfd7f5}.shop-art{height:130px;display:grid;place-items:center;margin-bottom:20px;font-size:60px;color:#bbaa7c}.shop-art svg{width:55px;height:55px}.shop-price{font-size:27px;font-weight:550;color:#69758a;margin-bottom:21px}.shop-price small{font-size:11px;font-weight:400;color:#aaaebe}.shop-features{list-style:none;padding:0;margin:0 0 27px;display:flex;flex-direction:column;gap:12px;font-size:11px;color:#929bad}.shop-features li{display:flex;align-items:center;gap:8px}.shop-features svg{width:13px;height:13px;color:#a091c7}.cosmetic-sample{height:122px;width:87px;border:2px solid #bc9c64;border-radius:9px;display:grid;place-items:center;background:#292f42;color:#d4bd92;font-size:35px;box-shadow:inset 0 0 0 5px #292f42,inset 0 0 0 6px #d2be97}.cosmetic-sample.silver{border-color:#9caecd;color:#c3d5ed}.shop-list{display:flex;flex-direction:column;gap:20px}.import-steps{display:flex;align-items:center;gap:24px;font-size:11px;color:#8e96a8;margin-bottom:25px}.import-steps>span{display:flex;align-items:center;gap:9px}.import-steps strong{width:22px;height:22px;display:grid;place-items:center;background:#eeeafb;border-radius:50%;font-size:10px;color:#9382c4}.import-panel{max-width:960px}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;background:#f8f7fd;border:1px dashed #c9c2e1;border-radius:9px;padding:30px;cursor:pointer;color:#8e80ab;margin-bottom:20px}.upload-zone svg{width:29px;height:29px}.upload-zone strong{font-size:13px;color:#857798;font-weight:600}.upload-zone small{color:#a9a2b8;font-size:10px}.upload-zone input{max-width:100%;font-size:11px}.upload-zone input::file-selector-button{padding:8px 13px;border-radius:6px;background:#f0eafa;border:1px solid #d8ceea;color:#9482ac;font-size:10px;margin-right:12px;cursor:pointer}.import-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:23px 0}.import-preview .collectible-card{height:239px}.import-summary{font-size:13px;color:#8d7dac}.import-warnings{font-size:11px;color:#ad9473;margin:12px 0;padding-left:18px}.import-example{padding:15px;border-radius:7px;background:#f7f8fc;color:#919bac;font-size:10px;overflow-x:auto;white-space:pre-wrap}.import-actions{display:flex;gap:10px;margin-top:20px}
.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:30px;background:#21273570;backdrop-filter:blur(6px)}.modal{width:510px;max-width:100%;max-height:calc(100dvh - 60px);overflow:auto;overscroll-behavior:contain;background:#fff;border:1px solid #e5e8ef;border-radius:15px;box-shadow:0 35px 90px #0c122d35}.modal-wide{width:1010px}.modal-header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:23px 27px;border-bottom:1px solid var(--line)}.modal-header h2{font-size:19px;font-weight:550;letter-spacing:-.5px}.modal-header p{font-size:11px;color:#9fa6b8;margin-top:7px}.modal-content{padding:27px}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:20px 27px;border-top:1px solid var(--line)}.modal-footer>p{margin-right:auto;font-size:11px;color:#a1a8b8}.card-detail{display:grid;grid-template-columns:230px 1fr;gap:28px;align-items:center}.card-detail .collectible-card{height:334px}.card-detail-copy h3{font-size:25px;font-weight:550;letter-spacing:-.8px}.card-detail-copy p{font-size:12px;color:#949eaf;line-height:1.9;margin-top:15px}.detail-properties{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:21px 0}.detail-properties>div{padding:13px;border:1px solid var(--line);border-radius:7px;font-size:11px}.detail-properties dt{color:#a1a9b9;font-size:10px}.detail-properties dd{margin:5px 0 0;color:#737d93;font-size:12px}.detail-link{color:var(--accent);font-size:11px}.reveal-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.reveal-grid .collectible-card{height:260px}.reveal-grid .card-title{font-size:17px}.reveal-grid .card-description{font-size:7px}.reveal-grid .card-body{padding:14px}.card-new{font-size:9px;color:#ad9670;margin-top:9px;text-align:center}.pack-reveal-intro{text-align:center;margin-bottom:22px}.pack-reveal-intro h3{font-size:23px;font-weight:550}.pack-reveal-intro p{font-size:11px;color:#a0a9bb;margin-top:9px}.reveal-card{animation:reveal .4s ease both}.reveal-card:nth-child(2){animation-delay:.08s}.reveal-card:nth-child(3){animation-delay:.16s}.reveal-card:nth-child(4){animation-delay:.24s}.reveal-card:nth-child(5){animation-delay:.32s}@keyframes reveal{from{opacity:0;transform:translateY(10px) rotateY(15deg)}to{opacity:1;transform:none}}#toast-root{position:fixed;bottom:40px;right:27px;max-width:calc(100vw - 40px);z-index:200}.toast{display:flex;align-items:center;gap:11px;background:#fff;padding:15px 20px;border:1px solid #e4deee;border-radius:10px;box-shadow:0 10px 40px #242f5a1a;color:#8b7ca1;font-size:12px;animation:reveal .2s ease}.toast svg{width:17px;height:17px;color:#9cbca7}.notification-list{display:flex;flex-direction:column;gap:13px}.notification-item{padding:15px;border-radius:8px;background:#f8f7fd;font-size:12px;color:#8a829c}.notification-item small{font-size:10px;color:#aaa1b8;display:block;margin-top:6px}.finish-brass{border-color:#cfb377!important}.finish-silver{border-color:#a5bcdf!important;box-shadow:0 5px 20px #b9c8e83c}.legal-demo{font-size:10px;color:#a2a9ba;margin-top:18px}.menu-toggle svg{width:21px;height:21px}
@media(min-width:1680px){main{padding:42px 48px}.hero{min-height:358px}.hero-copy{padding:42px 46px}.hero h2{font-size:41px}.deck-card{width:195px}.deck-card .collectible-card{height:279px}.deck-center{width:211px}.deck-center .collectible-card{height:305px}.deck-left{transform:translate(-131px,13px) rotate(-16deg)}.deck-right{transform:translate(129px,16px) rotate(16deg)}.collectible-card{height:317px}.card-title{font-size:20px}.card-description{font-size:9px}.card-bottom{font-size:9px}.universe-card{min-height:119px}.universe-card h3{font-size:16px}.universe-card p{font-size:11px}.section-heading h2{font-size:21px}}
@media(max-width:1230px){:root{--sidebar:218px}.sidebar{padding-left:14px;padding-right:14px}.topbar{padding:0 28px}main{padding:31px 28px}.hero-copy{padding:32px;width:55%}.hero h2{font-size:31px}.hero-art{width:43%}.deck-card{width:145px}.deck-card .collectible-card{height:213px}.deck-center{width:164px}.deck-center .collectible-card{height:240px}.deck-left{transform:translate(-76px,10px) rotate(-16deg)}.deck-right{transform:translate(70px,10px) rotate(16deg)}.deck-card .card-title{font-size:14px}.deck-card .card-description{font-size:6px}.hero-note{display:block;margin:12px 0 0}.featured-grid,.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.featured-grid>.card-wrapper:nth-child(5){display:none}.universe-card{padding:22px 17px;gap:12px}.universe-card h3{font-size:12px}.universe-card p{font-size:9px}.universe-icon{width:35px;height:38px}.universe-icon svg{width:20px;height:20px}.universe-arrow{display:none}.pack-box{padding:25px 21px;gap:18px}.pack-visual{width:145px}.pack-seal{width:145px;height:240px}.pack-details h2{font-size:23px}.app-footer{padding:17px 28px}.callout-copy h2{font-size:14px}.callout-copy p{font-size:9px}}
@media(max-width:1000px){:root{--sidebar:196px}.brand{font-size:25px}.brand-icon{width:29px}.brand-icon svg{width:28px;height:28px}.brand small{font-size:8px}.nav-link{font-size:10px;gap:9px;padding:11px 10px}.hero-copy{width:60%;padding:29px 25px}.hero h2{font-size:29px}.hero-art{width:40%;right:-10px}.deck-card{width:129px}.deck-card .collectible-card{height:190px}.deck-center{width:142px}.deck-center .collectible-card{height:215px}.deck-left{transform:translate(-52px,9px) rotate(-16deg)}.deck-right{transform:translate(47px,9px) rotate(16deg)}.deck-card .card-description{display:none}.deck-card .card-body{padding:12px}.deck-card .card-bottom{font-size:6px}.featured-grid,.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-grid>.card-wrapper:nth-child(4){display:none}.universe-grid{gap:10px}.universe-card{padding:17px 13px;min-height:111px;display:block}.universe-icon{margin-bottom:13px}.universe-card h3{font-size:12px}.universe-card p{font-size:8px}.page-intro .text-link{display:none}.community-callout{flex-wrap:wrap}.callout-copy{flex:1}.callout-actions{width:100%;flex-direction:row;align-items:center;margin-left:63px}.callout-actions>.text-link{font-size:9px}.pack-grid{grid-template-columns:1fr}.pack-box{padding:29px}.pack-visual{width:195px}.pack-seal{width:161px;height:259px}.pack-details h2{font-size:29px}.form-layout{grid-template-columns:1fr}.preview-panel{position:relative;display:none}.shop-grid{grid-template-columns:1fr 1fr}.shop-item:first-child{grid-column:1/-1}.request-item{flex-wrap:wrap}.request-actions{margin-left:80px}.import-preview{grid-template-columns:repeat(3,minmax(0,1fr))}.page-heading h1{font-size:29px}}
@media(max-width:760px){.sidebar{width:246px;transform:translateX(-100%);transition:transform .2s;box-shadow:15px 0 55px #21273515}.sidebar.open{transform:none}.sidebar-scrim.active{display:block;position:fixed;inset:0;background:#26324950;z-index:25}.app-shell{margin-left:0}.menu-toggle{display:grid}.topbar{height:66px;padding:0 20px;gap:13px}.breadcrumb{margin-right:auto;font-size:10px;gap:6px}.breadcrumb>span:first-child,.breadcrumb-slash{display:none}.topbar-actions{gap:15px}.topbar-actions>.avatar{display:none}.balance small{display:none}.balance{padding:6px 9px}.balance svg{margin-left:0}.nav-link{font-size:12px}.brand{font-size:28px}main{padding:28px 20px 35px}h1{font-size:29px;letter-spacing:-1px}.page-intro{margin-bottom:23px}.page-intro p:last-child{font-size:10px;line-height:1.9;max-width:290px}.greeting{font-size:10px}.hero{min-height:431px;display:flex;align-items:flex-end}.hero-copy{padding:24px;width:100%;z-index:5;background:linear-gradient(0deg,#e9e9fd 0%,#e9e9fde8 60%,transparent 100%)}.hero h2{font-size:29px;letter-spacing:-1px}.hero-copy p{font-size:10px;margin:12px 0 20px;max-width:200px}.feature-label{font-size:9px;margin-bottom:14px}.hero-art{inset:7px 3px auto auto;width:59%;height:218px;opacity:.95}.deck-card{width:95px}.deck-card .collectible-card{height:149px}.deck-center{width:111px}.deck-center .collectible-card{height:170px}.deck-left{transform:translate(-54px,5px) rotate(-16deg)}.deck-right{transform:translate(47px,7px) rotate(16deg)}.deck-card .card-title{font-size:11px}.deck-card .card-category{font-size:6px}.deck-card .card-topline{font-size:5px;top:9px;left:9px;right:9px}.deck-card .rarity-mark{min-width:16px;height:17px;font-size:6px}.deck-card .card-universe{padding:2px 3px}.deck-card .card-body{padding:10px}.deck-card .card-bottom{font-size:5px;padding-top:6px}.deck-card .card-description{display:none}.deck-caption{display:none}.orbit{width:285px;height:285px;top:calc(50% - 142px);left:calc(50% - 142px)}.orbit-two{width:410px;height:410px;top:calc(50% - 205px);left:calc(50% - 205px)}.hero-note{display:inline;margin-left:12px;font-size:8px}.section-heading{gap:12px}.section-heading h2{font-size:17px}.section-heading p{font-size:9px}.section-heading .text-link{font-size:9px;gap:5px}.quiet-label{display:none}.universe-grid{grid-template-columns:1fr;margin-bottom:27px}.universe-card{display:flex;align-items:center;gap:16px;padding:20px 21px;min-height:95px}.universe-icon{width:43px;height:44px;margin-bottom:0}.universe-card h3{font-size:16px}.universe-card p{font-size:10px}.universe-arrow{display:block}.featured-grid,.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.featured-grid>.card-wrapper:nth-child(4){display:block}.featured-grid>.card-wrapper:nth-child(5){display:none}.collectible-card{height:268px}.card-title{font-size:17px}.card-body{padding:15px 14px}.card-description{font-size:8px}.card-topline{left:13px;right:13px;top:13px;font-size:7px}.card-bottom{font-size:7px}.card-category{font-size:7px}.community-callout{padding:21px;gap:13px}.callout-copy h2{font-size:14px}.callout-copy p{font-size:9px}.callout-actions{margin:0;flex-direction:column;align-items:flex-start;gap:13px}.callout-actions .button{width:100%}.app-footer{padding:16px 20px;font-size:8px}.app-footer>span:first-child{max-width:230px}.page-heading{flex-wrap:wrap;gap:17px}.page-heading h1{font-size:29px}.page-heading p{font-size:11px}.page-heading>.button{width:100%}.toolbar{gap:13px}.search-input{min-width:0;width:100%}.filter-group{width:100%;gap:9px}.filter-group select{flex:1;min-width:0;max-width:none;font-size:10px}.collection-summary{gap:23px;padding:20px;flex-wrap:wrap}.collection-summary strong{font-size:22px}.collection-summary span{font-size:9px}.collection-tabs{gap:18px}.collection-tabs button{font-size:10px}.pack-box{padding:22px;gap:18px;display:flex;flex-direction:column;text-align:center}.pack-visual{width:100%;height:264px}.pack-seal{width:153px;height:240px}.pack-details h2{font-size:29px}.pack-details>p{font-size:11px}.pack-availability{align-items:center}.pack-details .button{width:100%}.pack-info{padding:25px}.form-row{grid-template-columns:1fr;gap:0}.form-panel,.import-panel{padding:23px 20px}.form-actions{flex-wrap:wrap}.form-actions .button{width:100%}.shop-grid{grid-template-columns:1fr}.shop-item:first-child{grid-column:auto}.shop-art{height:100px}.request-item{padding:18px;gap:13px}.request-item .request-image{width:46px;height:60px}.request-content h3{font-size:14px}.request-actions{margin:0;width:100%}.request-actions .button{flex:1}.request-meta{font-size:9px}.status-badge{font-size:8px}.import-steps{gap:12px;flex-wrap:wrap;font-size:9px}.import-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.import-preview .collectible-card{height:243px}.import-actions{flex-wrap:wrap}.import-actions .button{width:100%}.modal-backdrop{padding:15px}.modal{max-height:calc(100dvh - 30px)}.modal-header{padding:20px}.modal-header h2{font-size:17px}.modal-content{padding:20px}.modal-footer{padding:18px 20px;flex-wrap:wrap}.modal-footer>p{width:100%}.card-detail{grid-template-columns:1fr}.card-detail .card-wrapper{width:212px;margin:0 auto}.card-detail .collectible-card{height:305px}.card-detail-copy h3{font-size:24px}.reveal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.reveal-grid .collectible-card{height:246px}.reveal-grid>.card-wrapper:last-child{grid-column:1/-1;width:calc(50% - 7px);justify-self:center}.reveal-grid .card-title{font-size:16px}.reveal-grid .card-description{font-size:7px}.toast{font-size:11px}#toast-root{bottom:33px;right:20px}}
@media(max-width:390px){main{padding:26px 15px}.topbar{padding:0 15px}h1{font-size:26px}.hero-copy{padding:23px}.hero h2{font-size:27px}.hero-note{display:block;margin:10px 0 0}.hero{min-height:438px}.collectible-card{height:248px}.card-title{font-size:16px}.card-body{padding:13px}.card-description{font-size:7px}.card-topline{font-size:6px}.card-bottom{font-size:6px}.collection-tabs{gap:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.collectible-card:hover{transform:none!important}}

:root{color-scheme:dark;--bg:#101116;--panel:#191a23;--text:#f3f1fb;--muted:#89899c;--line:#ffffff0b;--accent:#a18afc;--accent-dark:#b19cff;--wa-color-surface-default:#191a23;--wa-color-on-normal:#f3f1fb}
body{background:var(--bg);color:var(--text)}.sidebar{background:#14151c;border-color:#ffffff0a}.brand{color:#f3efff}.brand-icon{color:#ad98ff}.brand small{color:#666778}.nav-label{color:#5a5a6c}.nav-link{color:#848496}.nav-link:hover{color:#c0aaff;background:#211d30}.nav-link.active{background:#2a233c;color:#c8b4ff}.nav-count{background:#302740;color:#c4aaff}.demo-tag{background:#242530;color:#636477}.premium-sidebar{background:linear-gradient(135deg,#242033,#1a1827);border-color:#3b304e}.premium-sidebar strong{color:#d0c4ec}.premium-sidebar p{color:#7f7499}.premium-sidebar>span:last-child{color:#baa3f2}.sidebar-bottom{border-color:#ffffff0b}.sidebar-bottom small{color:#636274}.avatar{border-color:#1b1a24;box-shadow:0 0 0 1px #3b344a;background:#363045;color:#b6a2cd}.topbar{background:#14151cb0;border-color:#ffffff09}.breadcrumb{color:#555664}.breadcrumb strong{color:#9c98ae}.breadcrumb-slash{color:#353544}.balance{background:#1f2029;border-color:#34313f;color:#d1cddd;box-shadow:none}.balance small{color:#6a657b}.icon-button{color:#817b94}.notification-dot{border-color:#14151c}.page-intro h1{font-size:clamp(32px,2.4vw,46px);font-weight:600;letter-spacing:-1.65px}.greeting{color:#717080}.page-intro p:last-child{color:#858094}.hero{min-height:371px;background-color:#191724;background-image:linear-gradient(90deg,#15131fe0 0%,#15131f90 38%,transparent 65%);background-size:cover;background-position:center;border:1px solid #69548c35;box-shadow:0 15px 70px #0e0a1f55}.hero:after{display:none}.hero-copy{width:57%;padding:42px 43px}.hero h2{color:#f9f3ff;font-size:clamp(31px,2.55vw,47px);line-height:1.13;font-weight:600;letter-spacing:-1.6px;max-width:535px}.hero-copy p{color:#a399ba;font-size:12px;line-height:1.8;margin-top:20px;margin-bottom:26px}.hero-art{display:none}.hero-note{color:#8c809e;font-size:10px}.feature-label{background:#2f234565;border-color:#ad86e72e;color:#c9acec;font-size:10px}.live-dot{background:#ba91fa}.button.primary{background:#a58bff;color:#22172f;box-shadow:0 4px 22px #aa85ff18;border-color:#ba9eff;font-weight:700}.button.primary:hover{background:#bfa6ff;box-shadow:0 5px 27px #aa85ff35}.button.secondary{background:#22222c;border-color:#383442;color:#b1aabc;box-shadow:none}.button.secondary:hover{background:#2b253b;border-color:#8564b4;color:#ddd0f6}.button.ghost{color:#9c8fb1}.button.danger{background:#3c2632;border-color:#674152;color:#c990a7}.text-link{color:#a392c4}.text-link:hover{color:#d4b9fa}.quiet-label{color:#5e5c6e}.section-heading h2{color:#ddd7ec;font-size:20px}.section-heading p{color:#757181;font-size:11px}.universe-card{background:#1c1d27;border-color:#31313c;box-shadow:0 5px 12px #00000012;padding:25px}.universe-card:hover{border-color:#705780;background:#242131;box-shadow:0 8px 25px #07040f50}.universe-card h3{color:#d3cde2;font-size:16px}.universe-card p{color:#767185;font-size:11px}.universe-card.wiki{background:linear-gradient(105deg,#1d2030,#1a1b25)}.universe-card.creators{background:linear-gradient(105deg,#2a1e32,#1d1a26)}.universe-card.roleplay{background:linear-gradient(105deg,#28231f,#1d1b22)}.universe-card.wiki .universe-icon{background:#2b3150;color:#9dabea}.universe-card.creators .universe-icon{background:#493047;color:#da9dcf}.universe-card.roleplay .universe-icon{background:#40362b;color:#c9ae7d}.universe-arrow{color:#656077}.collectible-card{border-color:#5a5265;box-shadow:0 10px 25px #00000036;background:#212231;color:#fff}.collectible-card:hover{box-shadow:0 16px 35px #10061f99;transform:translateY(-5px)}.collectible-card[data-rarity="L"]{border-color:#c7a565;box-shadow:0 8px 28px #b0874520}.collectible-card[data-rarity="UR"]{border-color:#ae94e7;box-shadow:0 8px 28px #8154bc22}.collectible-card[data-rarity="SR"]{border-color:#be8da9;box-shadow:0 8px 28px #8a447320}.collectible-card[data-rarity="L"]:after{border-color:#efc9847a}.collectible-card[data-rarity="UR"]:after{border-color:#c4aaf37a}.card-title{font-size:19px;font-weight:550}.community-callout{border-color:#32303e;background:linear-gradient(100deg,#211d2c,#191922)}.callout-icon{background:#30263e;border:1px solid #4a365f;color:#aa89d2}.callout-copy h2{color:#cfc3e0}.callout-copy p{color:#7d728e}.app-footer{color:#504c60;border-color:#ffffff08}.footer-divider{color:#302939}.page-heading p{color:#82778f}.collection-summary{background:#191a23;border-color:#2f2e3a}.collection-summary strong{color:#d8cbea}.collection-summary span{color:#72677f}.collection-tabs{border-color:#302b39}.collection-tabs button{color:#7f738d}.collection-tabs button.active{color:#c1a3e9;border-color:#a789d1}.search-input{background:#1b1b25;border-color:#36303e;color:#8d7f9d}.search-input input{color:#c3afd8}.search-input input::placeholder{color:#62566e}.filter-group select{background:#1e1c28;color:#ac96c1;border-color:#3a2e48}.results-count{color:#61526f}.empty-state{background:#191721;border-color:#42334f;color:#8d799e}.empty-state h3{color:#c4a9da}.notice{color:#a390b8;background:#231d30;border-color:#3a2b4c}.notice.warning{background:#2d2720;border-color:#504332;color:#ac956f}.pack-box{background:radial-gradient(ellipse at 25% 40%,#493558,#1e192c 70%);border-color:#5c4277;box-shadow:0 20px 60px #140a2050}.pack-info{background:#1c1a25;border-color:#302c3c}.pack-info h3{color:#c7b2de}.pack-info>p{color:#7f6d91}.pack-details h2{color:#e1c7ff}.pack-details>p{color:#a489b8}.pack-availability{color:#806392}.pack-availability>span:first-child{color:#bd91d5}.rarity-list>div{color:#9781aa}.rarity-list strong{color:#59446c}.pack-info h4{color:#ba9cce}.helper-text{color:#6c5c7e}.form-panel,.preview-panel,.import-panel{background:#1c1a24;border-color:#332b3e}.field>label{color:#b6a3c8}.field input,.field select,.field textarea,.form-panel input:not([type=checkbox]),.form-panel select,.form-panel textarea{background:#16131f;border-color:#3c2d4c;color:#d2b9e9}.field input::placeholder,.field textarea::placeholder{color:#5c436f}.form-actions{border-color:#33263f}.form-actions p{color:#6a517e}.checkbox-field{color:#9273ac}.request-item{background:#1d1827;border-color:#33273f}.request-content h3{color:#c9afd9}.request-content p{color:#907699}.request-meta{color:#66496f}.status-badge{background:#3b3121;color:#c5a56d}.status-badge.status-approved{background:#23392d;color:#9ab99f}.status-badge.status-rejected{background:#3b2332;color:#b883a0}.shop-item{background:#1c1827;border-color:#3a2a48}.shop-item p{color:#8b719e}.shop-price{color:#c5a5de}.shop-features{color:#967bac}.shop-item.plus,.plus-banner{background:radial-gradient(ellipse at 70% 10%,#49305f,#251b36 75%);border:1px solid #5b3b77}.modal-backdrop{background:#0b071bc4;backdrop-filter:blur(9px)}.modal{background:#1b1726;border-color:#493253;box-shadow:0 25px 120px #00000085;color:#e7d6f5}.modal-header{border-color:#34253f}.modal-header p{color:#8d6c9f}.modal-footer{border-color:#34253f}.modal-footer>p{color:#715980}.toast{background:#2d203d;border-color:#644977;color:#e1c2f9;box-shadow:0 10px 40px #00000050}.toast svg{color:#bda5d2}.notification-item{background:#251b34;color:#b495c8}.notification-item small{color:#705181}.detail-facts>div{border-color:#423149}.detail-facts dt{color:#7b608c}.detail-facts dd{color:#c6a4d7}.shop-note{color:#705180}
.card-detail-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:32px;align-items:center;max-width:700px;margin:0 auto}.card-detail-layout>.card-wrapper{width:235px;justify-self:center}.card-detail-layout .collectible-card{height:340px}.detail-copy h3{font-size:22px;font-weight:550;line-height:1.3;letter-spacing:-.7px}.detail-copy>p{font-size:12px;color:#927b9f;line-height:1.9;margin:12px 0 20px;max-width:320px}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:0;margin:0 0 22px}.detail-facts dt{font-size:10px;margin-bottom:4px}.detail-facts dd{font-size:12px;margin:0}.detail-copy .helper-text{font-size:10px;color:#685078}.proposal-illustration{height:220px;position:relative;display:grid;place-items:center;margin-bottom:20px}.proposal-stamp{width:137px;height:186px;border-radius:12px;border:1px solid #846496;transform:rotate(-7deg);background:linear-gradient(135deg,#49355c,#20142f);color:#c8a8e0;display:grid;place-items:center;font-size:35px;box-shadow:0 15px 25px #06020b45}.proposal-stamp svg{width:43px;height:43px}.review-steps{padding:0;list-style:none;text-align:left;font-size:11px;color:#8c72a1;line-height:2;display:flex;flex-direction:column;gap:10px}.review-steps strong{color:#c3a3d8}.request-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px}.review-reason{margin-top:10px;font-size:10px;color:#b180a5}.plus-banner{padding:30px;border-radius:13px;display:grid;grid-template-columns:1.25fr 1fr .6fr;gap:30px;margin-bottom:30px;align-items:center}.plus-banner h2{font-size:26px;font-weight:600;letter-spacing:-1px}.plus-banner p{font-size:11px;line-height:1.8;color:#a185b4;margin-top:10px}.plus-features{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px;color:#b28ec6;font-size:11px}.plus-features li{display:flex;align-items:center;gap:9px}.plus-features svg{width:13px;height:13px}.plus-price{font-size:25px;font-weight:650;color:#dfc2f3}.plus-price small{font-size:10px;font-weight:400;color:#a787bd}.plus-price .button{margin-top:13px;font-size:10px}.cosmetic-preview{display:grid;place-items:center;height:177px;background:radial-gradient(ellipse at center,#433052,#19141f 75%);border-radius:8px;margin-bottom:22px}.mini-card{width:81px;height:117px;border-radius:8px;border:2px solid #a892c8;background:#2b233c;display:grid;place-items:center;transform:rotate(-7deg);color:#c2afd6;font-size:32px}.cosmetic-brass .mini-card{border-color:#c6a778;color:#d1b38a}.cosmetic-silver .mini-card{border-color:#b9c2ee;color:#b5bfed}.shop-item-copy h3{font-size:18px;font-weight:500}.shop-item-copy p{font-size:11px;line-height:1.8;margin:9px 0 20px}.shop-item-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:#c3a7d5}.shop-item-footer small{font-size:9px;color:#775d89}.shop-note{font-size:10px;margin-top:21px}.seller-label{font-size:9px;margin-top:8px;color:#5a506a}
.reveal-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:405px;position:relative;overflow:hidden;padding:25px}.reveal-stage .card-wrapper{width:235px;z-index:3}.reveal-stage .collectible-card{height:340px}.card-back{width:235px;height:340px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;border-radius:13px;border:2px solid #9c7bc1;background:radial-gradient(ellipse at top,#5a3673,#21132f 78%);box-shadow:0 15px 55px #8c45c333;position:relative;z-index:3;color:#d6bfe8;cursor:pointer}.card-back:after{content:"";position:absolute;inset:9px;border:1px solid #b589cc5a;border-radius:7px;pointer-events:none}.card-back svg{width:49px;height:49px;stroke-width:1.2;color:#d7c2ed}.card-back strong{font-family:Sora,sans-serif;font-size:24px;font-weight:550;letter-spacing:-1px}.card-back small{font-size:10px;color:#8e67a8}.reveal-orbit{position:absolute;width:310px;height:310px;background:#875ac7;border-radius:50%;filter:blur(90px);opacity:.2;pointer-events:none}.reveal-stage.reveal-legendary .reveal-orbit{background:#d8ac4e;opacity:.28}.reveal-stage.reveal-mythic .reveal-orbit{background:#c57cff;opacity:.28}.reveal-stage.reveal-epic .reveal-orbit{background:#d674bc;opacity:.24}.reveal-rarity{font-size:11px;color:#b892d1;letter-spacing:.2px;text-align:center;margin:18px 0 0;z-index:5}.pack-progress{font-size:10px;color:#7d5c90;text-align:center;margin-bottom:14px}.pack-progress-dots{display:flex;gap:7px;justify-content:center;margin-top:10px}.pack-progress-dots>span{width:5px;height:5px;border-radius:50%;background:#4a315f}.pack-progress-dots>.active{background:#bfa0d9}.reveal-stage .reveal-card{animation:turnCard .6s cubic-bezier(.2,.7,.3,1) both}@keyframes turnCard{from{opacity:0;transform:rotateY(75deg) scale(.95)}to{opacity:1;transform:rotateY(0) scale(1)}}.reveal-grid .collectible-card{height:260px}
@media(min-width:1680px){.hero{min-height:382px}.hero-copy{padding:41px 45px}.hero h2{font-size:47px}.hero-copy p{font-size:12px}}
@media(max-width:1000px){.hero h2{font-size:32px}.hero-copy{width:62%;padding:30px}.hero{background-position:55% center;min-height:352px}.plus-banner{grid-template-columns:1fr 1fr}.plus-price{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px}.plus-price .button{margin:0}}
@media(max-width:760px){.sidebar{box-shadow:15px 0 55px #00000065}.sidebar-scrim.active{background:#080611bb}.hero{min-height:457px;background-position:62% 0;background-size:auto 320px;background-repeat:no-repeat;background-color:#18121f;background-image:linear-gradient(0deg,#18121f 0%,transparent 60%)}.hero-copy{padding:25px;width:100%;background:linear-gradient(0deg,#18121f 48%,#18121fa0 80%,transparent 100%)}.hero h2{font-size:30px;max-width:320px}.hero-copy p{font-size:10px;color:#9c81af;margin:12px 0 20px}.hero-copy .feature-label{font-size:8px}.hero-note{font-size:8px}.page-intro h1{font-size:29px}.section-heading h2{font-size:17px}.universe-card h3{font-size:16px}.universe-card p{font-size:10px}.card-detail-layout{grid-template-columns:1fr;gap:25px}.card-detail-layout>.card-wrapper{width:218px}.card-detail-layout .collectible-card{height:316px}.detail-copy h3{font-size:22px}.plus-banner{grid-template-columns:1fr;gap:22px;padding:25px}.plus-price{display:block;grid-column:auto}.plus-price .button{margin:17px 0 0;width:100%}.plus-banner h2{font-size:24px}.reveal-stage{padding:16px;min-height:365px}.reveal-stage .card-wrapper,.card-back{width:215px}.reveal-stage .collectible-card,.card-back{height:315px}.request-bottom{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.reveal-stage .reveal-card{animation:none}.reveal-orbit{opacity:.13}}

.sidebar-bottom{margin-top:auto}.sidebar nav:last-of-type{margin-bottom:30px}.nav-label{margin-top:34px}.pack-grid{align-items:stretch;grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:24px}.pack-box{align-items:flex-start;padding:30px;min-height:393px}.pack-details{padding-top:0}.pack-details h2{font-size:25px;line-height:1.4;min-height:35px;margin:0 0 13px}.pack-details>p{margin-top:0;font-size:12px;line-height:1.9}.pack-info{padding:30px;display:flex;flex-direction:column;align-self:stretch}.pack-info h3{font-size:19px;line-height:1.4;min-height:35px;margin-bottom:13px}.pack-info>p:last-child{margin-top:auto;padding-top:22px;font-size:10px;line-height:1.8}.pack-visual{height:315px;width:185px}.pack-seal{height:270px;width:174px}.pack-availability{margin-top:24px}.card-detail{grid-template-columns:235px minmax(0,1fr);max-width:710px;margin:0 auto;gap:30px}.card-detail>div:first-child{width:235px;justify-self:center}.card-detail .hero-card-wrap{width:100%;display:block}.card-detail .collectible-card{height:340px;min-height:340px}.card-detail-copy h3{font-size:22px;font-weight:550;margin-top:13px;line-height:1.3}.card-detail-copy>p{font-size:12px;color:#9c8ba9;line-height:1.9;margin:13px 0 24px}.card-detail-copy .helper-text{font-size:10px;color:#6a5979;margin-top:10px}.modal-wide:has(.card-detail){width:800px}.detail-facts{grid-template-columns:1fr 1fr;margin-top:25px}.plus-banner{grid-template-columns:minmax(0,1.6fr) minmax(200px,.8fr);gap:45px;align-items:center}.plus-price{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px}.plus-price>span{font-size:10px;color:#947dac;font-weight:400}.plus-price strong{font-size:32px;color:#d7b9ec;white-space:nowrap}.plus-price small{font-size:10px;margin-left:8px}.plus-features{margin:20px 0 25px}.mini-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;height:133px;width:94px;font-size:30px}.mini-card strong{font-size:11px;font-weight:550}.mini-card small{font-size:6px;color:#987dad}.shop-item-copy .card-category{color:#785b8d;font-size:9px;margin-bottom:10px}.request-bottom{align-items:center}.review-steps{font-size:11px;line-height:1.7}.review-steps>li{display:flex;align-items:flex-start;gap:11px}.review-steps svg{width:15px;height:15px;margin-top:2px}.proposal-stamp{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.proposal-stamp span{font-size:36px}.proposal-stamp strong{font-size:11px;color:#b599c8}.proposal-stamp small{font-size:8px;color:#826298}.pack-open-intro{display:flex;align-items:center;flex-direction:column;gap:24px;padding:15px 20px 25px;text-align:center}.pack-open-intro p{font-size:11px;line-height:1.8;color:#9f85b3;max-width:280px}.small-pack{height:222px;width:147px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;border:1px solid #a383bb;background:linear-gradient(120deg,#694784,#39234d,#765690);box-shadow:0 16px 35px #09051166,inset 0 9px 0 #b08ac735,inset 0 -9px 0 #b08ac735;transform:rotate(-6deg);border-radius:4px}.small-pack>span{font-size:45px;color:#dec3f6}.small-pack strong{font-family:Sora,sans-serif;font-size:21px;font-weight:550;letter-spacing:-1px}.small-pack small{font-size:8px;color:#ad8ec3}.reveal-stage{padding:5px 20px 15px;min-height:423px;gap:15px}.reveal-progress{font-size:10px;color:#7d678d;margin:0}.reveal-orbit{position:relative;width:235px;height:auto;min-height:340px;filter:none;opacity:1;background:none;border-radius:0;display:flex;align-items:center;flex-direction:column;justify-content:center;pointer-events:auto;isolation:isolate}.reveal-orbit:before{content:"";position:absolute;inset:35px -35px;z-index:-1;border-radius:50%;filter:blur(48px);background:#965fcc2e;pointer-events:none}.reveal-stage.reveal-legendary .reveal-orbit,.reveal-stage.reveal-mythic .reveal-orbit,.reveal-stage.reveal-epic .reveal-orbit{background:none;opacity:1}.reveal-stage.reveal-legendary .reveal-orbit:before{background:#dca63f55}.reveal-stage.reveal-mythic .reveal-orbit:before{background:#ac51e44d}.reveal-stage.reveal-epic .reveal-orbit:before{background:#d751ad3a}.card-back{width:235px;height:340px}.card-back-brand{font-family:Sora,sans-serif;font-size:25px;font-weight:650;letter-spacing:-1px;color:#c6aadc}.card-back-symbol{font-size:55px;color:#b592d1;line-height:1}.card-back-hint{font-size:9px;color:#9c75b3}.revealed-card{width:235px;animation:turnCard .55s cubic-bezier(.2,.7,.3,1) both;z-index:3}.revealed-card .hero-card-wrap{display:block;width:100%}.revealed-card .collectible-card{height:340px;min-height:340px}.reveal-rarity{position:relative;display:block;font-size:11px;color:#ae88c6;margin:17px 0 0}.reveal-rarity.legendary{color:#d9b572}.reveal-rarity.mythic{color:#c396f1}.reveal-rarity.epic{color:#d394c1}.reveal-hint{font-size:10px;color:#8f729f;max-width:310px;text-align:center;line-height:1.7;min-height:18px}.reveal-footer{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.reveal-navigation{display:flex;align-items:center;justify-content:center;gap:18px}.reveal-navigation .icon-button{width:35px;height:35px;background:#251d33;border:1px solid #4a335a;border-radius:7px;color:#b995cf}.reveal-navigation .icon-button:hover{background:#362847;color:#ead2ff}.reveal-navigation .icon-button:disabled{opacity:.25}.reveal-navigation svg{width:17px;height:17px}.reveal-position{font-size:10px;color:#8a6c9d;min-width:69px;text-align:center;font-variant-numeric:tabular-nums}.reveal-action{min-width:151px}.modal-open{overflow:hidden}.reveal-caption{font-size:11px;color:#91799f;line-height:1.8;margin-bottom:24px}.reveal-label{display:block;font-size:9px;color:#b19772;text-align:center;margin-top:10px}.status-badge.rarity-legendary{background:#3b3022;color:#cfac74}.status-badge.rarity-mythic{background:#322441;color:#be93e0}.status-badge.rarity-epic{background:#3b2334;color:#c890b6}.field>label{font-size:12px}.field input,.field select,.field textarea{font-size:12px}.page-heading h1{color:#f0e7fa}.page-heading p{max-width:620px}.form-panel>p{font-size:12px;color:#927da1;line-height:1.8;margin-bottom:20px}
@media(max-width:1230px){.pack-grid{grid-template-columns:minmax(0,1.5fr) minmax(250px,.8fr)}.pack-box{flex-direction:column;align-items:center;text-align:center}.pack-visual{height:260px}.pack-seal{height:231px;width:155px}.pack-details h2{font-size:24px}.pack-availability{align-items:center}.pack-info h3{font-size:19px}}
@media(max-width:1000px){.pack-grid{grid-template-columns:1fr 1fr}.plus-banner{grid-template-columns:1fr}.plus-price{align-items:flex-start;grid-column:auto}.pack-info{min-height:0}.pack-box,.pack-info{padding:25px}}
@media(max-width:760px){.pack-grid{grid-template-columns:1fr}.pack-box{padding:27px 24px}.pack-info{padding:25px}.pack-info>p:last-child{margin:0;padding-top:20px}.pack-visual{width:100%;height:269px}.card-detail{grid-template-columns:1fr;gap:24px}.card-detail>div:first-child{width:210px}.card-detail .collectible-card{height:307px;min-height:307px}.card-detail-copy h3{font-size:20px}.reveal-footer{flex-direction:column;gap:18px}.reveal-action{width:100%}.reveal-navigation{gap:26px}.reveal-stage{min-height:375px;padding:5px 0 13px}.reveal-orbit,.card-back,.revealed-card{width:215px;min-height:313px}.card-back,.revealed-card .collectible-card{height:313px;min-height:313px}.reveal-navigation .icon-button{width:40px;height:36px}.modal-header h2{font-size:16px}.plus-banner{padding:25px}.plus-price strong{font-size:29px}}
@media(prefers-reduced-motion:reduce){.revealed-card{animation:none}.reveal-orbit:before{filter:none;opacity:.1}}

.nav-link:not(.active) .active-dot{display:none}.greeting,.page-intro p:last-child,.page-heading p{color:#a39ab0}.nav-link{font-size:13px;color:#9991a5}.nav-label{color:#82788f;font-size:10px}.brand small{color:#81748f}.page-heading p{font-size:13px;line-height:1.8}.hero-copy p{color:#b3a1c7;font-size:13px}.section-heading p{color:#998aa6;font-size:11px}.universe-card p{color:#a190b1}.pack-info .rarity-list>div{font-size:12px;color:#b7a3ca}.pack-info .rarity-list strong{color:#bba2cb;font-size:10px}.pack-info>p,.pack-info>p:last-child{color:#a491b4;font-size:11px;line-height:1.85}.pack-details>p{color:#b4a0c7}.pack-availability{color:#a68cbb;font-size:11px}.pack-availability>span:first-child{color:#d0aee8}.helper-text,.form-actions p,.shop-note,.app-footer,.seller-label{color:#9986aa}.card-detail-copy>p{color:#b2a0bd;font-size:13px}.detail-facts dt{color:#a38caf;font-size:11px}.detail-facts dd{color:#d4bbdf;font-size:13px}.card-detail-copy .helper-text{color:#a18aac;font-size:11px}.checkbox-field{color:#b09abf;font-size:12px}.field>label{color:#c3afcf}.field input,.field select,.field textarea{color:#e2c9f4}.field input::placeholder,.field textarea::placeholder{color:#9982aa}.request-content p{color:#b59cc0}.request-meta{color:#9982a6}.request-thumbnail{overflow:hidden;width:60px;height:78px;flex-shrink:0}.request-thumbnail img{width:100%;height:100%;object-fit:cover}.status-badge.status-accepted{background:#25392c;color:#a8ceaf}.results-count{color:#9a86a9}.collection-summary span{color:#a392b1}.collection-tabs button{color:#a190b1}.preview-panel{overflow:hidden}.proposal-illustration{height:auto;min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;margin:0 0 23px;padding:15px 0}.proposal-illustration>span{color:#bd95d9}.proposal-illustration>span svg{width:42px;height:42px}.proposal-illustration>h3{font-size:17px;color:#c4a6d7;font-weight:500;max-width:250px;line-height:1.5}.proposal-stamp{height:auto;min-height:0;width:auto;border:1px solid #655070;transform:none;border-radius:5px;padding:5px 11px;background:#31213f;color:#b99ccd;box-shadow:none;display:block;font-size:10px;line-height:1.5}.review-steps{gap:15px;padding:20px 0 0;margin:0;border-top:1px solid #34243f}.review-steps>span{display:flex;gap:11px;align-items:center;font-size:11px;color:#a38eb1}.review-steps>span>span{height:23px;width:23px;border:1px solid #62446e;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:#cab0dc;font-size:10px}.shop-item-copy p{color:#a48bb5;font-size:12px}.shop-item-copy .card-category{color:#b593cd}.shop-item-footer small{color:#a283b5}.plus-banner p{color:#b199c6}.plus-price>span{color:#b99ccc}.plus-features{color:#c4a9d6}.brand[translate=no]{font-family:Sora,sans-serif}.topbar-actions .balance small{color:#a18caf}.balance{color:#e2ccf1}.balance .coin{color:#d1ac65}.reveal-progress,.reveal-position{color:#ad91be}.reveal-hint{color:#b093c2;font-size:11px}.reveal-rarity{font-size:12px}.reveal-caption{color:#b69bc6}.reveal-label{color:#c9ae86}.card-back-hint{color:#b596c8}.small-pack small{color:#ceb0e4}.notification-item{color:#cab0dc}.notification-item small{color:#a484b7}.card-wrapper{min-width:0}.card-title{overflow-wrap:break-word}.form-layout>.form-panel{min-width:0}
@media(max-width:1000px){.shop-item:first-child{grid-column:auto}}
@media(max-width:760px){.sidebar.is-open{transform:translateX(0)}.nav-link{font-size:13px}.hero-copy p{font-size:11px}.page-heading p{font-size:12px}.card-detail-copy>p{font-size:12px}.sidebar.is-open~.sidebar-scrim{display:block}.app-footer{font-size:8px}.hero h2{font-size:29px}}

.modal:has(.reveal-stage){width:660px;background:#14111e;border-color:#504064;box-shadow:0 30px 120px #000b}.modal:has(.reveal-stage) .modal-header{padding:22px 26px;border-bottom:1px solid #a586cd12}.modal:has(.reveal-stage) .modal-header h2{font-size:16px;font-weight:500;color:#cdbddf}.modal:has(.reveal-stage) .modal-content{padding:0}.modal:has(.reveal-stage) .modal-footer{padding:20px 26px;border-top:1px solid #a586cd12;background:#191323}.reveal-stage{min-height:465px;padding:37px 25px 30px;gap:0;background:radial-gradient(ellipse at 50% 48%,#3d245e55,transparent 65%);overflow:hidden;perspective:1200px}.reveal-stage:before,.reveal-stage:after{content:"";position:absolute;left:50%;top:50%;width:370px;height:370px;transform:translate(-50%,-50%);border:1px solid #b391ec0a;border-radius:50%;pointer-events:none}.reveal-stage:after{width:485px;height:485px;border-color:#b391ec07}.reveal-orbit{min-height:0;width:245px;height:auto;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.reveal-orbit:before{inset:25px -60px;background:#8242d936;filter:blur(50px)}.revealed-card{width:245px}.revealed-card .collectible-card{height:354px;min-height:354px;border-radius:14px}.revealed-card .collectible-card:after{inset:6px;border-radius:9px}.revealed-card .card-body{padding:19px 20px}.revealed-card .card-title{font-size:21px;font-weight:550;line-height:1.15;letter-spacing:-.55px}.revealed-card .card-category{font-size:9px;color:#cdbedb;margin-bottom:8px}.revealed-card .card-description{font-size:9px;line-height:1.8;color:#c3b3d4;min-height:23px;margin-top:10px;margin-bottom:20px}.revealed-card .card-bottom{font-size:9px;padding-top:13px}.revealed-card .card-topline{font-size:8px;top:17px;left:18px;right:18px}.revealed-card .rarity-mark{font-size:9px;min-width:25px;height:26px}.reveal-progress,.reveal-hint,.reveal-stage>.reveal-rarity{display:none}.card-back{height:354px;width:245px;border-radius:14px;border-color:#aa89ca;background:repeating-linear-gradient(120deg,transparent 0 25px,#b99add03 26px 27px),radial-gradient(ellipse at top,#72528b,#2c1a42 75%);box-shadow:0 18px 58px #0a011d9c,inset 0 0 50px #bd87e10a;gap:26px}.card-back:after{inset:7px;border-color:#c3a7d749;border-radius:9px}.card-back-brand{font-size:29px;color:#dcc4ee}.card-back-symbol{font-size:63px;color:#d1b4e5;filter:drop-shadow(0 0 12px #c492e355)}.card-back-hint{font-size:10px;color:#a282b9}.reveal-footer{width:100%;justify-content:center;position:relative;display:flex;align-items:center;min-height:42px}.reveal-navigation{justify-content:center;gap:30px}.reveal-navigation .icon-button{height:41px;width:41px;border-radius:50%;border-color:#665077;background:#2b1e3b;box-shadow:0 3px 9px #0002;color:#cdb2e2}.reveal-navigation .icon-button:hover{background:#4a2d62;border-color:#ab86c3;color:#f3dfff}.reveal-navigation .icon-button svg{height:18px;width:18px}.reveal-position{font-size:12px;color:#b392c8;min-width:76px}.reveal-action{display:none}.reveal-stage.reveal-legendary{background:radial-gradient(ellipse at 50% 50%,#9f722928,transparent 66%)}.reveal-stage.reveal-mythic{background:radial-gradient(ellipse at 50% 50%,#8d41cb30,transparent 66%)}.reveal-stage.reveal-epic{background:radial-gradient(ellipse at 50% 50%,#c55c9e22,transparent 66%)}.reveal-stage.reveal-legendary:before{border-color:#e0ba6513}.reveal-stage.reveal-mythic:before{border-color:#c294f213}.proposal-illustration>.proposal-stamp{height:213px;width:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px;border-radius:11px;transform:rotate(-6deg);background:linear-gradient(135deg,#493360,#281a38);border-color:#735187;box-shadow:0 15px 27px #06020e48}.proposal-illustration>.proposal-stamp span{font-size:37px;color:#b996d3}.proposal-illustration>.proposal-stamp strong{font-size:12px;color:#c5a5db}.proposal-illustration>.proposal-stamp small{font-size:8px;color:#9572ae}
@media(max-width:760px){.modal:has(.reveal-stage){width:100%}.reveal-stage{min-height:410px;padding:26px 10px;}.reveal-orbit,.revealed-card,.card-back{width:225px}.revealed-card .collectible-card,.card-back{height:326px;min-height:326px}.revealed-card .card-body{padding:17px}.revealed-card .card-title{font-size:20px}.revealed-card .card-description{font-size:8px}.reveal-navigation{gap:25px}.reveal-footer{flex-direction:row}.modal:has(.reveal-stage) .modal-footer{padding:19px}.reveal-position{font-size:11px}}
@media(prefers-reduced-motion:reduce){.revealed-card{animation:none}.card-back-symbol{filter:none}}

.modal-backdrop:has(.reveal-stage){background:radial-gradient(ellipse at 50% 48%,#261333de 0%,#0c0718e8 63%,#06050bf7 100%);backdrop-filter:blur(10px);padding:50px 20px}.modal:has(.reveal-stage){width:380px;max-width:100%;max-height:calc(100dvh - 65px);background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}.modal:has(.reveal-stage) .modal-header{height:0;padding:0;border:0;background:none}.modal:has(.reveal-stage) .modal-header h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.modal:has(.reveal-stage) .modal-header .icon-button{position:fixed;top:27px;right:27px;height:40px;width:40px;border:1px solid #76548340;border-radius:50%;color:#a98ebd;background:#261a3466;z-index:150}.modal:has(.reveal-stage) .modal-content{padding:0}.modal:has(.reveal-stage) .modal-footer{background:none;border:0;padding:12px 0 0}.reveal-stage{width:100%;min-height:487px;background:none!important;padding:20px 0 17px;overflow:visible;perspective:1400px}.reveal-stage:before{width:430px;height:430px;border-color:#b191d50b}.reveal-stage:after{width:560px;height:560px;border-color:#b191d506}.reveal-orbit{width:285px;min-height:0;perspective:1400px}.revealed-card,.card-back{width:285px;height:412px}.revealed-card .collectible-card{height:412px;min-height:412px;box-shadow:0 20px 65px #030109aa}.revealed-card .card-body{padding:22px}.revealed-card .card-title{font-size:24px}.revealed-card .card-description{font-size:10px;line-height:1.7;margin-bottom:25px}.revealed-card .card-category{font-size:10px}.revealed-card .card-bottom{font-size:10px}.revealed-card .card-topline{font-size:9px;top:19px;left:20px;right:20px}.card-back{box-shadow:0 25px 65px #030109aa;border-color:#a186bd;gap:34px}.card-back-brand{font-size:32px}.card-back-symbol{font-size:71px}.card-back-hint{display:none}.reveal-navigation{gap:29px}.reveal-navigation .icon-button{height:45px;width:45px;background:#33213d70;border:1px solid #a078c64f;color:#d3b4e9}.reveal-navigation .icon-button:hover{background:#533766;color:#f4ddff;border-color:#cfa8ed}.reveal-position{font-size:11px;color:#b098c2;min-width:76px}.reveal-flip{position:relative;animation:none!important;perspective:1400px;--reveal-flare:#a671d3}.flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:revealFlip 1.25s cubic-bezier(.22,.68,.18,1) both}.flip-back,.flip-front{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:14px}.flip-front{transform:rotateY(180deg)}.flip-front .hero-card-wrap{height:100%;width:100%}.flip-back{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;border:2px solid #a68abd;background:repeating-linear-gradient(120deg,transparent 0 25px,#d0aefa03 26px 27px),radial-gradient(ellipse at top,#705087,#21102f 78%);box-shadow:0 20px 65px #030109aa,inset 0 0 50px #bd87e10a}.flip-back:after{content:"";position:absolute;inset:7px;border:1px solid #c3a7d749;border-radius:9px;pointer-events:none}.reveal-flip:after{content:"";position:absolute;inset:-8px;border:2px solid var(--reveal-flare);box-shadow:0 0 40px var(--reveal-flare),inset 0 0 20px var(--reveal-flare);border-radius:19px;opacity:0;z-index:-1;animation:rarityBurst 1.55s ease .5s both;pointer-events:none}.reveal-legendary .reveal-flip{--reveal-flare:#deb76a}.reveal-mythic .reveal-flip{--reveal-flare:#b078ed}.reveal-epic .reveal-flip{--reveal-flare:#ca89b8}.reveal-revisit{animation:revisitCard .38s ease both}.reveal-flip .collectible-card:hover,.reveal-revisit .collectible-card:hover{transform:none}.reveal-orbit:before{inset:20px -85px;background:#966bc336;filter:blur(65px)}@keyframes revealFlip{0%{transform:rotateY(0deg) translateY(10px) scale(.95)}28%{transform:rotateY(-14deg) translateY(0) scale(.99)}100%{transform:rotateY(180deg) translateY(0) scale(1)}}@keyframes rarityBurst{0%{opacity:0;transform:scale(.95)}30%{opacity:.4;transform:scale(1.015)}100%{opacity:0;transform:scale(1.16)}}@keyframes revisitCard{from{opacity:.35;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:760px){.modal-backdrop:has(.reveal-stage){padding:50px 17px 30px}.modal:has(.reveal-stage){width:320px}.reveal-stage{min-height:392px;padding:10px 0 10px}.reveal-orbit,.revealed-card,.card-back{width:240px;height:347px}.revealed-card .collectible-card{height:347px;min-height:347px}.revealed-card .card-body{padding:19px}.revealed-card .card-title{font-size:21px}.revealed-card .card-description{font-size:9px;margin-bottom:19px}.revealed-card .card-bottom{font-size:9px}.reveal-stage:before{width:330px;height:330px}.reveal-stage:after{width:420px;height:420px}.reveal-navigation{gap:27px}.reveal-navigation .icon-button{height:43px;width:43px}.modal:has(.reveal-stage) .modal-header .icon-button{top:17px;right:17px;width:36px;height:36px}.reveal-position{font-size:10px}}
@media(prefers-reduced-motion:reduce){.flip-inner{animation:none;transform:rotateY(180deg)}.reveal-flip:after{animation:none;opacity:0}.reveal-revisit{animation:none}.reveal-orbit:before{filter:none;opacity:.1}}

wa-select{display:block;min-width:0;width:100%;font-family:"Plus Jakarta Sans",sans-serif;font-size:12px;color:#ccb4df;--wa-color-surface-default:#191420;--wa-color-surface-raised:#21182d;--wa-color-surface-lowered:#17101f;--wa-color-on-normal:#cbb3df;--wa-color-on-quiet:#a78bbd;--wa-color-neutral-border-normal:#43314f;--wa-color-brand-fill-loud:#a78cf4;--wa-color-brand-fill-normal:#493159;--wa-color-brand-on-loud:#21112f;--wa-form-control-value-color:#d1b8e4;--wa-form-control-placeholder-color:#9b7db0;--show-duration:150ms;--hide-duration:100ms}
wa-select::part(combobox){background:#18131f;border:1px solid #473452;border-radius:8px;min-height:43px;box-shadow:none;padding:0 13px;transition:border-color .15s,box-shadow .15s}wa-select::part(combobox):hover{border-color:#745286}wa-select:focus-within::part(combobox){border-color:#af86d0;box-shadow:0 0 0 3px #a86bdb16}wa-select::part(display-input){font-family:"Plus Jakarta Sans",sans-serif;font-size:12px;color:#d7bfe9;background:transparent}wa-select::part(form-control-label){font-family:"Plus Jakarta Sans",sans-serif;font-size:12px;font-weight:600;color:#c3afcf;margin-bottom:8px;line-height:1.6}wa-select::part(expand-icon){color:#ad8dbf;font-size:13px}wa-select::part(listbox){background:#23182e;border:1px solid #6b477e;border-radius:11px;padding:6px;box-shadow:0 14px 45px #03000999;color:#d7bfe9;max-height:265px}wa-option{font-family:"Plus Jakarta Sans",sans-serif;font-size:12px;color:#cab2de;border-radius:6px;--wa-color-neutral-fill-normal:#4c2f62;--wa-color-neutral-on-normal:#efdcff;--wa-color-on-normal:#cab2de;transition:background .12s,color .12s}wa-option:hover,wa-option:focus{background:#3c2750;color:#eddbff}wa-option[selected]{background:#493060;color:#ead8fb}wa-option::part(base){padding:11px 12px;border-radius:6px;color:inherit;background:transparent}wa-option::part(label){font-family:inherit;font-size:12px;color:inherit}.filter-group wa-select{min-width:160px;max-width:205px;--wa-form-control-height:39px}.filter-group wa-select::part(combobox){min-height:39px;padding:0 11px}.filter-group wa-select::part(display-input){font-size:11px}.field:has(wa-select)>label{display:none}.form-panel wa-select{padding:0}
@media(max-width:760px){.filter-group wa-select{min-width:0;max-width:none;flex:1}.filter-group wa-select::part(display-input){font-size:10px}.filter-group wa-select::part(combobox){padding:0 10px}wa-select::part(listbox){max-height:230px}wa-option{font-size:12px}}
@media(prefers-reduced-motion:reduce){wa-select{--show-duration:0ms;--hide-duration:0ms}}

.filter-select::part(form-control-label){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}wa-select:focus-within::part(combobox){outline:2px solid #af86d0;outline-offset:3px;box-shadow:none}

html{scrollbar-width:thin;scrollbar-color:#725b8a #131019}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#131019}::-webkit-scrollbar-thumb{background:#685178;border:2px solid #131019;border-radius:12px}::-webkit-scrollbar-thumb:hover{background:#a482bd}body{font-size:15px;line-height:1.65}.breadcrumb{font-size:14px}.breadcrumb strong{color:#bab0c7;font-weight:500}.nav-link{font-size:14px;gap:12px;white-space:nowrap;min-height:47px}.nav-link>span:first-child{flex:0 0 20px}.nav-link svg{width:20px;height:20px}.nav-count{flex:0 0 24px;width:24px;height:23px;padding:0;line-height:23px;text-align:center;font-size:12px;position:static;margin-left:auto}.nav-label{font-size:12px;color:#9689a3;margin-bottom:13px}.sidebar-bottom strong{font-size:13px}.sidebar-bottom small{font-size:11px;color:#aa98b8}.brand small{font-size:11px;margin-top:5px;line-height:1.5;color:#9986a9}.brand{font-size:29px;gap:11px;margin-left:7px}.brand-icon{height:41px}.button{font-size:14px;min-height:44px;padding:12px 17px;white-space:normal;overflow:visible;text-overflow:clip;flex-shrink:0;font-weight:600}.button-small{font-size:13px;min-height:39px;padding:10px 13px}.text-link{font-size:13px;line-height:1.5}.page-heading p,.page-intro p:last-child,.hero-copy p{font-size:14px;color:#b6a5c5;line-height:1.8}.page-heading h1{font-size:34px}.section-heading h2{font-size:23px;font-weight:550}.section-heading p{font-size:13px;color:#aa99b8}.quiet-label{display:none}.hero-note{font-size:12px;color:#b298c5}.feature-label{font-size:12px;padding:6px 11px}.universe-card h3{font-size:18px}.universe-card p{font-size:13px;color:#b4a2c4}.callout-copy h2{font-size:19px}.callout-copy p{font-size:13px;color:#ae98bb;line-height:1.8}.app-footer{font-size:12px;color:#9983ac}.footer-divider{color:#736181}.collectible-card{aspect-ratio:2/3!important;height:auto!important;min-height:0!important}.collectible-card .card-body{padding:18px}.collectible-card .card-title{font-size:21px;line-height:1.25;font-weight:550;letter-spacing:-.6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.collectible-card .card-description{font-size:12px;line-height:1.6;margin:9px 0 18px;min-height:30px;color:#cbbdd7}.collectible-card .card-category{font-size:11px;margin-bottom:7px}.collectible-card .card-topline{font-size:11px;top:15px;left:15px;right:15px}.collectible-card .card-universe{font-size:11px;padding:4px 6px}.collectible-card .rarity-mark{font-size:11px;width:27px;height:27px;flex-shrink:0}.collectible-card .card-bottom{font-size:11px;line-height:1.5;padding-top:12px}.rarity-label{color:#e2c99e}.card-number{color:#bac5d8}.favorite-button{width:29px;height:29px;top:54px;right:15px}.favorite-button svg{width:15px;height:15px}.quantity-badge{font-size:11px;top:55px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:27px 22px}.featured-grid{gap:22px}.card-wrapper{contain-intrinsic-size:auto 390px}.market-item{padding:14px;border:1px solid #3d2d4a;background:#1d1726;border-radius:14px;display:flex;flex-direction:column;gap:0;min-width:0}.market-item .card-wrapper{content-visibility:visible;width:100%}.listing-footer{display:grid;grid-template-columns:1fr;gap:12px;margin-top:17px;padding:0}.listing-price{display:flex;align-items:baseline;gap:8px;min-width:0}.listing-price .coin{font-size:20px;color:#d2b073}.listing-price strong{font-size:19px;font-weight:600;color:#e1c8f1;font-variant-numeric:tabular-nums}.listing-price small{font-size:12px;color:#aa8dbb}.listing-action,.listing-remove{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:43px;font-size:14px;padding:12px;white-space:normal;text-align:center;border-radius:8px;background:#32213f;border:1px solid #664678;color:#d7b7e9}.listing-action:hover{background:#473058;border-color:#a17aba;color:#f0d9ff}.listing-remove{color:#d5a2bc;background:#30202c;border-color:#634354;margin-top:13px}.listing-remove:hover{background:#402634;color:#f0c3d9}.seller-label{font-size:12px;color:#a487b5;margin-top:13px;line-height:1.5}.market-tabs{gap:23px;width:100%;margin-bottom:0}.collection-tabs button{font-size:13px;padding:13px 2px}.collection-summary strong{font-size:29px}.collection-summary span{font-size:12px;color:#a28eb1}.search-input{min-height:44px}.search-input input{font-size:14px}.results-count{font-size:13px}.filter-group wa-select{min-width:175px;max-width:240px}.filter-group wa-select::part(display-input){font-size:13px}.filter-group wa-select::part(combobox){min-height:44px}.request-list{gap:20px}.request-item{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:start;gap:24px;padding:25px 28px;border-radius:12px;border-color:#40304c;background:#1e1827}.request-thumbnail{width:76px;height:114px;border-radius:9px;overflow:hidden;display:grid;place-items:center;background:#30213f;border:1px solid #5e3f72;color:#b98bda;margin:0}.request-thumbnail img{height:100%;width:100%;object-fit:cover}.request-thumbnail svg{width:27px;height:27px}.request-thumbnail>span{font-size:28px}.request-content{width:100%;min-width:0}.request-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:24px;min-height:32px}.request-heading h3{font-size:19px;font-weight:550;line-height:1.4;letter-spacing:-.4px;margin:0;overflow-wrap:anywhere}.request-heading .status-badge{margin:0;flex-shrink:0}.status-badge{display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;line-height:1.3;padding:7px 10px;border-radius:6px;min-height:29px;border:1px solid #9d7c4433;background:#3b3121;color:#e1bc7e}.status-badge.status-accepted{border-color:#56816455;color:#b6ddbd;background:#263c2d}.status-badge.status-rejected{border-color:#98637b55;color:#e0afc3;background:#3b2530}.request-content>p{font-size:14px;line-height:1.8;color:#b69bc4;margin:0;max-width:820px;white-space:normal;overflow-wrap:anywhere}.request-meta{font-size:12px;color:#9980aa;margin-top:17px;padding:0;gap:15px}.review-reason{font-size:13px;line-height:1.8;color:#c9a6d8;margin-top:18px;padding:13px 16px;background:#2a1d35;border-left:2px solid #8d5aa5;border-radius:0 7px 7px 0}.request-actions{display:flex;align-items:center;gap:11px;margin-top:20px;padding-top:17px;border-top:1px solid #5f436e22;flex-wrap:wrap}.request-actions .button{font-size:13px;min-height:40px}.form-panel,.preview-panel,.import-panel{padding:29px}.form-panel h2,.preview-panel h2{font-size:20px}.field{margin-bottom:23px}.field>label{font-size:14px;font-weight:500;margin-bottom:10px}.field input,.field textarea{font-size:14px;padding:13px 14px;line-height:1.6}.helper-text{display:block;font-size:12px;color:#b19bc0;line-height:1.75;margin-top:9px}.checkbox-field{font-size:13px;line-height:1.75;color:#baa4c9;gap:12px}.checkbox-field input{width:17px;height:17px;margin-top:3px}.form-actions p{font-size:12px}.review-steps{font-size:13px}.review-steps>li{font-size:13px;line-height:1.8;color:#b198c4}.review-steps svg{width:17px;height:17px}.preview-panel>p{font-size:13px;color:#ae91c2}.proposal-stamp small{font-size:11px}.proposal-stamp strong{font-size:14px}.preview-panel h3{font-size:17px}.notice{font-size:13px;color:#bba3cd;line-height:1.8;padding:17px 20px}.notice svg{width:19px;height:19px}.empty-state h3{font-size:23px}.empty-state p{font-size:14px}.modal-header h2{font-size:22px}.modal-header p{font-size:13px}.modal-footer{padding:23px 28px}.card-detail-copy>p{font-size:14px}.card-detail-copy h3{font-size:23px}.detail-facts dt{font-size:12px}.detail-facts dd{font-size:14px}.card-detail-copy .helper-text{font-size:12px}.toast{font-size:14px}.shop-item-copy h3{font-size:21px}.shop-item-copy p{font-size:14px;line-height:1.75}.shop-item-copy .card-category{font-size:12px}.shop-item-footer{gap:15px;margin-top:25px}.shop-item-footer strong{font-size:19px}.shop-item-footer .button{font-size:13px}.shop-note{font-size:12px;line-height:1.8}.plus-banner p{font-size:14px}.plus-features{font-size:13px;gap:13px}.plus-price>span{font-size:12px}.plus-price small{font-size:12px}.balance{font-size:14px}.balance small{font-size:12px}.notification-item{font-size:14px}.notification-item small{font-size:12px}.demo-pill{font-size:12px;color:#a48db6;display:inline-flex;gap:7px;align-items:center}.demo-tag{font-size:10px;padding:3px 5px}.reveal-orbit{height:auto;width:285px}.revealed-card,.card-back{width:285px;aspect-ratio:2/3;height:auto}.revealed-card{position:relative}.flip-inner{position:absolute;inset:0;height:auto}.flip-front .collectible-card{height:auto!important;min-height:0!important}.reveal-stage{min-height:503px}.revealed-card .card-body{padding:22px}.revealed-card .card-title{font-size:24px}.revealed-card .card-description{font-size:13px}.revealed-card .card-category{font-size:12px}.revealed-card .card-bottom{font-size:12px}.reveal-position{font-size:13px}.reveal-pips{display:flex;align-items:center;justify-content:center;gap:8px;min-width:84px}.reveal-pip{height:7px;width:7px;background:#463151;border-radius:50%;display:block;transition:background .2s,box-shadow .2s}.reveal-pip.seen{background:#897397}.reveal-pip.active{background:#d2a7f2;box-shadow:0 0 13px #bf85ea55;height:9px;width:9px}.reveal-grid{gap:17px}.reveal-grid .card-description{font-size:10px}.reveal-grid .card-title{font-size:17px}.reveal-grid .card-body{padding:14px}.reveal-grid .card-topline{font-size:9px;left:12px;right:12px}.reveal-grid .card-universe{font-size:9px}.reveal-grid .card-bottom{font-size:9px}.reveal-label{font-size:12px;line-height:1.5;min-height:36px;margin-top:12px}.reveal-caption{font-size:13px;line-height:1.8}
wa-select::part(display-input),wa-option,wa-option::part(label){font-size:14px}wa-select::part(form-control-label){font-size:14px;font-weight:500;margin-bottom:10px}wa-select::part(combobox){min-height:46px;padding:0 14px}wa-select::part(listbox){padding:7px;line-height:1.7}wa-option::part(base){padding:12px 13px}.language-select{width:108px;min-width:108px;max-width:108px}.language-select::part(form-control-label){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.language-select::part(combobox){min-height:40px;padding:0 11px;border-color:#493950}.language-select::part(display-input){font-size:12px}.sound-button{width:33px;height:35px;color:#ac93c0}.sound-button svg{width:19px;height:19px}.topbar-actions{gap:16px}.pack-timer{display:flex;align-items:center;gap:10px;min-width:225px;padding:8px 12px;border:1px solid #4c365d;border-radius:9px;background:#21182e;color:#c3a4d5}.pack-timer>span{display:flex}.pack-timer svg{width:19px;height:19px;color:#b290cf}.pack-timer>div{display:flex;flex-direction:column;gap:3px;white-space:nowrap}.pack-timer-text{font-size:13px;font-weight:550;line-height:1.3;color:#ddc3f0;font-variant-numeric:tabular-nums}.pack-timer-count{font-size:11px;line-height:1.3;color:#a384b7}.pack-timer:hover{background:#2b203c;border-color:#866095}.duplicate-notice{font-size:13px;color:#d9beeb;line-height:1.8;background:#38243e;border:1px solid #73517c;border-radius:8px;padding:15px 16px;margin:15px 0 20px}.duplicate-notice .button{margin-top:11px;font-size:12px;min-height:35px}.duplicate-notice p{font-size:13px}
@media(max-width:1360px){.topbar{padding:0 28px}.pack-timer{min-width:200px}.pack-timer-text{font-size:12px}.topbar-actions{gap:12px}.breadcrumb{font-size:13px}.topbar-actions>.avatar{display:none}.featured-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.featured-grid>.card-wrapper:nth-child(5){display:none}}
@media(max-width:1000px){.topbar-actions #notification-button{display:none}.balance small{display:none}.breadcrumb{display:none}.topbar-actions{margin-left:auto;gap:12px}.pack-timer{min-width:190px}.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-grid>.card-wrapper:nth-child(4){display:none}.request-item{padding:23px;gap:19px}.request-heading h3{font-size:18px}.request-content>p{font-size:13px}.market-item{padding:12px}.listing-action,.listing-remove{font-size:13px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(195px,1fr))}}
@media(max-width:760px){.topbar{height:auto;min-height:119px;flex-wrap:wrap;padding:12px 20px;gap:10px}.menu-toggle{order:0}.topbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:11px;flex:1}.pack-timer{position:absolute;left:20px;right:20px;bottom:12px;min-width:0;padding:8px 12px;height:40px}.pack-timer>div{width:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.pack-timer-text{font-size:12px}.pack-timer-count{font-size:11px}.topbar-actions .language-select{width:100px;min-width:100px;max-width:100px}.language-select::part(display-input){font-size:12px}.balance{padding:8px;font-size:13px}.sound-button{width:30px}.topbar-actions #notification-button{display:none}.sidebar .nav-link{font-size:14px}.sidebar-bottom small{font-size:11px}.nav-label{font-size:12px}.featured-grid,.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.featured-grid>.card-wrapper:nth-child(4){display:block}.market-item{padding:10px}.collectible-card .card-body{padding:12px}.collectible-card .card-title{font-size:17px;line-height:1.25;letter-spacing:-.45px}.collectible-card .card-description{font-size:11px;line-height:1.6;margin:8px 0 13px;min-height:30px;-webkit-line-clamp:2}.collectible-card .card-category{font-size:10px;margin-bottom:5px}.collectible-card .card-topline{top:11px;left:11px;right:11px;gap:5px}.collectible-card .card-universe{font-size:9px;padding:3px 4px}.collectible-card .rarity-mark{width:22px;height:22px;font-size:9px}.collectible-card .card-bottom{font-size:9px;gap:4px;padding-top:9px}.favorite-button{width:24px;height:24px;right:11px;top:39px}.favorite-button svg{width:12px;height:12px}.quantity-badge{font-size:9px;top:40px;left:11px}.listing-footer{gap:10px;margin-top:14px}.listing-price{gap:5px;flex-wrap:wrap}.listing-price strong{font-size:17px}.listing-price small{font-size:11px}.listing-action,.listing-remove{font-size:12px;padding:11px 8px;min-height:40px}.seller-label{font-size:11px;line-height:1.6}.collection-summary{gap:24px 21px;padding:22px 20px}.collection-summary strong{font-size:26px}.collection-summary span{font-size:11px}.collection-tabs{gap:16px;flex-wrap:wrap}.collection-tabs button{font-size:12px;white-space:nowrap}.filter-group{gap:10px}.filter-group wa-select{min-width:0;max-width:none}.filter-group wa-select::part(display-input){font-size:12px}.field input,.field textarea{font-size:16px;padding:12px;line-height:1.6}.field>label,wa-select::part(form-control-label){font-size:14px}.helper-text{font-size:12px}.form-panel,.preview-panel{padding:23px 20px}.form-panel h2{font-size:20px}.checkbox-field{font-size:13px;line-height:1.7}.button{font-size:13px;min-height:43px}.page-heading p,.page-intro p:last-child{font-size:13px}.section-heading h2{font-size:21px}.section-heading p{font-size:12px}.hero-copy p{font-size:13px}.hero-note{font-size:11px}.feature-label{font-size:11px}.universe-card h3{font-size:18px}.universe-card p{font-size:13px}.callout-copy h2{font-size:18px}.callout-copy p{font-size:13px}.app-footer{font-size:10px;line-height:1.8}.request-item{grid-template-columns:48px minmax(0,1fr);gap:14px;padding:19px 16px}.request-thumbnail{width:48px;height:72px;border-radius:6px}.request-heading{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:24px}.request-heading h3{font-size:18px}.request-content>p{font-size:13px;line-height:1.8}.request-meta{font-size:11px;gap:10px;margin-top:17px}.status-badge{font-size:11px;padding:6px 8px;min-height:27px}.request-actions{gap:9px;flex-direction:column;align-items:stretch;margin-top:20px;padding-top:17px}.request-actions .button{font-size:12px;width:100%}.review-reason{font-size:12px;line-height:1.8;padding:11px 12px;margin-top:19px}.reveal-orbit,.revealed-card,.card-back{width:240px;aspect-ratio:2/3;height:auto;min-height:0}.reveal-stage{min-height:415px}.revealed-card .card-body{padding:18px}.revealed-card .card-title{font-size:22px}.revealed-card .card-description{font-size:12px;margin-bottom:20px;min-height:31px}.revealed-card .card-category{font-size:11px}.revealed-card .card-bottom{font-size:11px}.revealed-card .card-universe{font-size:10px}.reveal-pips{gap:7px;min-width:78px}.reveal-navigation{gap:23px}.shop-item-copy p{font-size:14px}.plus-banner p{font-size:14px}.reveal-grid .card-title{font-size:17px}.reveal-grid .card-description{font-size:11px}.reveal-grid .card-bottom{font-size:9px}.reveal-label{font-size:11px}.modal-header h2{font-size:20px}.toast{font-size:13px}}

.reveal-position{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:95px;line-height:1.3}.pack-progress-pips{display:flex;align-items:center;justify-content:center;gap:8px;min-height:9px}.pack-progress-pips>span{display:block;width:7px;height:7px;border-radius:50%;background:#49374f;transition:background .2s,box-shadow .2s}.pack-progress-pips>span.seen{background:#a18aae}.pack-progress-pips>span.active{background:#dec4f0;box-shadow:0 0 12px #c39ce855;width:9px;height:9px}

.request-content>.review-reason{margin-top:20px;max-width:820px;padding:14px 16px;font-size:13px;line-height:1.8;color:#c9afd8}@media(max-width:760px){.request-content>.review-reason{margin-top:20px;padding:13px 14px;font-size:12px}}

.proposal-illustration>.proposal-stamp{width:155px;height:auto;aspect-ratio:2/3}.proposal-illustration>.proposal-stamp strong{font-size:14px}.proposal-illustration>.proposal-stamp small{font-size:11px;line-height:1.5}

@media(max-width:760px){.topbar{position:sticky;top:0;z-index:20;background:#111116;border-bottom:1px solid #2c2336}}

.pack-timer{min-width:0;padding:0;border:0;background:transparent;border-radius:0;gap:8px;color:#aaa5b8}.pack-timer:hover{background:transparent;border-color:transparent}.pack-timer svg{width:16px;height:16px;color:#91889f}.pack-timer>div{flex-direction:row;align-items:baseline;gap:7px;line-height:1.4}.pack-timer-text{font-size:12px;font-weight:400;color:#a5a1af;line-height:1.4}.pack-timer-value{font-family:Sora,sans-serif;font-size:13px;font-weight:550;font-variant-numeric:tabular-nums;letter-spacing:.1px;color:#e2d8ed;line-height:1.4}.pack-timer-count{display:none}.listing-footer .listing-remove{margin-top:0;min-height:43px;padding:12px;font-size:14px}.listing-footer .listing-action{margin-top:0;min-height:43px;padding:12px;font-size:14px}@media(max-width:760px){.topbar{min-height:100px;align-items:flex-start}.topbar-actions{flex-wrap:nowrap;align-items:center}.pack-timer{left:20px;right:auto;bottom:13px;height:21px;min-width:0;padding:0}.pack-timer>div{width:auto;flex-direction:row;justify-content:flex-start;gap:7px}.pack-timer-text{font-size:12px}.pack-timer-value{font-size:13px}.listing-footer .listing-action,.listing-footer .listing-remove{min-height:42px;font-size:12px;padding:11px 8px}}

.language-select{width:180px;min-width:180px;max-width:180px;flex-shrink:0}.language-select::part(combobox){border:0;border-radius:7px;background:transparent;box-shadow:none;min-height:40px;padding:0 8px;gap:9px}.language-select::part(display-input){font-size:13px;color:#d7e0dc}.language-select::part(listbox){min-width:230px;width:max-content;max-width:calc(100vw - 32px);padding:8px;border:1px solid #30473e;background:#16231e;box-shadow:0 15px 45px #0006}.language-select wa-option{font-size:13px;white-space:nowrap;color:#c8d5ce}.language-select wa-option::part(base){padding:12px 13px;min-height:42px;gap:12px}.language-select wa-option::part(label){white-space:nowrap;font-size:13px}.language-select wa-option:hover,.language-select wa-option[selected]{background:#263e32;color:#c8f2d7}.language-select:focus-within::part(combobox){outline:2px solid #a0cbb2;outline-offset:2px}.language-flag{width:20px;height:15px;object-fit:cover;border-radius:2px;flex-shrink:0}.language-select::part(start){padding-inline-end:0}.card-wrapper{content-visibility:visible;contain:none;overflow:visible}.card-wrapper::part(base){overflow:visible}.card-grid,.featured-grid{overflow:visible;padding-top:8px}.balance{display:inline-flex;align-items:center;justify-content:center;gap:9px;line-height:1}.balance>span:last-child{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px}.balance>span:last-child svg{display:block;width:14px;height:14px}.balance .coin{display:inline-flex;align-items:center;justify-content:center;line-height:1}.balance small{line-height:1}@media(max-width:760px){.topbar{min-height:108px}.topbar-actions{position:static;gap:12px}.topbar-actions .language-select{width:180px;min-width:180px;max-width:180px}.language-select::part(display-input){font-size:13px}.balance{position:absolute;right:20px;bottom:12px;top:auto;height:31px;min-height:31px;padding:6px 10px;font-size:12px;gap:7px}.pack-timer{bottom:18px;max-width:calc(100% - 140px)}.pack-timer-text{font-size:11px}.pack-timer-value{font-size:12px}}

:root{--bg:#0d1713;--panel:#17251e;--text:#eeeede;--muted:#9cae9f;--line:#2a3c30;--accent:#a0d7ad;--accent-dark:#b2e7be;--wa-color-surface-default:#17251e;--wa-color-on-normal:#eeeede}body{background:#0d1713;color:#eeeede}body .sidebar{background:#101c16;border-right-color:#23362a}body .topbar{background:#101b16;border-bottom-color:#23362a}body .brand{color:#f0efdc}body .brand-icon,body .brand-icon svg{color:#acd9a0}body .brand small,body .nav-label,body .sidebar-bottom small{color:#98ab98}body .nav-link{color:#a8b9aa}body .sidebar .nav-link:hover{background:#1b3022;color:#d1e8c8}body .sidebar .nav-link.active{background:#253d2b;color:#d2ecc7}body .active-dot,body .nav-count{background:#3a5740;color:#d9edbf}body .button.primary{background:#bcdea7;border-color:#bcdea7;color:#142319;box-shadow:0 4px 16px #263e2633}body .button.primary:hover{background:#d1edbc;color:#101b13}body .button.secondary{background:#213428;border-color:#40563c;color:#d3e2cb}body .button.secondary:hover{background:#2d4432;border-color:#6d8b5e;color:#eef4df}body .text-link{color:#bdd6ad}body .page-heading p,body .page-intro p,body .section-heading p,body .hero-copy p{color:#a4b6a1}body .universe-card,body .callout,body .form-panel,body .preview-panel,body .collection-summary,body .market-item,body .request-item,body .shop-item,body .plus-banner,body .modal{background:#18271f;border-color:#344933;color:#e5eddd}body .universe-card:hover{background:#21372a;border-color:#6a8554}body .universe-card p,body .callout-copy p,body .helper-text,body .preview-panel>p{color:#a4b7a0}body .feature-label{background:#23382a;border-color:#3b5437;color:#c6dabc}body .hero-note,body .pack-copy p{color:#b2c3a7}body .hero{border-color:#334d36;box-shadow:0 16px 50px #0003}body .notice,body .duplicate-notice{background:#20392a;border-color:#426342;color:#c2d7b9}body .notice p{color:#bdceb4}body .request-content>p{color:#b8cbb0}body .request-content>.review-reason{background:#253d2c;border-left-color:#83ae6d;color:#cfe0c4}body .request-meta,body .seller-label{color:#9daf92}body .request-thumbnail{background:#233b2b;border-color:#56764a;color:#a3c68e}body .status-badge{background:#3e3825;color:#e3cc90;border-color:#665e3b}body .status-badge.status-accepted{background:#294832;color:#b6dab0;border-color:#4d7250}body .status-badge.status-rejected{background:#40272d;color:#dfabb4;border-color:#71464d}body .listing-price strong{color:#e2dab2}body .listing-action,body .listing-remove{background:#253b2a;border-color:#536b46;color:#d2dfbd}body .listing-action:hover,body .listing-remove:hover{background:#314c32;border-color:#86a565;color:#e6efcd}body .balance{background:#213326;border-color:#3b5238;color:#dedcb6}body .balance small,body .breadcrumb strong{color:#a6b8a1}body .pack-timer svg,body .sound-button{color:#9bb590}body .pack-timer-text{color:#b0bfac}body .pack-timer-value{color:#e0ebce}body .field input,body .field textarea,body .search-input{background:#12221a;border-color:#3a523a;color:#d9e5cf}body .field input::placeholder,body .field textarea::placeholder,body .search-input input::placeholder{color:#91a38a}body .collection-tabs button.active{color:#c7e1b5;border-bottom-color:#a8cd8c}body .filter-group wa-select::part(combobox),body .form-panel wa-select::part(combobox),body .modal wa-select::part(combobox){background:#13271b;border-color:#4d6746;color:#caddbe}body wa-select::part(display-input),body wa-select::part(form-control-label){color:#cedcc4}body wa-select::part(listbox){background:#16281c;border-color:#3b5736;color:#c7dcbc}body wa-option{color:#c7dcbc}body wa-option:hover,body wa-option[selected]{background:#294531;color:#dcf0ce}body .app-footer{border-color:#293d2b;color:#94aa8b}body .footer-divider{color:#5d7556}body .toast{background:#233c29;border-color:#526c44;color:#e3ecd2}body .modal-backdrop{background:#05110aca}body .modal-backdrop:has(.reveal-stage){background:radial-gradient(ellipse at 50% 45%,#35533766,#06120ce8 63%)}body .modal:has(.reveal-stage){background:transparent;border:0;box-shadow:none}body .pack-progress-pips>span{background:#3b503b}body .pack-progress-pips>span.seen{background:#769465}body .pack-progress-pips>span.active{background:#d4e9b4;box-shadow:0 0 12px #a4d18855}body .reveal-navigation .icon-button{background:#162b1c;border-color:#4b6740;color:#cee3b5}body .reveal-position{color:#b9cbb0}body .pack-box{background:radial-gradient(ellipse at 25% 40%,#304b2c,#17271d 70%);border-color:#46683a;box-shadow:0 20px 60px #030d0750}body .pack-info{background:#18291e;border-color:#395237}body .pack-info h3,body .pack-info h4{color:#d4e2bf}body .pack-info>p,body .pack-info>p:last-child{color:#a4b69b}body .rarity-list>div{color:#b5c8a9}body .rarity-list strong{color:#d0dfb7}html{scrollbar-color:#628052 #0d1713}::-webkit-scrollbar-track{background:#0d1713}::-webkit-scrollbar-thumb{background:#59794a;border-color:#0d1713}::-webkit-scrollbar-thumb:hover{background:#8ba770}

.brand{margin-left:13px;font-size:32px;letter-spacing:-1.3px;line-height:1.2;padding:6px 0}.brand small,.brand-icon{display:none}.balance small,.balance #balance{display:inline-flex;align-items:center;justify-content:center;align-self:center;height:20px;line-height:20px;margin:0;padding:0;transform:none}.balance>span:last-child{height:20px;width:20px;flex-basis:20px}.listing-price{align-items:center;line-height:1}.listing-price strong,.listing-price small,.listing-price .coin{display:inline-flex;align-items:center;line-height:1;margin:0;padding:0}.listing-price small{transform:none}.pack-seal.forest-pack{background:linear-gradient(145deg,#4b6c36,#172d1e 40%,#0e1d13 70%,#52743e);border:1px solid #b9c78c;box-shadow:inset 0 0 0 6px #1c3525,inset 0 0 0 7px #77965a88,0 24px 60px #020b0580;color:#e0e1b4}.forest-pack .pack-symbol{color:#e4db99;text-shadow:0 0 24px #a7d27577}.forest-pack .pack-brand,.forest-pack .pack-bottom{color:#bdcc9b}.forest-pack h2{color:#e7e4bb}.forest-pack p{color:#b6c69d}.premium-pack{background:linear-gradient(100deg,#172a1c,#243921);border-color:#4b6342}.pack-details .pack-availability{align-items:center;color:#b5cba5}.pack-visual:before{background:radial-gradient(circle,#92bc5544,transparent 67%)}

.live-dot{background:#bcdea7}.avatar,.avatar-small{background:#213a2a;border-color:#45643c;color:#bdd99f}.loading-state{min-height:40vh;display:grid;place-items:center;color:#b4c7a4;font-size:15px}.social-section{margin-top:28px;padding:26px;border:1px solid #344b34;border-radius:12px;background:#18271e}.social-section h2{font-size:20px;margin-bottom:19px}.social-row{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 0;border-top:1px solid #344833}.social-row:first-child{border-top:0}.social-row>div{min-width:0}.social-row h3{font-size:17px;line-height:1.4}.social-row p,.social-row small{color:#a8bc9b;font-size:13px;line-height:1.7}.social-row .button{min-width:128px}.social-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.trade-builder{display:grid;grid-template-columns:1fr 1fr;gap:24px}.trade-builder>section{padding:23px;background:#16271b;border:1px solid #3a5533;border-radius:10px}.trade-builder h3{font-size:18px;margin-bottom:18px}.trade-builder .field{margin-bottom:18px}.trade-item{padding:26px;background:#182a1e;border:1px solid #3d5836;border-radius:12px;margin-bottom:20px}.trade-item h3{font-size:19px;margin-bottom:12px}.trade-item>p{margin:12px 0;color:#b5c9a7}.trade-cards,.trade-mini-grid{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;margin:20px 0}.trade-mini{width:116px;flex:0 0 116px}.trade-mini .card-title{font-size:13px}.trade-mini .card-body{padding:10px}.trade-mini .card-description{display:none}.trade-mini .card-topline{left:8px;right:8px;top:8px}.trade-mini .card-universe{font-size:8px}.trade-mini .rarity-mark{width:19px;height:19px;font-size:8px}.trade-mini .card-bottom{font-size:8px}.album-toolbar{display:flex;align-items:center;gap:16px;margin:22px 0;flex-wrap:wrap}.album-toolbar wa-select{min-width:200px}.album-assignment-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-top:1px solid #365132}.album-assignment-row:first-child{border-top:0}.album-assignment-row strong{font-size:15px}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:34px;padding-top:24px;border-top:1px solid #2f472e}.pagination span{font-size:13px;color:#b1c59f}.plus-gate{max-width:680px;margin:40px auto;padding:40px;border:1px solid #536b43;border-radius:14px;background:radial-gradient(ellipse at top,#354c29,#17291d 70%);text-align:center}.plus-gate h2{font-size:28px;margin-bottom:16px}.plus-gate p{font-size:15px;line-height:1.8;color:#c1d1b0;margin-bottom:24px}.plus-gate .button{margin:0 auto}.auction-meta{display:flex;flex-direction:column;gap:8px;margin:15px 0;font-size:12px;color:#b8cba7}.auction-meta strong{font-size:16px;color:#e0dfad}@media(max-width:760px){.social-section{padding:21px 18px}.social-row{flex-direction:column;align-items:stretch;gap:14px}.social-row .button{width:100%}.social-actions{flex-direction:column;align-items:stretch}.trade-builder{grid-template-columns:1fr;gap:18px}.trade-item{padding:21px 17px}.trade-mini{width:100px;flex-basis:100px}.album-toolbar{align-items:stretch;flex-direction:column;gap:13px}.album-toolbar wa-select{width:100%;min-width:0}.album-toolbar .button{width:100%}.album-assignment-row{gap:13px}.plus-gate{padding:30px 22px;margin:22px auto}.plus-gate h2{font-size:24px}.pagination{gap:12px}}

body .empty-state{background:#14241a;border-color:#3b5337;color:#a9bf9e;padding:44px 26px}body .empty-state h3{color:#e1ead8;font-size:21px}body .empty-state p{color:#a9bc9f;margin-bottom:0}body .empty-icon{color:#9fc784}body .player-search{justify-content:flex-start;max-width:720px;flex-wrap:nowrap;gap:14px}body .player-search .search-input{flex:1;min-width:0;width:auto}body .search-input input{color:#d5e2ca}body .social-copy{flex:1}body .social-actions{margin-left:auto}body .social-row .avatar{flex-shrink:0}body .universe-card.wiki,body .universe-card.creators,body .universe-card.roleplay{background:linear-gradient(110deg,#223525,#17261c);border-color:#344b34}body .universe-card.wiki .universe-icon,body .universe-card.creators .universe-icon,body .universe-card.roleplay .universe-icon{background:#314b32;color:#c6dcb4}body .community-callout{background:linear-gradient(100deg,#243929,#17261b);border-color:#375034}body .callout-icon{background:#314a32;border-color:#527346;color:#c4dbaa}body .callout-copy h2,body .request-content h3,body .form-panel h2,body .preview-panel h2,body .shop-item-copy h3,body .collection-summary strong{color:#e3ead6}body .collection-summary span,body .request-meta,body .shop-item-copy p,body .shop-note{color:#adc09e}body .collection-tabs{border-color:#365033}body .collection-tabs button{color:#a5b998}body .results-count{color:#a2b596}body .button.ghost{color:#bdd0aa}body .review-steps>li{color:#b9cda8}body .field>label,body .checkbox-field{color:#c5d7b5}body .form-actions{border-color:#3b5435}body .form-actions p{color:#a9bd99}body .detail-facts>div{border-color:#3d5636}body .detail-facts dt{color:#9ab58a}body .detail-facts dd{color:#d2e0bd}body .card-detail-copy>p{color:#b9cba8}body .card-description{color:#d8dfce}body .notification-item{background:#203a27;color:#d1e1be}body .notification-item small{color:#a0b68e}body .demo-tag{background:#263c2b;color:#a9bf98}body .notification-dot{border-color:#101b16}body .toast svg{color:#c5dfae}
@media(max-width:760px){body .player-search{flex-wrap:wrap;gap:12px}body .player-search .search-input{flex-basis:100%;width:100%}body .player-search>.button{width:100%}body .social-actions{margin-left:0}body .empty-state{padding:33px 18px}body .empty-state h3{font-size:19px}}

body .language-select{width:220px;min-width:220px;max-width:220px}body .language-select::part(display-input){font-size:13px;white-space:nowrap}@media(max-width:760px){body .topbar-actions .language-select{width:210px;min-width:210px;max-width:210px}}

:root{--wa-focus-ring-color:#b8d893}body a:focus-visible,body button:focus-visible,body input:focus-visible,body textarea:focus-visible,body select:focus-visible{outline-color:#a8ce8c}body wa-select:focus-within::part(combobox){outline:2px solid #a8ce8c;outline-offset:3px;box-shadow:none}body .card-art-placeholder{background:radial-gradient(ellipse at 45% 25%,#4a6b45,#213d29 46%,#101f18 85%)}body .card-placeholder-symbol{position:relative;width:108px;height:108px;border:1px solid #bed79742;border-radius:50%;display:grid;place-items:center;color:#c4d9a49c;box-shadow:0 0 50px #9bbc6521,inset 0 0 35px #a0c07912;transform:translateY(-44px)}body .card-placeholder-symbol::before{content:"";position:absolute;inset:-14px;border:1px solid #adc98122;border-radius:50%}body .card-placeholder-symbol svg{width:52px;height:52px;stroke-width:1.2}body .collectible-card .card-description{color:#d0dcc5}body .collectible-card[data-rarity="UR"]{border-color:#91bba0;box-shadow:0 8px 28px #5f946922}body .collectible-card[data-rarity="UR"]::after{border-color:#a6cdb57a}body .collectible-card[data-rarity="SR"]{border-color:#8fb3ca;box-shadow:0 8px 28px #51849520}body .revealed-card[data-rarity="UR"]{--rarity-glow:#8caf68}

body .pack-details{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}body .pack-details h2{color:#eeeade}body .pack-details>p{color:#b7c9aa;font-size:14px;line-height:1.8}body .pack-availability{align-items:flex-start;justify-content:flex-start;gap:7px;margin:22px 0}body .pack-availability>span:first-child{color:#c8dfb5;font-size:14px}body .pack-availability>span{color:#afc59c;font-size:13px}body .pack-details>.button{align-self:flex-start;margin-bottom:16px}body .card-art-icon .icon{display:block;width:52px;height:52px}@media(max-width:760px){body .pack-details{align-items:center}body .pack-availability{align-items:center;margin:20px 0}body .pack-details>.button{align-self:stretch}}

body .collectible-card{background:#18271d}body .card-art{background:#29452f}body .card-art::after{background:linear-gradient(180deg,#0b191208 0%,#10231912 34%,#0b1d14a1 65%,#0b1813f5 100%)}

body .card-art.media-cover,body .card-art.media-contain{background:radial-gradient(ellipse at 50% 24%,#476540,#203628 55%,#101e16)}body .card-art .card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s ease;display:block}body .card-art.image-ready .card-image{opacity:1}body .card-art .card-media-fallback{position:absolute;left:50%;top:38%;margin:0;transform:translate(-50%,-50%);opacity:1;transition:opacity .2s ease;z-index:0}body .card-art.image-ready .card-media-fallback{opacity:0;visibility:hidden}body .card-art.image-error .card-image{display:none}body .card-art.media-contain .card-image{inset:15% 13% auto;width:74%;height:40%;object-fit:contain;object-position:center!important;filter:drop-shadow(0 8px 18px #0004)}body .card-art.media-contain::before{content:"";position:absolute;inset:13% 12% 44%;border-radius:22px;background:radial-gradient(ellipse,#a7c58314,#c3d9a206 60%,transparent);border:1px solid #b9d69d0b}body .card-art .card-universe{background:#0d1d14a6}body .card-art .rarity-mark{background:#0e1914b8}body .collectible-card .card-body{position:relative;z-index:2}body .card-art.media-cover::after{background:linear-gradient(180deg,#08120a12 0%,#08120a00 30%,#0a191173 55%,#08160fed 78%,#08160fff 100%)}body .card-art.media-contain::after{background:linear-gradient(180deg,transparent 0%,transparent 44%,#0a191166 57%,#0a1812ed 82%,#0a1812ff 100%)}body .universe-card.esports .universe-icon{background:#354b28;color:#d5dda5}@media(prefers-reduced-motion:reduce){body .card-art .card-image,body .card-art .card-media-fallback{transition:none}}

body .image-credit{margin-top:20px;padding-top:15px;border-top:1px solid #3b5134;color:#9fb390;font-size:12px;line-height:1.7;display:flex;flex-wrap:wrap;gap:7px 12px}body .image-credit a{color:#c4d8b3;text-decoration:underline;text-decoration-color:#617d4b;text-underline-offset:3px}body .image-credit a:hover{color:#e1eccf}body .image-credit p{margin:0;font-size:12px;line-height:1.7}body .image-credit span{font-size:12px}

body .card-art[data-image-kind="avatar"] .card-image{height:67%;object-fit:cover;object-position:50% 25%!important}body .card-art[data-image-kind="avatar"]::after{background:linear-gradient(180deg,#08120a08 0%,#08120a00 30%,#0a191130 43%,#0a1911b3 60%,#0a1911fa 73%,#0a1911ff 100%)}

body .card-art[data-image-universe="mounts"] .card-image{height:62%;object-fit:contain;object-position:center!important}
body .card-art[data-image-universe="mounts"]::after{background:linear-gradient(180deg,rgba(8,22,16,.05) 28%,rgba(8,22,16,.3) 48%,rgba(8,22,16,.93) 66%,#081610 87%)}

body .card-wrap .collectible-card{--card-edge:#63806a;--card-ink:#bed0b9;display:flex;flex-direction:column;justify-content:flex-end;padding:8px;background:linear-gradient(135deg,#304337 0%,#1d2d24 18%,#111f18 78%,#25382b 100%);border:1px solid var(--card-edge);border-radius:13px;box-shadow:inset 0 1px 0 #ecf7dd26,inset 0 -2px 0 #08120ca6,0 3px 0 #08150e,0 13px 23px #020a0659;color:#f0f3e8;contain:layout;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
body .card-wrap .collectible-card::before{content:"";position:absolute;inset:1px;border-radius:11px;border-top:1px solid #f7ffeb38;z-index:4;pointer-events:none}
body .card-wrap .collectible-card::after{display:none}
body .card-wrap .collectible-card[data-rarity="PC"]{--card-edge:#839b77;--card-ink:#c1d7aa}
body .card-wrap .collectible-card[data-rarity="R"]{--card-edge:#a8a070;--card-ink:#e0d79e}
body .card-wrap .collectible-card[data-rarity="SR"]{--card-edge:#879b9c;--card-ink:#cedfde}
body .card-wrap .collectible-card[data-rarity="UR"]{--card-edge:#9dbca3;--card-ink:#d2edd5}
body .card-wrap .collectible-card[data-rarity="L"]{--card-edge:#c4aa69;--card-ink:#f0d797;background:linear-gradient(135deg,#716341 0%,#293428 20%,#17251c 72%,#5a5134 100%);border-width:1px}
body .card-wrap .collectible-card[data-rarity="L"]::after{border-color:#e2c78a55}
body .card-wrap .collectible-card:hover{border-color:var(--card-ink);box-shadow:inset 0 1px 0 #ecf7dd33,inset 0 -2px 0 #08120ca6,0 3px 0 #08150e,0 18px 30px #020a067d;transform:none!important}
body .card-wrap .card-art{inset:8px 8px auto;width:calc(100% - 16px);height:66%;border:1px solid #b4c7aa2b;border-radius:7px;overflow:hidden;background:#213629;box-shadow:inset 0 1px 5px #04120c66}
body .card-wrap .card-art::after,body .card-wrap .card-art.media-cover::after,body .card-wrap .card-art.media-contain::after,body .card-wrap .card-art[data-image-kind="avatar"]::after,body .card-wrap .card-art[data-image-universe="mounts"]::after{background:linear-gradient(180deg,#03100725 0%,transparent 24%,transparent 78%,#06150d52 100%);pointer-events:none}
body .card-wrap .card-art .card-image{height:100%;width:100%}
body .card-wrap .card-art.media-contain .card-image{inset:10%;width:80%;height:80%;object-fit:contain;object-position:center!important}
body .card-wrap .card-art.media-contain::before{inset:12%;border-radius:50%;border:0;background:radial-gradient(ellipse,#b7d6aa12,transparent 70%)}
body .card-wrap .card-art[data-image-kind="avatar"] .card-image{height:100%;object-fit:cover;object-position:50% 25%!important}
body .card-wrap .card-art[data-image-universe="mounts"] .card-image{height:100%;object-fit:contain;object-position:center!important}
body .card-wrap .card-media-fallback{top:50%;width:76px;height:76px}
body .card-wrap .card-media-fallback svg{width:37px;height:37px}
body .card-wrap .card-topline{top:10px;left:10px;right:10px;gap:8px;align-items:center}
body .card-wrap .card-universe{max-width:calc(100% - 34px);overflow:hidden;text-overflow:ellipsis;padding:4px 6px;border:1px solid #b6cbaa42;border-radius:3px;background:#0a1a12c7;backdrop-filter:blur(8px);font-size:9px;line-height:1.2;color:#dbe7cf}
body .card-wrap .rarity-mark{width:25px;min-width:25px;height:25px;border-radius:4px;border-color:var(--card-edge);background:#102018e8;box-shadow:inset 0 1px 0 #fff1;color:var(--card-ink);font-size:10px;font-weight:700}
body .card-wrap .card-body{position:relative;z-index:2;display:flex;flex-direction:column;min-height:0;height:29%;padding:10px 8px 6px;background:none;border-top:1px solid #8aab7438;text-shadow:none;text-align:center}
body .card-wrap .card-category{flex-shrink:0;font-size:9px;line-height:1.4;letter-spacing:.5px;color:#a1b397;margin:0 0 5px}
body .card-wrap .card-title{flex-shrink:0;font-size:18px;font-weight:600;line-height:1.22;letter-spacing:-.45px;color:#f0f3e7;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
body .card-wrap .card-description{min-height:0;font-size:11px;line-height:1.5;color:#b4c4ab;margin:7px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body .card-wrapper .card-description,body .deck-card .card-description,body .trade-mini .card-description{display:none}
body .card-wrap .card-bottom{margin-top:auto;padding-top:8px;border-top:0;gap:5px;font-size:10px;line-height:1.3;color:#8da181;min-width:0;flex-shrink:0}
body .card-wrap .card-number{font-variant-numeric:tabular-nums;font-size:10px}
body .card-wrap .rarity-label{color:var(--card-ink);font-size:10px;white-space:nowrap}
body .card-wrap .rarity-label>span{font-size:9px;margin-right:2px}
body .card-wrapper>.favorite-button{top:50px;right:18px;width:25px;height:25px;border-color:#d7e4c740;background:#0b1c13c7;color:#d2dfc8;backdrop-filter:blur(8px)}
body .card-wrapper>.favorite-button.is-favorite{color:#edce87;border-color:#cfb57580;background:#272c1bc9}
body .card-wrap .quantity-badge{top:42px;left:10px;border:1px solid #d7e4c742;background:#102117db;border-radius:3px;color:#e1ead6;font-size:10px;line-height:1.2;padding:3px 5px}
body .deck-card .card-body{height:29%;padding:9px 7px 5px}
body .deck-card .card-title{font-size:16px}
body .deck-card .card-category,body .deck-card .card-bottom,body .deck-card .card-universe{font-size:8px}
body .revealed-card .card-body{padding:12px 11px 9px}
body .revealed-card .card-title{font-size:22px}
body .revealed-card .card-category,body .revealed-card .card-bottom{font-size:10px}
body .revealed-card .card-description{font-size:11px}
body .reveal-grid .card-title{font-size:16px}
body .reveal-grid .card-body{padding:9px 7px 5px}
body .reveal-grid .card-description{display:none}
body .trade-mini .card-title{font-size:12px}
body .trade-mini .card-category{font-size:7px;margin-bottom:2px}
body .trade-mini .card-body{padding:5px 4px 3px}
body .trade-mini .card-bottom,body .trade-mini .rarity-label,body .trade-mini .card-number{font-size:7px}
body .trade-mini .card-topline{top:4px;left:4px;right:4px;gap:3px}
body .trade-mini .card-universe{font-size:6px;padding:2px 3px;max-width:calc(100% - 20px)}
body .trade-mini .rarity-mark{height:17px;min-width:17px;width:17px;font-size:7px}
body .proposal-illustration{min-height:0;height:auto;padding:8px 0 30px;margin:0;display:grid;place-items:center;overflow:visible}
body .proposal-illustration>.proposal-stamp{position:relative;width:190px;height:auto;aspect-ratio:2/3;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:20px 16px;transform:rotate(-4deg);border:1px solid #8ba678;border-radius:12px;background:radial-gradient(ellipse at 50% 35%,#3e5c3c,#1e3527 58%,#10251a);color:#d3e4bf;box-shadow:inset 0 1px 0 #e5f4ce26,0 3px 0 #0a1b10,0 17px 30px #06110b66}
body .proposal-stamp::after{content:"";position:absolute;inset:6px;border:1px solid #bad09d38;border-radius:7px;pointer-events:none}
body .proposal-illustration>.proposal-stamp .proposal-stamp-brand{font-size:16px;letter-spacing:-.6px;font-weight:700;line-height:1.2;color:#e3e8c8}
body .proposal-illustration>.proposal-stamp .proposal-stamp-symbol{display:grid;place-items:center;width:79px;height:79px;margin:31px 0 26px;border:1px solid #b8cc8d48;border-radius:50%;color:#bdcf9d;box-shadow:inset 0 0 20px #b4d1910a}
body .proposal-stamp-symbol svg{width:36px;height:36px;stroke-width:1.2}
body .proposal-illustration>.proposal-stamp strong{font-size:15px;line-height:1.3;color:#e4edd6;font-weight:600}
body .proposal-illustration>.proposal-stamp .proposal-stamp-rule{height:1px;width:48px;background:#8ead6c55;margin:13px 0 10px}
body .proposal-illustration>.proposal-stamp small{font-size:11px;line-height:1.5;color:#b3c49e;text-align:center;max-width:125px}
body .preview-panel>h3{color:#e0e9d5;font-size:18px;margin-bottom:10px}
body .preview-panel>p{color:#acbea1;font-size:13px;line-height:1.8}
body .status-badge.status-pending{background:#293b2d;border-color:#516848;color:#c5d7b1}
body .status-badge.rarity-epic{background:#253739;border-color:#5d7676;color:#c5dddc}
body .status-badge.rarity-mythic{background:#293f30;border-color:#688970;color:#cce7ce}
body .request-thumbnail{border-radius:8px;border:1px solid #6b8560;background:#263d2b;box-shadow:inset 0 0 0 4px #162a1b,0 3px 0 #09180e;padding:4px;aspect-ratio:2/3;height:auto}
body .request-thumbnail img{border-radius:3px;aspect-ratio:2/3}
body .notification-list{gap:0}
body .notification-list>p{display:flex;align-items:center;gap:13px;padding:18px 0;margin:0;border-bottom:1px solid #354c32;color:#d2e2c5;font-size:14px;line-height:1.6}
body .notification-list>p:last-child{border-bottom:0}
body .notification-list svg{width:20px;height:20px;flex-shrink:0;color:#9aba86}
body .country-notice{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:20px;padding:20px 23px;margin:0 0 28px;border:1px solid #688b4f;border-radius:10px;background:linear-gradient(110deg,#29482e,#1a3022);box-shadow:inset 0 1px 0 #c3dfa515}
body .country-notice-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;background:#81a35d17;border:1px solid #a3c37938;border-radius:8px;color:#b7d999}
body .country-notice>div{min-width:0}body .country-notice p{min-width:0;color:#d7e9c8;font-size:14px;line-height:1.65;margin:0}
body .country-notice .button{flex-shrink:0;background:#325038;border-color:#779763;color:#e0efd4}
@media(max-width:760px){body .card-wrap .collectible-card{padding:6px;border-radius:10px}body .card-wrap .collectible-card::after{inset:3px;border-radius:7px}body .card-wrap .card-art{inset:6px 6px auto;width:calc(100% - 12px);border-radius:5px;height:60%}body .card-wrap .card-body{height:35%;padding:7px 5px 4px}body .card-wrap .card-title{font-size:14px;line-height:1.25;letter-spacing:-.25px}body .card-wrap .card-category{font-size:9px;letter-spacing:.2px;margin-bottom:3px}body .card-wrap .card-bottom,body .card-wrap .rarity-label{font-size:9px;padding-top:5px}body .card-wrap .card-number{font-size:8px}body .card-wrap .card-topline{top:6px;left:6px;right:6px;gap:4px}body .card-wrap .card-universe{font-size:7px;padding:3px 4px;max-width:calc(100% - 24px)}body .card-wrap .rarity-mark{width:20px;height:20px;min-width:20px;font-size:8px}body .card-wrapper>.favorite-button{width:23px;height:23px;top:37px;right:12px}body .card-wrapper>.favorite-button svg{width:12px;height:12px}body .card-wrap .quantity-badge{top:31px;left:6px;font-size:8px;padding:2px 4px}body .card-wrap .card-description{display:none}body .revealed-card .card-body{padding:11px 10px 8px}body .revealed-card .card-title{font-size:21px}body .revealed-card .card-category{font-size:10px;margin-bottom:6px}body .revealed-card .card-bottom,body .revealed-card .rarity-label{font-size:10px;padding-top:8px}body .revealed-card .card-number{font-size:9px}body .revealed-card .card-universe{font-size:9px;padding:4px 5px}body .revealed-card .rarity-mark{width:24px;height:24px;min-width:24px;font-size:10px}body .proposal-illustration>.proposal-stamp{width:170px}body .country-notice{padding:18px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:14px}body .country-notice-icon{width:34px;height:34px}body .country-notice p{font-size:13px;flex-basis:calc(100% - 50px)}body .country-notice .button{grid-column:2;justify-self:end;margin-left:0;min-height:44px}}
@media(hover:none){body .card-wrap .collectible-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){body .card-wrap .collectible-card{transition:none}body .card-wrap .collectible-card:hover{transform:none}}

body .hero.hero-gaming{position:relative;isolation:isolate;min-height:370px;overflow:hidden;background:#102017;border:1px solid #46543b}
body .hero.hero-gaming::before{background:linear-gradient(90deg,#09160ae8 0%,#102218b0 33%,#0c1b101a 65%,transparent 100%);z-index:1;opacity:1;inset:0}
body .hero-gaming-art{position:absolute;inset:0;z-index:0}
body .hero-gaming-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:58% 50%}
body .hero-gaming .hero-copy{position:relative;z-index:2;width:48%;padding:38px 44px}
body .hero-gaming .hero-copy h2{max-width:470px;line-height:1.15;color:#edf0dd;font-size:40px}
body .hero-gaming .hero-copy>p{color:#bac7a9}
body .hero-gaming .hero-note{color:#abbf93}
body .pack-visual:has(.gaming-pack-image){min-height:420px;align-self:stretch;display:flex;align-items:center;justify-content:center;padding:0;overflow:visible}
body .gaming-pack-image{display:block;width:min(100%,300px);height:420px;object-fit:contain;filter:drop-shadow(0 17px 25px #03110e66);position:relative;z-index:1}
body .collection-intro{position:relative;isolation:isolate;overflow:hidden;border:1px solid #40503a;border-radius:13px;min-height:166px;margin-bottom:24px;background:#102017}
body .collection-intro>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%;z-index:-2}
body .collection-intro::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b1b12f2 0%,#102217db 34%,#0b191366 64%,#0c1b132e 100%)}
body .collection-intro .page-heading{margin:0;min-height:166px;align-items:center;padding:27px 30px}
body .collection-intro h1{font-size:30px;color:#edf2e2}
body .collection-intro .page-heading p{color:#b6c9a6;max-width:400px;line-height:1.6;margin-top:10px}
body .collection-intro .button{background:#203727e8;border-color:#748b60;box-shadow:0 4px 15px #07130b4d}
body .collection-summary{padding:20px 26px;margin-bottom:24px;gap:34px}
body .collection-summary strong{font-size:27px;line-height:1.2}
body .collection-summary span{font-size:12px;margin-top:9px}
@media(max-width:1100px){body .hero-gaming .hero-copy{width:53%;padding:34px}body .hero-gaming .hero-copy h2{font-size:34px}body .gaming-pack-image{height:350px}body .pack-visual:has(.gaming-pack-image){min-height:350px}}
@media(max-width:760px){body .hero.hero-gaming{min-height:545px;display:block;padding:0}body .hero-gaming .hero-copy{width:100%;padding:28px 25px}body .hero-gaming .hero-copy h2{font-size:32px;max-width:310px}body .hero-gaming .hero-copy>p{max-width:290px}body .hero-gaming-art{inset:auto 0 0;height:280px}body .hero-gaming-art img{object-position:70% 50%}body .hero.hero-gaming::before{background:linear-gradient(180deg,#102017 0%,#102017 43%,#102017c9 50%,#10201700 68%)}body .collection-intro{min-height:210px;margin-bottom:20px}body .collection-intro .page-heading{min-height:210px;padding:23px;align-items:flex-start;justify-content:space-between;gap:18px}body .collection-intro h1{font-size:27px}body .collection-intro .page-heading p{font-size:13px;max-width:255px}body .collection-intro>img{object-position:62% 50%;opacity:.6}body .collection-intro::after{background:linear-gradient(90deg,#0b1b12ed,#0b1b1266)}body .collection-intro .button{padding:10px 13px;width:auto}body .collection-summary{padding:18px 21px;gap:22px 18px}body .collection-summary strong{font-size:24px}body .collection-summary span{font-size:11px;margin-top:7px}body .gaming-pack-image{height:365px;width:245px}body .pack-visual:has(.gaming-pack-image){min-height:365px}}

body .card-wrap .card-image{transition:opacity .25s ease,transform .35s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body .card-wrap .collectible-card:hover .card-art.media-cover:not([data-image-universe="mounts"]) .card-image{transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){body .card-wrap .card-image{transition:none}}

@media(max-width:760px){body .collection-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 20px}body .collection-summary>div{min-width:0;width:auto;margin:0}body .collection-summary span{display:block;line-height:1.5}body .filter-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}body .filter-group>wa-select{min-width:0;width:100%}body .filter-group>wa-select:last-child{grid-column:1/-1}body .filter-select::part(display-input){font-size:12px}}

body .field input:not([type="checkbox"]),body .field textarea{background:#12231a;border:1px solid #45583d;color:#e1ebd6;box-shadow:inset 0 1px 3px #07160b33}body .field input:not([type="checkbox"])::placeholder,body .field textarea::placeholder{color:#95aa88;opacity:1}body .field input:not([type="checkbox"]):focus,body .field textarea:focus{border-color:#9ebd82;box-shadow:0 0 0 3px #93b96d14;outline-color:#b0ce95}body .field>label span{color:#b2cb98}

body .card-wrap .collectible-card{padding:8px;border:0;border-radius:11px;background:#18271f;box-shadow:0 3px 8px #020b0738,0 14px 25px #020b0726;transition:box-shadow .2s ease}
body .card-wrap .collectible-card::before,body .card-wrap .collectible-card::after{display:none;content:none;border:0;background:none;box-shadow:none}
body .card-wrap .collectible-card[data-rarity="L"]{border:0;background:#18271f;box-shadow:0 3px 8px #020b0738,0 14px 25px #020b0726}
body .card-wrap .collectible-card:hover{transform:none!important;border:0;box-shadow:0 4px 12px #020b0747,0 15px 28px #020b0733}
body .card-wrap .card-art{inset:8px 8px auto;width:calc(100% - 16px);border:0;border-radius:6px;box-shadow:none}
body .card-wrap .card-topline{top:12px;left:12px;right:12px;gap:8px;align-items:center}
body .card-wrap.has-favorite .card-topline{padding-right:33px}
body .card-wrap .card-universe{max-width:calc(100% - 34px);border:0;border-radius:3px;background:#0b1b14ce;padding:5px 7px;font-size:9px;line-height:15px;min-height:25px;color:#dbe5d2}
body .card-wrap .rarity-mark{width:25px;min-width:25px;height:25px;display:grid;place-items:center;border:0;border-radius:4px;background:#0b1b14e0;box-shadow:none;color:var(--card-ink);font-size:10px;line-height:1;font-weight:650}
body .card-wrapper>.favorite-button{top:20px;right:20px;width:25px;height:25px;display:grid;place-items:center;margin:0;border:0;border-radius:4px;background:#0b1b14e0;color:#d5e2c9;box-shadow:none}
body .card-wrapper>.favorite-button svg{width:14px;height:14px;margin:0;display:block}
body .card-wrapper>.favorite-button.is-favorite{border:0;color:#e7cb8b;background:#0b1b14e0}
body .card-wrap .quantity-badge{top:46px;left:12px;border:0;background:#0b1b14de}
body .card-wrap .card-body{border:0;background:none}
@media(max-width:760px){body .card-wrap .collectible-card{padding:6px;border-radius:9px}body .card-wrap .card-art{inset:6px 6px auto;width:calc(100% - 12px);border-radius:5px}body .card-wrap .card-topline{top:12px;left:12px;right:12px;gap:5px}body .card-wrap.has-favorite .card-topline{padding-right:31px}body .card-wrap .card-universe{padding:3px 4px;min-height:23px;font-size:7px;line-height:17px;max-width:calc(100% - 28px)}body .card-wrap .rarity-mark{height:23px;width:23px;min-width:23px;font-size:8px}body .card-wrapper>.favorite-button{top:18px;right:18px;width:23px;height:23px}body .card-wrap .quantity-badge{top:43px;left:12px}body .trade-mini .card-topline{top:5px;left:5px;right:5px}body .trade-mini .card-universe{min-height:17px;line-height:13px;font-size:6px;padding:2px 3px}body .trade-mini .rarity-mark{height:17px;width:17px;min-width:17px;font-size:7px}}
@media(prefers-reduced-motion:reduce){body .card-wrap .collectible-card{transition:none}}

body .card-wrap .card-body{display:grid;grid-template-rows:auto minmax(0,1fr) auto;row-gap:5px;align-content:start;overflow:visible}
body .card-wrap .card-category{grid-row:1;margin:0;line-height:1.4}
body .card-wrap .card-title{grid-row:2;align-self:start;margin:0}
body .card-wrap .card-bottom{grid-row:3;margin:0;align-self:end;padding-top:7px}
body .card-wrap .card-body.has-description{height:50%;grid-template-rows:auto auto minmax(0,1fr) auto;row-gap:4px;padding:12px 10px 8px}
body .card-wrap .card-body.has-description .card-description{display:block;grid-row:3;align-self:start;margin:5px 0 0;min-height:0;max-height:none;font-size:11px;line-height:1.5;-webkit-line-clamp:unset;overflow:visible;white-space:normal;overflow-wrap:anywhere}
body .card-wrap .card-body.has-description .card-bottom{grid-row:4;align-self:end;padding-top:8px}
body .card-wrap .collectible-card:has(.card-body.has-description) .card-art{height:45%}
body .card-wrap .collectible-card:has(.card-art[data-image-universe="mounts"]) .card-art{height:49%}
body .card-wrap .collectible-card:has(.card-art[data-image-universe="mounts"]) .card-body{height:46%;padding-top:14px}
body .card-wrap .card-art[data-image-universe="mounts"] .card-image{object-position:center 40%!important}
body .reveal-grid .card-body{height:29%}
body .reveal-grid .card-description{display:none!important}
body .reveal-grid .collectible-card:has(.card-body.has-description) .card-art{height:66%}
body .reveal-grid .card-body.has-description{height:29%;grid-template-rows:auto minmax(0,1fr) auto;padding:9px 7px 5px}
body .reveal-grid .card-body.has-description .card-bottom{grid-row:3}
body .nav-badge{min-width:24px;width:auto;padding:3px 6px;font-variant-numeric:tabular-nums}
@media(max-width:760px){body .card-wrap .card-body{row-gap:3px}body .card-wrap .card-body.has-description{height:50%;padding:10px 8px 7px;row-gap:3px}body .card-wrap .card-body.has-description .card-description{display:block;font-size:10px;line-height:1.5;margin-top:5px}body .card-wrap .collectible-card:has(.card-art[data-image-universe="mounts"]) .card-body{height:46%;padding-top:11px}body .card-wrap .card-body.has-description .card-title{font-size:17px}body .revealed-card .card-body.has-description .card-title{font-size:21px}body .card-wrap .card-body.has-description .card-bottom{padding-top:7px}body .reveal-grid .card-body.has-description{height:35%;padding:7px 5px 4px}body .reveal-grid .collectible-card:has(.card-body.has-description) .card-art{height:60%}}

body .nav-count{min-width:24px;width:auto;padding:3px 6px;flex-shrink:0;font-variant-numeric:tabular-nums}

body .modal:has(.pack-open-intro){width:min(420px,calc(100vw - 32px));background:#15271b;border:1px solid #3e5637;border-radius:13px;box-shadow:0 24px 70px #020c0866}body .modal:has(.pack-open-intro) .modal-content{padding:20px 24px}body .pack-open-intro{gap:12px;padding:0;text-align:center}body .pack-confirm-image{display:block;width:210px;height:315px;object-fit:contain;filter:drop-shadow(0 12px 17px #03100b55)}body .pack-open-intro>p{font-size:13px;color:#bfcea9;margin:0;line-height:1.6}body .modal:has(.pack-open-intro) .modal-footer{gap:12px;padding:17px 22px}body .modal:has(.pack-open-intro) .modal-footer .button{flex:1;justify-content:center;min-height:44px}@media(max-width:760px){body .pack-confirm-image{width:170px;height:255px}body .modal:has(.pack-open-intro) .modal-content{padding:16px 20px}body .modal:has(.pack-open-intro) .modal-footer{padding:16px 18px;flex-wrap:nowrap}body .modal:has(.pack-open-intro) .modal-footer .button{font-size:12px;padding:11px 12px}}

body .reveal-grid .card-wrap .card-body,body .reveal-grid .card-wrap .card-body.has-description{height:43%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;row-gap:4px;padding:10px 9px 7px}body .reveal-grid .card-wrap .card-description{display:none!important}body .reveal-grid .card-wrap .card-title{font-size:14px;line-height:1.25;-webkit-line-clamp:3;margin:0;grid-row:2}body .reveal-grid .card-wrap .card-category{font-size:9px;line-height:1.4;margin:0;grid-row:1}body .reveal-grid .card-wrap .card-bottom,body .reveal-grid .card-wrap .card-body.has-description .card-bottom{grid-row:3;align-self:end;font-size:10px;line-height:1.3;padding-top:6px;gap:4px}body .reveal-grid .card-wrap .card-number,body .reveal-grid .card-wrap .rarity-label{font-size:9px;line-height:1.3}body .reveal-grid .card-wrap .card-art,body .reveal-grid .card-wrap .collectible-card:has(.card-body.has-description) .card-art,body .reveal-grid .card-wrap .collectible-card:has(.card-art[data-image-universe="mounts"]) .card-art{height:52%}body .reveal-grid .card-wrap .card-universe{font-size:8px;max-width:calc(100% - 28px);padding:3px 4px;line-height:15px;min-height:21px}body .reveal-grid .card-wrap .rarity-mark{height:21px;width:21px;min-width:21px;font-size:9px}body .reveal-grid .card-wrap .card-topline{top:8px;left:8px;right:8px;gap:5px}
@media(max-width:760px){body .reveal-grid .card-wrap .card-body,body .reveal-grid .card-wrap .card-body.has-description{height:50%;padding:9px 7px 6px;row-gap:3px}body .reveal-grid .card-wrap .card-art,body .reveal-grid .card-wrap .collectible-card:has(.card-body.has-description) .card-art,body .reveal-grid .card-wrap .collectible-card:has(.card-art[data-image-universe="mounts"]) .card-art{height:45%}body .reveal-grid .card-wrap .card-title{font-size:13px;line-height:1.25;-webkit-line-clamp:3}body .reveal-grid .card-wrap .card-bottom,body .reveal-grid .card-wrap .card-body.has-description .card-bottom{font-size:9px;padding-top:5px}body .reveal-grid .card-wrap .card-category{font-size:8px}body .reveal-grid .card-wrap .card-number,body .reveal-grid .card-wrap .rarity-label{font-size:8px}}
@media(max-width:360px){body .reveal-grid{grid-template-columns:1fr}body .reveal-grid .reveal-card{width:190px;max-width:100%;justify-self:center}body .reveal-grid .card-wrap .card-title{font-size:14px}body .reveal-grid .card-wrap .card-bottom,body .reveal-grid .card-wrap .card-number,body .reveal-grid .card-wrap .rarity-label{font-size:9px}}

body .card-wrap,body .card-back{transform-origin:center;transition:transform .24s ease;overflow:visible}
body .card-wrap.is-tilting,body .card-back.is-tilting{transform:perspective(900px) rotateX(var(--card-tilt-x,0deg)) rotateY(var(--card-tilt-y,0deg));will-change:transform;z-index:6;transition:transform .13s ease}
body .card-wrap .collectible-card{overflow:hidden}
body .reveal-stage::before,body .reveal-stage::after,body .reveal-orbit::before,body .reveal-orbit::after,body .revealed-card::before,body .revealed-card::after{display:none;content:none;box-shadow:none;filter:none}
body .reveal-legendary .reveal-orbit,body .reveal-legendary .revealed-card,body .reveal-legendary .card-wrap{box-shadow:none;filter:none}
body .reveal-legendary .collectible-card{box-shadow:0 10px 28px #020b0740}
body .card-wrap .collectible-card[data-rarity="L"]::before{content:"";display:block;position:absolute;inset:0;z-index:4;border:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 37%,#cadfad08 44%,#f2dba519 49%,#badb970b 54%,transparent 62%);background-size:220% 100%;background-position:var(--card-shine-x,50%) 50%;box-shadow:none;opacity:.7;transition:background-position .2s ease}
body .card-wrap .collectible-card[data-rarity="L"]::after{content:"";display:block;position:absolute;inset:0;z-index:4;border:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 18% 21%,#e9d39c70 0 .65px,transparent 1.4px),radial-gradient(circle at 83% 17%,#c0d69c80 0 .6px,transparent 1.3px),radial-gradient(circle at 67% 33%,#e6ce9b50 0 .8px,transparent 1.5px),radial-gradient(circle at 29% 58%,#d0dda560 0 .55px,transparent 1.2px),radial-gradient(circle at 78% 73%,#e9d39c65 0 .7px,transparent 1.4px),radial-gradient(circle at 14% 82%,#d0e0a850 0 .6px,transparent 1.3px),radial-gradient(circle at 88% 45%,#dfc99160 0 .65px,transparent 1.4px);box-shadow:none;opacity:.55}
body .card-back,body .flip-back{position:relative;display:grid;place-items:center;overflow:hidden;border:0;border-radius:11px;background:radial-gradient(ellipse at 30% 20%,#304a34,#1a3023 52%,#10251b);color:#aabf8c;box-shadow:inset 0 1px 0 #bdcea31a,0 12px 28px #020b0740}
body .flip-back{position:absolute;inset:0;width:100%;height:100%}
body .card-back::before,body .card-back::after,body .flip-back::before,body .flip-back::after{display:none;content:none;border:0;background:none;box-shadow:none}
body .card-back-pattern{position:absolute;inset:0;opacity:.18;background:repeating-linear-gradient(115deg,transparent 0 9px,#96b17a1f 10px,transparent 11px 19px),linear-gradient(135deg,#d0dcaf0d,transparent 45%,#06130b33)}
body .card-back-mark{position:relative;display:block;width:44px;height:55px;color:#b7c995;opacity:.75}
body .card-back-mark svg{display:block;width:100%;height:100%}
body .reveal-navigation .icon-button{background:#213a29;border:1px solid #48663d;color:#cedfba;box-shadow:none}
body .reveal-navigation .icon-button:hover:not(:disabled){background:#314c33;border-color:#819e67;color:#edf2df;transform:none}
body .reveal-navigation .icon-button:disabled{background:#14291c;border-color:#2d4730;color:#61765c;opacity:.6}
body .reveal-position{color:#b7cb9f}
body .pack-progress-pips span{background:#365235;border:0}
body .pack-progress-pips span.active{background:#c6dfa6;box-shadow:none}
body .pack-progress-pips span.seen{background:#769766}
body .nav-count{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:24px;width:auto;height:24px;line-height:1;margin-left:auto;padding:0 6px;border:0;border-radius:5px;background:#1a2b21;color:#bfd4ad;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;text-align:center;box-shadow:none}
body .nav-link.active .nav-count{background:#15271b;color:#d1e2ba}
body .nav-count:empty{display:none}
body .card-grid,body .featured-grid,body .reveal-grid{overflow:visible;padding-top:12px;padding-bottom:12px}
@media(hover:none),(pointer:coarse){body .card-wrap,body .card-back,body .card-wrap.is-tilting,body .card-back.is-tilting{transform:none;transition:none;will-change:auto}body .card-wrap .collectible-card[data-rarity="L"]::before{transition:none;background-position:50% 50%}}
@media(prefers-reduced-motion:reduce){body .card-wrap,body .card-back,body .card-wrap.is-tilting,body .card-back.is-tilting{transform:none;transition:none;will-change:auto}body .card-wrap .collectible-card[data-rarity="L"]::before{transition:none;background-position:50% 50%}}

body .modal-backdrop:has(.reveal-legendary){background:#081610f2}body .reveal-stage,body .reveal-orbit{overflow:visible}

body .reveal-grid .card-wrap .collectible-card:has(.card-art[data-image-universe="mounts"]) .card-body{height:43%}body .card-wrap .collectible-card[data-rarity="L"]::before{animation:card-inner-sheen 8s ease-in-out infinite}body .card-wrap .collectible-card[data-rarity="L"]::after{animation:card-inner-dust 7s ease-in-out infinite}body .card-wrap.is-tilting .collectible-card[data-rarity="L"]::before{animation:none;background-position:var(--card-shine-x,50%) 50%}
@keyframes card-inner-sheen{0%,100%{background-position:100% 50%;opacity:.42}50%{background-position:0% 50%;opacity:.68}}
@keyframes card-inner-dust{0%,100%{opacity:.24}50%{opacity:.52}}
@media(max-width:760px){body .reveal-grid .card-wrap .card-body,body .reveal-grid .card-wrap .card-body.has-description,body .reveal-grid .card-wrap .collectible-card:has(.card-art[data-image-universe="mounts"]) .card-body{height:56%}body .reveal-grid .card-wrap .card-art,body .reveal-grid .card-wrap .collectible-card:has(.card-body.has-description) .card-art,body .reveal-grid .card-wrap .collectible-card:has(.card-art[data-image-universe="mounts"]) .card-art{height:39%}body .reveal-grid .card-wrap .card-number,body .reveal-grid .card-wrap .rarity-label{font-size:9px}}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){body .card-wrap .collectible-card[data-rarity="L"]::before,body .card-wrap.is-tilting .collectible-card[data-rarity="L"]::before{animation:none;transition:none;background-position:50% 50%;opacity:.42}body .card-wrap .collectible-card[data-rarity="L"]::after{animation:none;opacity:.24}}

body .card-wrap .collectible-card{--card-frame:#4b565b;--card-face:#30383b;--card-deep:#20292c;--card-ink:#e3e9eb;--card-copy:#f0f3f1;--card-detail:#d2dade;--card-media:#242f32;--card-finish-top:calc(66% + 8px);background:linear-gradient(130deg,var(--card-frame),var(--card-deep) 28%,var(--card-face) 72%,var(--card-frame));box-shadow:0 3px 8px #020b0738,0 14px 25px #020b0726}
body .card-wrap .collectible-card[data-rarity="C"]{--card-frame:#586268;--card-face:#343d41;--card-deep:#242e32;--card-ink:#e5e9ea;--card-detail:#d1dade;--card-media:#2c373c}
body .card-wrap .collectible-card[data-rarity="PC"]{--card-frame:#4b7050;--card-face:#29472f;--card-deep:#203926;--card-ink:#cfe5bc;--card-detail:#d7e7ca;--card-media:#2b4430}
body .card-wrap .collectible-card[data-rarity="R"]{--card-frame:#5683a4;--card-face:#27445b;--card-deep:#20364c;--card-ink:#c4e7fb;--card-detail:#d2e6f3;--card-media:#294357}
body .card-wrap .collectible-card[data-rarity="SR"]{--card-frame:#826597;--card-face:#4b3558;--card-deep:#382741;--card-ink:#e8d0f4;--card-detail:#ecddf3;--card-media:#43354b}
body .card-wrap .collectible-card[data-rarity="UR"]{--card-frame:#a05a68;--card-face:#653440;--card-deep:#4d2631;--card-ink:#ffdae0;--card-detail:#ffe4e8;--card-media:#4d3039}
body .card-wrap .collectible-card[data-rarity="L"]{--card-frame:#d2b165;--card-face:#7a5523;--card-deep:#634519;--card-ink:#fff4d0;--card-copy:#fff8e2;--card-detail:#fff1d0;--card-media:#544523;background:linear-gradient(135deg,#e0c682,#9b7533 21%,#bc984b 52%,#876020 76%,#d8b66a);box-shadow:0 3px 8px #020b0738,0 14px 25px #020b0726}
body .card-wrap .card-body{background:linear-gradient(140deg,var(--card-face),var(--card-deep));border-radius:4px;color:var(--card-copy)}
body .card-wrap .card-title{color:var(--card-copy)}
body .card-wrap .card-category,body .card-wrap .card-description,body .card-wrap .card-bottom,body .card-wrap .card-number{color:var(--card-detail)}
body .card-wrap .rarity-label,body .card-wrap .rarity-mark{color:var(--card-ink)}
body .card-wrap .card-art,body .card-wrap .card-art.media-cover,body .card-wrap .card-art.media-contain{background:var(--card-media)}
body .card-wrap .card-art::after,body .card-wrap .card-art.media-cover::after,body .card-wrap .card-art.media-contain::after,body .card-wrap .card-art[data-image-kind="avatar"]::after,body .card-wrap .card-art[data-image-universe="mounts"]::after{background:linear-gradient(180deg,#0000001f,transparent 24%,transparent 80%,#00000018)}
body .card-wrap .collectible-card:has(.card-body.has-description){--card-finish-top:calc(45% + 8px)}
body .card-wrap .collectible-card:has(.card-art[data-image-universe="mounts"]){--card-finish-top:calc(49% + 8px)}
body .reveal-grid .card-wrap .collectible-card,body .reveal-grid .card-wrap .collectible-card:has(.card-body.has-description),body .reveal-grid .card-wrap .collectible-card:has(.card-art[data-image-universe="mounts"]){--card-finish-top:calc(52% + 8px)}
body .card-wrap .collectible-card[data-rarity="L"]::before,body .card-wrap .collectible-card[data-rarity="L"]::after{top:var(--card-finish-top);right:0;bottom:0;left:0;border-radius:0 0 11px 11px}
body .modal:has(.reveal-stage) .modal-footer{padding:10px 0 18px;border:0;background:none}
body .reveal-footer{padding:0;background:none}
body .reveal-navigation{display:flex;align-items:center;justify-content:center;gap:18px;width:max-content;min-width:248px;max-width:calc(100vw - 32px);min-height:62px;margin:0 auto;padding:7px 10px;background:#102217ed;border:1px solid #63804b4d;border-radius:32px;box-shadow:0 7px 19px #010b0640}
body .reveal-navigation .icon-button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;margin:0;border:0;border-radius:50%;background:transparent;color:#c0d6a8;box-shadow:none;transition:background .18s ease,color .18s ease}
body .reveal-navigation .icon-button svg{width:19px;height:19px;stroke-width:1.4}
body .reveal-navigation .icon-button:hover:not(:disabled){background:#29432d;border:0;color:#eff4df;box-shadow:inset 0 0 0 1px #90ad6d26;transform:none}
body .reveal-navigation .icon-button:disabled{background:transparent;border:0;color:#75886b;opacity:.45}
body .reveal-position{min-width:88px;display:flex;flex-direction:column;align-items:center;gap:6px;color:#c5d8b0;font-size:12px;line-height:1.3;font-variant-numeric:tabular-nums}
body .pack-progress-pips{display:flex;justify-content:center;gap:6px;margin:0}
body .pack-progress-pips span{height:4px;width:4px;border-radius:50%;background:#3f5b35}
body .pack-progress-pips span.seen{background:#8fae76}
body .pack-progress-pips span.active{background:#d5e7bc;box-shadow:none}
@media(max-width:760px){body .card-wrap .collectible-card{--card-finish-top:calc(60% + 6px)}body .card-wrap .collectible-card:has(.card-body.has-description){--card-finish-top:calc(45% + 6px)}body .card-wrap .collectible-card:has(.card-art[data-image-universe="mounts"]){--card-finish-top:calc(49% + 6px)}body .reveal-grid .card-wrap .collectible-card,body .reveal-grid .card-wrap .collectible-card:has(.card-body.has-description),body .reveal-grid .card-wrap .collectible-card:has(.card-art[data-image-universe="mounts"]){--card-finish-top:calc(39% + 6px)}body .reveal-navigation{gap:14px;min-width:234px;padding:6px 8px;min-height:60px}body .modal:has(.reveal-stage) .modal-footer{padding-bottom:13px}}
@media(prefers-reduced-motion:reduce){body .reveal-navigation .icon-button{transition:none}}

body .card-wrap .card-art[data-image-surface="light"]::before{content:"";position:absolute;inset:16% 8%;border:0;border-radius:8px;background:#f0eee8;box-shadow:0 2px 8px #00000012}
body .card-wrap .card-art[data-image-surface="light"] .card-image{inset:22% 14%;width:72%;height:56%;object-fit:contain;filter:none}
body .card-wrap .card-art[data-image-size="compact"] .card-image{inset:50% auto auto 50%;width:80px;height:80px;max-width:58%;max-height:58%;transform:translate(-50%,-50%);object-fit:contain;filter:none}

.pack-opening-stage{overflow:visible}.pack-tear-stage{position:relative;width:285px;height:428px;isolation:isolate;perspective:900px}.pack-tear-piece{position:absolute;inset:0;will-change:transform,opacity}.pack-tear-piece img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 12px #00000026)}.pack-tear-cap{clip-path:polygon(0 0,100% 0,100% 19%,86% 20%,77% 18.6%,66% 20.5%,53% 18.9%,40% 20.3%,28% 18.7%,13% 20%,0 19%);transform-origin:85% 19%;z-index:4;animation:pack-cap-tear 1.2s cubic-bezier(.23,.73,.3,1) both}.pack-tear-left{clip-path:polygon(0 19%,13% 20%,28% 18.7%,40% 20.3%,50% 19.3%,53% 45%,47% 69%,52% 100%,0 100%);transform-origin:2% 85%;z-index:3;animation:pack-left-open 1.2s cubic-bezier(.23,.73,.3,1) both}.pack-tear-right{clip-path:polygon(50% 19.3%,53% 18.9%,66% 20.5%,77% 18.6%,86% 20%,100% 19%,100% 100%,52% 100%,47% 69%,53% 45%);transform-origin:98% 85%;z-index:3;animation:pack-right-open 1.2s cubic-bezier(.23,.73,.3,1) both}.pack-tear-stage .pack-tear-card{position:absolute;inset:7px 5px;width:calc(100% - 10px);height:calc(100% - 14px);z-index:1;animation:pack-card-emerge 1.2s cubic-bezier(.23,.73,.3,1) both;box-shadow:0 15px 30px #0004}.pack-tear-seam{position:absolute;top:19%;left:8%;right:8%;height:1px;z-index:5;background:#dbe6c6;animation:pack-seam 1.2s ease both;pointer-events:none}
@keyframes pack-cap-tear{0%,15%{transform:translate(0,0) rotate(0);opacity:1}35%{transform:translate(3px,-9px) rotate(-3deg);opacity:1}70%{transform:translate(29px,-105px) rotate(-18deg);opacity:1}100%{transform:translate(44px,-143px) rotate(-24deg);opacity:0}}
@keyframes pack-left-open{0%,26%{transform:translate(0,0) rotateY(0) rotateZ(0);opacity:1}70%{transform:translate(-52px,34px) rotateY(-24deg) rotateZ(-12deg);opacity:1}100%{transform:translate(-104px,67px) rotateY(-38deg) rotateZ(-18deg);opacity:0}}
@keyframes pack-right-open{0%,26%{transform:translate(0,0) rotateY(0) rotateZ(0);opacity:1}70%{transform:translate(52px,34px) rotateY(24deg) rotateZ(12deg);opacity:1}100%{transform:translate(104px,67px) rotateY(38deg) rotateZ(18deg);opacity:0}}
@keyframes pack-card-emerge{0%,24%{transform:translateY(28px) scale(.83);opacity:0}55%{opacity:1}100%{transform:translateY(0) scale(1);opacity:1}}
@keyframes pack-seam{0%,15%{opacity:0;transform:scaleX(.08)}28%{opacity:.6;transform:scaleX(1)}42%,100%{opacity:0;transform:scaleX(1)}}
@media(max-width:700px){.pack-tear-stage{width:240px;height:360px}}
@media(prefers-reduced-motion:reduce){.pack-tear-piece,.pack-tear-card,.pack-tear-seam{animation:none!important}.pack-tear-piece,.pack-tear-seam{display:none}.pack-tear-stage .pack-tear-card{opacity:1;transform:none}}

.pack-tear-stage{animation:pack-opening-anticipation 1.6s cubic-bezier(.22,.72,.25,1) both}.pack-tear-cap,.pack-tear-left,.pack-tear-right,.pack-tear-stage .pack-tear-card,.pack-tear-seam{animation-duration:1.6s}
@keyframes pack-opening-anticipation{0%{transform:translateY(9px) scale(.96)}12%{transform:translateY(6px) scale(.945) rotate(-1deg)}28%{transform:translateY(-3px) scale(1.025) rotate(.6deg)}60%,100%{transform:translateY(0) scale(1) rotate(0)}}
@keyframes pack-cap-tear{0%,12%{transform:translate(0,0) rotate(0);opacity:1}25%{transform:translate(-6px,-12px) rotate(-5deg);opacity:1}49%{transform:translate(-28px,-100px) rotate(-22deg);opacity:1}83%,100%{transform:translate(-95px,-217px) rotate(-38deg);opacity:0}}
@keyframes pack-left-open{0%,22%{transform:translate(0,0) rotateY(0) rotateZ(0);opacity:1}47%{transform:translate(-32px,16px) rotateY(-29deg) rotateZ(-9deg);opacity:1}74%{transform:translate(-103px,77px) rotateY(-48deg) rotateZ(-22deg);opacity:.7}100%{transform:translate(-148px,119px) rotateY(-56deg) rotateZ(-27deg);opacity:0}}
@keyframes pack-right-open{0%,27%{transform:translate(0,0) rotateY(0) rotateZ(0);opacity:1}53%{transform:translate(43px,23px) rotateY(25deg) rotateZ(13deg);opacity:1}79%{transform:translate(119px,98px) rotateY(43deg) rotateZ(25deg);opacity:.65}100%{transform:translate(170px,137px) rotateY(51deg) rotateZ(31deg);opacity:0}}
@keyframes pack-card-emerge{0%,20%{transform:translateY(45px) translateZ(-80px) rotateY(-13deg) rotateX(8deg) scale(.76);opacity:0}43%{opacity:1;transform:translateY(6px) translateZ(8px) rotateY(-7deg) rotateX(4deg) scale(.9)}78%{transform:translateY(-12px) translateZ(24px) rotateY(3deg) rotateX(-2deg) scale(1.035);opacity:1}100%{transform:translateY(0) translateZ(0) rotateY(0) rotateX(0) scale(1);opacity:1}}
@keyframes pack-seam{0%,12%{opacity:0;transform:scaleX(.04)}22%{opacity:.65;transform:scaleX(1)}34%,100%{opacity:0;transform:scaleX(1)}}
body .card-wrap .collectible-card[data-rarity="L"]::before{background-image:linear-gradient(115deg,transparent 30%,#f6dfb012 39%,#fff1c73b 48%,#f5ddaa16 57%,transparent 68%)}
@media(prefers-reduced-motion:reduce){.pack-tear-stage{animation:none!important}}

.pack-opening-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px}.pack-tear-hint{font-size:14px;line-height:1.4;color:#c2d0bb;text-align:center;margin:0;transition:opacity .15s ease}.pack-opening-stage:has(.is-tearing) .pack-tear-hint{opacity:0}.pack-tear-stage{--tear-progress:0;--tear-direction:1;touch-action:pan-y}.pack-tear-stage:not(.is-tearing),.pack-tear-stage:not(.is-tearing) .pack-tear-piece,.pack-tear-stage:not(.is-tearing) .pack-tear-card,.pack-tear-stage:not(.is-tearing) .pack-tear-seam{animation:none}.pack-tear-stage:not(.is-tearing) .pack-tear-cap{transform:translate(calc(var(--tear-progress)*var(--tear-direction)*56px),calc(var(--tear-progress)*-18px)) rotate(calc(var(--tear-progress)*var(--tear-direction)*-8deg));transition:transform .38s cubic-bezier(.18,1.28,.35,1)}.pack-tear-stage:not(.is-tearing) .pack-tear-left{transform:translateX(calc(var(--tear-progress)*-8px)) rotateY(calc(var(--tear-progress)*-12deg));transition:transform .38s cubic-bezier(.18,1.28,.35,1)}.pack-tear-stage:not(.is-tearing) .pack-tear-right{transform:translateX(calc(var(--tear-progress)*8px)) rotateY(calc(var(--tear-progress)*12deg));transition:transform .38s cubic-bezier(.18,1.28,.35,1)}.pack-tear-stage.is-pulling .pack-tear-piece{transition:none}.pack-tear-stage:not(.is-tearing) .pack-tear-card{opacity:0;transform:translateY(45px) scale(.76)}.pack-tear-stage:not(.is-tearing) .pack-tear-seam{opacity:0}.pack-tear-grip{position:absolute;top:6%;right:9%;z-index:7;width:44px;height:44px;padding:0;display:grid;place-items:center;border:1px solid #d7e3be4d;border-radius:9px;background:#102218d9;color:#e2edcd;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:0 2px 5px #0003}.pack-tear-grip .icon{width:21px;height:21px}.pack-tear-grip:hover{background:#1e3824}.pack-tear-grip:active{cursor:grabbing}.pack-tear-grip:focus-visible{outline:2px solid #d6e8b4;outline-offset:3px}.pack-tear-piece img{pointer-events:none;user-select:none;-webkit-user-drag:none}.pack-tear-stage.is-tearing .pack-tear-grip{opacity:0;pointer-events:none}.pack-tear-stage.is-tearing .pack-tear-cap,.pack-tear-stage.is-tearing .pack-tear-left,.pack-tear-stage.is-tearing .pack-tear-right{transition:none}
@media(max-width:700px){.pack-tear-grip{top:4%;right:9%;width:42px;height:42px}.pack-opening-stage{gap:22px}.pack-tear-hint{font-size:13px}}
@media(prefers-reduced-motion:reduce){.pack-tear-stage:not(.is-tearing) .pack-tear-piece{display:block;transition:none}.pack-tear-stage:not(.is-tearing) .pack-tear-card{opacity:0}.pack-tear-stage:not(.is-tearing) .pack-tear-seam{display:none}.pack-tear-hint{transition:none}}

.pack-tear-stage,.pack-tear-stage .pack-tear-piece,.pack-tear-stage .pack-tear-card,.pack-tear-stage .pack-tear-seam{animation:none!important}.pack-tear-stage .pack-tear-piece{transition:transform .18s cubic-bezier(.18,.8,.25,1),opacity .18s ease}.pack-tear-stage:not(.is-tearing) .pack-tear-cap{clip-path:polygon(0 0,100% 0,100% 19%,86% 20%,77% 18.6%,66% 20.5%,53% 18.9%,40% 20.3%,28% 18.7%,13% 20%,0 19%);transform:translate(calc(var(--tear-progress)*var(--tear-direction)*140px),calc(var(--tear-progress)*-135px)) rotate(calc(var(--tear-progress)*var(--tear-direction)*-24deg));opacity:calc((1 - var(--tear-progress))*2);transition:transform .18s cubic-bezier(.18,.8,.25,1),opacity .18s ease}.pack-tear-stage .pack-tear-body{clip-path:polygon(0 calc(19% + var(--tear-progress)*2%),13% calc(20% + var(--tear-progress)*2%),28% calc(18.7% + var(--tear-progress)*2%),40% calc(20.3% + var(--tear-progress)*2%),53% calc(18.9% + var(--tear-progress)*2%),66% calc(20.5% + var(--tear-progress)*2%),77% calc(18.6% + var(--tear-progress)*2%),86% calc(20% + var(--tear-progress)*2%),100% calc(19% + var(--tear-progress)*2%),100% 100%,0 100%);transform:translateY(calc(var(--tear-progress)*116px)) rotateX(calc(var(--tear-progress)*10deg));transform-origin:center bottom;opacity:calc(1 - var(--tear-progress));z-index:3}.pack-tear-stage:not(.is-tearing) .pack-tear-card{opacity:calc(var(--tear-progress)*1.3);transform:translateY(calc((1 - var(--tear-progress))*45px)) translateZ(calc(var(--tear-progress)*12px)) rotateY(calc((1 - var(--tear-progress))*-8deg)) scale(calc(.8 + var(--tear-progress)*.2));transition:transform .18s cubic-bezier(.18,.8,.25,1),opacity .18s ease}.pack-tear-stage:not(.is-tearing) .pack-tear-seam{top:calc(19% + var(--tear-progress)*2%);opacity:calc(var(--tear-progress)*(1 - var(--tear-progress)));transform:scaleX(var(--tear-progress));transform-origin:right;background:#e5efd5}.pack-tear-stage.is-pulling .pack-tear-piece,.pack-tear-stage.is-pulling .pack-tear-card{transition:none}.pack-tear-stage.is-settling .pack-tear-grip{opacity:0;pointer-events:none}.pack-opening-stage:has(.is-settling) .pack-tear-hint{opacity:0}
@media(prefers-reduced-motion:reduce){.pack-tear-stage .pack-tear-piece,.pack-tear-stage .pack-tear-card{transition:none!important}}

.pack-tear-stage{--pack-seam:10.7%;width:396px;height:594px;max-width:calc(100vw - 32px)}.pack-tear-stage .pack-tear-card{inset:90px auto auto 50%;width:285px;height:414px;margin-left:-142.5px}.pack-tear-stage:not(.is-tearing) .pack-tear-cap{clip-path:polygon(0 0,100% 0,100% var(--pack-seam),86% calc(var(--pack-seam) + .45%),77% calc(var(--pack-seam) - .4%),66% calc(var(--pack-seam) + .55%),53% calc(var(--pack-seam) - .35%),40% calc(var(--pack-seam) + .45%),28% calc(var(--pack-seam) - .35%),13% calc(var(--pack-seam) + .4%),0 var(--pack-seam));transform-origin:85% var(--pack-seam)}.pack-tear-stage .pack-tear-body{clip-path:polygon(0 calc(var(--pack-seam) + var(--tear-progress)*1%),13% calc(var(--pack-seam) + .4% + var(--tear-progress)*1%),28% calc(var(--pack-seam) - .35% + var(--tear-progress)*1%),40% calc(var(--pack-seam) + .45% + var(--tear-progress)*1%),53% calc(var(--pack-seam) - .35% + var(--tear-progress)*1%),66% calc(var(--pack-seam) + .55% + var(--tear-progress)*1%),77% calc(var(--pack-seam) - .4% + var(--tear-progress)*1%),86% calc(var(--pack-seam) + .45% + var(--tear-progress)*1%),100% calc(var(--pack-seam) + var(--tear-progress)*1%),100% 100%,0 100%)}.pack-tear-stage:not(.is-tearing) .pack-tear-seam{top:calc(var(--pack-seam) + var(--tear-progress)*1%)}.pack-tear-grip{top:3%;right:16%}
@media(max-width:700px){.pack-tear-stage{width:333px;height:500px}.pack-tear-stage .pack-tear-card{inset:75px auto auto 50%;width:240px;height:350px;margin-left:-120px}.pack-tear-grip{top:1.9%;right:16%}}
@media(max-height:740px) and (min-width:701px){.pack-tear-stage{width:333px;height:500px}.pack-tear-stage .pack-tear-card{inset:55px auto auto 50%;width:260px;height:390px;margin-left:-130px}.pack-tear-grip{top:2%}}

.pack-tear-stage{--pack-drop:220px}.pack-tear-stage .pack-tear-body{transform:translateY(calc(var(--tear-progress)*var(--pack-drop))) rotateX(calc(var(--tear-progress)*10deg));opacity:calc((1 - var(--tear-progress))*1.5)}.pack-tear-stage:not(.is-tearing) .pack-tear-card{opacity:calc(var(--tear-progress)*2.5);transform:translateY(calc((1 - var(--tear-progress))*12px)) translateZ(calc(var(--tear-progress)*12px)) rotateY(calc((1 - var(--tear-progress))*-8deg)) scale(calc(.86 + var(--tear-progress)*.14));background:linear-gradient(135deg,#284b32,#193625 55%,#2a4930);box-shadow:inset 0 0 0 1px #71825840,0 12px 22px #0003}
@media(max-width:700px){.pack-tear-stage{--pack-drop:188px}}

.pack-tear-stage{--tear-cut:calc(10.7% + var(--tear-progress)*84.3%)}.pack-tear-stage .pack-tear-intact{clip-path:polygon(0 var(--tear-cut),100% var(--tear-cut),100% 100%,0 100%);opacity:calc((1 - var(--tear-progress))*5);transform:none;z-index:4}.pack-tear-stage .pack-tear-flap-left{clip-path:polygon(0 0,50% 0,50% 10.7%,51% calc(10.7% + var(--tear-progress)*12%),49% calc(10.7% + var(--tear-progress)*24%),50.7% calc(10.7% + var(--tear-progress)*36%),48.8% calc(10.7% + var(--tear-progress)*48%),50.6% calc(10.7% + var(--tear-progress)*60%),49.3% calc(10.7% + var(--tear-progress)*72%),50% var(--tear-cut),0 var(--tear-cut));transform-origin:50% var(--tear-cut);transform:rotateZ(calc(var(--tear-progress)*-15deg)) rotateY(calc(var(--tear-progress)*-22deg));opacity:calc((1 - var(--tear-progress))*2.2);z-index:3}.pack-tear-stage .pack-tear-flap-right{clip-path:polygon(50% 0,100% 0,100% var(--tear-cut),50% var(--tear-cut),49.3% calc(10.7% + var(--tear-progress)*72%),50.6% calc(10.7% + var(--tear-progress)*60%),48.8% calc(10.7% + var(--tear-progress)*48%),50.7% calc(10.7% + var(--tear-progress)*36%),49% calc(10.7% + var(--tear-progress)*24%),51% calc(10.7% + var(--tear-progress)*12%),50% 10.7%);transform-origin:50% var(--tear-cut);transform:rotateZ(calc(var(--tear-progress)*15deg)) rotateY(calc(var(--tear-progress)*22deg));opacity:calc((1 - var(--tear-progress))*2.2);z-index:3}.pack-tear-stage .pack-tear-intact img,.pack-tear-stage .pack-tear-flap-left img,.pack-tear-stage .pack-tear-flap-right img{filter:none}.pack-tear-stage .pack-tear-grip{left:50%;right:auto;top:calc(15% + var(--tear-progress)*64%);transform:translateX(-50%);z-index:8;opacity:calc((1 - var(--tear-progress))*2);cursor:ns-resize;transition:top .18s ease,opacity .18s ease}.pack-tear-stage.is-pulling .pack-tear-grip{transition:none}.pack-tear-stage .pack-tear-grip:active{cursor:ns-resize}.pack-tear-stage.is-settling .pack-tear-grip{opacity:0}.pack-tear-stage:not(.is-tearing) .pack-tear-card{transform:scale(calc(.94 + var(--tear-progress)*.06));opacity:calc(var(--tear-progress)*2.5)}
@media(prefers-reduced-motion:reduce){.pack-tear-grip{transition:none!important}}

.pack-tear-stage .pack-tear-intact{clip-path:none;mask-image:linear-gradient(to bottom,transparent calc(var(--tear-cut) - 10px),#000 calc(var(--tear-cut) + 8px));-webkit-mask-image:linear-gradient(to bottom,transparent calc(var(--tear-cut) - 10px),#000 calc(var(--tear-cut) + 8px))}.pack-tear-stage .pack-tear-flap-left{clip-path:polygon(0 0,50% 0,50% 10.7%,51% calc(10.7% + var(--tear-progress)*12%),49% calc(10.7% + var(--tear-progress)*24%),50.7% calc(10.7% + var(--tear-progress)*36%),48.8% calc(10.7% + var(--tear-progress)*48%),50.6% calc(10.7% + var(--tear-progress)*60%),49.3% calc(10.7% + var(--tear-progress)*72%),50% var(--tear-cut),0 calc(var(--tear-cut) + 12px))}.pack-tear-stage .pack-tear-flap-right{clip-path:polygon(50% 0,100% 0,100% calc(var(--tear-cut) + 12px),50% var(--tear-cut),49.3% calc(10.7% + var(--tear-progress)*72%),50.6% calc(10.7% + var(--tear-progress)*60%),48.8% calc(10.7% + var(--tear-progress)*48%),50.7% calc(10.7% + var(--tear-progress)*36%),49% calc(10.7% + var(--tear-progress)*24%),51% calc(10.7% + var(--tear-progress)*12%),50% 10.7%)}

.pack-tear-stage.is-pulling .pack-tear-grip{opacity:0;transition:opacity .08s ease}

.pack-tear-stage{--tear-gap:calc(var(--tear-progress)*4.2% + var(--tear-progress)*var(--tear-progress)*32.5%)}.pack-tear-stage .pack-tear-intact{clip-path:polygon(0 0,calc(50% - var(--tear-gap)) 0,50% var(--tear-cut),calc(50% + var(--tear-gap)) 0,100% 0,100% 100%,0 100%);mask-image:none;-webkit-mask-image:none}.pack-tear-stage .pack-tear-card{box-shadow:none}

.pack-tear-stage .pack-tear-card{border:0!important;outline:0!important;box-shadow:none!important;mask-image:linear-gradient(to bottom,transparent,#000 14px,#000);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 14px,#000)}.pack-tear-stage .pack-tear-card::before,.pack-tear-stage .pack-tear-card::after{display:none!important;content:none!important;border:0!important;outline:0!important;box-shadow:none!important}

.pack-tear-stage .pack-tear-card{z-index:1!important;pointer-events:none!important}.pack-tear-stage .pack-tear-foil{position:absolute;inset:0;z-index:2;isolation:isolate;pointer-events:none;opacity:calc((1 - var(--tear-progress))*5);transition:opacity .18s ease}.pack-tear-stage.is-pulling .pack-tear-foil{transition:none}.pack-tear-stage .pack-tear-intact{clip-path:none;mask-image:linear-gradient(to bottom,transparent calc(var(--tear-cut) - 52px),#000 calc(var(--tear-cut) - 36px));-webkit-mask-image:linear-gradient(to bottom,transparent calc(var(--tear-cut) - 52px),#000 calc(var(--tear-cut) - 36px));opacity:1;z-index:2}.pack-tear-stage .pack-tear-flap-left,.pack-tear-stage .pack-tear-flap-right{mask-image:linear-gradient(to bottom,#000 calc(var(--tear-cut) - 36px),transparent calc(var(--tear-cut) + 36px));-webkit-mask-image:linear-gradient(to bottom,#000 calc(var(--tear-cut) - 36px),transparent calc(var(--tear-cut) + 36px));opacity:1;z-index:3}.pack-tear-stage .pack-tear-flap-left{clip-path:polygon(0 0,50% 0,50% 10.7%,51% calc(10.7% + var(--tear-progress)*12%),49% calc(10.7% + var(--tear-progress)*24%),50.7% calc(10.7% + var(--tear-progress)*36%),48.8% calc(10.7% + var(--tear-progress)*48%),50.6% calc(10.7% + var(--tear-progress)*60%),49.3% calc(10.7% + var(--tear-progress)*72%),50% var(--tear-cut),0 calc(var(--tear-cut) + 40px))}.pack-tear-stage .pack-tear-flap-right{clip-path:polygon(50% 0,100% 0,100% calc(var(--tear-cut) + 40px),50% var(--tear-cut),49.3% calc(10.7% + var(--tear-progress)*72%),50.6% calc(10.7% + var(--tear-progress)*60%),48.8% calc(10.7% + var(--tear-progress)*48%),50.7% calc(10.7% + var(--tear-progress)*36%),49% calc(10.7% + var(--tear-progress)*24%),51% calc(10.7% + var(--tear-progress)*12%),50% 10.7%)}
@media(prefers-reduced-motion:reduce){.pack-tear-foil{transition:none!important}}

.page-heading-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px}.page-heading-actions .button{margin:0;min-height:46px;line-height:1.5;align-self:stretch;justify-content:center}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:38px 26px}.empty-state h2,.empty-state h3,.empty-state p{margin:0}.empty-state p{max-width:56ch;line-height:1.8}.empty-state .button{margin-top:5px}.modal-content>p+.button,.modal-content .helper-text+.button{margin-top:18px}.modal-content>p+p{margin-top:14px}body .reveal-footer.reveal-ended{display:flex;flex-direction:column;align-items:center;gap:20px}.pack-finish-control{width:100%;display:flex;justify-content:center}.next-booster-button{min-width:248px;max-width:100%;min-height:46px;justify-content:center;gap:12px}.pack-finish-wait{display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center;color:#bdcfae}.pack-finish-wait p{font-size:13px;line-height:1.7;margin:0}.pack-finish-wait strong{display:inline-block;margin-left:4px;color:#e4efd0;font-variant-numeric:tabular-nums}.next-booster-button[hidden],.pack-finish-wait[hidden]{display:none!important}.pack-open-intro .field-error{font-size:12px;line-height:1.7;max-width:35ch;text-align:center;margin:8px 0 0}#pack-open-error[hidden]{display:none!important}@media(max-width:760px){.page-heading-actions{justify-content:flex-start;width:100%;gap:10px}.page-heading-actions .button{flex:1;min-width:0;font-size:12px;padding:11px 13px}.empty-state{padding:32px 22px;gap:15px}body .reveal-footer.reveal-ended{gap:16px}.next-booster-button{font-size:13px;padding:12px 16px}.pack-finish-wait p{font-size:12px}}

.booster-shop{margin-bottom:36px}.booster-shop .section-heading{margin-bottom:23px}.booster-shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.booster-shop-offer{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:28px;padding:27px 32px;border:1px solid #4a663c;border-radius:14px;background:#192f21}.booster-shop-offer>img{width:180px;height:270px;object-fit:contain}.booster-shop-offer h3{font-size:25px;font-weight:550;line-height:1.35;margin:0 0 13px}.booster-shop-offer p{font-size:13px;line-height:1.8;color:#b4c9a6;margin:0 0 20px;max-width:34ch}.booster-shop-price{display:block;font-family:Sora,sans-serif;font-size:30px;font-weight:550;line-height:1.3;margin-bottom:23px;color:#e6f0d5;font-variant-numeric:tabular-nums}.booster-shop-offer .button{min-width:180px;justify-content:center}.booster-shop-offer .helper-text{margin:15px 0 0;font-size:12px}.country-card-choice{display:flex;align-items:center;gap:10px;margin-top:13px;font-size:12px;line-height:1.7;cursor:pointer}.country-card-choice input{width:17px;height:17px;accent-color:#c3dfa4;flex-shrink:0}@media(max-width:760px){.booster-shop-offer{grid-template-columns:120px minmax(0,1fr);gap:17px;padding:22px 20px}.booster-shop-offer>img{width:120px;height:180px}.booster-shop-offer h3{font-size:21px}.booster-shop-offer p{font-size:12px;margin-bottom:16px}.booster-shop-price{font-size:26px;margin-bottom:19px}.booster-shop-offer .button{min-width:0;width:100%;font-size:12px}.booster-shop-grid{grid-template-columns:1fr}.country-card-choice{font-size:11px}}

body .hero-card-display{inset:0 0 0 44%;display:flex;align-items:center;justify-content:center;gap:0;padding:18px 32px;pointer-events:none}body .hero-display-card{width:190px;flex:0 0 190px;position:relative}body .hero-display-card+.hero-display-card{margin-left:-74px}body .hero-display-card:nth-child(1){transform:translateY(22px) rotate(-15deg);z-index:1}body .hero-display-card:nth-child(2){transform:translateY(-9px) rotate(2deg);z-index:3}body .hero-display-card:nth-child(3){transform:translateY(29px) rotate(16deg);z-index:2}body .hero-display-card .card-wrap{display:block;width:100%}body .hero-display-card .collectible-card{width:100%;height:auto!important;min-height:0!important;aspect-ratio:2/3!important;box-shadow:0 16px 25px #030c084a}body .hero-display-card .card-body{padding:13px 12px!important}body .hero-display-card .card-title{font-size:16px!important;line-height:1.35!important}body .hero-display-card .card-category{font-size:9px!important}body .hero-display-card .card-bottom{font-size:9px!important;gap:6px!important}body .hero-display-card .card-universe{font-size:8px!important}body .hero-display-card .rarity-mark{width:24px!important;height:24px!important;font-size:11px!important}body .collection-intro{background:linear-gradient(115deg,#223e2cb5,#1a30258c);backdrop-filter:blur(12px)}body .collection-intro::after{background:linear-gradient(90deg,#1027197a,transparent)}body .universe-grid{gap:16px}body .universe-card{position:relative;isolation:isolate;background:linear-gradient(135deg,#2b4d3773,#1b302b61)!important;border:1px solid #9fbd9640;border-radius:15px;padding:24px;backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 #d5ead311;align-items:center;min-height:136px;gap:16px;transition:background .18s ease,border-color .18s ease}body .universe-card:hover{background:linear-gradient(135deg,#3e69458c,#263f3280)!important;border-color:#b4d2a67a;box-shadow:inset 0 1px 0 #e4f3de16}body .universe-card .universe-icon{width:48px;height:48px;flex:0 0 48px;border-radius:13px;background:#62826029!important;color:#c0dbae!important;border:1px solid #bed7b322}body .universe-card h3{font-size:17px;line-height:1.45;color:#e2eeda;margin:0 0 8px}body .universe-card p{font-size:12px;line-height:1.8;color:#b8cdb0;margin:0}body .universe-arrow{margin-left:auto;color:#a7c193;align-self:center;flex-shrink:0}.coin{display:inline-flex!important;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.coin img{display:block;width:28px;height:28px;object-fit:contain}.listing-price .coin img{width:23px;height:23px}.runel-booster-offer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 29px;margin:0 0 35px;border:1px solid #49653c;border-radius:13px;background:#183023}.runel-booster-offer h3{font-size:20px;line-height:1.5;margin:0 0 10px}.runel-booster-offer p{font-size:13px;line-height:1.8;margin:0;color:#b6c8ab}.runel-booster-offer>div:last-child{display:flex;align-items:center;gap:22px}.runel-booster-price{display:flex;align-items:center;gap:9px;font-size:13px;color:#c9ddbd;white-space:nowrap}.runel-booster-price strong{font-size:21px;color:#e5eedc;font-variant-numeric:tabular-nums}.plus-equal-odds{margin:19px 0 22px!important;font-size:12px!important;line-height:1.7!important;color:#b8cba6!important}@media(max-width:1100px){body .hero-card-display{inset:0 0 0 49%;padding-inline:18px}body .hero-display-card{width:165px;flex-basis:165px}body .hero-display-card+.hero-display-card{margin-left:-77px}body .universe-card{padding:20px;gap:12px}body .universe-card .universe-icon{width:41px;height:41px;flex-basis:41px}body .universe-card h3{font-size:15px}}@media(max-width:760px){body .hero-card-display{inset:auto 0 0;height:275px;padding:12px 24px 26px}body .hero-display-card{width:142px;flex-basis:142px}body .hero-display-card+.hero-display-card{margin-left:-40px}body .hero-display-card .card-title{font-size:12px!important}body .hero-display-card .card-body{padding:10px 8px!important}body .hero-display-card .card-bottom{font-size:7px!important}body .hero-display-card .card-category{font-size:8px!important}body .hero-display-card .card-universe{font-size:6px!important}body .hero-display-card .rarity-mark{width:18px!important;height:18px!important;font-size:9px!important}body .universe-grid{gap:13px}body .universe-card{min-height:126px;padding:22px;gap:17px}body .universe-card h3{font-size:17px}body .universe-card p{font-size:12px}.runel-booster-offer{align-items:flex-start;flex-direction:column;padding:23px 22px;gap:21px}.runel-booster-offer>div:last-child{width:100%;justify-content:space-between;gap:17px}.runel-booster-offer h3{font-size:18px}.runel-booster-offer .button{font-size:12px}.runel-booster-price strong{font-size:19px}}@media(prefers-reduced-motion:reduce){body .universe-card{transition:none}}

body .favorite-button.is-favorite svg{fill:currentColor;stroke:currentColor}body .favorite-button.is-favorite{color:#ec8d9e}body .sidebar-bottom>.avatar,body .topbar-actions>.avatar{position:relative;overflow:hidden}.account-avatar-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.avatar-initial{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1;font-size:inherit}

/* staff.css */
.staff-panel{--staff-base:#13231a;--staff-panel:#192d21;--staff-border:#304835;--staff-copy:#edf1df;--staff-muted:#a3b6a4;--staff-accent:#c4dfa9;color:var(--staff-copy);max-width:1300px;margin:0 auto}.staff-panel h1{font-size:clamp(26px,3vw,38px);letter-spacing:-1.3px}.staff-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 28px}.staff-heading p{color:var(--staff-muted);margin-top:9px;font-size:14px}.staff-heading-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.staff-icon-button{display:inline-grid;place-items:center;width:38px;height:38px;min-width:38px;padding:0;border:1px solid #425a3c;border-radius:10px;background:#213729;color:#cddfc0;transition:background .15s,border-color .15s}.staff-icon-button svg{width:17px;height:17px}.staff-icon-button:hover:not(:disabled){background:#314f37;border-color:#87a66f}.staff-panel :focus-visible,.staff-modal :focus-visible{outline:2px solid #d0e7b3;outline-offset:4px}.staff-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:0;padding:0 0 14px;margin-bottom:26px}.staff-tabs :is(a,button){border:0;background:transparent;font-family:inherit;cursor:pointer;text-decoration:none;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;color:#a7baa7;font-size:13px;white-space:nowrap;transition:background .15s,color .15s}.staff-tabs :is(a,button) svg{width:17px;height:17px}.staff-tabs :is(a,button):hover{background:#243b2b;color:#edf4dc}.staff-tabs :is(a,button).active{background:#345038;color:#e2efcc;font-weight:650}.staff-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#263b2c;color:#b4c6b3;padding:5px 9px;font-size:11px;font-weight:600;line-height:1.3;white-space:nowrap}.staff-pill-staff{background:#2b4530;color:#d7e9c3}.staff-pill-owner{background:#4d442b;color:#f0dfaa}.staff-pill-plus{background:#4e482d;color:#e4d5a3}.staff-pill-success{background:#224532;color:#b2dfbd}.staff-pill-danger{background:#492d2c;color:#efb8a8}.staff-pill-pending{background:#49412b;color:#e7d49e}.staff-pill-rarity-C{background:#303a3b;color:#d7dfe0}.staff-pill-rarity-PC{background:#2b4930;color:#cee1b5}.staff-pill-rarity-R{background:#29475d;color:#c0e2fb}.staff-pill-rarity-SR{background:#463753;color:#e2cdef}.staff-pill-rarity-UR{background:#59333d;color:#f0c1cb}.staff-pill-rarity-L{background:#605022;color:#ffe9a6}.staff-loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:280px;color:var(--staff-muted);font-size:14px}.staff-loading svg{width:19px;height:19px}.staff-error,.staff-empty{padding:52px 24px;text-align:center;background:#15281c;border-radius:14px}.staff-empty>svg{width:26px;height:26px;color:#9eb58f;margin-bottom:16px}.staff-empty h3,.staff-error h2{font-size:17px;letter-spacing:-.45px}.staff-empty p,.staff-error p{margin:10px auto 22px;max-width:54ch;color:var(--staff-muted);font-size:13px}.staff-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--staff-border);border-radius:13px;overflow:hidden;margin-bottom:25px;background:var(--staff-base)}.staff-metrics article{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:22px 24px;border-right:1px solid var(--staff-border)}.staff-metrics article:last-child{border-right:0}.staff-metrics strong{grid-column:1;grid-row:1;font-family:Sora,sans-serif;font-size:29px;letter-spacing:-1px;line-height:1.4;font-weight:550;font-variant-numeric:tabular-nums}.staff-metrics article>span:last-child{grid-column:1/-1;color:#b1c0a9;font-size:12px;margin-top:5px}.staff-metric-icon{grid-column:2;grid-row:1;align-self:center;color:#90ac82}.staff-metric-icon svg{width:21px;height:21px}.staff-overview-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;margin-bottom:32px}.staff-economy{padding:24px;background:var(--staff-panel);border-radius:13px}.staff-economy h2,.staff-block h2{font-size:17px;letter-spacing:-.5px}.staff-economy header p{font-size:12px;color:var(--staff-muted);max-width:55ch;line-height:1.7;margin-top:8px}.staff-economy dl{display:flex;gap:22px;justify-content:space-between;margin:26px 0 0}.staff-economy dl div{min-width:0}.staff-economy dt{display:flex;align-items:center;gap:7px;font-size:12px;color:#b2c3ac}.staff-economy dt svg{width:15px;height:15px}.staff-economy dd{font-size:23px;font-family:Sora,sans-serif;font-weight:500;margin:7px 0 0;font-variant-numeric:tabular-nums}.staff-activity-counts{display:flex;flex-direction:column;justify-content:center;border:1px solid var(--staff-border);border-radius:13px;padding:8px 23px}.staff-activity-counts>div{display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid var(--staff-border)}.staff-activity-counts>div:last-child{border-bottom:0}.staff-activity-counts svg{width:18px;height:18px;color:#92af80}.staff-activity-counts span{font-size:13px;color:#b5c6ae;flex:1}.staff-activity-counts strong{font-size:18px;font-weight:550;font-variant-numeric:tabular-nums}.staff-block-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.staff-inline-link{display:inline-flex;align-items:center;gap:6px;color:#c5dbb3;font-size:12px;font-weight:600}.staff-inline-link svg{width:15px;height:15px}.staff-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:22px;flex-wrap:wrap}.staff-search{display:flex;align-items:center;gap:11px;flex:1;min-width:230px;padding:0 14px;background:#15271b;border:1px solid #3a5135;border-radius:9px;min-height:43px}.staff-search svg{width:18px;height:18px;color:#9fba8f}.staff-search input{border:0;background:none;color:#e3ecd7;padding:11px 0;width:100%;outline:0;font-size:13px;min-width:0}.staff-search:focus-within{border-color:#adc58d;box-shadow:0 0 0 2px #aec98b1a}.staff-search input:focus-visible{outline:0}.staff-search input::placeholder{color:#95aa8c}.staff-filter select,.staff-field select{color:#d7e4cc;background:#1b3021;border:1px solid #40583c;border-radius:8px;padding:11px 35px 11px 13px;min-height:43px;max-width:100%;font-size:13px}.staff-filter select{min-width:160px}.staff-section-note{font-size:12px;color:var(--staff-muted);margin:-5px 0 20px;line-height:1.7}.staff-table-wrap{overflow-x:auto;border:1px solid var(--staff-border);border-radius:12px;background:#14251b;scrollbar-color:#547449 #14251b}.staff-table{width:100%;border-collapse:collapse;font-size:13px}.staff-table th{padding:13px 17px;color:#9db494;font-weight:500;text-align:left;background:#1b3021;font-size:11px;white-space:nowrap}.staff-table td{padding:17px;border-top:1px solid #2d4232;vertical-align:middle;color:#d5e2cc;line-height:1.6}.staff-table tbody tr:hover{background:#1b3021}.staff-table th:last-child,.staff-table td.staff-row-action{width:1%;text-align:right;white-space:nowrap}.staff-table td strong{font-weight:550}.staff-person{display:flex;align-items:center;gap:12px;min-width:180px;max-width:320px}.staff-person>div{min-width:0}.staff-person strong{display:block;overflow-wrap:anywhere;font-size:13px;color:#e5edda;line-height:1.5;font-weight:600}.staff-person small{display:block;font-size:10px;color:#91a98e;margin-top:4px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.staff-avatar{display:grid;place-items:center;position:relative;overflow:hidden;isolation:isolate;flex:0 0 auto;width:40px;height:40px;border-radius:50%;color:#d0e3bd;background:#304a31;font-size:12px;font-weight:600;line-height:1}.staff-number{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}.staff-table-users th:nth-child(3),.staff-table-users th:nth-child(4),.staff-table-users th:nth-child(5){text-align:right}.staff-id{font-size:10px;overflow-wrap:anywhere;max-width:180px;display:inline-block;color:#a4b99c}.staff-cell-note{display:block;color:#93ab8d;font-size:11px;margin-top:5px;max-width:48ch;overflow-wrap:anywhere}.staff-table-audit time{white-space:nowrap;font-size:11px;color:#a3b799}.staff-table-audit .staff-cell-note{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.staff-pagination{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;color:#9fb496;font-size:12px}.staff-pagination>div{display:flex;align-items:center;gap:12px}.staff-pagination>div>span{font-variant-numeric:tabular-nums;min-width:96px;text-align:center}.staff-pagination .staff-icon-button{width:32px;height:32px;min-width:32px;border-radius:8px}.staff-section-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.staff-section-heading p{color:var(--staff-muted);font-size:13px;max-width:68ch}.staff-role-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:28px}.staff-role-guide>div{display:flex;align-items:flex-start;gap:10px;padding:18px;background:#1b2e21;border-radius:10px}.staff-role-guide svg{width:19px;height:19px;margin-top:3px;flex-shrink:0;color:#adc396}.staff-role-guide strong{font-size:12px;font-weight:600}.staff-role-guide p{font-size:11px;color:#9eb298;line-height:1.7;margin-top:6px}.staff-protected{color:#97ad8a;padding:11px}.staff-protected svg{width:15px;height:15px}.staff-proposal-list{display:flex;flex-direction:column;gap:13px}.staff-proposal{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px;background:#192d20;border:1px solid #314b32;border-radius:12px}.staff-proposal-copy{min-width:0;flex:1}.staff-proposal-title{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:12px}.staff-proposal h3{font-size:16px;letter-spacing:-.3px}.staff-proposal-copy>p{font-size:13px;color:#b4c3a8;line-height:1.8;max-width:76ch;overflow-wrap:anywhere}.staff-proposal-meta{display:flex;align-items:center;gap:22px;flex-wrap:wrap;color:#91a887;font-size:11px;margin-top:15px}.staff-proposal-meta strong{font-weight:550;color:#b4c6a9}.staff-catalog-card{display:flex;align-items:center;gap:13px;min-width:210px;max-width:340px}.staff-catalog-card img{width:42px;height:63px;border-radius:5px;object-fit:contain;background:#223b28;flex-shrink:0}.staff-catalog-card>div{min-width:0}.staff-catalog-card strong{display:block;font-size:13px;overflow-wrap:anywhere}.staff-catalog-card small{display:block;color:#94ab88;font-size:10px;margin-top:4px;overflow-wrap:anywhere}.staff-card-thumbnail{display:grid;place-items:center;width:42px;height:63px;border-radius:5px;background:#223b28;flex-shrink:0;color:#a4bb90}.staff-card-thumbnail svg{width:18px;height:18px}.staff-modal{color:#e6edd8;font-size:13px}.modal:has(.staff-modal){background:#17291d;border:1px solid #48623e;border-radius:15px}.modal:has(.staff-modal) .modal-header{background:#17291d;border-bottom-color:#344b32;padding:22px 25px}.modal:has(.staff-modal) .modal-header h2{font-size:18px;letter-spacing:-.5px}.modal:has(.staff-modal) .modal-content{padding:24px 25px;overscroll-behavior:contain}.modal:has(.staff-modal) .modal-footer{padding:19px 25px;background:#17291d;border-top-color:#344b32}.staff-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;width:100%}.staff-user-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.staff-user-heading .staff-avatar{width:48px;height:48px;border-radius:50%;font-size:15px}.staff-user-heading .staff-person strong{font-size:16px}.staff-user-heading>div:last-child{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.staff-user-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:20px 0;margin:0 0 24px;border-block:1px solid #354d32;gap:15px}.staff-user-summary dt{color:#aac09b;font-size:11px}.staff-user-summary dd{font-size:25px;font-family:Sora,sans-serif;margin:6px 0 0;font-variant-numeric:tabular-nums;line-height:1.4}.staff-user-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 28px}.staff-user-section{margin-top:25px}.staff-user-section h3{font-size:14px;margin-bottom:14px}.staff-plus-detail{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 18px;background:#223923;border-radius:10px;margin-bottom:10px}.staff-plus-detail p{color:#d4debf;font-size:12px}.staff-plus-detail>span:last-child{margin-left:auto;font-size:11px;color:#a5b794;font-variant-numeric:tabular-nums}.staff-muted{color:#a0b58f;font-size:12px;line-height:1.8}.staff-billing-list{display:flex;flex-direction:column;border:1px solid #344c30;border-radius:10px;padding:0 16px}.staff-billing-list>div{display:flex;align-items:center;gap:15px;justify-content:space-between;padding:15px 0;border-bottom:1px solid #344c30}.staff-billing-list>div:last-child{border-bottom:0}.staff-billing-list small{display:block;color:#8fa480;font-size:10px;margin-top:6px;overflow-wrap:anywhere}.staff-billing-list time{font-size:11px;color:#b2c4a3}.staff-user-meta{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#94ad87;font-size:11px;margin-top:22px}.staff-modal-note{color:#b0c39f;line-height:1.8;font-size:12px;margin:-3px 0 21px;max-width:65ch}.staff-field{display:flex;flex-direction:column;gap:8px;margin-bottom:19px;min-width:0}.staff-field>span{color:#cedfc0;font-weight:550;font-size:12px}.staff-field input,.staff-field textarea{width:100%;min-width:0;border:1px solid #49653c;border-radius:8px;background:#112218;color:#e8eedc;padding:12px 13px;min-height:44px;font-size:13px}.staff-field textarea{resize:vertical;min-height:95px;line-height:1.7}.staff-field input::placeholder,.staff-field textarea::placeholder{color:#91a77f;opacity:1}.staff-field input:focus,.staff-field textarea:focus,.staff-field select:focus{border-color:#b1c895}.staff-field small{font-size:10px;color:#97b084}.staff-form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.staff-form-row .staff-field{min-width:0}.staff-confirm-summary{margin-bottom:24px}.staff-confirm-summary>span{font-size:11px;color:#9db58b}.staff-confirm-summary h3{font-size:20px;margin-top:8px;letter-spacing:-.55px;overflow-wrap:anywhere}.staff-value-comparison{display:grid;grid-template-columns:1fr 20px 1fr;align-items:center;gap:16px;padding:19px 20px;border-radius:11px;background:#223921;margin:0 0 24px}.staff-value-comparison div{min-width:0}.staff-value-comparison span{display:block;font-size:11px;color:#9eb58d}.staff-value-comparison strong{display:block;font-size:19px;margin-top:7px;font-weight:550;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.staff-value-comparison svg{width:17px;height:17px;color:#8ba478}.staff-value-comparison div:last-child strong{color:#d7edb9}.staff-confirm-reason{border-top:1px solid #344e30;padding-top:18px}.staff-confirm-reason>span{font-size:11px;color:#9bb28a}.staff-confirm-reason p{font-size:13px;line-height:1.8;margin-top:8px;white-space:pre-wrap;overflow-wrap:anywhere}.staff-confirm-change{margin-bottom:21px;font-size:13px;color:#c7d9b5;line-height:1.8}.staff-inline-error{background:#482e27;color:#f0c4b4;padding:14px;border-radius:8px;font-size:12px;margin-top:18px}.staff-found-users{margin-top:22px;border:1px solid #385031;border-radius:10px;overflow:hidden}.staff-found-users>div{display:flex;align-items:center;justify-content:space-between;padding:14px;gap:16px;border-bottom:1px solid #385031}.staff-found-users>div:last-child{border-bottom:0}.staff-proposal-detail{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px}.staff-review-image{width:220px;aspect-ratio:2/3;border-radius:11px;overflow:hidden;background:#213825}.staff-review-image img{width:100%;height:100%;object-fit:contain}.staff-review-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#9ab385;text-align:center;padding:24px}.staff-review-description{line-height:1.9;color:#cad9bc;margin:20px 0;overflow-wrap:anywhere;white-space:pre-wrap}.staff-review-facts{margin:18px 0;display:flex;flex-direction:column;gap:13px}.staff-review-facts>div{display:grid;grid-template-columns:135px minmax(0,1fr);gap:16px}.staff-review-facts dt{font-size:11px;color:#9bb48b}.staff-review-facts dd{margin:0;font-size:12px;overflow-wrap:anywhere}.staff-warning{display:flex;align-items:flex-start;gap:10px;padding:15px;background:#293e26;color:#c2d4ac;border-radius:9px;font-size:11px;line-height:1.8;margin-top:25px}.staff-warning svg{width:17px;height:17px;flex-shrink:0;margin-top:2px}.staff-review-title{font-size:18px;margin-bottom:24px;overflow-wrap:anywhere}.staff-decision-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.staff-decision-heading h3{font-size:16px}.staff-decision-heading time{font-size:11px;color:#9eb48e}.staff-decision-reason{padding:18px;background:#20341f;border-radius:9px;line-height:1.9;margin:21px 0;white-space:pre-wrap;overflow-wrap:anywhere}.staff-audit-diff{display:grid;grid-template-columns:1fr 1fr;gap:20px}.staff-audit-diff h3{font-size:12px;color:#9eb28f;margin-bottom:10px}.staff-audit-diff pre{margin:0;background:#102218;border:1px solid #354e2f;border-radius:8px;padding:17px;font-size:11px;color:#c2d6b1;line-height:1.9;white-space:pre-wrap;word-break:break-word;max-height:280px;overflow:auto}.staff-suspension-detail{padding:18px;border-radius:10px;background:#3c2d25}.staff-suspension-detail p{line-height:1.8;color:#e0c4ae}.staff-suspension-detail time{color:#b8a491;font-size:11px;display:block;margin-top:10px}

@media(min-width:1500px){.staff-table td{padding-block:20px}.staff-metrics article{padding:25px 28px}}
@media(max-width:1050px){.staff-metrics article{padding:18px 16px}.staff-metrics strong{font-size:25px}.staff-overview-grid{grid-template-columns:1fr}.staff-activity-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:17px}.staff-activity-counts>div{padding:3px 0;border:0;flex-wrap:wrap;gap:9px}.staff-activity-counts span{font-size:11px}.staff-activity-counts strong{width:100%;padding-left:27px}.staff-role-guide{gap:12px}.staff-role-guide>div{padding:14px}.staff-role-guide p{font-size:10px}}
@media(max-width:760px){.staff-heading{margin-bottom:22px;align-items:flex-start}.staff-heading h1{font-size:25px}.staff-heading p{font-size:12px;line-height:1.8;max-width:40ch}.staff-heading-actions{gap:8px}.staff-heading-actions .staff-pill{display:none}.staff-tabs{gap:4px;margin-bottom:22px;padding-bottom:13px}.staff-tabs :is(a,button){padding:9px 10px;gap:6px;font-size:11px}.staff-tabs svg{width:15px;height:15px}.staff-metrics{grid-template-columns:1fr 1fr}.staff-metrics article:nth-child(2){border-right:0}.staff-metrics article:nth-child(-n+2){border-bottom:1px solid var(--staff-border)}.staff-metrics article{padding:16px}.staff-metrics strong{font-size:25px}.staff-metrics article>span:last-child{font-size:11px}.staff-economy{padding:20px}.staff-economy dl{gap:14px}.staff-economy dd{font-size:19px}.staff-economy dt{font-size:11px}.staff-activity-counts{gap:9px;padding:15px}.staff-activity-counts span{font-size:10px;line-height:1.5}.staff-activity-counts svg{width:15px;height:15px}.staff-activity-counts strong{font-size:17px;padding-left:23px}.staff-table-wrap{border:0;border-radius:0;background:none;overflow:visible}.staff-table,.staff-table tbody{display:block;width:100%}.staff-table thead{display:none}.staff-table tbody{display:flex;flex-direction:column;gap:12px}.staff-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;background:#172c1e;border:1px solid #355033;border-radius:11px;gap:13px 20px;position:relative}.staff-table td{display:block;padding:0;border:0;font-size:12px;text-align:left;min-width:0;overflow-wrap:anywhere}.staff-table td::before{content:attr(data-label);display:block;font-size:10px;color:#95ad87;line-height:1.5;margin-bottom:4px}.staff-table td:first-child{grid-column:1/-1;padding-right:40px;margin-bottom:3px}.staff-table td:first-child::before{display:none}.staff-table td.staff-row-action{position:absolute;right:14px;top:15px;width:auto}.staff-table td.staff-row-action::before{display:none}.staff-table td.staff-row-action .button{font-size:10px;padding:8px;min-height:34px}.staff-table-team tr{grid-template-columns:1fr 1fr;padding-bottom:16px}.staff-table-team .staff-row-action{position:static;grid-column:1/-1;text-align:left}.staff-table-team .staff-row-action .button{font-size:12px;padding:10px 14px}.staff-table td.staff-number{text-align:left;font-size:14px;font-weight:550;font-variant-numeric:tabular-nums}.staff-table td .staff-person{min-width:0;max-width:none}.staff-person strong{font-size:13px}.staff-person small{font-size:10px}.staff-toolbar{gap:9px}.staff-search{min-width:0;flex-basis:100%}.staff-filter{flex:1;min-width:0}.staff-filter select{width:100%;min-width:0}.staff-toolbar>.button{padding:11px 16px}.staff-pagination{font-size:10px;gap:10px}.staff-pagination>div{gap:6px}.staff-pagination>div>span{min-width:80px;font-size:10px}.staff-role-guide{grid-template-columns:1fr;gap:9px}.staff-role-guide>div{padding:14px 16px}.staff-role-guide p{font-size:11px}.staff-section-heading{flex-direction:column;align-items:flex-start;gap:15px}.staff-section-heading p{font-size:12px}.staff-proposal{padding:18px;align-items:flex-start;flex-direction:column;gap:15px}.staff-proposal-title{gap:11px;margin-bottom:12px}.staff-proposal h3{font-size:15px}.staff-proposal-copy>p{font-size:12px;line-height:1.9}.staff-proposal-meta{gap:8px;align-items:flex-start;flex-direction:column;font-size:10px}.staff-proposal>.button{width:100%}.staff-catalog-card{max-width:none;min-width:0}.staff-catalog-card strong{font-size:12px}.staff-block-heading h2{font-size:15px}.staff-inline-link{font-size:11px}.staff-table-audit tr{gap:13px}.staff-table-audit td:nth-child(3){grid-column:1/-1}.staff-table-audit td:first-child{font-size:11px;color:#a8bc98}.staff-table-audit .staff-id{max-width:none}.modal:has(.staff-modal) .modal-content{padding:21px 18px}.modal:has(.staff-modal) .modal-header{padding:19px 18px}.modal:has(.staff-modal) .modal-header h2{font-size:16px}.modal:has(.staff-modal) .modal-footer{padding:16px 18px}.staff-modal-actions{gap:10px}.staff-modal-actions .button{font-size:12px;padding:11px 13px;flex:1}.staff-user-heading{gap:12px;align-items:flex-start}.staff-user-heading>.staff-person{min-width:0}.staff-user-heading .staff-person strong{font-size:14px}.staff-user-heading>div:last-child{flex-direction:column;gap:6px}.staff-user-summary{grid-template-columns:1fr 1fr;gap:20px}.staff-user-summary dd{font-size:24px}.staff-user-actions{gap:8px}.staff-user-actions .button{font-size:11px;flex:1 1 45%;padding:10px 12px}.staff-user-section{margin-top:23px}.staff-plus-detail{gap:12px;padding:16px}.staff-plus-detail>span:last-child{margin-left:0;flex-basis:100%}.staff-form-row{grid-template-columns:1fr;gap:0}.staff-field{margin-bottom:18px}.staff-field input,.staff-field textarea,.staff-field select{font-size:16px}.staff-field small{font-size:10px;line-height:1.6}.staff-value-comparison{gap:12px;padding:17px 14px;grid-template-columns:1fr 16px 1fr}.staff-value-comparison strong{font-size:16px;line-height:1.6}.staff-proposal-detail{grid-template-columns:1fr;gap:22px}.staff-review-image{width:170px;margin:auto}.staff-review-facts>div{grid-template-columns:95px minmax(0,1fr);gap:12px}.staff-review-description{font-size:12px}.staff-audit-diff{grid-template-columns:1fr;gap:17px}.staff-decision-heading{flex-direction:column;align-items:flex-start;gap:10px}.staff-found-users>div{flex-direction:column;align-items:flex-start;gap:12px}.staff-found-users .button{width:100%}.staff-user-meta{font-size:10px}.staff-billing-list>div{align-items:flex-start;flex-direction:column;gap:10px}.staff-billing-list time{font-size:10px}}
@media(prefers-reduced-motion:reduce){.staff-tabs :is(a,button),.staff-icon-button{transition:none}}

.staff-team-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.staff-permissions{padding:0;margin:0 0 24px;border:0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.staff-permissions legend{font-size:13px;font-weight:600;color:#d6e5c8;margin-bottom:10px}.staff-permissions label,.staff-portrait-review{display:flex;align-items:center;gap:12px;padding:13px 0;line-height:1.65;font-size:12px;cursor:pointer;min-height:48px}.staff-permissions label{border-bottom:1px solid #345033}.staff-permissions input,.staff-portrait-review input{width:19px;height:19px;flex:0 0 19px;accent-color:#badba0;cursor:pointer}.staff-permissions label:has(input:disabled){opacity:.5}.staff-permissions input:focus-visible,.staff-portrait-review input:focus-visible{outline:2px solid #e0f0c9;outline-offset:4px}.staff-image-editor{display:grid;grid-template-columns:180px minmax(0,1fr);gap:25px;align-items:start;margin-bottom:26px}.staff-image-preview{width:180px;margin:0 auto 20px;display:flex;flex-direction:column;gap:10px;align-items:center}.staff-image-preview img{width:180px;height:270px;object-fit:contain;background:#102119;border-radius:9px}.staff-image-preview span{color:#a1b68f;font-size:11px}.staff-image-editor .staff-image-preview{position:sticky;top:0}.staff-image-editor .staff-field{margin-bottom:16px}.staff-image-editor .staff-form-row{gap:16px}.staff-portrait-review{padding:14px 16px;background:#253d28;border-radius:8px;align-items:flex-start;margin-bottom:12px}.staff-portrait-review input{margin-top:2px}.staff-sales{margin:26px 0;padding:23px 26px;background:#172b1d;border:1px solid #385332;border-radius:10px}.staff-sales header{display:flex;gap:24px;align-items:baseline;justify-content:space-between}.staff-sales h2{font-size:16px;flex-shrink:0}.staff-sales p{color:#a5bb96;font-size:11px;line-height:1.7;max-width:70ch}.staff-sales dl{margin-top:22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.staff-sales dt{font-size:11px;color:#9eb58e}.staff-sales dd{margin:7px 0 0;color:#def0cc;font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}@media(max-width:1050px){.staff-team-actions{flex-direction:column;align-items:stretch}.staff-sales header{flex-direction:column;gap:9px}.staff-sales dl{grid-template-columns:1fr 1fr;gap:20px}}@media(max-width:760px){.staff-permissions{grid-template-columns:1fr;gap:0}.staff-permissions label,.staff-portrait-review{font-size:13px}.staff-image-editor{grid-template-columns:1fr;gap:16px}.staff-image-editor .staff-image-preview{position:static}.staff-image-editor .staff-form-row{grid-template-columns:1fr;gap:0}.staff-team-actions{flex-direction:row}.staff-team-actions .button{flex:1}.staff-sales{padding:20px}.staff-sales dd{font-size:21px}.staff-sales dl{gap:20px 14px}}

.staff-permissions[hidden]{display:none}

.modal:has(.staff-modal){display:flex;flex-direction:column;overflow:hidden}.modal:has(.staff-modal) .modal-header,.modal:has(.staff-modal) .modal-footer{flex-shrink:0}.modal:has(.staff-modal) .modal-content{flex:1;min-height:0;overflow:auto}

.staff-promotion-list{display:grid;gap:16px}
.staff-promotion-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;padding:23px 25px;border:1px solid #9bb79124;border-radius:14px;background:linear-gradient(120deg,#21362be0,#17291ff0)}
.staff-promotion-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:15px}
.staff-promotion-heading h3{margin:0;font-size:16px;font-weight:600;overflow-wrap:anywhere}
.staff-promotion-discount{padding:5px 8px;border-radius:6px;background:#aecb9524;color:#d5e8c3;font-size:12px;font-weight:600;white-space:nowrap}
.staff-promotion-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:11px;margin:0 0 15px;color:#b4c7ac;font-size:13px}
.staff-promotion-price del{color:#91a68a;font-size:12px}
.staff-promotion-price strong{color:#e1efd7;font-size:19px;font-variant-numeric:tabular-nums}
.staff-promotion-dates{display:flex;flex-wrap:wrap;gap:9px 24px;font-size:11px;color:#93a889;line-height:1.6}
.staff-promotion-dates time{display:block;color:#c0d0b9;font-size:12px;margin-top:3px}
.staff-promotion-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.staff-promotion-switch{display:flex;gap:12px;align-items:flex-start;margin:0 0 22px;padding:16px 18px;background:#a1bd8612;border-radius:10px;cursor:pointer}
.staff-promotion-switch input{width:19px;height:19px;margin-top:2px;flex-shrink:0;accent-color:#bddda3}
.staff-promotion-switch strong{display:block;color:#d6e8c9;font-size:13px;font-weight:600;margin-bottom:6px}
.staff-promotion-switch small{display:block;color:#a6bc9b;font-size:12px;line-height:1.7}
.staff-promotion-switch input:focus-visible{outline:2px solid #c8e3ab;outline-offset:4px}
.staff-promotion-preview{margin-bottom:22px}
@media(max-width:900px){.staff-promotion-card{grid-template-columns:minmax(0,1fr);gap:19px}.staff-promotion-actions{justify-content:flex-start}}
@media(max-width:760px){.staff-promotion-card{padding:20px}.staff-promotion-heading{gap:10px}.staff-promotion-heading h3{flex-basis:100%;font-size:16px}.staff-promotion-actions .button{flex:1;min-height:42px}.staff-promotion-dates{gap:12px 24px}.staff-promotion-price{font-size:13px}.staff-promotion-switch{padding:15px}.staff-promotion-switch small{font-size:12px}}

.staff-avatar>span{display:grid;place-items:center;width:100%;height:100%;line-height:1}
.staff-avatar>img{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}
.staff-avatar>img[hidden]{display:none}
.staff-avatar.has-photo>span{visibility:hidden}
.staff-access-status{margin:0 0 24px;padding:18px 0;border-bottom:1px solid #354d32}
.staff-access-status dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin:0}
.staff-access-status dl>div{min-width:0}
.staff-access-status dt{font-size:12px;line-height:1.5;color:#aac09b}
.staff-access-status dd{margin:8px 0 0;min-width:0}
.staff-access-status .staff-pill{max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
.staff-access-status p{margin:14px 0 0;font-size:11px;line-height:1.7;color:#a0b58f;overflow-wrap:anywhere}
@media(max-width:480px){.staff-access-status dl{grid-template-columns:minmax(0,1fr);gap:16px}.staff-access-status p{font-size:12px}}
.staff-sales .staff-sales-total{grid-column:1/-1;padding-bottom:18px;border-bottom:1px solid #8c9b6f45}
.staff-sales .staff-sales-total dt{color:#c5bd9b}
.staff-sales .staff-sales-total dd{color:#f2dda6;font-size:clamp(28px,3vw,36px)}
body .staff-sales.is-hidden dd{filter:blur(9px);user-select:none}body .staff-sales dd{transition:filter .2s}body .staff-sales-reveal{margin-top:8px}
body .chat-companion-mark:empty{display:none}
body .binder-shelf-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
body .public-album-filters{display:grid;gap:10px;margin:0 0 14px}
body .public-album-search{width:100%;max-width:320px;min-height:40px;padding:8px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit}
body .public-album-chips{display:flex;flex-wrap:wrap;gap:6px}
body .public-album-chip{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer}
body .public-album-chip small{opacity:.7;font-variant-numeric:tabular-nums}
body .public-album-chip.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-text,#10180f)}
body .public-album-grid [hidden]{display:none!important}
body .binder-shelf-heading{flex-wrap:wrap;min-width:0}
body .binder-shelf-heading>div:first-child{min-width:0}
body .binder-shelf-actions{margin-left:auto;max-width:100%;min-width:0}
body .binder-shelf-actions .button{width:auto;margin:0;min-height:40px;padding:9px 14px;font-size:12px;white-space:nowrap}
@media(max-width:560px){body .binder-shelf-actions{margin-left:0;width:100%;justify-content:flex-start}}
@keyframes unique-card-flip{0%{transform:perspective(900px) rotateY(180deg) scale(.7);filter:brightness(2.4)}55%{transform:perspective(900px) rotateY(-12deg) scale(1.06);filter:brightness(1.5)}100%{transform:perspective(900px) rotateY(0) scale(1);filter:none}}
body .unique-reveal.is-flipping .unique-reveal-card{animation:unique-card-flip .9s cubic-bezier(.2,.8,.2,1) .15s both;transform-style:preserve-3d}
@media(prefers-reduced-motion:reduce){body .unique-reveal.is-flipping .unique-reveal-card{animation:none}}
body .binder-shelf-compact .binder-shelf-heading{flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:10px}
body .binder-shelf-compact .binder-shelf-actions{margin-left:0;width:100%;justify-content:flex-start}
body .friend-library-filters{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 14px}
body .friend-library-filters .trade-filter{display:grid;gap:4px;min-width:150px;flex:1 1 150px;font-size:12px;color:var(--muted)}
body .friend-library-filters wa-select{width:100%}
body .numbered-pagination .numbered-page-button.is-active,body .numbered-pagination .numbered-page-button[aria-current="page"]{border-color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 22%,transparent)!important;color:var(--text)!important;box-shadow:0 0 0 1px var(--accent)!important;font-weight:700}
body .binder-shelf-pagination{margin-top:14px;justify-content:center}
body .binder-shelf .binder-cover-grid.binder-cover-row{grid-template-columns:repeat(7,minmax(0,1fr))}
@media(max-width:900px){body .binder-shelf .binder-cover-grid.binder-cover-row{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){body .binder-shelf .binder-cover-grid.binder-cover-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){body .binder-shelf .binder-cover-grid.binder-cover-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
body .binder-shelf .binder-cover-row .binder-cover{min-width:0}
body .collection-card-binder{display:flex;align-items:center;gap:6px;min-width:0;margin-top:4px;font-size:12px;color:var(--muted)}
body .collection-card-binder svg{flex:none;width:14px;height:14px}
body .collection-card-binder span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .showcase-binder,body .showcase-friend-owners{margin-top:16px;display:grid;gap:8px}
body .showcase-binder h3,body .showcase-friend-owners h3{display:flex;align-items:center;gap:8px;margin:0;font-size:14px}
body .showcase-binder h3 svg,body .showcase-friend-owners h3 svg{width:16px;height:16px}
body .showcase-binder p,body .showcase-friend-owners p{margin:0;color:var(--muted);font-size:13px}
body .showcase-friend-owners ul{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;list-style:none;font-size:13px}
body .binder-shelf .binder-cover-row .binder-cover{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;justify-items:center;text-align:center;gap:6px;min-height:0;padding:12px 10px 12px 16px}
body .binder-shelf .binder-cover-row .binder-cover-window{grid-column:1;grid-row:1;width:44px;height:66px}
body .binder-shelf .binder-cover-row .binder-cover-name{grid-column:1;grid-row:2;align-self:start;width:100%;font-size:13px;line-height:1.3;overflow-wrap:normal;word-break:normal;hyphens:auto;-webkit-line-clamp:2}
body .binder-shelf .binder-cover-row .binder-cover-count,body .binder-shelf .binder-cover-row .binder-cover-empty-copy{grid-column:1;grid-row:3}
body .chat-mod-form{display:grid;gap:12px}body .chat-mod-form p{margin:0;color:var(--muted);font-size:13px}body .chat-mod-form select,body .chat-mod-form input{width:100%}
body .staff-sanctions{display:grid;gap:22px}
body .staff-sanction-block h2{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:17px}
body .staff-sanction-block h2 small{opacity:.6;font-variant-numeric:tabular-nums}
body .staff-sanction-block ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
body .staff-sanction{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
body .staff-sanction>div{display:grid;gap:2px;min-width:0}
body .staff-sanction span,body .staff-sanction small{color:var(--muted);font-size:12px;overflow-wrap:anywhere}
body .chat-slow-mode{margin:0 0 6px;font-size:12px;color:var(--muted)}
body:has(.shop-hub-heading)::before,body:has(.shop-hub-heading) #page-content::before{animation:none!important;filter:none!important}
body .runel-booster-offer{animation:none!important}
body .chat-slow-mode{text-align:right;padding:0 18px;box-sizing:border-box;width:100%;max-width:100%}
body .staff-modal .staff-user-actions{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;flex-wrap:nowrap}
body .staff-modal .staff-user-actions>.button{flex:none;width:100%;min-height:52px;padding:8px 10px;font-size:12px;line-height:1.25;text-align:center;white-space:normal}
@media(max-width:700px){body .staff-modal .staff-user-actions{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}}
body .cosmetic-tabs,body .cosmetics-section .cosmetic-tabs{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs{justify-content:center!important;align-items:center!important;width:max-content!important;max-width:100%!important;margin:4px auto 24px!important;padding:6px!important;border:1px solid var(--line,#ffffff17)!important;border-radius:14px!important;background:var(--panel,#0e1915)!important;box-shadow:0 8px 22px #0006!important}
body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs>*{display:inline-flex!important;align-items:center!important;justify-content:center;min-height:40px;margin:0!important;padding:0 14px!important;line-height:1!important}
@media(max-width:900px){body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs{justify-content:flex-start!important}}
body .cosmetic-product,body .booster-tier,body .popz-tier{content-visibility:auto;contain-intrinsic-size:auto 320px}
html.is-scrolling body:has(.shop-hub-heading) *,html.is-scrolling body:has(.shop-hub-heading) *::before,html.is-scrolling body:has(.shop-hub-heading) *::after{animation-play-state:paused!important}
body .daily-goals li{display:grid!important;grid-template-columns:22px minmax(0,1fr);grid-template-rows:1fr auto;align-items:center!important;column-gap:10px;row-gap:12px;min-height:112px}
body .daily-goals .daily-goal-check{grid-column:1;grid-row:1;align-self:center}
body .daily-goals .daily-goal-label{grid-column:2;grid-row:1;align-self:center;min-height:0}
body .daily-goals .daily-goal-go{grid-column:1/-1;grid-row:2;align-self:end;display:flex;align-items:center;justify-content:center;min-height:32px;box-sizing:border-box}
body .daily-goals .daily-goal-label{-webkit-line-clamp:3!important}
body .daily-goals .daily-goal-done{grid-column:1/-1;grid-row:2;align-self:end;display:flex;align-items:center;justify-content:center;min-height:32px;border-radius:999px;font-size:12px;font-weight:700;color:var(--muted);border:1px dashed var(--line,#ffffff22)}
body .daily-goals-reward{display:flex;justify-content:center;margin:14px 0 0}
body .daily-goals-reward.is-claimed{color:var(--accent);font-weight:700;font-size:14px}
body .daily-goals-reward.is-hint{color:var(--muted);font-size:13px}
body .daily-goals li{grid-template-rows:minmax(0,1fr) 32px!important;align-content:stretch!important;height:100%;box-sizing:border-box}
body .daily-goals li.is-done::after{content:none!important;display:none!important}
body .public-profile-skeleton{display:grid;gap:14px;padding:8px 0}body .public-profile-skeleton span{display:block;height:84px;border-radius:14px;background:linear-gradient(90deg,var(--panel),color-mix(in srgb,var(--panel) 70%,#fff 6%),var(--panel));background-size:200% 100%;animation:profile-skeleton 1.1s linear infinite}body .public-profile-skeleton span:first-child{height:150px}@keyframes profile-skeleton{to{background-position:-200% 0}}
body .public-profile-modal .public-profile-banner{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:3/1}
body .public-profile-modal .public-profile-banner img{width:100%;height:100%;object-fit:cover}
body .public-profile-modal .public-profile-trophies:has(.public-profile-empty){display:none}
body .public-profile-modal .public-profile-bio{margin:8px 0}
body .public-profile-modal .public-profile-albums{padding-top:16px}
body .public-profile-modal .public-profile-albums>h2{margin:0 0 10px;font-size:17px}
body .public-profile-modal .public-album-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
body .public-profile-modal .public-album-search{flex:0 1 260px;max-width:none;min-height:36px;font-size:13px}
body .public-profile-modal .public-album-chips{flex:1 1 auto}
body .public-profile-modal .public-album-chip{min-height:30px;padding:4px 11px;font-size:12px}
body .public-profile-modal .public-album-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(132px,1fr))!important;gap:10px!important}
body .public-profile-modal .public-album-grid .binder-cover{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto;justify-items:center;text-align:center;gap:5px;min-height:0!important;padding:10px 8px 10px 14px!important}
body .public-profile-modal .public-album-grid .binder-cover-window{grid-column:1!important;grid-row:1!important;width:38px!important;height:56px!important}
body .public-profile-modal .public-album-grid .binder-cover-name{grid-column:1!important;grid-row:2!important;width:100%;font-size:12.5px;line-height:1.3;overflow-wrap:normal;-webkit-line-clamp:2}
body .public-profile-modal .public-album-grid .binder-cover-count{grid-column:1!important;grid-row:3!important;font-size:11px}
body .public-profile-awards,body .public-profile-modal .public-profile-badges{display:flex!important;flex-wrap:wrap;gap:6px;margin:10px 0;padding:10px;border:1px solid var(--line,#ffffff1a);border-radius:12px;background:color-mix(in srgb,var(--panel,#132018) 70%,transparent);list-style:none}
body .public-profile-badges>li{display:contents}
body .public-profile-awards .badge-icon,body .public-profile-badges .badge-icon{--h:var(--badge-hue,140);flex:0 0 34px!important;aspect-ratio:1/1;box-sizing:border-box;display:inline-grid!important;place-items:center;width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;min-height:0!important;padding:0!important;margin:0!important;border-radius:9px!important;border:1px solid hsl(var(--h) 70% 55% / .5)!important;background:linear-gradient(145deg,hsl(var(--h) 60% 28% / .9),hsl(var(--h) 55% 16% / .9))!important;box-shadow:inset 0 1px 0 hsl(var(--h) 80% 75% / .25)!important;color:hsl(var(--h) 85% 72%)!important}
body .public-profile-awards .badge-icon svg,body .public-profile-badges .badge-icon svg{width:16px!important;height:16px!important}
body .public-profile-awards .badge-icon[data-premium]{flex:0 0 auto!important;width:auto!important;max-width:none!important;min-width:44px!important;height:44px!important;aspect-ratio:auto;padding:0 12px!important;border-radius:12px!important;position:relative;overflow:hidden;border-width:1.5px!important}
body .public-profile-awards .badge-icon[data-premium] svg{width:22px!important;height:22px!important}
body .public-profile-awards .badge-icon[data-premium]::after{content:attr(data-badge-label);margin-left:8px;font-size:12px;font-weight:800;letter-spacing:.02em;white-space:nowrap}
body .public-profile-awards .badge-icon[data-premium]::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#ffffff55 50%,transparent 65%);background-size:250% 100%;animation:premium-shine 3.5s ease-in-out infinite;pointer-events:none}
body .public-profile-awards .badge-icon[data-premium]{display:inline-flex!important;align-items:center}
body .public-profile-awards .badge-icon[data-premium="plus"]{border-color:#ffd36b!important;background:linear-gradient(135deg,#f6c445,#b87914)!important;color:#2a1700!important;box-shadow:0 0 14px #f6c44566,inset 0 1px 0 #fff6!important}
body .public-profile-awards .badge-icon[data-premium="last-country"]{border-color:#ff8a65!important;background:linear-gradient(135deg,#c2412d,#5e1a12)!important;color:#ffe9df!important;box-shadow:0 0 14px #ff6b4a55,inset 0 1px 0 #fff4!important}
body .public-profile-awards .badge-icon[data-premium]+.badge-icon:not([data-premium]){margin-left:8px!important}
@keyframes premium-shine{0%{background-position:150% 0}60%,100%{background-position:-50% 0}}
@media(prefers-reduced-motion:reduce){body .public-profile-awards .badge-icon[data-premium]::before{animation:none}}
body :is(.public-profile-awards,.public-profile-badges,.profile-completed,.profile-badge-list) .badge-icon .badge-icon-symbol{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;margin:0!important;line-height:0}
body :is(.public-profile-awards,.public-profile-badges,.profile-completed,.profile-badge-list) .badge-icon .badge-icon-symbol svg{display:block;margin:auto!important}
body .public-profile-awards .badge-icon[data-premium] .badge-icon-symbol{width:auto!important}
body .public-profile-awards{align-items:center!important}
body .public-profile-awards .badge-icon{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;flex:0 0 38px!important;vertical-align:middle;margin:0!important;align-self:center!important}
body .public-profile-awards .badge-icon[data-premium]{height:38px!important;min-width:38px!important;max-width:none!important;width:auto!important;flex:0 0 auto!important;padding:0 12px 0 10px!important}
body .public-profile-awards .badge-icon[data-premium] svg{width:18px!important;height:18px!important}
body .public-profile-awards .badge-icon[data-premium]+.badge-icon:not([data-premium]){margin-left:6px!important}
body .public-profile-badges .public-collection-badge,body .public-profile-awards .badge-icon:not([data-premium]){grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;gap:0!important;padding:0!important;content-visibility:visible!important}
body .public-profile-badges .public-collection-badge{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;flex:0 0 38px!important}
body .public-profile-badges{align-items:center!important}
body .public-profile-modal .public-profile-premium{justify-content:center!important;gap:10px!important;margin:14px 0 6px!important;padding:0!important;border:0!important;background:none!important}
body .public-profile-modal .public-profile-premium .badge-icon[data-premium]{height:40px!important;padding:0 16px 0 12px!important}
body .public-profile-modal .public-profile-friend{display:flex!important;flex-wrap:wrap;justify-content:center!important;align-items:center;gap:8px;margin:12px 0 14px!important;width:100%}
body .public-profile-modal .public-profile-friend>*{margin:0!important}
body .public-profile-modal .public-profile-friend .button{min-height:38px;padding:8px 14px;font-size:13px}
body .public-profile-modal .public-profile-awards:not(.public-profile-premium){justify-content:center}
body .public-profile-modal .public-profile-badges{justify-content:center!important}
body .avatar-lightbox{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:24px;background:#000c;cursor:pointer;animation:avatar-lightbox-in .18s ease-out}
body .avatar-lightbox img{max-width:min(92vw,640px);max-height:86vh;width:auto;height:auto;border-radius:18px;box-shadow:0 20px 60px #000a;object-fit:contain}
body :is(.chat-avatar-wrap,.public-profile-avatar,.profile-avatar,.profile-portrait):has(img),body :is(.chat-avatar-wrap,.public-profile-avatar,.profile-avatar,.profile-portrait):has(img) *{cursor:pointer!important}
@keyframes avatar-lightbox-in{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
body .pack-timer{align-items:center!important}
body .pack-timer>span{align-items:center;justify-content:center;line-height:0}
body .pack-timer>div{justify-content:center!important;align-items:center}
body .pack-timer-text,body .pack-timer-value,body .pack-timer-count{line-height:1.2!important;display:inline-flex;align-items:center}
body .pack-timer[data-urgency]>span:first-child svg{transform-origin:50% 55%}
body .pack-timer[data-urgency="1"]>span:first-child svg{animation:pack-clock 3s ease-in-out infinite}
body .pack-timer[data-urgency="2"]>span:first-child svg{animation:pack-clock 1.6s ease-in-out infinite}
body .pack-timer[data-urgency="3"]>span:first-child svg{animation:pack-clock-ring .9s ease-in-out infinite;color:var(--accent,#bedca5)}
@keyframes pack-clock{0%,80%,100%{transform:none}84%{transform:rotate(-10deg)}88%{transform:rotate(10deg)}92%{transform:rotate(-6deg)}96%{transform:rotate(4deg)}}
@keyframes pack-clock-ring{0%,50%,100%{transform:none}10%,30%{transform:rotate(-14deg)}20%,40%{transform:rotate(14deg)}}
@media(prefers-reduced-motion:reduce){body .pack-timer[data-urgency]>span:first-child svg{animation:none}}
body .pack-hero .ios-switch,body .opening-switches .ios-switch,body .ios-switch.opening-preference{padding-right:6px!important;padding-left:14px!important;gap:12px!important}
body .rarity-list .rarity-dot.unique{background:linear-gradient(135deg,#ff1744,#ff8fa3)!important;box-shadow:0 0 6px #ff174488}body .rarity-unique-row strong{font-size:11px;letter-spacing:.02em}
body .reveal-sliders{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:max(18px,env(safe-area-inset-bottom,0px));z-index:30;display:grid;gap:12px;width:270px;padding:14px 16px;border:1px solid #ffffff1c;border-radius:16px;background:linear-gradient(160deg,#162a20f2,#0c1712f2);box-shadow:0 14px 34px #0009;backdrop-filter:none}
body .reveal-sliders .auto-speed{display:grid!important;grid-template-columns:62px minmax(0,1fr) 44px;align-items:center;gap:10px;margin:0;padding:0;border:0;background:none;color:var(--text,#e7f0e2);font-size:12.5px;font-weight:650;transition:opacity .2s}
body .reveal-sliders .auto-speed[data-off]{opacity:.38}
body .reveal-sliders .auto-speed[data-off] input{pointer-events:none}
body .reveal-sliders .auto-speed-label{opacity:1}
body .reveal-sliders .auto-speed-value{min-width:0;text-align:right;font-size:12.5px;color:var(--accent,#f3c45a)}
body .reveal-sliders input[type=range]{-webkit-appearance:none;appearance:none;width:100%!important;height:12px;margin:0;border-radius:999px;cursor:pointer;background:linear-gradient(90deg,var(--accent,#3fbf8a) 0%,#3fd6e8 55%,#f3c45a 100%) 0/var(--speed-pos,50%) 100% no-repeat,#ffffff1f!important;box-shadow:inset 0 1px 2px #0008}
body .reveal-sliders input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#e9efe6);border:3px solid var(--accent,#3fbf8a);box-shadow:0 3px 10px #000a;cursor:grab}
body .reveal-sliders input[type=range]:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.08)}
body .reveal-sliders input[type=range]::-moz-range-track{height:12px;border-radius:999px;background:#ffffff1f}
body .reveal-sliders input[type=range]::-moz-range-progress{height:12px;border-radius:999px;background:linear-gradient(90deg,var(--accent,#3fbf8a),#3fd6e8,#f3c45a)}
body .reveal-sliders input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--accent,#3fbf8a);box-shadow:0 3px 10px #000a}
@media(max-width:700px){body .reveal-sliders{top:auto;bottom:auto;right:10px;left:auto;top:62px;width:200px;padding:9px 11px;gap:7px}body .reveal-sliders .auto-speed{grid-template-columns:50px minmax(0,1fr) 36px;font-size:11px}}
body .reveal-sliders{background:linear-gradient(160deg,color-mix(in srgb,var(--panel,#162a20) 96%,transparent),color-mix(in srgb,var(--bg,#0c1712) 96%,transparent))!important;border-color:color-mix(in srgb,var(--accent,#3fbf8a) 30%,transparent)!important}
body .reveal-sliders .auto-speed{color:var(--text,#e7f0e2)!important}
body .reveal-sliders input[type=range]{height:14px!important;background:linear-gradient(90deg,transparent var(--speed-pos,50%),#000000a0 var(--speed-pos,50%)),linear-gradient(90deg,color-mix(in srgb,var(--accent,#3fbf8a) 45%,#000),var(--accent,#3fbf8a) 55%,color-mix(in srgb,var(--accent,#3fbf8a) 55%,#fff))!important;border:1px solid color-mix(in srgb,var(--accent,#3fbf8a) 35%,transparent)}
body .reveal-sliders input[type=range]::-webkit-slider-thumb{width:32px!important;height:20px!important;border-radius:999px!important;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--accent,#3fbf8a) 25%,#fff))!important;border:2px solid var(--accent,#3fbf8a)!important;box-shadow:0 2px 8px #000a,0 0 10px color-mix(in srgb,var(--accent,#3fbf8a) 45%,transparent)!important}
body .reveal-sliders input[type=range]::-moz-range-thumb{width:28px!important;height:18px!important;border-radius:999px!important;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--accent,#3fbf8a) 25%,#fff))!important;border:2px solid var(--accent,#3fbf8a)!important}
body .reveal-sliders input[type=range]::-moz-range-track{background:linear-gradient(90deg,color-mix(in srgb,var(--accent,#3fbf8a) 45%,#000),var(--accent,#3fbf8a),color-mix(in srgb,var(--accent,#3fbf8a) 55%,#fff))!important;height:14px}
body .reveal-sliders input[type=range]::-moz-range-progress{background:transparent!important}
body .reveal-sliders{border:0!important}
body .reveal-sliders input[type=range]{border:0!important;background:linear-gradient(90deg,transparent var(--speed-pos,50%),#000000a0 var(--speed-pos,50%)),repeating-linear-gradient(90deg,transparent 0 calc(10% - 2px),#ffffff59 calc(10% - 2px) 10%),linear-gradient(90deg,color-mix(in srgb,var(--accent,#3fbf8a) 45%,#000),var(--accent,#3fbf8a) 55%,color-mix(in srgb,var(--accent,#3fbf8a) 55%,#fff))!important}
body .reveal-sliders{border-radius:8px!important}
body .reveal-sliders input[type=range]{border-radius:3px!important;background:linear-gradient(90deg,color-mix(in srgb,var(--accent,#3fbf8a) 45%,#000),var(--accent,#3fbf8a) 60%,color-mix(in srgb,var(--accent,#3fbf8a) 55%,#fff)) 0 0/var(--speed-pos,50%) 100% no-repeat,repeating-linear-gradient(90deg,transparent 0 calc(10% - 2px),#ffffff3d calc(10% - 2px) 10%),#ffffff12!important}
body .reveal-sliders input[type=range]::-webkit-slider-thumb{width:26px!important;height:20px!important;border-radius:5px!important}
body .reveal-sliders input[type=range]::-moz-range-thumb{width:22px!important;height:18px!important;border-radius:5px!important}
body .reveal-sliders input[type=range]::-moz-range-track{border-radius:3px!important}
body .reveal-sliders{width:330px!important}body .reveal-sliders .auto-speed{grid-template-columns:62px minmax(0,1fr) 50px!important}
body .reveal-sliders input[type=range]{height:14px!important;touch-action:none;background:linear-gradient(180deg,#ffffff4d,#ffffff00 55%) 0 0/var(--speed-pos,50%) 100% no-repeat,linear-gradient(90deg,color-mix(in srgb,var(--accent,#3fbf8a) 35%,#000) 0%,color-mix(in srgb,var(--accent,#3fbf8a) 85%,#000) 30%,var(--accent,#3fbf8a) 65%,color-mix(in srgb,var(--accent,#3fbf8a) 60%,#fff) 100%) 0 0/var(--speed-pos,50%) 100% no-repeat,repeating-linear-gradient(90deg,transparent 0 calc(10% - 2px),#ffffff2e calc(10% - 2px) 10%),linear-gradient(180deg,#00000066,#ffffff0a)!important;box-shadow:inset 0 1px 3px #000a,0 0 0 1px #ffffff0d!important}
body > .reveal-sliders{z-index:1500!important}
body .profile-switch{display:flex!important;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--line,#ffffff1a);border-radius:12px;background:color-mix(in srgb,var(--panel,#132018) 70%,transparent);cursor:pointer}
body .profile-switch>span{order:1;flex:1;min-width:0;font-size:13.5px;line-height:1.4}
body .profile-switch>input[type=checkbox]{order:2;appearance:none;-webkit-appearance:none;flex:none;position:relative;width:44px;height:26px;margin:0;border:0!important;border-radius:999px!important;background:color-mix(in srgb,var(--muted,#9ab) 30%,transparent)!important;cursor:pointer;transition:background .2s}
body .profile-switch>input[type=checkbox]::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0008;transition:transform .2s}
body .profile-switch>input[type=checkbox]:checked{background:var(--accent,#3fbf8a)!important}
body .profile-switch>input[type=checkbox]:checked::after{transform:translateX(18px)}
body .profile-switch>input[type=checkbox]:disabled{opacity:.45;cursor:not-allowed}
body .profile-switch>input[type=checkbox]::before{display:none!important}
body .banner-framer{position:fixed;inset:0;z-index:1800;display:grid;place-items:center;padding:16px;background:#000b}
body .banner-framer-panel{display:grid;gap:14px;width:min(760px,100%);padding:20px;border-radius:14px;background:var(--panel,#132018);color:var(--text,#e7f0e2);box-shadow:0 20px 60px #000a}
body .banner-framer-panel h2{margin:0;font-size:18px}
body .banner-framer-panel p{margin:0;color:var(--muted,#a9bfb1);font-size:13px}
body .banner-framer-frame{width:100%;aspect-ratio:3/1;border-radius:10px;background-color:#0008;background-repeat:no-repeat;cursor:grab;touch-action:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent,#3fbf8a) 60%,transparent)}
body .banner-framer-frame:active{cursor:grabbing}
body .banner-framer-zoom{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px;font-size:13px;font-weight:650}
body .banner-framer-zoom input{width:100%;accent-color:var(--accent,#3fbf8a)}
body .banner-framer-actions{display:flex;justify-content:flex-end;gap:10px}
body .profile-switch{padding:8px 12px!important;border-radius:10px!important;gap:12px!important}
body .profile-switch>span{font-size:13px!important}
body .profile-switch>input[type=checkbox]{width:38px!important;height:22px!important}
body .profile-switch>input[type=checkbox]::after{width:16px!important;height:16px!important}
body .profile-switch>input[type=checkbox]:checked::after{transform:translateX(16px)!important}
body .profile-editor fieldset{margin:0 0 10px!important;padding:0!important;border:0!important}
body .profile-editor fieldset legend{margin-bottom:6px;font-size:13px;font-weight:700}
@media(min-width:900px){body .profile-layout{align-items:stretch!important}body .profile-side{position:sticky;top:84px;align-self:start}}
body .profile-page .profile-banner-actions,body .profile-page .profile-photo-actions{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
body .profile-hero{position:relative}
body .profile-hero .profile-banner-tools{position:absolute;top:12px;right:12px;z-index:3;display:flex;gap:6px}
body .profile-hero .profile-portrait{position:relative}
body .profile-hero .profile-photo-tools{position:absolute;right:-6px;bottom:-6px;z-index:3;display:flex;gap:4px}
body .profile-hero-tool{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:10px;background:#000000a6;color:#fff;cursor:pointer;backdrop-filter:none;box-shadow:0 2px 8px #0008;transition:background .15s,transform .15s}
body .profile-hero-tool:hover{background:var(--accent,#3fbf8a);color:var(--accent-text,#10180f);transform:translateY(-1px)}
body .profile-hero-tool:focus-visible{outline:2px solid #fff;outline-offset:2px}
body .profile-photo-tools .profile-hero-tool{width:28px;height:28px;border-radius:8px}
body .profile-photo-tools .profile-hero-tool svg{width:14px;height:14px}
body .profile-photo-tools{opacity:0;transition:opacity .15s}
body .profile-portrait:hover .profile-photo-tools,body .profile-portrait:focus-within .profile-photo-tools{opacity:1}
@media(hover:none){body .profile-photo-tools{opacity:1}}
body .profile-companions-page h1{margin:8px 0 18px}body .profile-companions-back{display:inline-flex;align-items:center;gap:6px}
body .profile-companions-button{display:inline-flex!important;align-items:center;gap:8px;width:max-content;margin-top:10px;min-height:38px;padding:8px 14px}
body .public-profile:has(.public-profile-companions) .public-profile-avatar.appearance-avatar{margin-top:0!important}body .public-profile:has(.public-profile-companions) .public-profile-identity{padding-top:14px!important}
/* All staff tabs (Overview … Tickets) on a single line */
@media (min-width:900px){
  .staff-tabs{flex-wrap:nowrap;gap:2px;overflow:hidden}
  .staff-tabs :is(a,button){flex:1 1 auto;justify-content:center;min-width:0;padding:9px 6px;gap:5px;font-size:12px}
  .staff-tabs :is(a,button) svg{flex:none;width:15px;height:15px}
}
@media (min-width:900px) and (max-width:1250px){.staff-tabs :is(a,button) svg{display:none}}
.staff-theme-local{display:flex;align-items:center;gap:8px;margin:10px 0 4px;font-size:13px;cursor:pointer}
/* Public profile window: room between the avatar (and its frame, which can reach below it) and the action buttons. */
body .public-profile-modal .public-profile-friend{margin-top:26px!important}
/* My profile: the banner keeps its real 3:1 shape (the shape of the framing window and of the public profile), so what was framed
   is exactly what shows — it used to be capped at 300 px high and lose its top and bottom. */
body .profile-hero .profile-banner{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:3/1}
/* Staff card editor: « Possesseurs » list. */
.staff-card-owners{margin:10px 0 16px;padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--theme-text,#eef5ef) 5%,transparent)}
.staff-card-owners h4{display:flex;align-items:baseline;gap:10px;margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.staff-card-owners h4 small{font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;opacity:.7}
.staff-card-owners ul{display:grid;gap:4px;max-height:220px;margin:0;padding:0;list-style:none;overflow:auto;scrollbar-width:thin}
.staff-card-owners li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:6px 8px;border-radius:7px;font-size:13px}
.staff-card-owners li:nth-child(odd){background:color-mix(in srgb,var(--theme-text,#eef5ef) 3%,transparent)}
.staff-card-owners li strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.staff-card-owners li span,.staff-card-owners li time{opacity:.7;font-variant-numeric:tabular-nums}
/* Profile hero: « Depuis un lien » field under the banner / photo icons. */
body .profile-hero .profile-hero-link{position:absolute;z-index:6;display:flex;gap:8px;width:min(420px,calc(100% - 24px));padding:8px;border-radius:12px;background:color-mix(in srgb,var(--theme-panel,#13241b) 96%,#000);box-shadow:0 14px 34px #0009}
body .profile-hero .profile-banner-tools+.profile-hero-link{top:58px;right:12px}
body .profile-hero .profile-photo-tools+.profile-hero-link{left:0;top:calc(100% + 8px)}
body .profile-hero .profile-hero-link input{flex:1 1 auto;min-width:0;height:38px;padding:0 12px;border:0;border-radius:8px;background:color-mix(in srgb,var(--theme-text,#eef5ef) 8%,transparent);color:inherit;font:inherit;font-size:13.5px}
body .profile-hero .profile-hero-link input:focus{outline:2px solid color-mix(in srgb,var(--theme-accent,#c5dfa4) 55%,transparent);outline-offset:1px}
body .profile-hero .profile-hero-link .button{height:38px;min-height:38px;padding:0 14px}
/* Sanctions (same layout as Tickets): chip colour by sanction type, the lift button aligned at the end of each row. */
.staff-sanctions .support-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,260px);gap:10px;margin:0 0 10px}
.staff-sanctions .staff-modal-note{margin:0 0 12px}
.staff-sanctions .staff-sanction-row{grid-template-columns:minmax(0,1fr) auto auto;cursor:default}
.staff-sanctions .staff-sanction-row .button-small{min-height:32px;padding:0 12px;border:0}
.staff-sanction-chip.is-suspect{background:#ffb54726;color:#ffd08a}
.staff-sanction-chip.is-mute{background:#5ab0ff26;color:#9fd0ff}
.staff-sanction-chip.is-ban{background:#ff5d7326;color:#ff9aa9}
.staff-sanction-chip.is-kick{background:#b07cff26;color:#d3b6ff}
@media(max-width:620px){.staff-sanctions .support-toolbar{grid-template-columns:1fr}.staff-sanctions .staff-sanction-row{grid-template-columns:minmax(0,1fr) auto}.staff-sanctions .staff-sanction-chip{display:none}}
/* Photo link field: a proper width under the portrait (it was squeezed to the photo's width). */
body .profile-hero .profile-photo-tools+.profile-hero-link{width:360px!important;max-width:calc(100vw - 32px);left:0;top:calc(100% + 10px)}
body .profile-hero .profile-hero-link input{min-width:180px}
body .profile-hero{position:relative}
body .profile-hero .profile-hero-link{max-width:none!important}

.staff-toolbar:has(.staff-create-card){align-items:flex-end}
.staff-toolbar:has(.staff-create-card)>.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;margin:0;padding:10px 16px;line-height:1.3;white-space:nowrap}
.staff-toolbar:has(.staff-create-card) .staff-filter::part(combobox){min-height:43px}
.staff-toolbar .staff-create-card svg{width:18px;height:18px;flex:none}
@media(max-width:600px){.staff-toolbar .staff-create-card{flex:1 1 100%;width:100%}}

.staff-panel .staff-tabs{justify-content:center;flex-wrap:wrap;gap:7px;overflow:visible;padding-bottom:15px}
.staff-panel .staff-tabs>:is(a,button){position:relative;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;padding:0;border-radius:9px}
.staff-panel .staff-tabs>:is(a,button) svg{display:block;width:20px;height:20px;flex:none}
.staff-panel .staff-tabs>:is(a,button).active{box-shadow:none}
.staff-tabs .staff-tab-tooltip{position:absolute;top:calc(100% + 9px);left:0;z-index:30;width:max-content;max-width:190px;padding:8px 11px;border:1px solid var(--theme-line,#425a3c);border-radius:7px;background:var(--theme-bg-alt,#12251c);color:var(--theme-text,#edf5ef);box-shadow:0 6px 20px #0005;font-size:12px;line-height:1.4;white-space:normal;opacity:0;visibility:hidden;pointer-events:none}
.staff-tabs>:is(a,button):hover .staff-tab-tooltip,.staff-tabs>:is(a,button):focus-visible .staff-tab-tooltip{opacity:1;visibility:visible}
@media(max-width:600px){.staff-panel .staff-tabs{gap:5px}.staff-panel .staff-tabs>:is(a,button){flex-basis:42px;width:42px;height:42px;min-width:42px}.staff-tabs>:is(a,button):nth-child(n+6) .staff-tab-tooltip{left:auto;right:0}}

@media(max-width:760px){
.staff-panel .staff-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-bottom:0}
.staff-panel .staff-tabs>:is(a,button){display:flex;align-items:center;justify-content:flex-start;gap:9px;width:auto;min-width:0;height:auto;min-height:52px;padding:12px;text-align:left;white-space:normal;background:var(--theme-panel,#192d21);color:var(--theme-text,#edf1df);transition:background .15s,color .15s}
.staff-panel .staff-tabs>:is(a,button) svg{flex:0 0 18px;width:18px;height:18px}
.staff-panel .staff-tabs .staff-tab-tooltip{position:static;display:block;z-index:auto;width:auto;min-width:0;max-width:none;padding:0;border:0;border-radius:0;background:none;color:inherit;box-shadow:none;font-size:12px;font-weight:600;line-height:1.45;white-space:normal;overflow-wrap:anywhere;opacity:1;visibility:visible;pointer-events:none}
.staff-panel .staff-tabs>:is(a,button).active{background:var(--theme-soft,#345038);color:var(--theme-accent,#e2efcc)}
.staff-panel .staff-tabs>:is(a,button):active{filter:brightness(1.2)}
}

.staff-balance-notice{display:flex;align-items:flex-start;gap:9px;margin:0 0 18px;padding:12px 14px;border-radius:9px;background:var(--theme-soft,#493d20);color:var(--theme-text,#f5dfa6);font-size:13px;line-height:1.6}.staff-balance-notice svg{flex:none;width:18px;height:18px;margin-top:3px}.staff-balance-warning{display:flex;align-items:center;gap:5px;margin-top:5px;white-space:normal;color:#f4cf71;font-size:11px;line-height:1.4}.staff-balance-warning svg{width:14px;height:14px;flex:none}

/* auth.css */
body.auth-page .sidebar{display:none}body.auth-page .app-shell{margin-left:0}body.auth-page .topbar{align-items:center;position:relative;background:#0e1c14;border-bottom:1px solid #2a402d;min-height:72px;padding:0 5vw}body.auth-page .topbar .menu-toggle,body.auth-page #pack-timer,body.auth-page #sound-button,body.auth-page #balance-button,body.auth-page #notification-button,body.auth-page .topbar-actions>.avatar.avatar-small{display:none}body.auth-page .breadcrumb{display:flex;font-size:13px;color:#bfd4aa}body.auth-page .breadcrumb strong{color:#bfd4aa}body.auth-page .topbar-actions{width:auto;flex:0}body.auth-page main{padding:34px 5vw 40px;max-width:1450px;min-height:calc(100vh - 140px)}body.auth-page .app-footer{padding-inline:5vw}body.auth-page .country-notice{display:none}.auth-screen{display:grid;grid-template-columns:1.1fr 1fr;min-height:610px;background:#162b1d;border:1px solid #355236;border-radius:19px;overflow:hidden;color:#e9efda}.auth-world{position:relative;overflow:hidden;background:#1d3623;isolation:isolate;padding:42px 44px 32px;display:flex;flex-direction:column}.auth-wordmark{font-family:Sora,sans-serif;font-size:35px;font-weight:600;letter-spacing:-1.5px;color:#e8f0d9;line-height:1.2;align-self:flex-start;z-index:2}.auth-world-copy{position:relative;z-index:2;margin-top:36px;max-width:440px}.auth-world h1{font-size:clamp(29px,3.1vw,43px);line-height:1.25;letter-spacing:-1.6px;font-weight:550}.auth-world-copy>p{font-size:13px;color:#b7c9a9;line-height:1.9;margin-top:17px;max-width:43ch}.auth-world-art{position:absolute;inset:165px -90px -80px 15px;z-index:0;pointer-events:none}.auth-world-art img{width:100%;height:100%;object-fit:contain;object-position:right bottom;opacity:.48;filter:saturate(.82)}.auth-world::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#19351d 0%,#19351dde 34%,#19351d2e 67%,#19351db3 100%)}.auth-security{margin-top:auto;padding-top:215px;position:relative;z-index:2;display:flex;align-items:center;gap:9px;color:#b3c9a0;font-size:11px;line-height:1.8;max-width:38ch}.auth-security svg{width:17px;height:17px;flex-shrink:0}.auth-form-pane{display:flex;align-items:center;justify-content:center;padding:42px 48px;background:#13251b}.auth-form-wrap{max-width:390px;width:100%}.auth-form-wrap h2{font-size:26px;letter-spacing:-.9px;line-height:1.35;font-weight:550}.auth-form-intro{color:#a9bf9b;font-size:12px;line-height:1.8;margin:12px 0 26px;max-width:45ch}.auth-form-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#2a432c;color:#c7ddb0;margin-bottom:24px}.auth-form-icon svg{width:24px;height:24px}.auth-field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.auth-field>span:first-child{font-size:12px;color:#d0dfc3;font-weight:550}.auth-field input{font-size:13px;background:#102218;border:1px solid #48643b;border-radius:9px;color:#e5eeda;padding:13px 14px;min-height:46px;width:100%;min-width:0;transition:border-color .15s}.auth-field input::placeholder{color:#90a982;opacity:1}.auth-field input:focus{border-color:#bed69f}.auth-field input:focus-visible,.auth-screen a:focus-visible,.auth-screen button:focus-visible{outline:2px solid #cee4b4;outline-offset:4px}.auth-field small{color:#8fa97c;font-size:10px;line-height:1.6}.auth-password{display:flex;position:relative}.auth-password input{padding-right:47px}.auth-eye{position:absolute;right:7px;top:7px;background:none;border-radius:7px;width:32px;height:32px;color:#9db88b;display:grid;place-items:center}.auth-eye svg{width:17px;height:17px}.auth-eye:hover{color:#d7e6c3;background:#2b4129}.auth-submit{display:flex;width:100%;justify-content:space-between!important;margin-top:8px;min-height:46px!important}.auth-submit svg{width:17px;height:17px}.auth-forgot{display:block;text-align:right;color:#b9cfa6;font-size:11px;margin:-8px 0 24px}.auth-divider{display:flex;align-items:center;gap:15px;margin:23px 0;color:#90a97f;font-size:11px}.auth-divider::before,.auth-divider::after{content:"";height:1px;background:#354e30;flex:1}.auth-discord{width:100%;gap:12px!important;min-height:46px!important;border-color:#49693e!important;background:#223823!important;font-size:13px!important;color:#dde9cc!important}.auth-discord:hover{background:#2f4b2c!important}.auth-discord svg{width:17px;height:17px}.auth-discord-note{font-size:10px;line-height:1.8;color:#95ae82;margin-top:13px}.auth-alternate{font-size:11px;text-align:center;color:#9db68a;margin-top:24px;line-height:1.8}.auth-alternate a{color:#d4e7bc;margin-left:4px;font-weight:600}.auth-back{display:flex;align-items:center;gap:8px;font-size:12px;color:#c2d9aa;margin-top:26px}.auth-back svg{width:16px;height:16px}.auth-error{font-size:12px;line-height:1.8;padding:13px 15px;border-radius:8px;background:#462f28;color:#f0c3b1;margin-bottom:18px;overflow-wrap:anywhere}.profile-button{background:none;border:0;cursor:pointer;text-align:left;width:100%;color:inherit}.profile-button:hover{background:#233d27}.profile-summary{display:flex;align-items:center;gap:15px;padding:0 0 23px;border-bottom:1px solid #3a5133;margin-bottom:23px}.profile-summary .avatar{width:46px;height:46px;font-size:15px;background:#375333;color:#e0eccb}.profile-summary strong{display:block;font-family:Sora,sans-serif;font-size:18px;font-weight:550;overflow-wrap:anywhere}.profile-summary small{color:#9eb38f;font-size:11px;display:block;margin-top:5px;overflow-wrap:anywhere}.profile-actions{display:flex;flex-direction:column;gap:13px}.profile-actions .button{justify-content:flex-start}.profile-note{font-size:12px;color:#adc299;line-height:1.9;margin:0 0 22px}

@media(max-width:1050px){.auth-world{padding:35px 30px}.auth-form-pane{padding:35px 30px}.auth-world-copy{margin-top:30px}.auth-world h1{font-size:31px}.auth-world-copy>p{font-size:12px}.auth-world-art{inset:200px -80px -70px -20px}.auth-security{padding-top:185px;font-size:10px}}
@media(max-width:760px){body.auth-page .topbar{min-height:67px;height:67px;padding:0 22px;flex-wrap:nowrap}body.auth-page main{padding:18px 17px 28px;min-height:calc(100vh - 127px)}body.auth-page .breadcrumb{font-size:12px}body.auth-page .topbar-actions{justify-content:flex-end;flex:0}.auth-screen{grid-template-columns:1fr;border-radius:14px;min-height:0}.auth-world{padding:27px 25px 29px;min-height:245px}.auth-wordmark{font-size:28px}.auth-world-copy{margin-top:24px;max-width:285px}.auth-world h1{font-size:26px;letter-spacing:-.9px;line-height:1.3;max-width:10ch}.auth-world-copy>p{font-size:11px;max-width:34ch;line-height:1.8;margin-top:13px}.auth-world-art{inset:25px -110px -30px 80px}.auth-world-art img{opacity:.35;object-position:right center}.auth-world::after{background:linear-gradient(90deg,#19351dee 12%,#19351dcc 43%,#19351d24 100%)}.auth-security{display:none}.auth-form-pane{padding:29px 25px 32px}.auth-form-wrap{max-width:none}.auth-form-wrap h2{font-size:23px;letter-spacing:-.8px}.auth-form-intro{font-size:12px;margin-top:9px;margin-bottom:23px}.auth-field input{font-size:16px}.auth-field small{font-size:10px}.auth-discord-note{font-size:10px}.auth-eye{top:9px}.auth-alternate{font-size:11px}.auth-form-icon{width:42px;height:42px;margin-bottom:20px}.profile-summary strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.auth-field input{transition:none}}

.auth-world-art.auth-product-cards{inset:auto 30px 67px;display:flex;justify-content:center;align-items:center;gap:0;height:310px;opacity:.72}.auth-product-card{width:172px;height:258px;flex:0 0 172px;border:1px solid #adc7905c;border-radius:13px;background:linear-gradient(145deg,#36583bbf,#142d21c7);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:35px;color:#cadcba;box-shadow:0 13px 23px #04140c5e}.auth-product-card+.auth-product-card{margin-left:-74px}.auth-product-card:first-child{transform:rotate(-14deg) translateY(20px)}.auth-product-card:nth-child(2){z-index:2;transform:rotate(3deg) translateY(-8px)}.auth-product-card:last-child{transform:rotate(17deg) translateY(27px)}.auth-product-card>svg{width:57px;height:57px;stroke-width:1.2}.auth-product-card strong{font-family:Sora,sans-serif;font-size:24px;font-weight:550;letter-spacing:-.8px}.auth-world::after{background:linear-gradient(180deg,#19351d 0%,#19351dde 31%,#19351d00 67%,#19351d94 100%)}@media(max-width:760px){.auth-world-art.auth-product-cards{inset:25px -160px 0 auto;width:390px;height:235px;opacity:.31}.auth-product-card{width:135px;height:203px;flex-basis:135px}.auth-product-card>svg{width:45px;height:45px}.auth-product-card strong{font-size:21px}.auth-world::after{background:linear-gradient(90deg,#19351dee 12%,#19351dcc 43%,#19351d24 100%)}}

.auth-welcome-gift{display:flex;align-items:flex-start;gap:10px;margin:0 0 25px;padding:14px 15px;border-radius:9px;border:1px solid #789c594d;background:#35503352;color:#d5e8bc;font-size:12px;line-height:1.8}.auth-welcome-gift svg{width:19px;height:19px;flex-shrink:0;margin-top:2px}

body.auth-page .breadcrumb strong{font-family:Sora,sans-serif;font-size:25px;font-weight:600;letter-spacing:-1px;color:#e8f0d9}

/* community.css */
.community-page{max-width:1250px;margin:0 auto}.community-page .page-heading{margin-bottom:27px;align-items:flex-start}.community-page .page-heading p{max-width:67ch;line-height:1.9;font-size:13px}.community-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #344d32;border-radius:12px;background:#182e1f;margin:0 0 29px}.community-summary>div{display:flex;align-items:center;gap:13px;padding:20px 23px;border-right:1px solid #344d32;min-width:0}.community-summary>div:last-child{border-right:0}.community-summary svg{width:19px;height:19px;color:#a7c291;flex-shrink:0}.community-summary span{font-size:12px;color:#a8bf9b;flex:1}.community-summary strong{font-family:Sora,sans-serif;font-size:24px;font-weight:500;line-height:1.4;font-variant-numeric:tabular-nums;color:#e5edd7}.friend-search-section{padding:21px 22px 0;background:#14261b;border:1px solid #344b31;border-radius:13px;margin-bottom:30px}.friend-search-section .toolbar{margin-bottom:21px}.friend-search-section .search-input{flex:1;max-width:none;background:#102118;border-color:#3d5734;min-height:44px}.friend-search-section .search-input input{font-size:13px;width:100%;padding-block:10px}.friend-search-section .search-input svg{width:18px;height:18px;color:#9eb78b}.friend-search-section:has(#player-search-results:empty){padding-bottom:0}.community-page .social-section{margin-top:29px}.community-page .social-section .section-heading{margin-bottom:17px}.community-page .social-section h2{font-size:19px;letter-spacing:-.6px;font-weight:550}.community-section-count{display:grid;place-items:center;min-width:29px;height:27px;border-radius:7px;background:#29422b;color:#b9d49f;font-size:12px;font-variant-numeric:tabular-nums}.social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.community-page .social-row,#player-search-results .social-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 13px;padding:22px;background:#1a3021;border:1px solid #355333;border-radius:12px;min-width:0;align-items:center;margin:0}.community-page .social-row>.avatar,#player-search-results .social-row>.avatar{width:44px;height:44px;border:0;box-shadow:none;border-radius:13px;background:#355532;color:#d9ebc1;font-size:13px;font-weight:600}.community-page .social-copy,#player-search-results .social-copy{min-width:0}.community-page .social-copy h3,#player-search-results .social-copy h3{font-size:15px;letter-spacing:-.3px;color:#e5edd5;font-weight:550;line-height:1.5;overflow-wrap:anywhere}.community-page .social-copy p,#player-search-results .social-copy p{font-size:10px;color:#a0b791;margin-top:3px}.community-page .social-actions,#player-search-results .social-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:stretch;gap:11px;margin-top:21px;border-top:1px solid #345330;padding-top:17px;flex-wrap:wrap}.community-page .social-actions .button,#player-search-results .social-actions .button{flex:1;min-height:39px;font-size:11px;padding:11px 13px;white-space:normal}.community-page .social-actions .button.primary{box-shadow:none;background:#bad69d;color:#1b2b19}.community-page .social-actions .button.ghost{flex:0 1 auto;padding-inline:17px}.community-page .social-invitations .social-row{background:#243822;border-color:#506640}.community-page .social-invitations .social-actions{border-color:#4a6039}.community-empty{padding:48px 25px;text-align:center;background:#162b1d;border:1px solid #334e31;border-radius:14px}.community-empty-icon{display:grid;place-items:center;width:63px;height:63px;border-radius:18px;background:#2e4a2b;color:#c3dba9;margin:0 auto 21px}.community-empty-icon svg{width:29px;height:29px}.community-empty h2{font-size:21px;font-weight:500;letter-spacing:-.6px}.community-empty p{max-width:55ch;margin:14px auto 0;color:#aabf9a;font-size:13px;line-height:1.9}.community-empty .button{margin-top:25px;font-size:12px}.friend-search-section #player-search-results:not(:empty){padding-bottom:22px}.community-page .trade-list{display:flex;flex-direction:column;gap:24px}.community-page .trade-item{background:#182d1e;border:1px solid #405e39;border-radius:15px;padding:0;overflow:hidden}.community-page .trade-heading{padding:21px 25px;border-bottom:1px solid #385633;display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0;background:#1d3422}.trade-person{display:flex;align-items:center;gap:13px;min-width:0}.trade-person .avatar{width:38px;height:38px;flex-shrink:0;border:0;box-shadow:none;border-radius:11px;background:#355331;color:#d8e9c0;font-size:12px;font-weight:600}.community-page .trade-heading h2{font-size:17px;font-weight:500;letter-spacing:-.35px;line-height:1.5;overflow-wrap:anywhere}.community-page .trade-heading h2>span:first-child{color:#9fb891;font-size:12px;font-family:"Plus Jakarta Sans",sans-serif;margin-right:6px}.community-page .trade-columns{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;padding:25px;background:#14281b}.community-page .trade-columns>section{min-width:0;padding:0;border:0;background:none;position:relative}.community-page .trade-columns>section>h3{font-size:12px;font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;color:#bbd0a5;text-align:left;letter-spacing:0;margin-bottom:17px}.community-page .trade-direction{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;z-index:2;width:35px;height:35px;border-radius:10px;border:1px solid #4b683e;background:#274129;color:#bfd5a6}.community-page .trade-direction svg{width:17px;height:17px}.community-page .trade-card-list{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:16px;overflow:visible}.community-page .trade-mini{width:min(160px,calc((100% - 16px)/2));flex:0 0 min(160px,calc((100% - 16px)/2));min-width:0;position:relative;padding:0;overflow:visible}.community-page .trade-mini .card-wrap{width:100%;max-width:none;margin:0}.community-page .trade-mini .collectible-card{height:auto!important;aspect-ratio:2/3!important;width:100%;box-shadow:none}.community-page .trade-mini .card-title{font-size:13px;line-height:1.4;-webkit-line-clamp:2;margin-top:5px}.community-page .trade-mini .card-category{font-size:9px}.community-page .trade-mini .card-description{display:none}.community-page .trade-mini .card-body{padding:9px 8px 7px}.community-page .trade-mini .card-bottom{padding:5px 8px;font-size:7px;line-height:1.5;gap:5px;align-items:center}.community-page .trade-mini .rarity-label{font-size:7px;gap:3px}.community-page .trade-mini .card-number{font-size:7px}.community-page .trade-mini .card-top{inset:7px 7px auto}.community-page .trade-mini .universe-tag{font-size:7px;padding:4px 5px}.community-page .trade-mini .card-meta-actions .rarity-mark{font-size:8px;width:19px;height:20px;border-radius:4px}.community-page .trade-quantity{position:static;display:block;text-align:center;margin-top:9px;color:#b4cb9f;font-size:10px;background:none;padding:0}.community-page .trade-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #395631;background:#1b3220;padding:18px 25px}.community-page .trade-footer>span{display:flex;align-items:center;gap:7px;color:#9fb98c;font-size:11px;line-height:1.7}.community-page .trade-footer>span svg{width:14px;height:14px}.community-page .trade-footer .request-actions{display:flex;align-items:center;gap:10px;margin:0;flex-wrap:wrap}.community-page .trade-footer .button{font-size:12px;min-height:38px;padding:10px 14px}.catalog-page .collection-summary{grid-template-columns:repeat(3,minmax(0,1fr));background:#172d1d;border:1px solid #3a5732;border-radius:11px}.catalog-page .collection-summary>div{background:none;box-shadow:none;border:0;border-right:1px solid #3a5732;border-radius:0;padding:22px 25px;display:flex;gap:14px;align-items:center}.catalog-page .collection-summary>div:last-child{border-right:0}.catalog-page .collection-summary strong{font-size:27px;font-variant-numeric:tabular-nums;line-height:1.4;font-weight:500;color:#e4ecd6}.catalog-page .collection-summary span{font-size:12px;color:#a7bc94}.catalog-page #album-filter{display:none}.catalog-page .collection-intro{border:1px solid #3b5735;border-radius:14px;background:#1a3220;min-height:154px;position:relative;margin-bottom:25px;overflow:hidden}.catalog-page .collection-intro>img{opacity:.24;object-position:right center;filter:saturate(.65)}.catalog-page .collection-intro .page-heading{padding:27px 29px;margin:0;gap:25px;min-height:154px;align-items:center;position:relative;z-index:1}.catalog-page .collection-intro h1{font-size:32px;letter-spacing:-1px}.catalog-page .collection-intro p{font-size:13px;max-width:58ch;line-height:1.8;color:#bad0a9;margin-top:11px}.catalog-membership-note{display:flex;align-items:flex-start;gap:9px;margin:2px 0 18px;max-width:70ch;padding:13px 16px;background:#1d3320;border-left:2px solid #9abb77;border-radius:0 7px 7px 0;color:#b1c49c;font-size:11px;line-height:1.8}.catalog-membership-note svg{width:16px;height:16px;flex-shrink:0;margin-top:3px}.catalog-page .toolbar{padding:17px;background:#172c1e;border:1px solid #365032;border-radius:11px;gap:15px;align-items:center;margin-bottom:17px}.catalog-page .toolbar .search-input{background:#112319;border-color:#3f5a36;min-height:43px}.catalog-page .toolbar .filter-group{gap:12px}.catalog-page .filter-select{min-width:160px}.catalog-page .collection-tabs{margin-bottom:22px}.catalog-page .results-count{font-size:12px;color:#a9be96;margin-bottom:19px}.catalog-page .card-grid{padding-top:9px;overflow:visible}

@media(max-width:1050px){.social-grid{grid-template-columns:1fr}.community-summary>div{padding:18px 17px;gap:9px}.community-summary span{font-size:11px}.community-summary strong{font-size:22px}.community-page .trade-columns{gap:42px;padding:22px}.community-page .trade-mini{width:min(150px,calc((100% - 14px)/2));flex-basis:min(150px,calc((100% - 14px)/2))}.community-page .trade-card-list{gap:14px}.catalog-page .collection-summary>div{padding:18px;gap:10px}.catalog-page .collection-summary strong{font-size:23px}.catalog-page .collection-summary span{font-size:11px}.catalog-page .filter-select{min-width:145px}}
@media(max-width:760px){.community-page .page-heading{gap:17px;margin-bottom:23px}.community-page .page-heading h1{font-size:27px}.community-page .page-heading p{font-size:12px;line-height:1.9}.community-page .page-heading>.button{font-size:12px;min-height:40px;padding:11px 14px}.community-summary{margin-bottom:24px;gap:0}.community-summary>div{padding:15px 12px;display:grid;grid-template-columns:1fr auto;gap:6px}.community-summary svg{grid-column:1;grid-row:1;width:16px;height:16px}.community-summary span{grid-column:1/-1;grid-row:2;font-size:10px;line-height:1.6}.community-summary strong{grid-column:2;grid-row:1;font-size:21px;line-height:1.5}.friend-search-section{padding:17px 16px 0;border-radius:11px;margin-bottom:25px}.friend-search-section .toolbar{gap:10px;margin-bottom:17px;flex-wrap:wrap}.friend-search-section .search-input{flex-basis:100%;width:100%}.friend-search-section .search-input input{font-size:16px}.friend-search-section .toolbar>.button{font-size:12px;min-height:39px;padding:10px 14px;width:100%}.community-page .social-section{margin-top:25px}.community-page .social-section h2{font-size:17px}.community-page .social-row,#player-search-results .social-row{padding:19px;grid-template-columns:40px minmax(0,1fr);gap:0 12px;border-radius:11px}.community-page .social-row>.avatar,#player-search-results .social-row>.avatar{width:40px;height:40px;border-radius:11px}.community-page .social-copy h3,#player-search-results .social-copy h3{font-size:14px}.community-page .social-actions,#player-search-results .social-actions{gap:9px;align-items:stretch;padding-top:16px;margin-top:17px}.community-page .social-actions .button,#player-search-results .social-actions .button{font-size:10px;min-height:39px;padding:10px;line-height:1.7}.community-empty{padding:36px 21px}.community-empty h2{font-size:19px;line-height:1.5}.community-empty p{font-size:12px;line-height:1.9}.community-empty-icon{width:53px;height:53px;border-radius:14px}.community-empty-icon svg{width:24px;height:24px}.community-page .trade-heading{padding:18px;gap:12px;align-items:flex-start}.community-page .trade-heading h2{font-size:14px}.trade-person{gap:10px}.trade-person .avatar{width:33px;height:33px;border-radius:9px;font-size:10px}.community-page .trade-heading .status-badge{font-size:10px;padding:5px 8px;line-height:1.5}.community-page .trade-columns{grid-template-columns:1fr;gap:42px;padding:19px 18px}.community-page .trade-direction{top:50%;width:29px;height:29px;border-radius:8px;transform:translate(-50%,-50%) rotate(90deg)}.community-page .trade-columns>section>h3{font-size:11px;margin-bottom:14px}.community-page .trade-card-list{gap:15px}.community-page .trade-mini{width:min(155px,calc((100% - 15px)/2));flex-basis:min(155px,calc((100% - 15px)/2))}.community-page .trade-footer{padding:17px 18px;align-items:flex-start;flex-direction:column;gap:15px}.community-page .trade-footer .request-actions{width:100%;gap:9px}.community-page .trade-footer .button{font-size:11px;flex:1;padding:11px 13px;min-height:39px}.community-page .trade-footer>span{font-size:10px}.community-page .trade-mini .card-title{font-size:13px;line-height:1.4}.catalog-page .collection-intro .page-heading{padding:23px 21px;min-height:185px;flex-direction:column;align-items:flex-start;gap:16px}.catalog-page .collection-intro h1{font-size:27px}.catalog-page .collection-intro p{font-size:12px;line-height:1.9;margin-top:9px}.catalog-page .collection-intro .button{font-size:12px;min-height:38px;padding:10px 13px}.catalog-page .collection-summary{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:23px}.catalog-page .collection-summary>div{padding:15px 12px;gap:5px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.catalog-page .collection-summary strong{font-size:24px;line-height:1.3}.catalog-page .collection-summary span{font-size:10px;line-height:1.6}.catalog-page .toolbar{padding:15px;gap:13px;align-items:stretch}.catalog-page .toolbar .search-input{width:100%;max-width:none}.catalog-page .toolbar .search-input input{font-size:16px}.catalog-page .toolbar .filter-group{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:11px}.catalog-page .filter-select{min-width:0;width:100%}.catalog-page .filter-select::part(display-input){font-size:11px}.catalog-membership-note{font-size:10px;line-height:1.8;padding:11px 13px}.catalog-page .collection-tabs{gap:6px;flex-wrap:wrap}.catalog-page .collection-tabs>button{font-size:11px;padding:9px 12px;min-height:38px}.catalog-page .results-count{font-size:11px;margin-bottom:17px}}

body .trade-mini .card-wrap{display:block;width:100%;max-width:none}
body .trade-mini .card-wrap .collectible-card{display:flex;flex-direction:column;position:relative;height:auto!important;min-height:0;aspect-ratio:2/3!important;padding:6px;width:100%;--card-finish-top:calc(43% + 6px);overflow:hidden}
body .trade-mini .card-wrap .card-art{position:relative;inset:auto;width:100%;height:43%;flex:0 0 43%;min-height:0;margin:0;border-radius:5px}
body .trade-mini .card-wrap .card-body,body .trade-mini .card-wrap .card-body.has-description,body .trade-mini .card-wrap .collectible-card:has(.card-art[data-image-universe="mounts"]) .card-body{position:relative;inset:auto;display:grid;grid-template-rows:15px minmax(0,1fr) 20px;gap:5px;width:100%;height:auto;min-height:0;flex:1;padding:9px 7px 5px;overflow:hidden}
body .trade-mini .card-wrap .card-description{display:none!important}
body .trade-mini .card-wrap .card-category{grid-row:1;display:block;min-width:0;max-height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;padding:0;font-size:8px;line-height:15px}
body .trade-mini .card-wrap .card-title,body .trade-mini .card-wrap .card-body.has-description .card-title{grid-row:2;align-self:start;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:36px;overflow:hidden;white-space:normal;overflow-wrap:anywhere;font-size:13px;line-height:1.35;margin:0;padding:0;min-height:0}
body .trade-mini .card-wrap .card-bottom,body .trade-mini .card-wrap .card-body.has-description .card-bottom{position:static;inset:auto;grid-row:3;display:flex;align-items:center;justify-content:space-between;align-self:end;margin:0;padding:0;min-height:20px;height:20px;border:0;gap:4px;font-size:8px;line-height:1.5;white-space:nowrap}
body .trade-mini .card-wrap .card-number{font-size:7px;line-height:1.5;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .trade-mini .card-wrap .rarity-label{display:flex;align-items:center;justify-content:flex-end;gap:3px;font-size:7px;line-height:1.5;margin:0;min-width:0;white-space:nowrap}
body .trade-mini .card-wrap .card-topline{top:7px;left:7px;right:7px;gap:5px;padding:0}
body .trade-mini .card-wrap .card-universe{font-size:7px;line-height:13px;min-height:19px;padding:3px 4px;max-width:calc(100% - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .trade-mini .card-wrap .rarity-mark{height:19px;width:19px;min-width:19px;font-size:8px;border-radius:4px}
.trade-empty-side{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;min-height:180px;padding:20px;color:#93ad81;background:#1b3220;border:1px dashed #425b35;border-radius:11px;font-size:11px;text-align:center}
.trade-empty-side svg{width:23px;height:23px;opacity:.75}
@media(max-width:760px){body .trade-mini .card-wrap .collectible-card{padding:6px;--card-finish-top:calc(43% + 6px)}body .trade-mini .card-wrap .card-body,body .trade-mini .card-wrap .card-body.has-description,body .trade-mini .card-wrap .collectible-card:has(.card-art[data-image-universe="mounts"]) .card-body{grid-template-rows:15px minmax(0,1fr) 20px;padding:9px 7px 5px;gap:5px}body .trade-mini .card-wrap .card-title,body .trade-mini .card-wrap .card-body.has-description .card-title{font-size:13px;line-height:1.35;max-height:36px}.trade-empty-side{min-height:130px;font-size:11px}}

body .trade-mini .card-wrap .collectible-card:has(.card-art[data-image-universe="mounts"]) .card-art{height:43%;flex-basis:43%}

main[tabindex="-1"]:focus-visible{outline:none}
body .community-page .trade-card-list{gap:18px;max-height:720px;overflow-y:auto;overflow-x:hidden;padding:14px;margin:-14px;scrollbar-width:thin;scrollbar-color:#64864e #14281b;align-content:flex-start}
body .community-page .trade-mini{width:210px;flex:0 0 210px;max-width:100%}
body .trade-mini .card-wrap .card-body,body .trade-mini .card-wrap .card-body.has-description,body .trade-mini .card-wrap .collectible-card:has(.card-art[data-image-universe="mounts"]) .card-body{grid-template-rows:18px minmax(0,1fr) 24px;gap:6px;padding:12px 10px 7px}
body .trade-mini .card-wrap .card-category{max-height:18px;line-height:18px;font-size:10px}
body .trade-mini .card-wrap .card-title,body .trade-mini .card-wrap .card-body.has-description .card-title{font-size:14px;line-height:1.4;max-height:40px;-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere}
body .trade-mini .card-wrap .card-bottom,body .trade-mini .card-wrap .card-body.has-description .card-bottom{font-size:10px;line-height:1.5;min-height:24px;height:24px;gap:6px}
body .trade-mini .card-wrap .card-number{font-size:10px;line-height:1.5;max-width:45%}
body .trade-mini .card-wrap .rarity-label{font-size:10px;line-height:1.5;gap:4px}
body .trade-mini .card-wrap .card-universe{font-size:8px;line-height:15px;min-height:22px;padding:3px 5px;max-width:calc(100% - 28px)}
body .trade-mini .card-wrap .rarity-mark{height:22px;width:22px;min-width:22px;font-size:9px}
body .community-page .trade-quantity{font-size:11px;margin-top:11px}
.friend-collection{grid-template-columns:repeat(auto-fit,minmax(180px,210px));justify-content:start;gap:23px}
.friend-collection .trade-mini{width:100%;max-width:210px;flex-basis:210px}
@media(max-width:1050px) and (min-width:761px){body .community-page .trade-mini{width:190px;flex-basis:190px}body .community-page .trade-card-list{gap:17px}}
@media(max-width:760px){body .community-page .trade-mini{width:160px;flex-basis:160px}body .community-page .trade-card-list{max-height:540px;gap:17px;padding:12px;margin:-12px}body .trade-mini .card-wrap .card-body,body .trade-mini .card-wrap .card-body.has-description,body .trade-mini .card-wrap .collectible-card:has(.card-art[data-image-universe="mounts"]) .card-body{grid-template-rows:16px minmax(0,1fr) 22px;gap:5px;padding:9px 8px 6px}body .trade-mini .card-wrap .card-title,body .trade-mini .card-wrap .card-body.has-description .card-title{font-size:12px;line-height:1.45;max-height:35px;-webkit-line-clamp:2}body .trade-mini .card-wrap .card-category{font-size:9px;line-height:16px;max-height:16px}body .trade-mini .card-wrap .card-bottom,body .trade-mini .card-wrap .card-body.has-description .card-bottom{font-size:9px;height:22px;min-height:22px;gap:4px}body .trade-mini .card-wrap .card-number,body .trade-mini .card-wrap .rarity-label{font-size:9px;line-height:1.5}.friend-collection{grid-template-columns:repeat(auto-fit,minmax(150px,160px));gap:20px}.friend-collection .trade-mini{max-width:160px;flex-basis:160px}}

@media(max-width:760px){body .community-page .trade-columns{gap:22px}body .community-page .trade-columns>.trade-direction{position:static;inset:auto;transform:rotate(90deg);justify-self:center;margin:0}body .community-page .trade-card-list{justify-content:center}}

.trade-compose-copy{margin:20px 0 26px;font-size:13px;line-height:1.8;color:#b6c9a8}.trade-compose-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.trade-compose-side{min-width:0;display:flex;flex-direction:column;gap:18px}.trade-compose-side+.trade-compose-side{border-left:1px solid #3a5233;padding-left:28px}.trade-compose-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.trade-compose-heading h3{font-size:16px;font-weight:550;margin:0}.trade-compose-heading>span{font-size:12px;color:#abc399;font-variant-numeric:tabular-nums}.trade-compose-side .search-input{width:100%;max-width:none;min-width:0;margin:0}.trade-compose-side input{min-width:0}.trade-picker{max-height:520px;overflow:auto;overscroll-behavior:contain;padding:8px;margin:-8px;scrollbar-width:thin}.trade-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.trade-card-choice{position:relative;display:block;width:100%;padding:0;margin:0;border:0;background:transparent;cursor:pointer;color:inherit;min-width:0}.trade-card-choice>.card-wrap{width:100%;display:block;pointer-events:none}.trade-card-choice .collectible-card{width:100%;height:auto!important;min-height:0!important;aspect-ratio:2/3!important}.trade-card-choice .card-body{padding:13px 12px!important}.trade-card-choice .card-category{font-size:9px!important}.trade-card-choice .card-title{font-size:15px!important;line-height:1.35!important}.trade-card-choice .card-bottom{font-size:8px!important;gap:6px!important}.trade-card-choice .card-universe{max-width:calc(100% - 30px);font-size:8px!important}.trade-card-choice .rarity-mark{width:23px!important;height:23px!important;font-size:10px!important}.trade-choice-mark{position:absolute;right:10px;top:calc(60% - 21px);width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#234329;border:1px solid #789c59;color:#dbebca;box-shadow:0 3px 8px #06110c80;pointer-events:none}.trade-choice-mark svg{width:16px;height:16px}.trade-card-choice.is-selected .collectible-card{box-shadow:0 0 0 2px #bfdc9e!important}.trade-card-choice.is-selected .trade-choice-mark{background:#beda9d;color:#17271a}.trade-card-choice:focus-visible{outline:2px solid #ddedc4;outline-offset:6px;border-radius:12px}.trade-selection-list{display:flex;flex-wrap:wrap;gap:8px;min-height:0}.trade-selection-list:empty{display:none}.trade-selection-item{display:flex;align-items:center;gap:8px;max-width:100%;padding:6px 7px 6px 11px;background:#29432c;border:1px solid #4b653d;border-radius:8px;font-size:10px;line-height:1.6;color:#d9e8c5}.trade-selection-item>span{min-width:0;overflow-wrap:anywhere}.trade-selection-item .icon-button{width:23px;height:23px;padding:4px;flex:none}.trade-selection-item svg{width:13px;height:13px}.trade-picker-more{width:100%;justify-content:center;margin-top:20px}.trade-picker-empty{min-height:220px;display:flex;align-items:center;justify-content:center;padding:25px;text-align:center;font-size:12px;line-height:1.8;color:#acc099;background:#14291b;border-radius:10px}.community-empty .button{margin-top:22px}.community-page .trade-footer{gap:20px}.community-page .trade-footer .request-actions{gap:12px}.community-page .trade-mini .collectible-card{min-height:0!important}.modal:has(.trade-compose){width:min(930px,calc(100vw - 32px))}@media(max-width:760px){.trade-compose-columns{grid-template-columns:1fr;gap:30px}.trade-compose-side+.trade-compose-side{border-left:0;border-top:1px solid #3a5233;padding-left:0;padding-top:28px}.trade-compose-copy{font-size:12px;margin:17px 0 23px}.trade-picker{max-height:430px}.trade-compose-side input{font-size:16px}.trade-picker-grid{gap:17px}.trade-compose-heading h3{font-size:15px}}

.social-row>.avatar,.trade-person>.avatar{position:relative;overflow:hidden}

.trade-unavailable-note{color:#d4c4a2;font-size:11px;line-height:1.8;max-width:44ch;margin:0}.trade-footer:has(.trade-unavailable-note){flex-wrap:wrap}.trade-footer .trade-unavailable-note{flex:1 1 260px}

.public-profile-albums{margin-top:28px;padding-top:24px;border-top:1px solid #78916533}.public-profile-albums h2{font-family:Sora,sans-serif;font-size:17px;margin:0 0 18px}.public-album-list{display:grid;gap:12px}.public-album{min-width:0;border-radius:12px;background:#10251d;border:1px solid #45645266;overflow:hidden}.public-album summary{display:flex;align-items:center;gap:16px;padding:16px;cursor:pointer;list-style:none;touch-action:manipulation}.public-album summary::-webkit-details-marker{display:none}.public-album summary:hover{background:#25423466}.public-album summary:focus-visible{outline:2px solid #b9dec9;outline-offset:-3px}.public-album summary>svg{flex:none;margin-left:auto;transition:transform .15s}.public-album[open] summary>svg{transform:rotate(90deg)}.public-album-cover{position:relative;display:block;flex:none;width:48px;height:60px;border-radius:3px 7px 7px 3px;background:var(--cover);box-shadow:inset 5px 0 #0003;overflow:hidden}.public-album-cover img{width:100%;height:100%;object-fit:cover}.public-album-cover>span{position:absolute;inset:10px 9px 10px 12px;border:1px solid #fff5;border-radius:2px}.public-album-label{min-width:0;display:grid;gap:7px}.public-album-label strong{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.public-album-label small{color:#a8bfae;font-size:12px}.public-album-content{padding:0 16px 20px}.public-album-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:14px}.public-album-cards .card-wrap{width:100%;max-width:none}.public-album-cards .collectible-card{width:100%;height:auto;aspect-ratio:2/3;transform:none!important}.public-album-cards .card-title{font-size:clamp(12px,2vw,17px)}.public-album-cards .card-description{display:none}.public-album-more{display:flex;margin:22px auto 0}.public-album-more[hidden]{display:none}@media(max-width:520px){.public-album-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.public-album summary{padding:12px;gap:12px}.public-album-content{padding:0 10px 16px}.public-album-cards .card-category,.public-album-cards .card-bottom{font-size:8px}}@media(prefers-reduced-motion:reduce){.public-album summary>svg{transition:none}}

.public-album-open{display:flex;align-items:center;gap:16px;padding:16px;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;touch-action:manipulation}.public-album-open:hover{background:#254234}.public-album-open:focus-visible{outline:2px solid #b9dec9;outline-offset:3px}.public-album-open>svg{flex:none;margin-left:auto}.modal.public-binder-modal{width:min(1120px,calc(100vw - 32px));max-width:1120px}.public-binder-view{min-width:0}.public-binder-back{display:inline-flex;align-items:center;gap:10px;margin:0 0 24px}.public-binder-pages{min-width:0}.public-binder-pocket{aspect-ratio:2/3!important}.public-binder-empty{display:block;width:100%;height:100%;min-height:0}.public-binder-view .binder-leaf{transform-origin:left center}.public-binder-view .has-2-leaves .binder-leaf:first-of-type{transform-origin:right center}.public-binder-view .binder-pagination{margin-bottom:0;gap:20px}.public-binder-view .binder-pagination .button{display:inline-flex;align-items:center;justify-content:center;gap:9px}.public-binder-view .binder-pagination svg{flex:none}.public-binder-view .binder-back:focus-visible{outline:2px solid #b9dec9;outline-offset:4px}@media(max-width:559px){.public-binder-view .binder-pagination .button span{display:none}.public-binder-view .binder-pagination{gap:12px}.modal.public-binder-modal{width:calc(100vw - 16px)}.public-binder-modal .modal-body{padding:16px 12px}.public-album-open{padding:12px;gap:12px}}

.public-binder-view .binder-book.has-2-leaves{max-width:840px}.public-binder-view .binder-pagination{position:sticky;bottom:-1px;z-index:5;padding:14px 0;background:#182b20;border-top:1px solid #78916533}
.chat-gif-grid .chat-gif-empty{grid-column:1/-1;margin:0;padding:24px 12px;text-align:center;color:#9fb5a4;font-size:13px}
.chat-gif-grid.is-loading .chat-gif-skeleton{display:block;height:80px;border-radius:8px;background:linear-gradient(100deg,#ffffff08 30%,#ffffff14 50%,#ffffff08 70%) 0 0/300% 100%;animation:chat-gif-loading 1.2s linear infinite}
@keyframes chat-gif-loading{to{background-position:-150% 0}}
@media (prefers-reduced-motion:reduce){.chat-gif-grid.is-loading .chat-gif-skeleton{animation:none}}
.chat-card{display:block;width:min(180px,60vw);margin:4px 0 2px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:inherit;cursor:pointer;border-radius:12px;transition:transform .15s}
.chat-card:hover{transform:translateY(-2px)}
.chat-card:focus-visible{outline:2px solid #bedca5;outline-offset:3px}
body #chat-list .chat-card{width:170px!important;max-width:60vw;flex:none;align-self:flex-start}
body #chat-list .chat-card .card-wrap{display:block;width:100%!important;max-width:100%;height:auto!important;aspect-ratio:auto}
body #chat-list .chat-card .collectible-card{width:100%!important;min-width:0;height:auto!important;aspect-ratio:2/3;font-size:11px}
body.chat-drop-live .sidebar .nav-link[data-page="chat"]{position:relative;overflow:hidden;background:linear-gradient(135deg,#7cf0b0,#35c6d6 55%,#2f8fd6);color:#062018;font-weight:800;box-shadow:0 0 0 2px #7cf0b066,0 6px 22px #35c6d655;animation:chat-drop-glow 1.4s ease-in-out infinite}
body.chat-drop-live .sidebar .nav-link[data-page="chat"] svg,body.chat-drop-live .sidebar .nav-link[data-page="chat"] [data-icon]{color:#062018}
body.chat-drop-live .sidebar .nav-link[data-page="chat"]::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#0000 30%,#fff9 48%,#0000 62%);transform:translateX(-120%);animation:chat-drop-shine 1.8s ease-in-out infinite;pointer-events:none}
@keyframes chat-drop-glow{50%{box-shadow:0 0 0 3px #7cf0b0aa,0 8px 28px #35c6d688}}
@keyframes chat-drop-shine{to{transform:translateX(120%)}}
@media(prefers-reduced-motion:reduce){body.chat-drop-live .sidebar .nav-link[data-page="chat"],body.chat-drop-live .sidebar .nav-link[data-page="chat"]::after{animation:none}}
#chat-list .chat-highlight{display:flex;gap:12px;align-items:flex-start;margin:8px 0;padding:10px 14px;border:1px solid #e7c66b55;border-radius:14px;background:linear-gradient(120deg,#e7c66b1c,#0000 70%);list-style:none;animation:chat-highlight-in .4s ease-out}
#chat-list .chat-highlight.is-mythic-pull{border-color:#c4a6ff66;background:linear-gradient(120deg,#c4a6ff1c,#0000 70%)}
#chat-list .chat-highlight.is-collection{border-color:#9ff5c466;background:linear-gradient(120deg,#9ff5c41a,#0000 70%)}
#chat-list .chat-highlight-icon{font-size:20px;line-height:1.2}
#chat-list .chat-highlight strong{display:block;margin-bottom:6px;font-size:13.5px;color:#f0f6ec}
@keyframes chat-highlight-in{from{opacity:0;transform:translateY(8px)}}
@media(prefers-reduced-motion:reduce){#chat-list .chat-highlight{animation:none}}

/* binder.css */
.binder-shelf{margin:36px 0 42px}
.binder-shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.binder-shelf-heading h2{margin:0 0 8px;font-family:Sora,sans-serif;font-size:22px;letter-spacing:-.6px;color:#e8ede3}
.binder-shelf-heading p{margin:0;color:#b6c5b5;font-size:14px;line-height:1.6}
.binder-cover-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:26px;align-items:start}
.binder-cover{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;min-width:0;min-height:290px;padding:25px 22px 24px 34px;border:0;border-radius:5px 13px 13px 5px;color:#f0f3e8;background:linear-gradient(100deg,#071e14 0 5%,#142f21 9%,#203e2b 15%,#173624 78%,#244332);box-shadow:4px 6px 0 #07130e,7px 11px 22px #0003,inset -2px 0 0 #aec49124;cursor:pointer;text-align:center}
.binder-cover::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:repeating-linear-gradient(40deg,transparent 0 3px,#ffffff02 4px 5px);pointer-events:none}
.binder-cover-spine{position:absolute;inset:0 auto 0 11px;width:11px;background:linear-gradient(90deg,#0004,#ffffff07,#0002);border-left:1px solid #8caa7730;border-right:1px solid #05170d88}
.binder-cover-window{display:grid;place-items:center;width:83px;aspect-ratio:2/3;margin-bottom:20px;border:1px solid #cedec142;border-radius:5px;background:#d1e0cd0a;box-shadow:0 3px 6px #0004;overflow:hidden;color:#c4d8b1}
.binder-cover-window img{display:block;width:100%;height:100%;object-fit:contain;background:#172d20}
.binder-cover-window svg{width:29px;height:29px;stroke-width:1.35}
.binder-cover-name{font-family:Sora,sans-serif;font-size:17px;line-height:1.45;overflow-wrap:anywhere;max-width:100%}
.binder-cover-count{margin-top:9px;font-size:13px;color:#c2d2b8;font-variant-numeric:tabular-nums}
.binder-cover-empty{background:linear-gradient(100deg,#0c1e15,#163322);box-shadow:4px 6px 0 #06130c,7px 11px 22px #0002}
.binder-cover-empty .binder-cover-window{height:66px;width:66px;aspect-ratio:auto;border-radius:50%;box-shadow:none;border-color:#b9d4a12b}
.binder-cover-empty-copy{max-width:25ch;margin:12px 0 22px;line-height:1.65;font-size:13px;color:#bbcdb3}
.binder-cover-create{display:flex;align-items:center;gap:8px;color:#d1e3b7;font-weight:650;font-size:13px}
.binder-cover-create svg{width:16px;height:16px}
.binder-cover:focus-visible,.binder-back:focus-visible,.binder-pocket button:focus-visible,.binder-pocket-remove:focus-visible{outline:2px solid #d7edb0;outline-offset:5px}
.binder-cover:hover{filter:brightness(1.08)}
.binder-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin:0 0 30px}
.binder-heading h1{margin:16px 0 8px;font-family:Sora,sans-serif;letter-spacing:-1px;font-size:32px;line-height:1.3;color:#eff3e8;overflow-wrap:anywhere}
.binder-heading p{margin:0;font-size:14px;color:#bdd0b5;font-variant-numeric:tabular-nums}
.binder-back{display:inline-flex;align-items:center;gap:8px;padding:4px 0;border:0;background:transparent;color:#c0d3b6;cursor:pointer;font-size:13px;line-height:1.6}
.binder-back svg{height:17px;width:17px}
.binder-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;align-items:center}
.binder-actions .button{margin:0}
.binder-book{max-width:540px;margin-inline:auto;position:relative;display:flex;gap:15px;padding:20px 20px 19px 37px;border-radius:7px 18px 18px 7px;background:linear-gradient(100deg,#122b1d,#254732 14%,#1a3827 65%,#284a34);box-shadow:0 4px 0 #08180f,0 20px 40px #0003;perspective:1800px;isolation:isolate}
.binder-book::before{content:"";position:absolute;inset:12px 11px 10px 23px;border-radius:4px 11px 11px 4px;background:#0a1d1259;box-shadow:0 1px 0 #bcd49e2a;pointer-events:none;z-index:-1}
.binder-binding{position:absolute;top:0;bottom:0;left:9px;width:22px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;z-index:4;pointer-events:none}
.binder-binding i{display:block;width:18px;height:28px;border:3px solid #778f75;border-right-color:#bec9ac;border-left-color:#334535;border-radius:50%;box-shadow:0 1px 3px #0009}
.binder-leaf{position:relative;flex:1;min-width:0;backface-visibility:hidden;transform-style:preserve-3d;background:linear-gradient(100deg,#70877418,#a8b69b13 50%,#8ca68221);padding:15px 13px 27px;border-radius:3px 8px 8px 3px;box-shadow:2px 3px 0 #61765c36,3px 4px 0 #c4d3b31f,inset 0 0 0 1px #cbdcba26}
.binder-book.has-2-leaves{max-width:1040px;width:100%;padding-left:20px;gap:29px}
.binder-book.has-2-leaves .binder-binding{left:calc(50% - 11px);background:linear-gradient(90deg,transparent,#04170e69,transparent)}
.binder-book.has-2-leaves .binder-leaf:first-of-type{border-radius:8px 3px 3px 8px;box-shadow:-2px 3px 0 #61765c36,-3px 4px 0 #c4d3b31f,inset 0 0 0 1px #cbdcba26}
.public-binder-owned{position:absolute;z-index:10;right:2px;top:2px;max-width:calc(100% - 4px);padding:3px 6px;border:1px solid #d6edab99;border-radius:999px;background:#10281fe8;color:#e9ffc8;font-size:10px;font-weight:700;line-height:1.3;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #0008}
.binder-pocket-grid{display:grid;grid-template-columns:repeat(var(--binder-columns,3),minmax(0,1fr));gap:12px}
.binder-pocket{position:relative;min-width:0;aspect-ratio:2/3;padding:7px;border-radius:4px;background:linear-gradient(115deg,#ebf5e504,transparent 45%,#dcecd814);box-shadow:inset 0 0 0 1px #d3e4c838,inset 0 3px 0 #dfead428,inset 0 -2px 4px #0004;isolation:isolate}
.binder-pocket::after{content:"";position:absolute;inset:0;z-index:8;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,transparent 0 57%,#f2faed08 58%,#f2faed0c 67%,transparent 69%);box-shadow:inset 0 -1px 0 #d2dfb738}
.binder-pocket.is-empty>button{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#b6c8ac;cursor:pointer;background:transparent;border:0;border-radius:3px}
.binder-pocket.is-empty svg{height:22px;width:22px;opacity:.75}
.binder-pocket.is-empty strong{font-weight:500;font-size:12px;line-height:1.6;text-align:center}
.binder-pocket-remove{position:absolute;right:9px;bottom:9px;z-index:9;height:28px;width:28px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#10241dee;color:#e2eadd;cursor:pointer;opacity:0;transition:opacity .15s}
.binder-pocket-remove svg{width:14px;height:14px}
.binder-pocket:hover .binder-pocket-remove,.binder-pocket:focus-within .binder-pocket-remove{opacity:1}
.binder-leaf-number{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);font-size:11px;color:#c0d0b5;font-variant-numeric:tabular-nums}
body .binder-pocket .card-wrap{display:block;height:100%;width:100%;margin:0;min-width:0;transform:none!important}
body .binder-pocket .card-wrap::part(base){height:100%;width:100%;margin:0;background:transparent;box-shadow:none;border:0;padding:0;border-radius:6px;overflow:visible}
body .binder-pocket .card-wrap::part(body){height:100%;padding:0}
body .binder-pocket .card-wrap .collectible-card{display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:100%;min-height:0;aspect-ratio:2/3;box-sizing:border-box;padding:4px;border-radius:6px;box-shadow:0 2px 3px #0004;overflow:hidden;transform:none!important}
body .binder-pocket .card-wrap .card-art,body .binder-pocket .card-wrap .collectible-card:has(.card-art[data-image-universe="mounts"]) .card-art{inset:4px 4px auto;width:calc(100% - 8px);height:58%;border-radius:3px}
body .binder-pocket .card-wrap .card-body,body .binder-pocket .card-wrap .collectible-card:has(.card-art[data-image-universe="mounts"]) .card-body{height:39%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:2px;padding:6px 5px 5px;box-sizing:border-box;border-radius:3px}
body .binder-pocket .card-wrap .card-title{grid-row:2;align-self:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere;white-space:normal;font-size:clamp(11px,1.05vw,15px);line-height:1.2;margin:0;text-align:center}
body .binder-pocket .card-wrap .card-category{grid-row:1;font-size:8px;line-height:1.3;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center}
body .binder-pocket .card-wrap .card-bottom{grid-row:3;display:flex;justify-content:space-between;gap:4px;min-height:11px;margin:0;padding:3px 0 0;font-size:8px;line-height:1.3}
body .binder-pocket .card-wrap .card-number,body .binder-pocket .card-wrap .rarity-label{font-size:8px;line-height:1.3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
body .binder-pocket .card-wrap .card-number{max-width:40%}
body .binder-pocket .card-wrap .card-topline{top:5px;left:5px;right:5px;gap:3px}
body .binder-pocket .card-wrap .card-universe{font-size:7px;padding:2px 3px;line-height:12px;min-height:16px;max-width:calc(100% - 20px)}
body .binder-pocket .card-wrap .rarity-mark{width:18px;min-width:18px;height:18px;font-size:8px}
body .binder-pocket .card-wrap .collectible-card[data-rarity="L"]::before,body .binder-pocket .card-wrap .collectible-card[data-rarity="L"]::after{top:62%;border-radius:0 0 6px 6px;animation:none}
.binder-pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin:28px 0 12px}
.binder-pagination .button{margin:0}
.binder-pagination>span{font-size:13px;line-height:1.6;color:#c1d3b7;font-variant-numeric:tabular-nums;text-align:center;min-width:100px}
.binder-picker-copy{margin:0 0 20px;line-height:1.7;color:#c0cfb7}
.binder-picker .search-input{width:100%;margin-bottom:22px}
.binder-picker-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:52vh;overflow:auto;padding:3px}
.binder-picker-row{display:grid;grid-template-columns:20px 42px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border:1px solid #9bb88830;border-radius:9px;cursor:pointer;min-width:0}
.binder-picker-row:has(input:checked){background:#31502e6b;border-color:#bddc9b6b}
.binder-picker-row input{width:17px;height:17px;accent-color:#c3dda6;margin:0}
.binder-picker-card{display:block;width:42px;height:63px;overflow:hidden;border-radius:3px;background:#23432b}
.binder-picker-card img{width:100%;height:100%;object-fit:contain}
.binder-picker-card svg{width:24px;height:24px;margin:18px 9px;color:#b9cea8}
.binder-picker-name{font-size:13px;line-height:1.5;font-weight:550;overflow-wrap:anywhere}
.binder-picker-status{grid-column:2/-1;color:#c5d7b8;font-size:11px;line-height:1.4}
.binder-picker-status:empty{display:none}
.binder-picker-empty{grid-column:1/-1;text-align:center;padding:35px 20px;line-height:1.7}
.binder-picker-empty p{margin:12px 0 0;color:#b9cbb0}
.binder-missing{padding:30px 0}
.binder-missing p{margin-bottom:24px}
@media(max-width:1099px){.binder-cover-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:22px}.binder-pocket-grid{gap:15px}.binder-book{max-width:540px;margin:auto}.binder-heading h1{font-size:29px}body .binder-pocket .card-wrap .card-title{font-size:clamp(13px,1.6vw,18px)}body .binder-pocket .card-wrap .card-category{font-size:9px}body .binder-pocket .card-wrap .card-number,body .binder-pocket .card-wrap .rarity-label{font-size:9px}}
@media(max-width:760px){.binder-shelf-heading,.binder-heading{align-items:flex-start;flex-direction:column;gap:20px}.binder-actions{justify-content:flex-start;gap:12px}.binder-shelf-heading h2{font-size:21px}.binder-cover-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 16px}.binder-cover{min-height:275px;padding:22px 14px 20px 24px}.binder-cover-name{font-size:15px}.binder-cover-window{width:70px;margin-bottom:17px}.binder-cover-spine{left:7px;width:8px}.binder-heading h1{font-size:26px}.binder-book{padding:12px 11px 12px 28px;gap:12px;border-radius:6px 13px 13px 6px}.binder-binding{left:4px;width:18px}.binder-binding i{width:15px;height:23px;border-width:2px}.binder-leaf{padding:11px 9px 25px}.binder-pocket-grid{gap:10px}.binder-pocket{padding:5px}.binder-pagination{gap:12px}.binder-pagination .button{font-size:12px;min-height:42px;padding:10px 12px}.binder-pagination>span{font-size:12px;min-width:72px}.binder-picker-list{grid-template-columns:1fr}.binder-picker-row{grid-template-columns:20px 42px minmax(0,1fr)}body .binder-pocket .card-wrap .card-title{font-size:13px}body .binder-pocket .card-wrap .card-category{font-size:8px}body .binder-pocket .card-wrap .card-number,body .binder-pocket .card-wrap .rarity-label{font-size:8px}}
@media(max-width:559px){.binder-pocket-grid{gap:12px}.binder-pagination .button{font-size:0;padding:10px;min-width:44px;gap:0}.binder-pagination .button svg{width:20px;height:20px}.binder-pagination>span{font-size:13px}.binder-pocket.is-empty strong{font-size:12px}body .binder-pocket .card-wrap .card-art{height:57%}body .binder-pocket .card-wrap .card-body{height:40%;padding:7px 5px 4px}body .binder-pocket .card-wrap .card-title{font-size:13px}body .binder-pocket .card-wrap .card-topline{top:5px;left:4px;right:4px}body .binder-pocket .card-wrap .card-universe{max-width:calc(100% - 22px);font-size:7px}body .binder-pocket .card-wrap .card-category{font-size:8px}.binder-cover-empty-copy{font-size:12px}.binder-cover-create{font-size:12px}.binder-pocket-remove{opacity:1;width:22px;height:22px;right:7px;bottom:7px;transform:translateY(30%)}}
@media(hover:none),(pointer:coarse){.binder-cover:hover{filter:none}.binder-pocket-remove{opacity:1}.binder-cover,.binder-pocket-remove{transition:none}}
@media(prefers-reduced-motion:reduce){.binder-cover,.binder-pocket-remove,.binder-leaf{transition:none!important;animation:none!important}}

.binder-picker-row{content-visibility:auto;contain-intrinsic-size:auto 90px}
.binder-picker-list{overscroll-behavior:contain}
.binder-cover,.binder-back,.binder-pagination button,.binder-pocket button{touch-action:manipulation}
.binder-cover-window{border-color:color-mix(in srgb,var(--binder-color,#698b70),#d4e5c0 45%)}
.binder-cover-spine{background:linear-gradient(90deg,#0004,color-mix(in srgb,var(--binder-color,#698b70),transparent 75%),#0002)}
.binder-heading h1,.binder-cover-name{text-wrap:balance}

.binder-view{max-width:1040px;margin-inline:auto;scroll-margin-top:106px}
@media(max-width:760px){.binder-view{scroll-margin-top:146px}}

body .binder-pocket .card-wrap .card-title{min-height:0;max-height:100%}

.binder-shelf.binder-shelf-compact{margin:24px 0 30px;min-width:0}.binder-shelf-compact .binder-shelf-heading{flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-bottom:14px}.binder-shelf-compact .binder-shelf-heading h2{margin:0;font-size:18px;line-height:1.4;letter-spacing:-.4px}.binder-shelf-compact .binder-shelf-heading>.button{width:auto;min-height:44px;margin:0;padding:10px 14px;font-size:12px}.binder-cover-grid.binder-cover-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));grid-auto-flow:row;grid-auto-columns:auto;align-items:stretch;gap:14px;max-width:100%;overflow:visible;padding:6px 6px 13px;margin:-6px;scrollbar-width:thin;scrollbar-color:#52765d transparent}.binder-cover-row .binder-cover{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-items:start;gap:5px 14px;min-height:104px;padding:14px 16px 14px 23px;border:1px solid #97b29b26;border-radius:5px 10px 10px 5px;box-shadow:2px 3px 0 #07130e;text-align:left;scroll-snap-align:start}.binder-cover-row .binder-cover-spine{left:6px;width:7px}.binder-cover-row .binder-cover-window{grid-column:1;grid-row:1/3;align-self:center;width:48px;height:72px;min-width:0;aspect-ratio:2/3;margin:0;border-radius:3px;box-shadow:none}.binder-cover-row .binder-cover-window svg{width:24px;height:24px}.binder-cover-row .binder-cover-name{grid-column:2;grid-row:1;align-self:end;font-size:14px;line-height:1.5;letter-spacing:-.2px;text-wrap:pretty;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.binder-cover-row .binder-cover-count{grid-column:2;grid-row:2;align-self:start;margin:0;font-size:12px;line-height:1.5;color:#afc4b5}.binder-cover-row .binder-cover-empty-copy{grid-column:2;grid-row:2;align-self:start;max-width:none;margin:0;font-size:11px;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.binder-cover-row .binder-cover-create{display:none}.binder-cover-row .binder-cover-empty .binder-cover-window{width:48px;height:72px;aspect-ratio:2/3;border-radius:3px}.binder-cover-row .binder-cover:focus-visible{outline-offset:3px}@media(max-width:380px){.binder-cover-grid.binder-cover-row{grid-auto-columns:minmax(0,calc(100% - 24px))}.binder-shelf-compact .binder-shelf-heading h2{font-size:17px}.binder-shelf-compact .binder-shelf-heading>.button{padding-inline:12px;font-size:11px}}

.binder-cover{background:linear-gradient(100deg,color-mix(in srgb,var(--binder-color,#698b70) 18%,#050b08) 0 5%,color-mix(in srgb,var(--binder-color,#698b70) 36%,#0b140e) 9%,color-mix(in srgb,var(--binder-color,#698b70) 36%,#102017) 15%,color-mix(in srgb,var(--binder-color,#698b70) 30%,#0b140e) 78%,color-mix(in srgb,var(--binder-color,#698b70) 40%,#14241b));box-shadow:3px 5px 0 color-mix(in srgb,var(--binder-color,#698b70) 18%,#060d09),7px 11px 22px #0003,inset -2px 0 0 #ffffff18}
.binder-cover-spine{background:linear-gradient(90deg,#0005,color-mix(in srgb,var(--binder-color,#698b70) 65%,#26332b),#0004);border-left-color:#ffffff1f}
.binder-cover.has-custom-cover .binder-cover-window img{object-fit:cover}
.binder-book{background:linear-gradient(100deg,color-mix(in srgb,var(--binder-color,#698b70) 24%,#0b150f),color-mix(in srgb,var(--binder-color,#698b70) 52%,#15261b) 14%,color-mix(in srgb,var(--binder-color,#698b70) 32%,#0b1b11) 65%,color-mix(in srgb,var(--binder-color,#698b70) 60%,#17261b))}
.binder-book .binder-leaf{background:linear-gradient(100deg,color-mix(in srgb,var(--binder-color,#698b70) 10%,#d2ddd20d),#c8d2c512 50%,color-mix(in srgb,var(--binder-color,#698b70) 12%,#c5d1c31a))}
.binder-heading{align-items:flex-start}
.binder-actions{max-width:630px;gap:10px}
.binder-actions .button{min-height:44px;justify-content:center;gap:8px;white-space:normal;text-align:center}
.binder-actions .button[aria-pressed="true"]{border-color:#9ed5bc80;background:#345e4d66;color:#e6fff3}
.binder-actions .button:disabled,.binder-pagination .button:disabled,.binder-move-handle:disabled{opacity:.45;cursor:not-allowed;filter:none;transform:none}
.binder-order-hint{max-width:70ch;margin:-10px auto 22px;padding:12px 16px;border-left:2px solid #95d5b4;border-radius:0 8px 8px 0;background:#15291f;color:#c4d7cb;font-size:13px;line-height:1.7}
.binder-pocket-order{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-top:8px;min-width:0;position:relative;z-index:9}
.binder-pocket-order>span{min-width:18px;font-size:11px;color:#c1d3c3;font-variant-numeric:tabular-nums;text-align:center}
.binder-move-handle{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:36px;padding:6px 9px;border:1px solid #9cbba53d;border-radius:7px;background:#14251def;color:#d6e9de;font-size:11px;font-weight:650;cursor:grab;user-select:none;touch-action:manipulation;line-height:1.4}
.binder-move-handle svg{width:15px;height:15px;flex:none}
.binder-move-handle:hover{background:#2b4a3c;border-color:#a6d9bd7a}
.binder-move-handle:active{cursor:grabbing}
.binder-view.is-arranging .binder-pocket{aspect-ratio:auto;display:flex;flex-direction:column;min-width:0}
body .binder-view.is-arranging .binder-pocket .card-wrap{height:auto;aspect-ratio:2/3;flex:none}
.binder-view.is-arranging .binder-pocket.is-empty>button{min-height:100%;aspect-ratio:2/3;flex:1}
.binder-pocket.binder-drag-source>.card-wrap{opacity:.4}
.binder-pocket.binder-drop-target{outline:2px solid #b8f0d0;outline-offset:2px;background:#5a9f7838;box-shadow:inset 0 0 0 1px #d3e4c838,0 0 0 6px #a6e8bd14}
.binder-pocket.binder-drop-target .binder-pocket-order{color:#d8ffe8}
.binder-move-title{font-family:Sora,sans-serif;font-size:17px;line-height:1.6;color:#e8f1e8;margin:0 0 24px;overflow-wrap:anywhere}
.binder-picker-copy{margin:0 0 18px;font-size:13px;line-height:1.7}
.binder-picker-toolbar{position:sticky;top:0;z-index:3;display:grid;gap:14px;padding:0 0 16px;background:var(--surface,#14271e)}
.binder-picker .search-input{margin:0;width:100%;min-height:44px}
.binder-picker-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.binder-picker-filters wa-select{display:block;min-width:0;width:100%}
.binder-picker-filters wa-select::part(form-control-label){font-size:12px;color:#b7cbbc;margin-bottom:6px}
.binder-picker-filters wa-select::part(combobox){min-height:44px;border-radius:9px;border:1px solid #76997d45;background:#0f2118;color:#e2eee5;box-shadow:none}
.binder-picker-bulk{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.binder-picker-bulk .button{margin:0;min-height:40px;padding:9px 13px;font-size:12px;line-height:1.5;justify-content:center}
.binder-picker-count{font-size:12px;line-height:1.5;margin:0;color:#a9c5b4;font-variant-numeric:tabular-nums}
.binder-picker-list{grid-template-columns:minmax(0,1fr);gap:8px;max-height:clamp(180px,42dvh,480px);padding:3px 5px 3px 3px;scrollbar-gutter:stable;overflow-anchor:none;align-content:start}
.binder-picker-row{grid-template-columns:20px 44px minmax(0,1fr);gap:14px;padding:10px 12px;min-height:88px;border-radius:10px;border-color:#7e9b8430;background:#102319;content-visibility:visible;contain-intrinsic-size:none;transition:background-color 100ms ease,border-color 100ms ease}
.binder-picker-row:hover{background:#1b3326;border-color:#9abb9c60}
.binder-picker-row:has(input:checked){background:#234331;border-color:#a6d4ac8c}
.binder-picker-row:has(input:focus-visible){outline:2px solid #c7e7ab;outline-offset:1px}
.binder-picker-row input{width:18px;height:18px;accent-color:#b9dda9;cursor:pointer}
.binder-picker-card{width:44px;height:66px;border-radius:4px;background:#14271d}
.binder-picker-card img{width:44px;height:66px;object-fit:contain}
.binder-picker-card svg{margin:21px 10px}
.binder-picker-name{display:grid;gap:5px;font-size:14px;line-height:1.5;color:#e0ece4}
.binder-picker-name small{display:block;font-size:11px;line-height:1.5;font-weight:400;color:#aac1b2;overflow-wrap:anywhere}
.binder-picker-more{justify-self:center;margin:12px 0 4px}
.binder-picker-error,.binder-appearance-error{margin:18px 0 0;padding:12px 14px;border:1px solid #e2a29140;border-radius:8px;background:#59352d40;color:#f2c1b2;font-size:13px;line-height:1.6}
.binder-picker-error[hidden],.binder-appearance-error[hidden]{display:none}
.binder-appearance-intro,.binder-appearance-gate p{margin:0 0 26px;color:#c0d0c3;font-size:14px;line-height:1.7}
.binder-appearance-layout{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);gap:32px;align-items:center}
.binder-appearance .binder-appearance-cover{width:100%;aspect-ratio:2/3;min-height:0;max-width:220px;justify-content:center;padding:24px 18px 24px 31px;cursor:default;filter:none;box-sizing:border-box}
.binder-appearance-cover .binder-cover-window{width:clamp(75px,12vw,110px);height:auto;aspect-ratio:2/3;margin-bottom:18px;flex:none}
.binder-appearance-cover .binder-cover-window img{object-fit:cover;aspect-ratio:2/3}
.binder-appearance-cover .binder-cover-name{font-size:15px;line-height:1.5;max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.binder-appearance-cover .binder-cover-count{font-size:11px;color:#d0ddcf;margin-top:7px}
.binder-appearance-image[hidden],.binder-appearance-image-fallback[hidden]{display:none!important}
.binder-appearance-image-fallback{display:grid;place-items:center;width:100%;height:100%}
.binder-appearance-fields{display:grid;gap:24px;min-width:0}
.binder-appearance-fields .field{margin:0;min-width:0}
.binder-appearance-fields .field>label{display:block;margin-bottom:10px;color:#dbe9de;font-size:13px;font-weight:650;line-height:1.5}
.binder-color-controls{display:flex;gap:12px;align-items:center}
.binder-color-controls input[type="color"]{appearance:none;-webkit-appearance:none;flex:0 0 52px;width:52px;height:46px;padding:5px;border:1px solid #9dbba04d;border-radius:9px;background:#14291c;cursor:pointer}
.binder-color-controls input[type="color"]::-webkit-color-swatch-wrapper{padding:0}
.binder-color-controls input[type="color"]::-webkit-color-swatch{border:0;border-radius:5px}
.binder-color-controls input[type="color"]::-moz-color-swatch{border:0;border-radius:5px}
.binder-color-controls input[type="text"]{width:0;flex:1;min-width:0;min-height:46px;font-variant-numeric:tabular-nums;letter-spacing:.6px}
.binder-appearance-fields input[type="file"]{display:block;max-width:100%;width:100%;min-height:44px;padding:7px;background:#102319;border:1px solid #8fab9338;border-radius:9px;color:#bbcebf;font-size:12px}
.binder-appearance-fields input[type="file"]::file-selector-button{min-height:32px;margin-right:10px;padding:7px 11px;border:0;border-radius:6px;background:#2f4b38;color:#e3eee1;font:inherit;cursor:pointer}
.binder-appearance-fields .helper-text{font-size:11px;line-height:1.6;color:#a6bda9;margin:9px 0 0}
.binder-appearance-fields .button{margin:12px 0 0;min-height:40px;font-size:12px;justify-content:flex-start}
.binder-appearance-status{margin:20px 0 0;min-height:20px;color:#b7d7bd;font-size:12px;line-height:1.6}
.binder-appearance-status:empty{display:none}
@media(max-width:760px){.binder-actions{max-width:none;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.binder-actions .button{width:100%;font-size:12px;padding:10px 12px}.binder-order-hint{margin-top:0}.binder-appearance-layout{gap:24px;grid-template-columns:minmax(140px,180px) minmax(0,1fr)}.binder-appearance-cover .binder-cover-window{width:85px}}
@media(max-width:559px){.binder-picker-filters{gap:10px}.binder-picker-bulk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.binder-picker-bulk .button{min-height:44px;padding:8px;font-size:11px}.binder-picker-row{gap:10px;padding:9px;grid-template-columns:18px 44px minmax(0,1fr)}.binder-picker-name{font-size:13px}.binder-picker-list{max-height:38dvh}.binder-appearance-layout{grid-template-columns:minmax(0,1fr);gap:26px}.binder-appearance .binder-appearance-cover{max-width:160px;justify-self:center;padding:18px 14px 18px 25px}.binder-appearance-cover .binder-cover-window{width:72px;margin-bottom:12px}.binder-appearance-cover .binder-cover-name{font-size:13px}.binder-appearance-cover .binder-cover-count{font-size:10px}.binder-appearance-fields{gap:22px}.binder-appearance-intro{margin-bottom:20px}.binder-move-handle{min-height:40px;font-size:10px;padding:7px}.binder-pocket-order{gap:4px}.binder-pocket-order>span{font-size:10px}}
@media(hover:none),(pointer:coarse){.binder-move-handle{cursor:pointer}.binder-picker-row:hover{background:#102319;border-color:#7e9b8430}.binder-picker-row:has(input:checked){background:#234331;border-color:#a6d4ac8c}}
@media(prefers-reduced-motion:reduce){.binder-picker-row,.binder-move-handle{transition:none!important;animation:none!important}}

.binder-heading>div{min-width:0}

.binder-book .binder-leaf-number{padding:1px 7px;border-radius:5px;background:#102218db;color:#dcebdd;line-height:1.5}

.binder-a11y-hint{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.binder-card-move{position:relative;z-index:9;display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:44px;margin-top:7px;padding:8px;border:0;border-radius:6px;background:#10261de8;color:#d2e6db;font:inherit;font-size:12px;cursor:pointer;touch-action:manipulation}
.binder-card-move svg{width:15px;height:15px;flex:none}
.binder-card-move:hover{background:#244535;color:#ecfff4}
.binder-card-move:disabled{opacity:.45;cursor:progress}
.binder-card-move:focus-visible,.binder-move-slots button:focus-visible,.binder-move-picker select:focus-visible{outline:2px solid #87e0cf;outline-offset:3px}
.binder-move-picker>p{margin:0 0 22px;color:#bdd1c5;font-size:13px;line-height:1.7}
.binder-move-picker>label{display:block;margin-bottom:8px;color:#d8eade;font-size:13px;font-weight:600}
.binder-move-picker>select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #729e8766;border-radius:8px;background:#10261c;color:#eef8f1;font:inherit;color-scheme:dark}
.binder-move-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px}
.binder-move-slots button{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-height:84px;padding:12px;border:1px solid #749e873d;border-radius:9px;background:#142e21;color:#e0eee4;text-align:left;font:inherit;cursor:pointer;touch-action:manipulation}
.binder-move-slots button>span{font-size:10px;line-height:1.5;color:#abc4b4}
.binder-move-slots button>strong{max-width:100%;font-size:12px;line-height:1.5;overflow-wrap:anywhere;font-weight:600}
.binder-move-slots button[aria-pressed="true"]{border-color:#87dfc8;background:#285541}
.binder-move-slots button:disabled{opacity:.4;cursor:default}
.modal:has(.binder-move-picker){display:flex;flex-direction:column;max-height:calc(100dvh - 32px);overflow:hidden}
.modal:has(.binder-move-picker)>.modal-header,.modal:has(.binder-move-picker)>.modal-footer{flex:none}
.modal:has(.binder-move-picker)>.modal-content{min-height:0;overflow:auto;overscroll-behavior:contain}
.modal:has(.binder-move-picker)>.modal-footer{display:flex;justify-content:flex-end;gap:12px}
.modal:has(.binder-move-picker)>.modal-footer .button{min-height:44px;margin:0}
@media(max-width:559px){.binder-move-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.binder-move-slots button{min-height:76px;padding:10px}.modal:has(.binder-move-picker)>.modal-footer .button{flex:1;justify-content:center}}
.binder-pocket[data-binder-card]{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
body .binder-pocket[data-binder-card] .collectible-card{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.binder-pocket[data-binder-card] img{-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none}
.binder-view.is-saving-order .binder-pocket[data-binder-card],body .binder-view.is-saving-order .binder-pocket .collectible-card{cursor:progress}
.binder-pocket.binder-drag-source>.card-wrap{opacity:.25;filter:saturate(.4)}
.binder-pocket.binder-drop-target{outline:2px solid #c7edc0;outline-offset:3px;background:#7ab99620;box-shadow:inset 0 0 0 1px #d3e4c838,0 0 0 6px #a6e8bd12}
body.binder-drag-active,body.binder-drag-active *{cursor:grabbing!important;user-select:none!important;-webkit-user-select:none!important}
body .binder-drag-ghost.card-wrap{position:fixed;top:0;left:0;z-index:20000;display:block;margin:0;padding:0;pointer-events:none;contain:layout style;will-change:transform;rotate:-2deg;filter:drop-shadow(0 16px 18px #0007);transition:none!important}
body .binder-drag-ghost.card-wrap .collectible-card{height:100%!important;pointer-events:none;transform:none!important;box-shadow:0 0 0 1px #d6f0d744,0 4px 16px #0004}
@media(hover:none),(pointer:coarse){.binder-pocket[data-binder-card],body .binder-pocket[data-binder-card] .collectible-card{cursor:default}}
@media(prefers-reduced-motion:reduce){body .binder-drag-ghost.card-wrap{rotate:0deg;filter:drop-shadow(0 8px 10px #0005)}.binder-pocket.binder-drop-target,.binder-pocket.binder-drag-source>.card-wrap{transition:none!important;animation:none!important}}

.modal:has(.binder-appearance){width:min(840px,calc(100vw - 32px))}.binder-appearance-layout{grid-template-columns:minmax(200px,.9fr) minmax(0,1.1fr);gap:36px;align-items:start}.binder-appearance-stage{display:grid;justify-items:center;gap:24px;padding:28px 22px;border-radius:16px;background:radial-gradient(ellipse at 50% 45%,#49685130,transparent 72%),#0d1c15}.binder-appearance-stage>span{color:#acc5b5;font-size:12px}.binder-appearance .binder-appearance-cover{max-width:210px;transform:none;rotate:0deg;transition:none;filter:none}.binder-appearance-fields{padding-top:8px;gap:28px}.binder-appearance-fields .binder-file-native{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}.binder-appearance-fields .field > .binder-file-picker{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px 12px;padding:18px;margin:0;border:1px dashed #759d8580;border-radius:12px;background:#11271c;cursor:pointer;min-height:96px}.binder-file-picker svg{width:23px;height:23px;grid-row:1 / 3;align-self:center;color:#bfe9ce}.binder-file-picker strong{font-size:14px;font-weight:600;align-self:end}.binder-file-picker span{font-size:12px;color:#abc4b4;overflow-wrap:anywhere;white-space:normal;line-height:1.6;font-weight:400}.binder-file-picker:hover{background:#1b3326;border-color:#a5d5b7}.binder-file-native:focus-visible+.binder-file-picker{outline:2px solid #c7e7ab;outline-offset:4px}.binder-appearance-fields .field .helper-text{font-size:12px;line-height:1.7;margin-top:12px}.binder-appearance-fields .button{min-height:44px;margin-top:16px}.binder-appearance-cover:hover{filter:none}.binder-pocket{aspect-ratio:auto}.binder-pocket.is-empty{aspect-ratio:2/3}.binder-pocket.is-empty>button{min-height:100%}body .binder-pocket .card-wrap{height:auto!important;aspect-ratio:2/3;rotate:0deg;scale:1;translate:none}body .binder-pocket .card-wrap .collectible-card{height:auto!important;aspect-ratio:2/3;rotate:0deg;scale:1;translate:none}body .binder-drag-ghost.card-wrap{rotate:0deg}body .binder-pocket .card-wrap .card-bottom{flex-wrap:nowrap;align-items:center}body .binder-pocket .card-wrap .rarity-label{flex:0 1 auto;min-width:0}body .binder-pocket .card-wrap .card-number{flex:0 1 auto;min-width:0}@media(max-width:640px){.binder-appearance-layout{grid-template-columns:minmax(0,1fr);gap:24px}.binder-appearance-stage{padding:22px;gap:16px}.binder-appearance .binder-appearance-cover{max-width:160px}.binder-appearance-fields{padding:0}.modal:has(.binder-appearance) .modal-content{padding:22px}.binder-appearance-fields .field > .binder-file-picker{min-height:92px}}
@media(max-width:640px){.binder-appearance-stage{grid-template-columns:110px minmax(0,1fr);align-items:center;gap:22px;padding:18px}.binder-appearance .binder-appearance-cover{max-width:110px;padding:13px 10px 13px 18px}.binder-appearance-cover .binder-cover-window{width:48px;margin-bottom:8px}.binder-appearance-cover .binder-cover-name{font-size:11px}.binder-appearance-cover .binder-cover-count{font-size:9px;margin-top:4px}.binder-appearance-stage>span{max-width:12ch;line-height:1.7}.binder-appearance-cover .binder-cover-spine{left:5px;width:6px}.binder-appearance-intro{font-size:13px}}
.modal:has(.binder-appearance){display:flex;flex-direction:column;max-height:calc(100dvh - 32px);overflow:hidden}.modal:has(.binder-appearance)>.modal-header,.modal:has(.binder-appearance)>.modal-footer{flex:none}.modal:has(.binder-appearance)>.modal-content{min-height:0;overflow:auto;overscroll-behavior:contain}.modal:has(.binder-appearance)>.modal-footer{display:flex;justify-content:flex-end;gap:12px}.modal:has(.binder-appearance)>.modal-footer .button{min-height:44px;margin:0}@media(max-width:640px){.modal:has(.binder-appearance)>.modal-footer{padding:16px 22px}.modal:has(.binder-appearance)>.modal-footer .button{flex:1;justify-content:center}}
body .binder-privacy{display:inline-grid;grid-template-columns:40px minmax(0,1fr);align-items:center;justify-content:start;justify-items:start;text-align:left;column-gap:9px;row-gap:1px;margin:12px 0 0;padding:6px 10px;border:1px solid #9aba9b33;border-radius:12px;background:#12211a;cursor:pointer;transition:border-color .15s,background .15s}
body .binder-privacy:hover{border-color:#9aba9b66;background:#162a20}
body .binder-privacy input{appearance:none;-webkit-appearance:none;grid-row:1/3;position:relative;width:40px;height:22px;margin:0;border-radius:999px;background:#2b3f33;box-shadow:inset 0 0 0 1px #9aba9b40;cursor:pointer;transition:background .18s}
body .binder-privacy input::before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#cfdccf;box-shadow:0 1px 3px #0006;transition:transform .18s,background .18s}
body .binder-privacy input:checked{background:#bedca5;box-shadow:none}
body .binder-privacy input:checked::before{transform:translateX(18px);background:#15271b}
body .binder-privacy input:focus-visible{outline:2px solid #bedca5;outline-offset:3px}
body .binder-privacy input:disabled{opacity:.6;cursor:wait}
body .binder-privacy span{font-size:13.5px;font-weight:650;line-height:1.35;color:#e3eedf}
body .binder-privacy small{font-size:11.5px;line-height:1.4;color:#9fb5a4}
body .binder-privacy:has(input:checked) span::after{content:" \1F512";font-size:12px}
@media(prefers-reduced-motion:reduce){body .binder-privacy input,body .binder-privacy input::before{transition:none}}
.binder-flip-layer{position:fixed;inset:0;z-index:60;pointer-events:none;perspective:2400px}
.binder-flip-under,.binder-flip-sheet{position:absolute}
.binder-flip-sheet{transform-style:preserve-3d;will-change:transform}
.binder-flip-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;box-shadow:0 14px 34px #00000059}
.binder-flip-face.is-back{transform:rotateY(180deg)}
.binder-flip-under>.binder-leaf,.binder-flip-face>.binder-leaf{position:relative;flex:none}
.binder-flip-shade{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000 0%,#0000008c 100%);transform:translateZ(1px)}
body .binder-book .binder-pocket{border-radius:6px;background:linear-gradient(180deg,#ffffff0e,#ffffff03 38%,#0000001a),#0c1b13;box-shadow:inset 0 0 0 1px #e6f2dd30,inset 0 1px 0 #ffffff24,inset 0 -3px 6px #00000038,0 5px 12px #0000003d}
body .binder-book .binder-pocket::before{content:"";position:absolute;top:0;left:7%;right:7%;height:7px;z-index:9;pointer-events:none;border-radius:0 0 60% 60%/0 0 100% 100%;background:linear-gradient(180deg,#ffffff26,#ffffff00);box-shadow:0 1px 0 #ffffff12}
body .binder-book .binder-pocket::after{border-radius:inherit;background:linear-gradient(112deg,#fff0 0 30%,#ffffff1c 37%,#ffffff07 44%,#fff0 50%) 0 0/260% 100% no-repeat,linear-gradient(180deg,#ffffff12,#fff0 24%),radial-gradient(130% 55% at 50% -12%,#ffffff17,#fff0 62%);box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 0 0 4px #ffffff06,inset 0 -10px 14px -12px #0008;transition:background-position .6s ease}
body .binder-book .binder-pocket:hover::after{background-position:85% 0,0 0,0 0}
body .binder-book .binder-pocket[data-binder-card]{cursor:grab}
body .binder-book .binder-pocket img{-webkit-user-drag:none;user-select:none}
body .binder-book .binder-binding::before{content:"";position:absolute;top:5%;bottom:5%;left:50%;width:10px;transform:translateX(-50%);border-radius:5px;background:linear-gradient(90deg,#3d4a3c,#aeb9a5 40%,#e5ece0 50%,#8e9a8b 62%,#3a463a);box-shadow:0 0 0 1px #00000059,0 3px 8px #0007}
body .binder-book .binder-binding i{position:relative;z-index:1;width:22px;height:34px;border:4px solid transparent;border-radius:50%;background:linear-gradient(#0000,#0000) padding-box,linear-gradient(160deg,#fbfdf7 0%,#a7b2a2 24%,#5b685a 46%,#e9efe2 60%,#7b8879 78%,#d4dbcd 100%) border-box;box-shadow:0 3px 5px #000b,inset 0 1px 2px #0009}
body .binder-book .binder-binding i::after{content:"";position:absolute;top:2px;left:3px;width:5px;height:9px;border-radius:50%;background:#ffffffb0;filter:blur(1px)}
body .binder-book .binder-turn-zone{position:absolute;top:0;bottom:0;width:min(96px,11%);z-index:12;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .2s}
body .binder-book .binder-turn-zone.is-previous{left:0;border-radius:7px 0 0 7px;background:linear-gradient(90deg,#bedca540,#bedca500)}
body .binder-book .binder-turn-zone.is-next{right:0;border-radius:0 18px 18px 0;background:linear-gradient(270deg,#bedca540,#bedca500)}
body .binder-book .binder-turn-zone svg{width:30px;height:30px;color:#eef8e6;filter:drop-shadow(0 2px 4px #000b)}
body.binder-drag-active .binder-book .binder-turn-zone{opacity:.5}
body.binder-drag-active .binder-book .binder-turn-zone.is-armed{opacity:1}
body .binder-book .binder-turn-zone.is-armed svg{animation:binder-turn-nudge .55s ease-in-out infinite alternate}
body .binder-book .binder-turn-zone.is-previous.is-armed svg{animation-name:binder-turn-nudge-back}
body .binder-book .binder-turn-zone.is-armed::after{content:"";position:absolute;bottom:0;width:0;height:0;box-shadow:0 0 14px #0007;animation:binder-turn-curl .45s cubic-bezier(.2,.8,.3,1) forwards}
body .binder-book .binder-turn-zone.is-next.is-armed::after{right:0;border-top-left-radius:8px;background:linear-gradient(225deg,#0000 50%,#e3ecda 50%,#b9c7ae 72%,#8a9c81)}
body .binder-book .binder-turn-zone.is-previous.is-armed::after{left:0;border-top-right-radius:8px;background:linear-gradient(135deg,#0000 50%,#e3ecda 50%,#b9c7ae 72%,#8a9c81)}
@keyframes binder-turn-curl{to{width:58px;height:58px}}
@keyframes binder-turn-nudge{from{transform:translateX(0)}to{transform:translateX(7px)}}
@keyframes binder-turn-nudge-back{from{transform:translateX(0)}to{transform:translateX(-7px)}}
body.binder-drag-active .binder-book .binder-pocket.is-empty>button{outline:1.5px dashed #bedca55c;outline-offset:-7px;border-radius:5px}
body .binder-book .binder-pocket.binder-drop-target{z-index:2;transform:scale(1.035);box-shadow:0 0 0 2px #bedca5,0 0 26px #bedca570,inset 0 0 0 1px #ffffff30}
body .binder-book .binder-pocket.binder-drop-target.is-empty>button{outline-color:#bedca5;background:#bedca514}
body .binder-drag-ghost.card-wrap{filter:drop-shadow(0 28px 26px #000a) drop-shadow(0 6px 8px #0006);transition:none}
@media(prefers-reduced-motion:reduce){body .binder-book .binder-pocket::after{transition:none}body .binder-book .binder-turn-zone.is-armed svg,body .binder-book .binder-turn-zone.is-armed::after{animation:none}body .binder-book .binder-turn-zone.is-armed::after{width:58px;height:58px}body .binder-book .binder-pocket.binder-drop-target{transform:none}}
@media(max-width:559px){body .binder-book .binder-binding i{width:16px;height:25px;border-width:3px}body .binder-book .binder-binding::before{width:7px}}
body .binder-book .binder-card-move:not(:focus-visible){position:absolute;width:1px;height:1px;min-height:0;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body .binder-book .binder-card-move:focus-visible{position:absolute;left:6px;right:6px;bottom:6px;width:auto;margin:0}
body .binder-arrange{display:inline-flex;align-items:center;gap:8px;margin:12px 0 0 10px;vertical-align:top;font-size:13px;color:#cfdfd0}
body .binder-arrange span{font-weight:600}
body .binder-arrange select{min-height:42px;padding:6px 32px 6px 12px;border:1px solid #9aba9b33;border-radius:12px;background:#12211a;color:#e3eedf;font:inherit;font-size:13px;cursor:pointer}
body .binder-arrange select:hover{border-color:#9aba9b66}
body .binder-arrange select:focus-visible{outline:2px solid #bedca5;outline-offset:2px}
body .binder-arrange select:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:559px){body .binder-arrange{display:flex;margin:10px 0 0}}
body .binder-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px;margin:12px 0 0}
body .binder-tools .binder-privacy{margin:0}
body .binder-private-audience{display:inline-flex;align-items:center;min-width:0;margin:0}body .binder-private-audience wa-select{display:block;flex:1;width:auto;min-width:0;font-size:13px;--wa-form-control-height:36px}body .binder-private-audience wa-select::part(form-control-label){position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body .binder-private-audience wa-select::part(combobox){box-sizing:border-box;min-height:34px;height:34px;border-radius:9px;border:1px solid #9aba9b40;background:#0d1a13;color:#e3eedf;box-shadow:none}body .binder-private-audience wa-select::part(listbox){min-width:190px;max-width:calc(100vw - 32px);padding:6px;border:1px solid #38503e;border-radius:9px;background:#16251d;box-shadow:0 12px 30px #0005}body .binder-private-audience wa-option::part(base){min-height:38px;padding:8px 9px}body .binder-private-audience wa-option::part(label){font-size:13px}body .binder-private-audience[hidden]{display:none}
body .binder-tools .binder-arrange{display:inline-flex;align-items:center;min-width:0;gap:8px;margin:0;padding:5px 7px 5px 10px;border:1px solid #9aba9b33;border-radius:12px;background:#12211a;transition:border-color .15s,background .15s}
body .binder-tools .binder-arrange:hover,body .binder-tools .binder-arrange:focus-within{border-color:#9aba9b66;background:#162a20}
body .binder-tools .binder-arrange span{font-size:13.5px;font-weight:650;color:#e3eedf;white-space:nowrap}
body .binder-tools .binder-arrange select{appearance:none;-webkit-appearance:none;flex:1;width:0;min-width:0;min-height:34px;padding:5px 30px 5px 9px;border:1px solid #9aba9b40;border-radius:9px;background:#0d1a13 url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2714%27 height=%2714%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23bedca5%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m6 9 6 6 6-6%27/%3E%3C/svg%3E") no-repeat right 11px center/14px;color:#e3eedf;font:inherit;font-size:13px;cursor:pointer}
body .binder-tools .binder-arrange select option{background:#12211a;color:#e3eedf}
@media(max-width:559px){body .binder-tools{display:flex;flex-direction:column}body .binder-tools>.binder-privacy,body .binder-tools>.binder-private-audience,body .binder-tools>.binder-arrange{flex:0 0 auto;width:100%;min-width:0}body .binder-private-audience{width:100%}body .binder-private-audience wa-select{width:100%;min-width:0}body .binder-tools .binder-arrange select{min-width:0;flex:1}}
body .binder-flip-layer .binder-book.binder-flip-book{position:absolute;display:block;max-width:none;margin:0;padding:0;gap:0;border-radius:8px;background:none;box-shadow:none;overflow:visible;isolation:auto;perspective:none}
body .binder-flip-layer .binder-book.binder-flip-sheet{transform-style:preserve-3d}
body .binder-flip-layer .binder-book.binder-flip-book::before,body .binder-flip-layer .binder-book.binder-flip-book::after{display:none}
body .binder-flip-layer .binder-flip-under{overflow:hidden}
body .binder-flip-layer .binder-flip-face{border-radius:8px}
body .binder-flip-layer .binder-flip-under>.binder-leaf,body .binder-flip-layer .binder-flip-face>.binder-leaf{width:100%;height:100%;overflow:hidden}
body .binder-book .binder-pocket{padding:4px;aspect-ratio:auto}
body .binder-book .binder-pocket .card-wrap{height:auto}
body .binder-book .binder-pocket.is-empty>button{height:auto;aspect-ratio:2/3}
body .binder-book .binder-pocket .card-wrap .collectible-card{border-radius:5px}

/* Page-corner peel: hover a bottom corner to fold it, click to turn the page. */
body .binder-book .binder-turn-zone{--peel:16px;position:absolute;top:auto;bottom:0;width:96px;height:96px;z-index:14;display:block;padding:0;margin:0;border:0;background:none;opacity:1;pointer-events:auto;cursor:pointer;transition:none;-webkit-tap-highlight-color:transparent}
body .binder-book .binder-turn-zone.is-next{right:0;left:auto;border-radius:0 0 18px 0}
body .binder-book .binder-turn-zone.is-previous{left:0;right:auto;border-radius:0 0 0 7px}
body .binder-book .binder-turn-zone:disabled{display:none}
body .binder-book .binder-turn-zone::after{content:none;display:none;animation:none}
body .binder-book .binder-turn-zone .binder-peel{position:absolute;bottom:0;width:var(--peel);height:var(--peel);pointer-events:none;transition:width .28s cubic-bezier(.2,.8,.3,1),height .28s cubic-bezier(.2,.8,.3,1);filter:drop-shadow(-3px -3px 6px #0008)}
body .binder-book .binder-turn-zone.is-next .binder-peel{right:0;filter:drop-shadow(-4px -4px 7px #0009)}
body .binder-book .binder-turn-zone.is-previous .binder-peel{left:0;filter:drop-shadow(4px -4px 7px #0009)}
body .binder-book .binder-turn-zone .binder-peel::before,body .binder-book .binder-turn-zone .binder-peel::after{content:"";position:absolute;inset:0}
/* the uncovered corner: what lies under the lifted page */
body .binder-book .binder-turn-zone.is-next .binder-peel::before{clip-path:polygon(100% 0,100% 100%,0 100%);background:linear-gradient(315deg,#06100b 0%,#0d1c14 60%,#16291e 100%);border-bottom-right-radius:16px}
body .binder-book .binder-turn-zone.is-previous .binder-peel::before{clip-path:polygon(0 0,100% 100%,0 100%);background:linear-gradient(45deg,#06100b 0%,#0d1c14 60%,#16291e 100%);border-bottom-left-radius:6px}
/* the folded flap: back of the page, lit from the fold */
body .binder-book .binder-turn-zone.is-next .binder-peel::after{clip-path:polygon(0 0,100% 0,0 100%);background:linear-gradient(135deg,#9fb093 0%,#d9e4cf 42%,#eef4e6 50%,#b5c4a9 51%,#7e9076 100%);border-top-left-radius:40% 40%}
body .binder-book .binder-turn-zone.is-previous .binder-peel::after{clip-path:polygon(0 0,100% 0,100% 100%);background:linear-gradient(225deg,#9fb093 0%,#d9e4cf 42%,#eef4e6 50%,#b5c4a9 51%,#7e9076 100%);border-top-right-radius:40% 40%}
@media (hover:hover){body .binder-book .binder-turn-zone:hover{--peel:62px}}
body .binder-book .binder-turn-zone:focus-visible{outline:none;--peel:62px}
body.binder-drag-active .binder-book .binder-turn-zone{--peel:30px}
body.binder-drag-active .binder-book .binder-turn-zone.is-armed{--peel:84px}
body .binder-book .binder-turn-zone:active{--peel:74px}
@media (hover:none){body .binder-book .binder-turn-zone{--peel:22px;width:72px;height:72px}}
@media (prefers-reduced-motion:reduce){body .binder-book .binder-turn-zone .binder-peel{transition:none}}

/* Draggable page curl (replaces the coloured corner peel). */
body .binder-book .binder-turn-zone .binder-peel{display:none}
body .binder-book .binder-turn-zone{width:110px;height:110px;cursor:grab;touch-action:none;background:none}
body .binder-book .binder-turn-zone:active{cursor:grabbing}
@media (hover:none){body .binder-book .binder-turn-zone{width:84px;height:84px}}
.binder-curl{position:absolute;z-index:13;pointer-events:none}
.binder-curl-under,.binder-curl-page{position:absolute;inset:0}
.binder-curl-under{box-shadow:inset 0 0 0 1px #cbdcba1f}
.binder-curl-flap-wrap{position:absolute;inset:0;filter:drop-shadow(0 0 10px #000a)}
.binder-curl-flap{position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a}
.binder-pagination{justify-content:center}
.binder-curl{overflow:visible}
.binder-curl-under{position:absolute;inset:0}
.binder-curl-flap{position:absolute;inset:0;box-shadow:none;background:none;overflow:visible}
.binder-curl-back{position:absolute;left:0;top:0;width:100%;height:100%}
.binder-curl-shade{position:absolute;inset:-200%;pointer-events:none}
.binder-curl-flap-wrap{filter:drop-shadow(-2px 0 6px #000b) drop-shadow(0 0 2px #0007)}
.binder-curl .binder-pocket{pointer-events:none}
body .binder-book .binder-turn-zone.is-next,body .binder-book .binder-turn-zone.is-previous,body.binder-drag-active .binder-book .binder-turn-zone,body.binder-drag-active .binder-book .binder-turn-zone.is-armed{background:none;opacity:1;box-shadow:none;outline:none}
body .binder-book .binder-turn-zone::before,body .binder-book .binder-turn-zone::after,body .binder-book .binder-turn-zone svg,body .binder-book .binder-turn-zone i{display:none!important;content:none!important}
.binder-curl-flap-wrap{filter:drop-shadow(-3px 2px 7px #000c)}
/* Hover: only the paper corner lifts a little. Same colour as the page, no tint. */
body .binder-book .binder-turn-zone .binder-peel{display:block;--peel:0px;width:var(--peel);height:var(--peel);filter:drop-shadow(-2px -2px 3px #0006);transition:width .18s ease-out,height .18s ease-out}
@media (hover:hover){body .binder-book .binder-turn-zone:hover .binder-peel{--peel:26px}}
@media (hover:none){body .binder-book .binder-turn-zone .binder-peel{--peel:16px}}
body .binder-book .binder-turn-zone.is-curling .binder-peel,body.binder-drag-active .binder-book .binder-turn-zone .binder-peel{display:none}
body .binder-book .binder-turn-zone.is-next .binder-peel::before{clip-path:polygon(100% 0,100% 100%,0 100%);background:#05100a;border-radius:0 0 16px 0}
body .binder-book .binder-turn-zone.is-previous .binder-peel::before{clip-path:polygon(0 0,100% 100%,0 100%);background:#05100a;border-radius:0 0 0 6px}
body .binder-book .binder-turn-zone.is-next .binder-peel::after{clip-path:polygon(0 0,100% 0,0 100%);border-radius:0;background:linear-gradient(135deg,color-mix(in srgb,var(--binder-color,#698b70) 30%,#0b150f) 0%,color-mix(in srgb,var(--binder-color,#698b70) 45%,#1a2b20) 70%,color-mix(in srgb,var(--binder-color,#698b70) 60%,#2b3d30) 100%)}
body .binder-book .binder-turn-zone.is-previous .binder-peel::after{clip-path:polygon(0 0,100% 0,100% 100%);border-radius:0;background:linear-gradient(225deg,color-mix(in srgb,var(--binder-color,#698b70) 30%,#0b150f) 0%,color-mix(in srgb,var(--binder-color,#698b70) 45%,#1a2b20) 70%,color-mix(in srgb,var(--binder-color,#698b70) 60%,#2b3d30) 100%)}
body .binder-book .binder-turn-zone.is-next .binder-peel::before{border-radius:0 0 8px 0}
body .binder-book .binder-turn-zone.is-previous .binder-peel::before{border-radius:0 0 0 8px}

/* Card picker: big tiles, scope chips, one tap to pick. */
.binder-picker-scopes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.binder-scope{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1px solid #bedca533;border-radius:999px;background:transparent;color:#b9ccbb;font:inherit;font-size:13px;cursor:pointer}
.binder-scope b{font-size:11px;padding:1px 7px;border-radius:999px;background:#ffffff12;color:#dfeee0}
.binder-scope.is-active{background:#bedca5;border-color:#bedca5;color:#15271b;font-weight:700}
.binder-scope.is-active b{background:#15271b33;color:#15271b}
.binder-picker-list.is-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;align-content:start;max-height:min(56vh,560px);overflow-y:auto;padding:4px 2px}
.binder-picker-list.is-grid .binder-picker-tile{position:relative;display:grid;gap:5px;padding:0;border:0;background:none;cursor:pointer;min-width:0}
.binder-picker-tile input{position:absolute;opacity:0;pointer-events:none}
.binder-picker-tile .binder-picker-card{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:2/3;overflow:hidden;border-radius:8px;background:#0c1b13;box-shadow:inset 0 0 0 1px #ffffff14;transition:transform .12s,box-shadow .12s}
.binder-picker-tile .binder-picker-card img{width:100%;height:100%;object-fit:cover;object-position:50% 15%}
.binder-picker-tile:hover .binder-picker-card{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #bedca566}
.binder-picker-tile.is-picked .binder-picker-card{box-shadow:0 0 0 3px #bedca5,0 0 18px #bedca566}
.binder-picker-check{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#bedca5;color:#15271b;font-weight:900;font-size:14px;opacity:0;transform:scale(.6);transition:opacity .12s,transform .12s}
.binder-picker-tile.is-picked .binder-picker-check{opacity:1;transform:none}
.binder-picker-rarity{position:absolute;left:6px;bottom:6px;padding:1px 6px;border-radius:5px;background:#000a;color:#eef6ea;font-size:10px;font-weight:800}
.binder-picker-tile .binder-picker-name{font-size:11.5px;line-height:1.3;color:#d7e6d3;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.binder-picker-sentinel{grid-column:1/-1;height:1px}
.binder-picker-tile input:focus-visible+.binder-picker-card{outline:2px solid #bedca5;outline-offset:2px}
@media (max-width:600px){.binder-picker-list.is-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}}
.binder-picker-list.is-grid .binder-picker-row.binder-picker-tile{grid-template-columns:minmax(0,1fr);min-height:0;padding:0;border:0;border-radius:0;background:none;content-visibility:visible;contain-intrinsic-size:none;align-items:start}
.binder-picker-list.is-grid .binder-picker-row.binder-picker-tile:hover,.binder-picker-list.is-grid .binder-picker-row.binder-picker-tile:has(input:checked){background:none;border-color:transparent}
.binder-picker-list.is-grid .binder-picker-tile .binder-picker-card{width:100%;height:auto;aspect-ratio:2/3;border-radius:8px}
.binder-picker-list.is-grid .binder-picker-tile .binder-picker-card img{width:100%;height:100%;object-fit:cover}
.binder-picker-list.is-grid .binder-picker-tile .binder-picker-card svg{margin:0}
.binder-picker-list.is-grid .binder-picker-tile .binder-picker-name{display:-webkit-box;font-size:11.5px;font-weight:550}
.binder-picker-list.is-grid .binder-picker-rarity{left:5px;right:auto;bottom:5px;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.02em;box-shadow:0 2px 6px #0009;max-width:calc(100% - 10px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.binder-picker-rarity.rarity-C{background:#4a524e;color:#eef2ef}
.binder-picker-rarity.rarity-PC{background:#2f9e74;color:#f2fff9}
.binder-picker-rarity.rarity-R{background:#2f63c9;color:#f1f6ff}
.binder-picker-rarity.rarity-SR{background:#e2685a;color:#fff5f3}
.binder-picker-rarity.rarity-UR{background:linear-gradient(90deg,#33d1e0,#e46fb2);color:#10141a}
.binder-picker-rarity.rarity-L{background:linear-gradient(90deg,#f6d77a,#c9952f);color:#2a1d05}
.binder-picker-list.is-grid .binder-picker-tile.rarity-tile-L .binder-picker-card{box-shadow:inset 0 0 0 1px #f6d77a88}

/* Binder header hierarchy: title, actions/count, then privacy and sorting controls. */
body .binder-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:26px}
body .binder-heading-main{display:grid;gap:12px;min-width:0}
body .binder-title-row{display:flex;align-items:center;gap:16px;min-width:0}
body .binder-title-row h1{margin:0;font-size:30px;line-height:1.2}
body .binder-summary-row{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0}
body .binder-summary-row>.binder-actions{justify-content:flex-start;max-width:none;gap:8px}
body .binder-summary-row>.binder-actions .button{min-height:40px;padding:9px 12px;white-space:nowrap}
body .binder-summary-row>p{margin-left:auto;white-space:nowrap}
@media(max-width:760px){body .binder-title-row{align-items:flex-start;flex-direction:column;gap:8px}body .binder-summary-row{align-items:center;gap:10px}body .binder-summary-row>.binder-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:1}body .binder-summary-row>.binder-actions .button{width:100%;white-space:normal}body .binder-summary-row>p{flex:none}}
@media(max-width:559px){body .binder-heading{gap:10px;margin-bottom:20px}body .binder-summary-row{align-items:flex-end}body .binder-summary-row>.binder-actions{gap:8px}body .binder-summary-row>.binder-actions .button{min-height:38px;padding:8px 9px;font-size:11px}}

/* Keep custom binder cover art clean; do not tint its frame with the binder color. */
.binder-cover .binder-cover-window:has(img){border:0;background:transparent;box-shadow:none}
body .binder-tools .binder-arrange:not(.binder-private-audience) wa-select{display:block;flex:1;width:0;min-width:0;font-size:13px;--wa-form-control-height:34px}body .binder-tools .binder-arrange:not(.binder-private-audience) wa-select::part(combobox){box-sizing:border-box;min-height:34px;height:34px;border-radius:9px;border:1px solid #9aba9b40;background:#0d1a13;color:#e3eedf;box-shadow:none}body .binder-tools .binder-arrange:not(.binder-private-audience) wa-select::part(display-input){color:#e3eedf;font-size:13px}body .binder-tools .binder-arrange:not(.binder-private-audience) wa-select::part(expand-icon){color:#bedca5}body .binder-tools .binder-arrange:not(.binder-private-audience) wa-select::part(listbox){min-width:190px;max-width:calc(100vw - 32px);padding:6px;border:1px solid #38503e;border-radius:9px;background:#16251d;box-shadow:0 12px 30px #0005;color:#c8d5ce}body .binder-tools .binder-arrange:not(.binder-private-audience) wa-option{color:#c8d5ce;--wa-color-neutral-fill-normal:#263e32;--wa-color-neutral-on-normal:#c8f2d7;--wa-color-on-normal:#c8d5ce}body .binder-tools .binder-arrange:not(.binder-private-audience) wa-option:hover,body .binder-tools .binder-arrange:not(.binder-private-audience) wa-option:focus,body .binder-tools .binder-arrange:not(.binder-private-audience) wa-option[selected]{background:#263e32;color:#c8f2d7}body .binder-tools .binder-arrange:not(.binder-private-audience) wa-option::part(base){min-height:38px;padding:8px 9px;border-radius:6px;color:inherit;background:transparent}body .binder-tools .binder-arrange:not(.binder-private-audience) wa-option::part(label){font-size:13px;color:inherit}body .binder-tools .binder-arrange:not(.binder-private-audience) wa-select:focus-within::part(combobox){outline:2px solid #bedca5;outline-offset:2px}
body .binder-book .binder-turn-zone.is-top{top:0;bottom:auto}
body .binder-book .binder-turn-zone.is-top .binder-peel{top:0;bottom:auto}
body .binder-book .binder-turn-zone.is-next.is-top .binder-peel{filter:drop-shadow(-4px 4px 7px #0009)}
body .binder-book .binder-turn-zone.is-previous.is-top .binder-peel{filter:drop-shadow(4px 4px 7px #0009)}
body .binder-book .binder-turn-zone.is-next.is-top .binder-peel::before{clip-path:polygon(100% 100%,100% 0,0 0);background:linear-gradient(225deg,#06100b 0%,#0d1c14 60%,#16291e 100%);border-radius:0 18px 0 0}
body .binder-book .binder-turn-zone.is-next.is-top .binder-peel::after{clip-path:polygon(0 100%,100% 100%,0 0);background:linear-gradient(45deg,#9fb093 0%,#d9e4cf 42%,#eef4e6 50%,#b5c4a9 51%,#7e9076 100%);border-radius:0 0 0 40%}
body .binder-book .binder-turn-zone.is-previous.is-top .binder-peel::before{clip-path:polygon(0 100%,100% 0,0 0);background:linear-gradient(135deg,#06100b 0%,#0d1c14 60%,#16291e 100%);border-radius:7px 0 0 0}
body .binder-book .binder-turn-zone.is-previous.is-top .binder-peel::after{clip-path:polygon(0 100%,100% 100%,100% 0);background:linear-gradient(315deg,#9fb093 0%,#d9e4cf 42%,#eef4e6 50%,#b5c4a9 51%,#7e9076 100%);border-radius:0 0 40% 0}
body .binder-book .binder-turn-zone.is-top.is-armed::after{top:0;bottom:auto}
body .binder-book .binder-turn-zone.is-next.is-top.is-armed::after{border-radius:0 0 0 8px;background:linear-gradient(315deg,#0000 50%,#e3ecda 50%,#b9c7ae 72%,#8a9c81)}
body .binder-book .binder-turn-zone.is-previous.is-top.is-armed::after{border-radius:0 0 8px 0;background:linear-gradient(45deg,#0000 50%,#e3ecda 50%,#b9c7ae 72%,#8a9c81)}
body .binder-view .binder-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px}
body .binder-view .binder-page-button{display:inline-flex;align-items:center;gap:6px;min-height:40px;margin:0;padding:8px 14px;font-size:13px}
body .binder-view .binder-page-button svg{width:16px;height:16px}
body .binder-view .binder-status{min-width:120px;text-align:center;font-size:13px;color:#c9d9cc;font-variant-numeric:tabular-nums}
body .binder-view .binder-pagination{flex-wrap:wrap;column-gap:16px;row-gap:10px}
body .binder-view .binder-page-row{display:flex;align-items:center;justify-content:center;gap:5px;max-width:100%;flex-wrap:wrap}
body .binder-view .binder-page-number,body .binder-view .binder-page-arrow{display:inline-grid;place-items:center;min-width:38px;min-height:40px;padding:5px 7px;border:1px solid #65847375;border-radius:9px;background:#15251c;color:#dbe9dc;font-family:inherit;font-size:13px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;cursor:pointer}
body .binder-view .binder-page-number[aria-current="page"]{border-color:#c5a968;background:#4b4227;color:#fff1c6}
body .binder-view .binder-page-number:hover:not(:disabled),body .binder-view .binder-page-arrow:hover:not(:disabled){border-color:#c5d9b3;background:#294231}
body .binder-view .binder-page-number:focus-visible,body .binder-view .binder-page-arrow:focus-visible,body .binder-view .binder-page-jump input:focus-visible,body .binder-view .binder-page-jump button:focus-visible{outline:2px solid #e6d49a;outline-offset:2px}
body .binder-view .binder-page-arrow{font-size:25px;font-weight:400;line-height:1}
body .binder-view .binder-page-arrow:disabled,body .binder-view .binder-page-number:disabled{opacity:.45;cursor:default}
body .binder-view .binder-page-ellipsis{min-width:20px;text-align:center;color:#a9b9a9}
body .binder-view .binder-page-jump{display:flex;align-items:center;gap:7px;color:#c9d9cc;font-size:13px}
body .binder-view .binder-page-jump input{box-sizing:border-box;width:64px;min-height:40px;padding:5px 8px;border:1px solid #65847375;border-radius:9px;background:#102016;color:#e9f1e8;font:inherit;font-variant-numeric:tabular-nums}
body .binder-view .binder-page-jump button{min-height:40px;padding:5px 11px;border:1px solid #a4bd96;border-radius:9px;background:#294231;color:#edf5df;font-family:inherit;font-size:13px;font-weight:600;line-height:1;cursor:pointer}
body .binder-view .binder-page-jump button:hover:not(:disabled){background:#365640}
body .binder-view .binder-help{margin:14px auto 0;max-width:820px;border:1px solid #9dc7ae2e;border-radius:12px;background:#0f2118aa;font-size:13px;color:#c9d9cc}
body .binder-view .binder-help summary{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;font-weight:600;color:#e2eee5;list-style:none}
body .binder-view .binder-help summary::-webkit-details-marker{display:none}
body .binder-view .binder-help summary svg{width:16px;height:16px;color:#bedca5}
body .binder-view .binder-help summary:focus-visible{outline:2px solid #bedca5;outline-offset:2px;border-radius:12px}
body .binder-view .binder-help ul{display:grid;gap:8px;margin:0;padding:0 14px 12px;list-style:none}
body .binder-view .binder-help li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;line-height:1.45}
body .binder-view .binder-help li svg{width:16px;height:16px;margin-top:2px;color:#bedca5}
@media (max-width:560px){body .binder-view .binder-pagination{gap:8px}body .binder-view .binder-page-button{padding:8px 10px;font-size:12px}body .binder-view .binder-status{min-width:0;font-size:12px}}
@media (max-width:560px){body .binder-view .binder-page-row{gap:4px}body .binder-view .binder-page-number,body .binder-view .binder-page-arrow{min-width:36px;min-height:40px;padding:4px}body .binder-view .binder-page-jump{width:100%;justify-content:center}body .binder-view .binder-status{width:100%}}
body .binder-curl .binder-curl-back{box-shadow:inset 0 0 0 1px #ffffff14}
body .binder-curl .binder-curl-shade{pointer-events:none}
body .binder-book .binder-pocket .card-wrap .collectible-card .card-art::after{animation-delay:var(--loop-phase,0s)}
.binder-book>.binder-leaf.is-curl-source>*{visibility:hidden}

/* Binder covers added in the October 2026 batch: motion only moves or fades SVG groups (artwork in album-cover.js). */
.album-koi-one,.album-koi-two{transform-origin:120px 150px}
.album-koi-one{animation:album-koi-swim 38s linear infinite}
.album-koi-two{animation:album-koi-swim 29s linear infinite}
.album-beam{animation:album-beam-sweep 7s ease-in-out infinite;transform-origin:70px 124px}
.album-beam-glint{animation:album-glint-pulse 7s ease-in-out infinite}
.album-petal-one{animation:album-petal-fall 9s ease-in infinite}
.album-petal-two{animation:album-petal-fall 12s 4s ease-in infinite both}
.album-lantern-one{animation:album-lantern-float 10s ease-in-out infinite}
.album-lantern-two{animation:album-lantern-float 13s ease-in-out infinite reverse}
@keyframes album-koi-swim{to{transform:rotate(360deg)}}
@keyframes album-beam-sweep{0%,100%{transform:rotate(-9deg);opacity:.55}50%{transform:rotate(7deg);opacity:1}}
@keyframes album-glint-pulse{0%,100%{opacity:.25}50%{opacity:.9}}
@keyframes album-petal-fall{0%{transform:translate(0,-40px);opacity:0}15%{opacity:1}80%{opacity:.85}100%{transform:translate(-22px,70px);opacity:0}}
@keyframes album-lantern-float{0%,100%{transform:translate(0,0);opacity:.85}50%{transform:translate(4px,-14px);opacity:1}}
/* Second October 2026 batch: same rules, motion only rotates, moves or fades SVG groups. */
.album-gear-one{transform-origin:92px 178px}
.album-gear-two{transform-origin:161px 117px}
.album-gear-three{transform-origin:158px 238px}
.album-gear-one{animation:album-gear-turn 32s linear infinite}
.album-gear-two{animation:album-gear-turn 20s linear infinite reverse}
.album-gear-three{animation:album-gear-turn 16s linear infinite reverse}
.album-lava-glow{animation:album-lava-pulse 6s ease-in-out infinite;transform-origin:122px 132px}
.album-ember-one{animation:album-ember-rise 7s ease-out infinite}
.album-ember-two{animation:album-ember-rise 9s 3s ease-out infinite both}
.album-window-one{animation:album-window-flicker 9s ease-in-out infinite}
.album-window-two{animation:album-window-flicker 13s 4s ease-in-out infinite reverse both}
.album-river-shimmer{animation:album-river-drift 8s ease-in-out infinite alternate}
.album-moon-halo{animation:album-halo-breathe 8s ease-in-out infinite;transform-origin:120px 140px}
.album-moon-stars{animation:album-glint-pulse 6s ease-in-out infinite}
.album-moon-twinkle{animation:album-glint-pulse 9s 3s ease-in-out infinite reverse both}
@keyframes album-gear-turn{to{transform:rotate(360deg)}}
@keyframes album-lava-pulse{0%,100%{opacity:.7;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
@keyframes album-ember-rise{0%{transform:translate(0,30px);opacity:0}20%{opacity:1}100%{transform:translate(6px,-46px);opacity:0}}
@keyframes album-window-flicker{0%,100%{opacity:1}45%{opacity:.35}60%{opacity:.9}}
@keyframes album-river-drift{from{transform:translate(-6px,0);opacity:.6}to{transform:translate(6px,0);opacity:1}}
@keyframes album-halo-breathe{0%,100%{transform:scale(.97);opacity:.7}50%{transform:scale(1.05);opacity:1}}
html[data-cosmetic-motion="off"] .album-cover-art svg g,html.pk-low-motion .album-cover-art svg g{animation:none!important}
@media(prefers-reduced-motion:reduce){.album-cover-art svg g{animation:none!important}}
/* Sort confirmation: « Appliquer à tous mes classeurs ». */
.binder-arrange-all{display:flex;align-items:center;gap:10px;margin:14px 0 0;font-size:14px;cursor:pointer}
.binder-arrange-all input{width:18px;height:18px;margin:0;accent-color:var(--theme-accent,#c5dfa4)}

/* profile.css */

.profile-page{width:100%;max-width:none;margin:0;padding:8px 0 40px;--profile-ink:#e8f0e3;--profile-muted:#a9bfb1;--profile-line:#314b3e;color:var(--profile-ink)}
.profile-hero{overflow:hidden;margin-bottom:24px;border:1px solid var(--profile-line);border-radius:20px;background:#162a21}
.profile-banner{width:100%;max-height:300px;min-height:96px}
.profile-identity{position:relative;display:flex;align-items:center;gap:24px;padding:22px 30px 26px}
.profile-portrait{--avatar-size:112px;margin-top:-66px;box-shadow:0 0 0 7px #162a21;font-size:32px}
.profile-heading{min-width:0;flex:1}
.profile-heading h1{font:600 clamp(24px,3vw,36px)/1.25 Sora,sans-serif;margin:7px 0 9px;overflow-wrap:anywhere;text-wrap:balance}
.profile-heading p{margin:0;color:var(--profile-muted);font-size:13px;line-height:1.6}
.profile-membership{color:#d8c88d;font-size:12px;font-weight:650}
.profile-stats{display:flex;gap:26px;flex:none;margin-left:auto}
.profile-stats>div{display:flex;flex-direction:column;gap:7px;min-width:0}
.profile-stats strong{font:600 24px/1.2 Sora,sans-serif;font-variant-numeric:tabular-nums}
.profile-stats span{font-size:12px;color:var(--profile-muted);line-height:1.5}
.profile-bio{margin:0;padding:0 30px 26px;max-width:80ch;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;color:#c8d8cc}
.profile-badges,.profile-appearance,.profile-completed{margin:0 0 26px;padding:26px;border:1px solid var(--profile-line);border-radius:16px;background:#14271e}
.profile-section-heading,.profile-completed>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.profile-section-heading>div,.profile-completed header>div{min-width:0}
.profile-section-heading h2,.profile-completed h2,.profile-section-title h2,.profile-side h2{font:600 18px/1.4 Sora,sans-serif;margin:0 0 8px}
.profile-section-heading p,.profile-completed header p,.profile-completed-empty,.profile-section-title p,.profile-side p{font-size:13px;line-height:1.7;color:var(--profile-muted);margin:0;max-width:70ch}
.profile-text-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:#a9d9cb;font-size:13px;line-height:1.5;text-underline-offset:4px;flex:none}
.profile-text-link:hover{text-decoration:underline;color:#e2f4e9}
.profile-text-link svg{width:16px;height:16px;flex:none}
.profile-badge-list{display:flex;gap:10px;flex-wrap:wrap}
.profile-badge{display:inline-flex;align-items:center;gap:9px;min-height:40px;max-width:100%;padding:8px 13px;border:1px solid #3b5947;border-radius:10px;background:#203b2c;color:#dcebd7;font-size:12px;font-weight:600;line-height:1.5}
.profile-badge>span{overflow-wrap:anywhere}
.profile-badge svg{width:17px;height:17px;flex:none;color:#a5d4a9}
.profile-badge[data-badge-kind="subscription"],.profile-badge[data-badge-kind="achievement"]{background:#393524;border-color:#635936;color:#f0dca2}
.profile-badge[data-badge-kind="subscription"] svg,.profile-badge[data-badge-kind="achievement"] svg{color:#e2c57d}
.profile-badge[data-badge-kind="community"]{background:#193d39;border-color:#38655d;color:#bae1d5}
.profile-style-field{min-width:0;border:0;padding:0;margin:26px 0 0}
.profile-style-field legend{font-size:14px;font-weight:650;padding:0;margin:0 0 16px}
.profile-style-options{display:grid;gap:12px}
.profile-frame-options{grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}
.profile-banner-options{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.profile-style-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:122px;min-width:0;padding:18px 12px 13px;border:1px solid #354f41;border-radius:12px;background:#11251b;color:#bbcebf;font:500 12px/1.5 'Plus Jakarta Sans',sans-serif;cursor:pointer;touch-action:manipulation;transition:background-color .16s,border-color .16s,color .16s}
.profile-style-option:hover{border-color:#78a98f;background:#1a3427;color:#ecf4e7}
.profile-style-option.is-selected{border-color:#9bd3bc;background:#234133;color:#e4f1e4;box-shadow:inset 0 0 0 1px #9bd3bc}
.profile-style-option:focus-visible,.profile-page a:focus-visible,.profile-page button:focus-visible{outline:2px solid #8fd8cd;outline-offset:4px}
.profile-style-option>svg{position:absolute;right:8px;top:8px;width:16px;height:16px;color:#c5efd7}
.profile-style-option>.appearance-avatar{--avatar-size:48px;font-size:16px}
.profile-style-option>span:last-of-type{overflow-wrap:anywhere;text-align:center}
.profile-style-option>.appearance-banner{width:100%;border-radius:7px;min-height:45px}
.profile-banner-options .profile-style-option{min-height:100px;padding:12px;gap:10px}
.profile-banner-options .profile-style-option>svg{right:16px;top:16px;padding:2px;background:#12291ee6;border-radius:50%;box-sizing:content-box}
.profile-style-note{font-size:12px;line-height:1.7;color:var(--profile-muted);margin:14px 0 0}
.profile-banner-upload{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:26px;padding-top:24px;border-top:1px solid var(--profile-line)}
.profile-banner-upload>div:first-child{flex:1 1 260px;min-width:0}
.profile-banner-upload h3{font-size:14px;margin:0 0 8px;line-height:1.5}
.profile-banner-upload p{margin:0;color:var(--profile-muted);font-size:12px;line-height:1.7;max-width:60ch}
.profile-banner-actions,.profile-photo-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.profile-banner-actions{flex:0 1 auto}
.profile-page .button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:normal;line-height:1.5;text-align:center}
.profile-page .button svg{width:17px;height:17px;flex:none}
.profile-upload{cursor:pointer}
.profile-file{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.profile-banner-actions:has(.profile-file:focus-visible) .profile-upload,.profile-photo-actions:has(.profile-file:focus-visible) .profile-upload{outline:2px solid #8fd8cd;outline-offset:4px}
.profile-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:26px;align-items:start}
.profile-editor,.profile-side>section{padding:28px;border-radius:16px;background:#14271e;border:1px solid var(--profile-line);min-width:0}
.profile-photo-actions{margin:24px 0}
.profile-field{display:flex;flex-direction:column;gap:10px;margin-top:22px;font-size:14px;font-weight:600}
.profile-field input,.profile-field textarea{width:100%;min-height:48px;padding:12px 15px;color:#e8efdf;background:#102017;border:1px solid #3c5646;border-radius:10px;font:400 14px/1.65 'Plus Jakarta Sans',sans-serif;box-sizing:border-box}
.profile-field textarea{resize:vertical;min-height:120px}
.profile-field input:focus-visible,.profile-field textarea:focus-visible{outline:2px solid #8fd8cd;outline-offset:2px}
.profile-field small{font-size:12px;font-weight:400;color:var(--profile-muted);text-align:right}
.profile-country{border:0;padding:24px 0 0;margin:24px 0 0;border-top:1px solid var(--profile-line);min-width:0}
.profile-country legend{float:left;width:100%;font-weight:600;font-size:14px;margin-bottom:14px}
.profile-switch{clear:both;display:flex;gap:12px;align-items:center;min-height:44px;font-size:14px;cursor:pointer;line-height:1.5}
.profile-switch input{width:19px;height:19px;flex:none;accent-color:#bbd9a5}
.profile-country p{margin:12px 0 0;color:var(--profile-muted);font-size:12px;line-height:1.7}
.profile-save{display:flex;justify-content:flex-end;padding-top:26px}
.profile-side{display:grid;gap:22px}
.profile-side dl{margin:22px 0}
.profile-side dl>div{margin-top:20px}
.profile-side dt{color:var(--profile-muted);font-size:12px;margin-bottom:8px}
.profile-side dd{margin:0;font-size:14px;overflow-wrap:anywhere;line-height:1.6}
.profile-side dl small{display:inline-flex;align-items:center;gap:6px;color:#bbd9a5;margin-top:8px;font-size:12px}
.profile-side dl small svg{width:14px;height:14px}
.profile-side .button{margin-top:22px;width:100%}
.profile-side .profile-text-link{margin-top:14px}
.profile-quicklinks{display:grid;gap:10px}
.profile-quicklinks a,.profile-signout{display:flex;gap:12px;align-items:center;min-height:44px;color:#d7e4d5;font-size:14px;text-decoration:none}
.profile-quicklinks svg{width:18px;height:18px;color:#a3c58e;flex:none}
.profile-quicklinks svg:last-child{margin-left:auto}
.profile-signout{border:0;background:none;padding:8px 0;text-align:left;cursor:pointer;font:inherit;font-size:13px}
.profile-signout:hover{color:#fff}
.profile-feedback,.profile-style-feedback{margin:22px 0 0;font-size:13px;line-height:1.6;color:#bfe5bd}
.profile-feedback.is-error,.profile-style-feedback.is-error{color:#f3b5a9}
.profile-completed-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.profile-completed-grid article{display:flex;align-items:center;gap:12px;min-width:0;padding:16px;border:1px solid #585535;border-radius:12px;background:#262f22}
.profile-collection-medal{display:grid;place-items:center;flex:0 0 40px;height:46px;border-radius:12px 12px 19px 19px;color:#eacf8e;background:#b09b4224}
.profile-collection-medal svg{width:22px;height:22px}
.profile-completed-grid article>div{flex:1;min-width:0}
.profile-completed-grid h3{font:600 13px/1.5 Sora,sans-serif;color:#f0e5bd;margin:0 0 5px;overflow-wrap:anywhere}
.profile-completed-grid p{font-size:12px;line-height:1.6;color:#bbccb4;margin:0}
.profile-completed-grid p span{margin-left:8px;color:#d8e7a4}
.profile-completed-grid article>svg{width:17px;height:17px;flex:none;color:#cfe5ad}
.sidebar-bottom button:hover,.sidebar-bottom [data-action=profile]:hover{transform:none!important;background:rgba(170,203,157,.08)!important;box-shadow:none!important}
.sidebar-bottom .avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
@media(max-width:900px){.profile-layout{grid-template-columns:minmax(0,1fr)}.profile-stats{gap:20px}.profile-identity{padding:22px 24px;gap:20px}.profile-portrait{--avatar-size:88px;margin-top:-48px;font-size:27px}.profile-bio{padding:0 24px 24px}}
@media(max-width:620px){.profile-section-heading,.profile-completed>header{align-items:flex-start;flex-direction:column;gap:10px}.profile-identity{flex-wrap:wrap;padding:18px 20px 22px;gap:16px}.profile-heading{flex:1}.profile-heading h1{font-size:24px}.profile-portrait{--avatar-size:72px;margin-top:-32px;font-size:23px}.profile-heading p{font-size:12px}.profile-stats{width:100%;margin:4px 0 0;padding-top:18px;border-top:1px solid var(--profile-line);gap:32px}.profile-stats strong{font-size:22px}.profile-bio{padding:0 20px 22px}.profile-badges,.profile-appearance,.profile-completed,.profile-editor,.profile-side>section{padding:22px 18px}.profile-section-heading h2,.profile-completed h2{font-size:17px}.profile-layout{gap:20px}.profile-frame-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.profile-banner-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-completed-grid{grid-template-columns:1fr}.profile-banner-actions{width:100%}.profile-banner-actions>.button{flex:1 1 190px}.profile-save .button{width:100%}.profile-photo-actions .button{font-size:12px;flex:1 1 180px}.profile-style-option{padding:16px 7px 12px;min-height:116px}.profile-style-option>.appearance-avatar{--avatar-size:40px}.profile-style-option>svg{right:5px;top:5px;width:14px;height:14px}.profile-badge{font-size:11px;gap:8px;padding:8px 10px}.profile-hero{border-radius:16px}}
@media(max-width:359px){.profile-frame-options{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-stats{gap:20px}.profile-stats span{font-size:11px}.profile-identity{padding-inline:16px}.profile-badges,.profile-appearance,.profile-completed,.profile-editor,.profile-side>section{padding-inline:16px}.profile-heading h1{font-size:21px}}
@media(prefers-reduced-motion:reduce){.profile-style-option{transition:none}}

.profile-style-motion{display:block;margin-top:5px;font-size:11px;line-height:1.4;color:var(--text-muted,#b3c2ad);font-weight:500}

.profile-card-picker{margin:22px 0;padding:20px;border:1px solid #476859;border-radius:14px;background:linear-gradient(135deg,#203c30,#132a20);min-width:0}
.profile-card-picker>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.profile-card-picker h3{font:600 16px/1.5 Sora,sans-serif;margin:0;min-width:0}.profile-card-picker>p{font-size:13px;line-height:1.7;color:#bed1c3;margin:0 0 18px}.profile-card-search{display:flex;align-items:center;gap:10px;padding:0 13px;min-height:46px;border:1px solid #496856;border-radius:9px;background:#10251a}.profile-card-search>svg{width:17px;height:17px;flex:none;color:#a6cbb4}.profile-card-search input{min-width:0;flex:1;width:100%;padding:12px 0;border:0;background:none;color:#e7f0e4;font:400 13px/1.5 'Plus Jakarta Sans',sans-serif;outline:0}.profile-card-search:focus-within{outline:2px solid #8fd8cd;outline-offset:3px}.profile-card-choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:10px;margin-top:18px}.profile-card-choice{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:9px;min-width:0;min-height:44px;padding:8px;border:1px solid #3b5949;border-radius:10px;background:#13291f;color:#c8daca;cursor:pointer}.profile-card-choice>span{display:block;aspect-ratio:2/3;border-radius:6px;overflow:hidden;background:#0d1c15}.profile-card-choice img{width:100%;height:100%;object-fit:contain}.profile-card-choice strong{font:600 11px/1.45 'Plus Jakarta Sans',sans-serif;min-height:2.9em;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-card-choice:hover{background:#244333;border-color:#91bfa1}.profile-card-choice[aria-pressed=true]{border-color:#c1e5b2;background:#2a4937;box-shadow:inset 0 0 0 1px #c1e5b2}.profile-card-choice>svg{position:absolute;right:12px;top:12px;width:20px;height:20px;padding:3px;border-radius:50%;background:#c1e5b2;color:#143021;box-sizing:content-box}.profile-card-empty{grid-column:1/-1;margin:8px 0;color:#b9cbbb;line-height:1.7;font-size:13px}.profile-card-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;color:#abc4b1;font-size:12px}.profile-card-pagination>div{display:flex;align-items:center;gap:8px}.profile-card-picker .icon-only{width:44px;min-width:44px;height:44px;padding:0}.profile-card-preview{display:grid;justify-items:center;gap:12px;padding:20px 12px;margin-top:18px;border:1px solid #476a53;border-radius:12px;background:#142b21}.profile-card-preview>span{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#add0ba}.profile-card-preview img{width:104px;aspect-ratio:1;border-radius:50%;object-fit:cover;background:#0d1c15}.profile-card-preview[data-profile-preview=banner] img{width:min(100%,480px);aspect-ratio:3/1;border-radius:9px}.profile-card-preview strong{font:600 13px/1.5 Sora,sans-serif;overflow-wrap:anywhere;text-align:center}.profile-card-picker-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-top:20px}.profile-image-credits{display:flex;flex-wrap:wrap;gap:8px 18px;padding:0 30px 20px;color:#b1c4b5;font-size:11px;line-height:1.7}.profile-image-credits>span{min-width:0;overflow-wrap:anywhere}.profile-image-credits a{color:#b9ddcc;text-decoration:underline;text-underline-offset:3px}.public-profile .profile-image-credits{padding:0 0 18px}
@media(max-width:620px){.profile-card-picker{padding:16px 12px}.profile-card-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.profile-card-choice{padding:6px}.profile-card-choice strong{font-size:10px}.profile-card-picker-actions>.button{flex:1 1 130px}.profile-image-credits{padding-inline:20px}}
@media(max-width:359px){.profile-card-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-card-pagination{justify-content:center}.profile-card-picker-actions>.button{flex-basis:100%}}

.profile-card-picker-feedback{margin:16px 0 0;font-size:13px;line-height:1.7;color:#c1e5b2}.profile-card-picker-feedback.is-error{color:#f3b5a9}

.profile-card-choice>span{position:relative}.profile-card-unique{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:3px 7px;border-radius:5px;background:#11231ff2;color:#f5dfa0;border:1px solid #c2a85688;font:700 11px/1.3 Sora,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}.profile-card-choice .profile-card-unique{position:absolute;left:5px;bottom:5px}.profile-card-preview .profile-card-unique{margin-top:-4px}

.profile-heading .profile-personal-tag,.public-profile-identity .public-profile-personal-tag{display:block;max-width:100%;margin:8px 0 0;color:#b9d8c3;font-size:13px;font-weight:600;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}
.profile-stats>.profile-rank{align-items:flex-start}
.profile-stats .profile-rank .arena-rank-badge{height:29px;box-sizing:border-box;padding:0 12px 0 6px;font-size:14px}
.profile-stats .profile-rank .arena-rank-badge span{font-size:inherit;line-height:1;color:var(--rank)}
.profile-stats .profile-rank .arena-rank-badge svg{width:20px;height:20px}
.profile-stats{align-items:stretch}
.profile-stats>div{align-items:center;justify-content:flex-start;text-align:center}
.profile-stats>.profile-rank{align-items:center}
.profile-stats>div>strong,.profile-stats .profile-rank .arena-rank-badge{height:29px;display:inline-flex;align-items:center;justify-content:center}

.profile-upload-feedback{margin:0;padding:12px 22px;border-top:1px solid var(--line,#294339);color:var(--text,#e4eddd);font-size:13px;line-height:1.5;overflow-wrap:anywhere}.profile-upload-feedback.is-error{color:#f3b5a9}.profile-upload-feedback[hidden]{display:none}

.profile-image-framer .banner-framer-panel{max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--line,#314b3e)}
.profile-avatar-framer .banner-framer-panel{width:min(440px,100%)}
.profile-avatar-framer .banner-framer-frame{aspect-ratio:1;width:min(100%,320px,45dvh);margin-inline:auto;border-radius:50%}
.profile-image-framer .banner-framer-actions .button.primary{background:var(--accent,#b8d5a5);color:var(--bg,#0b1913);border-color:var(--accent,#b8d5a5)}
.profile-upload-feedback{background:var(--panel,#162a21);border-color:var(--line,#314b3e);color:var(--text,#e4eddd)}
img.profile-media-cropped{border-radius:0;object-fit:cover;object-position:var(--profile-focus-x) var(--profile-focus-y);transform:scale(var(--profile-focus-zoom));transform-origin:var(--profile-focus-x) var(--profile-focus-y);clip-path:inset(var(--profile-focus-clip))}

img.profile-media-cropped.profile-media-banner{position:absolute;inset:auto;width:var(--profile-crop-width);height:var(--profile-crop-height);max-width:none;max-height:none;left:var(--profile-crop-left);top:var(--profile-crop-top)}

.profile-image-framer .banner-framer-frame{background-color:#17291f}
.profile-framer-fit{justify-self:center;min-height:32px;padding:4px 10px;border:0;border-radius:6px;background:transparent;color:var(--accent,#b8d5a5);font:inherit;font-size:13px;cursor:pointer}
.profile-framer-fit:hover{background:color-mix(in srgb,var(--accent,#b8d5a5) 12%,transparent)}
img.profile-media-cropped.profile-media-fit{object-fit:contain}
:has(>img.profile-media-cropped){background-color:#17291f;background-image:none}
:has(>img.profile-media-cropped)>.avatar-initial{visibility:hidden}

/* notifications.css */
.notifications-panel{display:none;position:fixed;inset:auto;left:var(--notifications-left,12px);top:var(--notifications-top,76px);margin:0;width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - var(--notifications-top,76px) - 16px);overflow:auto;overscroll-behavior:contain;padding:0;border:1px solid #91b37b4d;border-radius:14px;background:#14281ef0;color:#e4eeda;box-shadow:0 14px 40px #020b0870;backdrop-filter:blur(20px);z-index:1200;font-family:"Plus Jakarta Sans",sans-serif}.notifications-panel:popover-open,.notifications-panel.is-open{display:block}.notifications-panel::backdrop{background:transparent;pointer-events:none}.notifications-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 18px 15px;border-bottom:1px solid #78916533}.notifications-heading h2{font-family:Sora,sans-serif;font-size:15px;line-height:1.5;font-weight:550;letter-spacing:-.3px;margin:0;color:#e5efd9}.notifications-heading .notifications-close{width:28px;height:28px;min-width:28px;padding:5px;border:0;border-radius:7px;background:transparent;color:#a7bf97;display:grid;place-items:center}.notifications-heading .notifications-close:hover{background:#42613b45;color:#eef5e6}.notifications-heading .notifications-close svg{width:16px;height:16px;stroke-width:1.7}.notifications-links{padding:8px}.notification-link{display:grid;grid-template-columns:32px minmax(0,1fr) auto 14px;align-items:center;gap:12px;padding:13px 10px;min-height:62px;border-radius:9px;color:#cbdcc0;text-decoration:none;transition:background .15s,color .15s}.notification-link:hover{background:#52734630;color:#f0f6e8}.notification-link>span:nth-child(2){font-size:12px;line-height:1.7;min-width:0}.notification-glyph{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#3e603336;color:#c5ddb1}.notification-glyph svg{width:17px;height:17px;stroke-width:1.7}.notification-link>strong{font-family:Sora,sans-serif;font-size:17px;line-height:1.5;font-weight:550;font-variant-numeric:tabular-nums;color:#e4f0d4}.notification-link>svg{width:14px;height:14px;stroke-width:1.5;color:#86a277}.notifications-panel button:focus-visible,.notifications-panel a:focus-visible{outline:2px solid #cde7b1;outline-offset:-2px}body:not(.auth-page) .topbar-actions #notification-button{display:grid}@media(max-width:1000px){body:not(.auth-page) .topbar-actions #notification-button{display:grid;width:32px;height:32px;min-width:32px;padding:6px;margin:0;order:6}}@media(max-width:760px){.notifications-panel{border-radius:12px}.notifications-heading{padding:15px 16px 13px}.notification-link{gap:10px;padding:12px 9px}.notification-link>span:nth-child(2){font-size:12px}body:not(.auth-page) .topbar-actions #notification-button{width:28px;height:28px;min-width:28px;padding:5px}.notifications-panel .notification-link>strong{font-size:16px}}@media(prefers-reduced-motion:reduce){.notification-link{transition:none}}

.notifications-activity{padding:14px 8px 8px;border-bottom:1px solid #78916533}
.notifications-section-title{margin:0 10px 8px;font-size:11px;line-height:1.5;font-weight:600;color:#a8c2b3}
.notifications-activity-list{display:grid;gap:4px}
.notification-entry{display:grid;grid-template-columns:32px minmax(0,1fr) 14px;align-items:center;gap:12px;width:100%;min-width:0;min-height:72px;padding:13px 10px;border:0;border-radius:9px;background:transparent;color:#bed2c5;font:inherit;text-align:left;text-decoration:none;touch-action:manipulation}
button.notification-entry{cursor:pointer;transition:background .15s,color .15s}
button.notification-entry:hover{background:#52734630;color:#eef8f1}
.notification-entry.is-unread{background:#35645324;color:#d4ece0}
.notification-entry.is-unread .notification-glyph{background:#4fa99b24;color:#a1e8dc}
.notification-entry-copy{display:block;min-width:0;font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.notification-entry-copy strong{font-weight:650;color:#e1f0e7}
.notification-entry-copy time{display:block;margin-top:5px;font-size:10px;line-height:1.5;color:#9db8aa;font-variant-numeric:tabular-nums}
.notification-entry>svg,.notification-entry>i{width:14px;height:14px;color:#86a99a}
.notifications-empty{margin:0;padding:8px 10px 14px;font-size:12px;line-height:1.7;color:#9fb9a9}
@media(max-width:380px){.notification-entry{gap:9px;padding:12px 8px}.notification-entry-copy{font-size:12px}}
@media(prefers-reduced-motion:reduce){button.notification-entry{transition:none}}

.notifications-panel{width:min(380px,calc(100vw - 24px));border:1px solid #bedca533;border-radius:18px;background:linear-gradient(165deg,#173023f5,#0d1913f7);box-shadow:0 24px 60px #000a,inset 0 1px 0 #ffffff0f;transform-origin:top right}
.notifications-panel:popover-open,.notifications-panel.is-open{animation:notifications-in .16s ease-out}
@keyframes notifications-in{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.notifications-heading{padding:16px 16px 14px;border-bottom:1px solid #ffffff10}
.notifications-heading h2{font-size:16px;font-weight:650}
.notifications-activity{padding:12px 10px 10px;border-bottom:1px solid #ffffff10}
.notifications-section-title{margin:0 6px 8px;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8fae9c}
.notifications-activity-list{gap:6px;max-height:min(360px,50vh);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3f6a51 transparent}
.notification-entry{position:relative;grid-template-columns:38px minmax(0,1fr) 14px;min-height:0;padding:11px 12px;border:1px solid #ffffff0a;border-radius:12px;background:#ffffff05}
button.notification-entry:hover{background:#bedca514;border-color:#bedca533;transform:translateX(2px)}
.notification-entry .notification-glyph{width:38px;height:38px;border-radius:12px}
.notification-entry.is-visit .notification-glyph{background:#4fa99b26;color:#a1e8dc}
.notification-entry.is-mention .notification-glyph{background:#f6cf6a26;color:#ffd979}
.notification-entry.is-unread{background:#bedca50f;border-color:#bedca52e}
.notification-entry.is-unread::before{content:"";position:absolute;left:5px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#bedca5;box-shadow:0 0 8px #bedca5aa}
.notification-entry.is-mention.is-unread::before{background:#ffd979;box-shadow:0 0 8px #ffd979aa}
.notification-entry-copy{font-size:12.5px;line-height:1.5}
.notification-entry-copy time{margin-top:3px;font-size:10.5px;color:#8fae9c}
.notifications-links{display:grid;gap:4px;padding:10px}
.notification-link{min-height:0;padding:10px;border-radius:12px}
.notification-link:hover{background:#bedca514}
.notifications-empty{padding:18px 10px;text-align:center;color:#8fae9c}
@media(prefers-reduced-motion:reduce){.notifications-panel:popover-open,.notifications-panel.is-open{animation:none}button.notification-entry:hover{transform:none}}
.notifications-desktop{display:flex;align-items:flex-start;gap:10px;margin:0 10px 12px;padding:10px 12px;border:1px solid #ffffff10;border-radius:12px;background:#ffffff05;cursor:pointer}
.notifications-desktop input{margin-top:3px;accent-color:#bedca5;width:16px;height:16px}
.notifications-desktop strong{display:block;font-size:12.5px;color:#e1f0e7}
.notifications-desktop small{display:block;margin-top:2px;font-size:11px;line-height:1.45;color:#8fae9c}
button.notification-entry:hover{transform:none}
.notifications-panel,.notifications-activity-list{overflow-x:hidden}
.notifications-activity-list{scrollbar-gutter:auto}

/* shop.css */
.booster-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.booster-tier{position:relative;display:flex;flex-direction:column;align-items:center;padding:24px;border:1px solid #8aab8b26;border-radius:20px;background:linear-gradient(145deg,#1b3028c9,#111f19e8);text-align:center;overflow:hidden}.booster-tier.is-best{border-color:#badc9570;background:linear-gradient(145deg,#2d4430e8,#15291ee8)}.booster-tier-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;gap:10px;min-height:44px;text-align:left;font-size:13px;font-weight:700}.booster-tier-tag{display:inline-flex;align-items:center;min-height:26px;max-width:100%;padding:4px 9px;border-radius:99px;background:#c4dfb91a;color:#d3ebba;font-size:11px;line-height:1.5;white-space:nowrap}.booster-tier-tag:empty{display:none}.booster-tier-art{width:150px;height:180px;display:grid;place-items:center;margin:12px auto 8px}.booster-tier-art img{width:120px;height:180px;object-fit:contain;filter:drop-shadow(0 10px 14px #0004);transform:rotate(-6deg)}.booster-tier:nth-child(2) .booster-tier-art img{transform:rotate(0);width:130px}.booster-tier:nth-child(3) .booster-tier-art img{transform:rotate(6deg);width:140px}.booster-tier h3{margin:8px 0 0;font-size:35px;letter-spacing:-1.8px;line-height:1.2}.booster-tier h3 span{display:block;margin-top:7px;font-family:inherit;font-size:14px;font-weight:500;letter-spacing:0;color:#b8c5b8}.booster-tier-cost{display:flex;align-items:center;flex-direction:column;gap:5px}.booster-tier-cost strong{font-size:31px;line-height:1.2;letter-spacing:-1px}.booster-tier-cost span{font-size:13px;color:#aebcaf}.booster-tier-saving{min-height:20px;font-size:13px;font-weight:700;color:#d3ebba;margin:14px 0 20px}.booster-tier>.button{width:100%;min-height:44px;margin-top:auto}.shop-reserve-note{max-width:820px;margin:16px 0 28px;font-size:13px;line-height:1.8;color:#9fb1a3}.cosmetics-section{margin-top:44px}.cosmetics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cosmetic-product{display:flex;flex-direction:column;border:1px solid #99b69c25;border-radius:20px;background:#14241de0;overflow:hidden}.finish-preview{height:250px;display:grid;place-items:center;background:radial-gradient(ellipse at center,#485f5033,transparent 70%);padding:24px}.finish-sample-card{width:125px;aspect-ratio:2/3;border-radius:11px;background:#13221a;overflow:hidden;box-shadow:0 14px 25px #0004;transform:rotate(-7deg);border:1px solid #b7c9c170}.finish-preview-brass .finish-sample-card{transform:rotate(7deg);border-color:#c8a76d80}.finish-sample-art{height:95px;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#57816d,#193b2b 70%)}.finish-sample-art svg{width:38px;height:38px;color:#c5dfbd}.finish-sample-body{padding:12px 10px;display:flex;flex-direction:column;gap:8px;background:linear-gradient(120deg,#bbc8cf33,#5e777b18 40%,#d5e0df33)}.finish-preview-brass .finish-sample-body{background:linear-gradient(120deg,#c9a56350,#806b3622 40%,#d9b76240)}.finish-sample-body span{font-size:6px;letter-spacing:2px;opacity:.75}.finish-sample-body strong{font-size:10px}.finish-sample-body small{font-size:7px;opacity:.65}.finish-sample-album{width:155px;height:190px;border-radius:3px 12px 12px 3px;border:1px solid #91adb142;border-left:10px solid #101f22;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:linear-gradient(125deg,#24373b,#0c1a1e);box-shadow:0 14px 25px #0004;transform:rotate(-5deg);color:#c1ced0}.finish-sample-album>span{width:32px;height:32px}.finish-sample-album svg{width:100%;height:100%}.finish-sample-album strong{font-size:20px;letter-spacing:-1px}.finish-sample-album small{font-size:8px;letter-spacing:1px}.cosmetic-product-copy{display:flex;flex-direction:column;flex:1;padding:0 24px 24px;position:relative}.cosmetic-kind{font-size:12px;color:#a9b9a9;margin-bottom:9px}.cosmetic-product h3{margin:0;font-size:18px;letter-spacing:-.5px}.cosmetic-product p{min-height:44px;margin:12px 0 22px;color:#b3c0b4;font-size:13px;line-height:1.8}.cosmetic-product-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;min-height:44px}.cosmetic-product-action .button{min-height:42px;flex-shrink:0;padding-inline:15px}.cosmetic-price{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;color:#c0d1bb}.cosmetic-price img{width:24px;height:24px;object-fit:contain}.cosmetic-price strong{font-size:16px;color:#eef4e9}.cosmetic-price>span{font-size:10px}.cosmetic-equipped{display:inline-flex;align-items:center;gap:5px;margin-top:12px;color:#d0eab8;font-size:12px}.cosmetic-equipped svg{width:13px;height:13px}.collectible-card.finish-silver,.collectible-card.finish-brass{border-color:var(--card-frame,#66856d)!important;box-shadow:none}.collectible-card.finish-silver .card-body{background-image:linear-gradient(120deg,#c5d4da25,transparent 43%,#a3bcc61f)}.collectible-card.finish-brass .card-body{background-image:linear-gradient(120deg,#c8a15d35,transparent 43%,#ba945525)}.collectible-card.finish-silver .card-number{color:#c9d8dc}.collectible-card.finish-brass .card-number{color:#d6bd87}body[data-album-cover="midnight"] .binder-cover:not(.binder-cover-empty){background:linear-gradient(125deg,#25383b,#0c1b1e)!important;--binder-color:#849ca1!important;color:#d3dddc}body[data-album-cover="midnight"] .binder-book{--binder-color:#849ca1!important;background:linear-gradient(135deg,#1b3033,#0b191d)}body[data-album-cover="midnight"] .binder-cover-name{color:#dce6e3}body[data-album-cover="midnight"] .binder-cover-spine{background:#0d1e22}body[data-album-cover="midnight"] .binder-cover-count{color:#b8c9c9}@media(max-width:1050px){.booster-tier-grid,.cosmetics-grid{gap:14px}.booster-tier{padding:18px}.cosmetic-product-copy{padding:0 18px 20px}.cosmetic-product-action{flex-wrap:wrap}.cosmetic-price{flex:1;min-width:90px}}@media(max-width:720px){.booster-tier-grid,.cosmetics-grid{grid-template-columns:1fr}.booster-tier{padding:24px}.booster-tier-heading{min-height:36px}.booster-tier-art{height:150px}.booster-tier-art img{height:150px}.booster-tier h3 span{display:inline;margin-left:6px}.booster-tier-cost{flex-direction:row;gap:16px}.booster-tier-saving{margin:12px 0 18px}.cosmetic-product{display:grid;grid-template-columns:130px minmax(0,1fr)}.finish-preview{padding:18px;height:230px}.finish-sample-card{width:90px}.finish-sample-art{height:70px}.finish-sample-body{padding:8px;gap:5px}.finish-sample-album{width:100px;height:145px;border-left-width:7px}.finish-sample-album strong{font-size:17px}.finish-sample-album small{font-size:6px}.finish-sample-album>span{width:25px;height:25px}.cosmetic-product-copy{padding:24px 18px 24px 0}.cosmetic-product h3{font-size:16px}.cosmetic-product p{margin:10px 0 16px;min-height:0}.cosmetic-product-action{gap:8px}.cosmetic-product-action .button{width:100%}.cosmetics-section .section-heading p{max-width:34ch}}@media(prefers-reduced-motion:reduce){.finish-sample-card,.finish-sample-album,.booster-tier-art img{transform:none}}

.booster-tier-promotion-slot{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;width:100%;min-height:64px;margin:17px 0}
.booster-tier-promotion{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;padding:5px 11px;border-radius:99px;background:#acc89620;color:#d8e9c9;font-size:11px;font-weight:650;line-height:1.5;white-space:nowrap}
.booster-tier-promotion>span{font-weight:600}.booster-tier-promotion>b{font-variant-numeric:tabular-nums}.booster-promotion-name{font-size:12px;line-height:1.5;color:#b5c9a8;max-width:100%;overflow-wrap:anywhere}
.booster-tier-price-line{display:flex;align-items:baseline;justify-content:center;gap:12px;flex-wrap:wrap}
.booster-tier-price-line del{color:#9caf9f;font-size:16px;letter-spacing:0;font-variant-numeric:tabular-nums}
@media(max-width:760px){.booster-tier-promotion-slot{min-height:0;margin:0 0 14px}.booster-tier-promotion-slot:empty{display:none}.booster-tier-promotion{font-size:12px}.booster-tier-price-line del{font-size:15px}}

.booster-tier-grid:not(:has(.booster-tier-promotion)) .booster-tier-promotion-slot{display:none}

.shop-booster-summary{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;margin:0 0 22px;color:#c9d8cd;font-size:14px;line-height:1.7}.shop-booster-summary span+span{color:#9fb5a7}.booster-tier h3{margin-bottom:22px}.booster-tier>.button{min-height:60px;line-height:1.5;padding:12px 15px}.booster-tier-cost{font-variant-numeric:tabular-nums}body .booster-tier>.button:disabled,body .cosmetic-product .button:disabled{background:#26352f;color:#a5b5ac;border:1px solid #6d84754f;box-shadow:none;opacity:1;cursor:not-allowed;transform:none}.finish-preview{height:304px;padding:26px}.finish-sample-card{width:158px;display:grid;grid-template-rows:60% 40%;padding:5px;border:0;border-radius:10px;background:linear-gradient(140deg,#b7f3e3,#a6bedf 32%,#d9b5d1 58%,#e9d5a4 78%,#94ddd5);color:#eff6f5}.finish-sample-art{height:auto;min-height:0;border-radius:5px 5px 0 0;overflow:hidden;background:#13201e}.finish-sample-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}.finish-sample-body{display:grid;grid-template-rows:auto 1fr auto;gap:5px;min-height:0;padding:10px 9px;border-radius:0 0 5px 5px;background-color:#173029;background-image:linear-gradient(120deg,#d5e3ea40,transparent 43%,#b8d1dc35)}.finish-preview-brass .finish-sample-body{background-color:#173029;background-image:linear-gradient(120deg,#f1cd7f55,transparent 43%,#d7b36645)}.finish-sample-body span{font-size:9px;letter-spacing:0;opacity:.9}.finish-sample-body strong{align-self:center;min-height:0;font-size:13px;line-height:1.25;letter-spacing:-.3px}.finish-sample-body small{font-size:10px;line-height:1.35;opacity:1;color:#d2e1e3}.finish-preview-brass .finish-sample-body small{color:#efdaa7}.finish-sample-album{width:173px;height:225px;gap:20px}.finish-sample-album small{font-size:10px;letter-spacing:0}.cosmetic-source{margin-top:17px;color:#a9b9ae;font-size:12px;line-height:1.7}.cosmetic-source a{text-decoration:underline;text-underline-offset:4px}.cosmetic-unavailable{display:block;margin-top:12px;font-size:12px;line-height:1.6;color:#b3c0b4}.collectible-card.finish-silver .card-body{background-image:linear-gradient(120deg,#d5e3ea40,transparent 43%,#b8d1dc35)}.collectible-card.finish-brass .card-body{background-image:linear-gradient(120deg,#f1cd7f55,transparent 43%,#d7b36645)}@media(max-width:1050px){.booster-tier-heading{justify-content:center;min-height:70px;text-align:center;align-content:center}.booster-tier-heading>span:first-child{flex-basis:100%}}@media(max-width:720px){.booster-tier-heading{min-height:40px;justify-content:space-between;text-align:left}.booster-tier-heading>span:first-child{flex-basis:auto}.booster-tier-art{margin-top:20px}.booster-tier h3{margin-bottom:22px}.cosmetic-product{display:flex}.finish-preview{height:280px;padding:20px}.finish-sample-card{width:152px}.finish-sample-art{height:auto}.finish-sample-body{padding:10px 9px;gap:5px}.finish-sample-album{width:160px;height:214px}.finish-sample-album small{font-size:10px}.cosmetic-product-copy{padding:0 24px 24px}.cosmetic-product-action{flex-wrap:nowrap;gap:16px}.cosmetic-product-action .button{width:auto;min-height:44px;min-width:100px}.cosmetic-price{min-width:0}.shop-booster-summary{gap:5px 16px;font-size:13px}}

.booster-gift-panel>p{margin:0 0 24px;color:#b7cbbd;line-height:1.8}.booster-gift-panel wa-select{max-width:440px;margin-bottom:26px}.booster-gift-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.booster-gift-grid article{display:flex;flex-direction:column;align-items:center;gap:18px;padding:26px 18px;border:1px solid #87aa913b;border-radius:16px;background:#10271c}.booster-gift-pack{display:grid;place-items:center;width:60px;height:60px;border-radius:16px;background:#b5d5a519;color:#c7e5b2}.booster-gift-pack svg{width:30px;height:30px}.booster-gift-grid h3{font-size:28px;text-align:center;margin:0}.booster-gift-grid h3 span{display:block;font-size:13px;font-weight:500;color:#adc3b4}.booster-gift-grid article>strong{font-size:24px}.booster-gift-grid .button{width:100%;margin-top:auto;min-height:48px}.booster-gift-review{display:grid;gap:24px}.booster-gift-review dl{margin:0;display:grid;gap:18px}.booster-gift-review dl>div{display:flex;align-items:center;justify-content:space-between;gap:24px}.booster-gift-review dd{margin:0;text-align:right;overflow-wrap:anywhere;font-weight:650}.booster-gift-review dt{color:#a5bdad}.booster-gift-review p{color:#abc2b2;line-height:1.8}.booster-gift-review [role=alert]{color:#e4a99a}@media(max-width:700px){.booster-gift-grid{grid-template-columns:1fr}.booster-gift-grid article{display:grid;grid-template-columns:54px 1fr auto;gap:16px;padding:20px}.booster-gift-grid .booster-gift-pack{width:50px;height:50px}.booster-gift-grid h3{font-size:24px;text-align:left}.booster-gift-grid article>strong{font-size:20px}.booster-gift-grid .button{grid-column:1/-1}.booster-shop>.section-heading{flex-wrap:wrap;gap:20px}}

/* Give binder covers a product-first presentation in the cosmetics shop. */
body .cosmetic-product-album{position:relative;isolation:isolate;min-height:570px;border-radius:18px;border-color:#bedca533;background:radial-gradient(ellipse at 50% 35%,#244332 0,#14251d 48%,#101c16 100%);box-shadow:inset 0 1px #ffffff0c,0 16px 38px #0002}
body .cosmetic-product-album::before{content:"";position:absolute;inset:12px;border:1px solid #bedca514;border-radius:12px;pointer-events:none;z-index:-1}
body .cosmetic-product-album .finish-preview{position:relative;height:360px;overflow:hidden;background:radial-gradient(ellipse at 50% 58%,#bedca51c,transparent 54%);padding:28px 20px 20px}
body .cosmetic-product-album .finish-preview::before,body .cosmetic-product-album .finish-preview::after{content:"";position:absolute;left:50%;top:52%;width:200px;height:270px;border:1px solid #bedca51a;border-radius:5px 14px 14px 5px;transform:translate(-50%,-50%) rotate(9deg);pointer-events:none}
body .cosmetic-product-album .finish-preview::after{width:178px;height:250px;transform:translate(-50%,-50%) rotate(-10deg);border-color:#bedca512}
body .cosmetic-product-album .finish-sample-album[data-cover-style]{z-index:1;width:196px;height:270px;padding:27px 17px 20px 26px;border-left-width:11px;border-radius:4px 14px 14px 4px;transform:rotate(-4deg);box-shadow:8px 10px 0 #07110c,0 22px 44px #0008;transition:transform .25s ease,box-shadow .25s ease}
body .cosmetic-product-album:hover .finish-sample-album[data-cover-style]{transform:rotate(-1deg) translateY(-5px);box-shadow:9px 15px 0 #07110c,0 30px 52px #0009}
body .cosmetic-product-album .finish-sample-album[data-cover-style]>strong{font-size:25px}
body .cosmetic-product-album .cosmetic-motion-badge{top:15px;right:15px;z-index:3}
body .cosmetic-product-album .cosmetic-product-copy{padding:4px 22px 22px}
body .cosmetic-product-album .cosmetic-preview-button{position:absolute;top:325px;left:50%;z-index:4;width:auto;min-height:34px;margin:0;padding:5px 13px;transform:translateX(-50%);border-color:#bedca54d;background:#12221a;color:#d8e8cf;font-size:11px}
body .cosmetic-product-album .cosmetic-preview-button:hover{background:#243c2c;border-color:#bedca5;color:#f0f5eb}
body .cosmetic-product-album .cosmetic-kind{margin:0 0 5px;color:#9fb99a;font-size:11px}
body .cosmetic-product-album h3{font-size:20px;letter-spacing:-.5px}
body .cosmetic-product-album p{min-height:44px;margin:7px 0 14px;font-size:12px;line-height:1.65}
body .cosmetic-product-album .cosmetic-product-action{padding-top:12px;border-top:1px solid #bedca51c}
@media(max-width:1050px){body .cosmetic-product-album{min-height:540px}body .cosmetic-product-album .finish-preview{height:340px}body .cosmetic-product-album .cosmetic-preview-button{top:305px}}
@media(max-width:720px){body .cosmetic-product-album{min-height:0}body .cosmetic-product-album .finish-preview{height:300px}body .cosmetic-product-album .finish-sample-album[data-cover-style]{width:172px;height:238px}body .cosmetic-product-album .cosmetic-preview-button{top:267px}body .cosmetic-product-album .cosmetic-product-copy{padding:2px 18px 20px}}
@media(prefers-reduced-motion:reduce){body .cosmetic-product-album .finish-sample-album[data-cover-style],body .cosmetic-product-album:hover .finish-sample-album[data-cover-style]{transform:none}}
.shop-hub-actions .shop-hub-gift{display:inline-flex;align-items:center;gap:8px}
/* Daily deals on styles */
.cosmetic-deals{display:grid;gap:10px;margin:0 0 18px;padding:14px 16px;border-radius:6px;background:linear-gradient(100deg,#e7c98a24,#e7c98a08 60%)}
.cosmetic-deals-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}
.cosmetic-deals-head strong{color:#f3e3b8;font-size:15px}
.cosmetic-deals-head span{color:#b9ccbb;font-size:12px}
.cosmetic-deals-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cosmetic-deal{display:grid;justify-items:start;gap:3px;min-width:0;padding:10px 12px;border:0;border-radius:6px;background:#0b1611b3;color:#eef3ea;font:inherit;text-align:left;cursor:pointer}
.cosmetic-deal:hover{background:#13241ce6}
.cosmetic-deal-kind{color:#9fb5a4;font-size:11px}
.cosmetic-deal b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.cosmetic-deal-price{color:#f3e3b8;font-size:12px;font-weight:800}
.cosmetic-deal-price s,.cosmetic-price-was{color:#9fb5a4;font-weight:600;text-decoration:line-through}
.cosmetic-price-was{margin-right:6px;font-size:13px}
.finish-preview{position:relative}
.cosmetic-deal-badge{position:absolute;top:10px;left:10px;z-index:3;padding:4px 8px;border-radius:6px;background:#e7c98a;color:#231a08;font-size:12px;font-weight:900}
@media (max-width:640px){.cosmetic-deals-row{grid-template-columns:minmax(0,1fr)}}

/* popz-shop.css */
.popz-shop{margin:clamp(22px,4vw,44px) 0;padding:clamp(20px,3vw,34px);border:1px solid rgba(127,212,179,.23);border-radius:22px;background:radial-gradient(circle at 90% 0%,rgba(89,224,218,.09),transparent 40%),#13281e}.popz-shop .section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.popz-shop h2{font-family:Sora,sans-serif;font-size:clamp(1.3rem,2.2vw,1.8rem);margin:0 0 8px}.popz-shop .section-heading p{max-width:58ch;margin:0;color:#b9cdbd}.popz-wallet{display:flex;align-items:center;gap:9px;flex:none;border-radius:999px;padding:7px 14px 7px 8px;background:#1d382a;color:#bfe6cd}.popz-wallet strong{font-family:Sora,sans-serif;color:#e3ffeb}.popz-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.popz-tier{min-width:0;display:grid;grid-template-rows:auto auto auto 1fr;align-items:center;justify-items:start;gap:13px;padding:22px;border:1px solid rgba(147,201,171,.2);border-radius:17px;background:#1b3427}.popz-tier:nth-child(2){background:#1a3934}.popz-tier:nth-child(3){background:linear-gradient(135deg,#243d32,#284238);border-color:rgba(219,183,105,.55)}.popz-tier-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:rgba(133,224,192,.11)}.popz-tier h3{font:700 clamp(1.4rem,2.6vw,2rem)/1.2 Sora,sans-serif;margin:0;color:#f0fff0}.popz-tier h3 span{font-size:.55em;font-weight:500;color:#b7d6bf}.popz-tier-price{font:650 1.2rem/1.3 'Plus Jakarta Sans',sans-serif;color:#f4d693;margin:0}.popz-tier .button{width:100%;align-self:end;justify-content:center}.popz-shop-note{margin:16px 0 0;color:#aac9b6;font-size:.85rem}@media(max-width:760px){.popz-shop .section-heading{align-items:flex-start;flex-direction:column}.popz-tiers{grid-template-columns:1fr}.popz-tier{grid-template-columns:60px 1fr auto;grid-template-rows:auto auto;gap:4px 14px;padding:16px}.popz-tier-icon{grid-row:1/3}.popz-tier h3{font-size:1.4rem}.popz-tier-price{grid-column:2}.popz-tier .button{grid-column:3;grid-row:1/3;width:auto;min-height:44px}}@media(max-width:440px){.popz-tier{grid-template-columns:48px 1fr}.popz-tier-icon{width:48px;height:48px}.popz-tier-icon img{width:34px;height:34px}.popz-tier .button{grid-column:1/-1;grid-row:3;margin-top:10px;width:100%}}
/* collection-goals.css */
.collection-goal {
  display: grid;
  grid-template-columns: minmax(180px, .8fr) minmax(220px, 1fr);
  align-items: center;
  gap: 28px;
  margin: 0 0 24px;
  padding: 22px 26px;
  border: 1px solid rgba(181, 205, 170, .12);
  border-radius: 16px;
  background: linear-gradient(105deg, rgba(34, 55, 42, .76), rgba(22, 39, 29, .58));
}
.collection-goal-eyebrow {
  display: block;
  margin-bottom: 8px;
  color: var(--muted, #a2b69c);
  font-size: 12px;
  font-weight: 600;
}
.collection-goal-copy h3 {
  margin: 0;
  color: var(--text, #e4eddf);
  font-family: Sora, sans-serif;
  font-size: clamp(16px, 1.4vw, 20px);
  font-weight: 600;
  line-height: 1.4;
}
.collection-goal-count {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 10px;
  color: var(--muted, #a2b69c);
  font-size: 12px;
}
.collection-goal-count strong {
  color: var(--text, #e4eddf);
  font-size: 19px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.collection-goal-count small {
  color: var(--muted, #a2b69c);
  font-size: 13px;
  font-weight: 500;
}
.collection-goal progress {
  display: block;
  width: 100%;
  height: 6px;
  overflow: hidden;
  border: 0;
  border-radius: 100px;
  background: rgba(164, 191, 145, .12);
  accent-color: #b8d99b;
}
.collection-goal progress::-webkit-progress-bar {
  border-radius: 100px;
  background: rgba(164, 191, 145, .12);
}
.collection-goal progress::-webkit-progress-value {
  border-radius: 100px;
  background: linear-gradient(90deg, #719869, #bfdc9e);
}
.collection-goal progress::-moz-progress-bar {
  border-radius: 100px;
  background: linear-gradient(90deg, #719869, #bfdc9e);
}
.collection-goal-meter p {
  margin: 9px 0 0;
  color: var(--muted, #a2b69c);
  font-size: 12px;
  line-height: 1.5;
}
@media (max-width: 600px) {
  .collection-goal {
    grid-template-columns: minmax(0, 1fr);
    gap: 17px;
    padding: 19px 20px;
    margin-bottom: 20px;
  }
  .collection-goal-eyebrow { margin-bottom: 6px; }
}

/* redemption.css */
.card-value-note{display:flex;gap:13px;align-items:flex-start;margin-top:24px;padding:18px;background:rgba(173,207,155,.06);border-radius:12px}.card-value-note>img{flex:0 0 34px;width:34px;height:34px;object-fit:contain;margin-top:2px}.card-value-note>div{min-width:0}.card-value-note strong{font-size:14px;font-weight:650;color:var(--text,#e5ebdc)}.card-value-note p{margin:7px 0 0;font-size:13px;line-height:1.65;color:var(--muted,#a5b59f)}.redemption-summary{display:grid;gap:18px}.redemption-summary>p{margin:0;line-height:1.7;font-size:14px}.redemption-subject{font-family:Sora,sans-serif;font-size:20px;font-weight:600;overflow-wrap:anywhere}.redemption-reward{display:flex;align-items:center;gap:14px;padding:20px;border-radius:14px;background:rgba(173,207,155,.08)}.redemption-reward img{width:46px;height:46px;object-fit:contain}.redemption-reward span{display:block;margin-bottom:3px;font-size:13px;color:var(--muted,#a5b59f)}.redemption-reward strong{font-size:25px;font-variant-numeric:tabular-nums;font-family:Sora,sans-serif}.redemption-summary .helper-text{font-size:13px;line-height:1.65}.redemption-summary a{color:var(--accent,#c5dfa7);text-underline-offset:4px}@media(max-width:600px){.card-value-note{padding:15px;gap:10px}.redemption-reward{padding:17px}}

/* controls.css */
body :is(.button,.text-link,.nav-link,.profile-text-link,.profile-signout,.binder-back,.staff-inline-link)>:is(svg.lucide,i[data-lucide]){display:block;flex:0 0 16px;width:16px;height:16px;min-width:16px;min-height:16px;margin:0;vertical-align:middle;stroke-width:1.75}
body :is(.button,.text-link,.profile-text-link,.profile-signout,.binder-back,.staff-inline-link){align-items:center}
body .nav-link>svg.lucide,body .nav-link>span>svg.lucide{display:block;flex:0 0 18px;width:18px;height:18px;min-width:18px;min-height:18px;stroke-width:1.75}
body :is(.icon-button,.staff-icon-button,.menu-toggle,.sound-button){display:inline-flex;align-items:center;justify-content:center;line-height:0;padding:0}
body :is(.icon-button,.staff-icon-button,.menu-toggle,.sound-button)>:is(svg.lucide,i[data-lucide]){display:block;flex:0 0 20px;width:20px;height:20px;min-width:20px;min-height:20px;margin:0;stroke-width:1.75}
body .modal-header .icon-button>svg.lucide{width:18px;height:18px;min-width:18px;min-height:18px;flex-basis:18px}
body .reveal-navigation .icon-button>svg.lucide{width:22px;height:22px;min-width:22px;min-height:22px;flex-basis:22px;stroke-width:1.65}
body .staff-pagination .staff-icon-button>svg.lucide{width:18px;height:18px;min-width:18px;min-height:18px;flex-basis:18px}
body .select-chevron{display:grid;place-items:center;width:18px;height:18px;min-width:18px;line-height:0;transition:transform .15s ease;flex:0 0 18px}
body .select-chevron>svg.lucide{display:block;width:18px;height:18px;margin:0;stroke-width:1.75}
body wa-select[open] .select-chevron{transform:rotate(180deg)}
body wa-select::part(combobox){align-items:center}
body wa-select::part(expand-icon){display:grid;place-items:center;width:18px;height:18px;min-width:18px;flex:0 0 18px;margin:0 0 0 10px;line-height:0;font-size:18px;color:#bacfb0}
body wa-select::part(clear-button){display:grid;place-items:center;min-width:26px;width:26px;min-height:26px;height:26px;line-height:0}
body wa-select::part(display-input){outline:none;box-shadow:none}
body wa-select:focus-within::part(combobox){outline:2px solid #b4d59f;outline-offset:3px;box-shadow:none}
body .topbar-actions wa-select.language-select{--language-control-width:44px;display:block;flex:0 0 var(--language-control-width);width:var(--language-control-width);min-width:var(--language-control-width);max-width:var(--language-control-width);height:44px;touch-action:manipulation}
body wa-select.language-select::part(combobox){position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:0;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:8px;background:transparent}
body wa-select.language-select::part(expand-icon){display:none}
body wa-select.language-select::part(display-input){position:absolute;inset:0;box-sizing:border-box;width:100%;height:100%;min-width:0;padding:0;margin:0;opacity:0;pointer-events:none}
body wa-select.language-select::part(form-control-label){position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body wa-select.language-select::part(start){display:flex;align-items:center;justify-content:center;padding:0;margin:0;line-height:0}
body #language-flag{display:block;width:24px;height:18px;object-fit:cover;border-radius:2px;margin:0;pointer-events:none}
body wa-select.language-select:hover::part(combobox),body wa-select.language-select[open]::part(combobox){background:#b4d59f0c}
body wa-select.language-select::part(listbox){box-sizing:border-box;width:230px;min-width:230px;max-width:calc(100vw - 32px);padding:7px;border:1px solid #38503e;border-radius:9px;background:#16251d;box-shadow:0 12px 30px #0005;transform:translateX(calc(var(--language-control-width) - 230px))}
body wa-select.language-select:focus-within::part(combobox){outline:2px solid #b4d59f;outline-offset:2px;box-shadow:none}
body .language-select wa-option::part(base){box-sizing:border-box;display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 9px}
body .language-select wa-option::part(label){font-size:13px;line-height:1.4;white-space:nowrap}
body .binder-back{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;min-height:34px;padding:6px 8px;margin-left:-8px;border:0;border-radius:6px;background:transparent;color:#b9cfad;line-height:1.5;font-size:13px}
body .binder-back:hover{background:#b6d39b0c;color:#e0ecd4}
body .binder-back>svg.lucide{width:16px;height:16px;min-width:16px;min-height:16px;flex-basis:16px;stroke-width:1.7}
body :is(.icon-button,.staff-icon-button,.menu-toggle,.sound-button):focus-visible{outline:2px solid #b4d59f;outline-offset:3px}
@media(max-width:760px){body .binder-pagination .button>svg.lucide{width:18px;height:18px;min-width:18px;min-height:18px;flex-basis:18px}}
@media(prefers-reduced-motion:reduce){body .select-chevron{transition:none}}

body wa-select:focus-visible{outline:none}
@media(min-width:761px){body .menu-toggle{display:none}}

body #balance-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;height:38px;padding:7px 9px;background:transparent;border:1px solid #abc99016;border-radius:8px;box-shadow:none;color:#e2e7c9;line-height:1;transition:border-color .15s ease,background .15s ease}
body #balance-button:hover{background:#b5d09e07;border-color:#abc99030;box-shadow:none}
body #balance-button>.coin{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;line-height:0;margin:0}
body #balance-button>.coin>img{display:block;width:22px;height:22px;margin:0;object-fit:contain}
body #balance-button #balance{display:inline-flex;align-items:center;justify-content:center;height:20px;line-height:20px;font-size:14px;font-weight:650;font-variant-numeric:tabular-nums;color:#e5e7ce}
body #balance-button>small{height:20px;line-height:20px;font-size:11px;color:#a7b69d}
body #balance-button>span[data-icon="plus"]{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;padding:0;margin:0 0 0 2px;border:0;border-radius:5px;background:transparent;color:#bad3a1;line-height:0}
body #balance-button>span[data-icon="plus"]>svg.lucide{display:block;width:16px;height:16px;margin:0;stroke-width:1.75}
body #balance-button:hover>span[data-icon="plus"]{background:#b8d59c10;color:#dfefc6}
body .sidebar-bottom.profile-button{display:grid;grid-template-columns:36px minmax(0,1fr) 6px;align-items:center;justify-content:initial;column-gap:12px;width:100%;padding:17px 0;margin-top:auto;background:transparent;border:0;border-top:1px solid #2b413026;border-radius:0;box-shadow:none;text-align:left;color:#ccddbc}
body .sidebar-bottom.profile-button:hover,body .sidebar-bottom.profile-button:active{background:transparent;box-shadow:none;border-top-color:#2b413026}
body .sidebar-bottom.profile-button>.avatar{display:grid;place-items:center;align-self:center;flex:0 0 36px;min-width:36px;width:36px;min-height:36px;height:36px;padding:0;margin:0;border:0;border-radius:50%;background:#25422e;color:#cfe0bc;box-shadow:none;line-height:1;font-size:13px;font-weight:600;overflow:hidden}
body .sidebar-bottom.profile-button>.avatar .avatar-initial{display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:100%;height:100%;line-height:1}
body .sidebar-bottom.profile-button>span:nth-child(2){display:block;min-width:0;align-self:center;line-height:1.5}
body .sidebar-bottom.profile-button strong{display:block;margin:0;font-size:13px;line-height:1.5;font-weight:600;color:#dbe6d0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
body .sidebar-bottom.profile-button small{display:block;margin:3px 0 0;font-size:11px;line-height:1.5;color:#98ad90}
body .sidebar-bottom.profile-button>.status-dot{align-self:center;justify-self:end;width:5px;height:5px;padding:0;margin:0;border:0;background:#9acb97;box-shadow:none;border-radius:50%}
body .sidebar-bottom.profile-button:hover strong{color:#f0f5e8}
body .sidebar-bottom.profile-button:hover>.avatar{box-shadow:0 0 0 1px #b7d39c30}
body .sidebar-bottom.profile-button:focus-visible{outline:2px solid #b4d59f;outline-offset:3px;border-radius:7px}
body #balance-button:focus-visible{outline:2px solid #b4d59f;outline-offset:3px}
@media(max-width:760px){body #balance-button{height:32px;min-height:32px;padding:5px 7px;gap:6px}body #balance-button>small{display:none}body #balance-button>.coin,body #balance-button>.coin>img{width:20px;height:20px}body #balance-button>.coin{flex-basis:20px}body #balance-button>span[data-icon="plus"]{flex-basis:18px;width:18px;height:18px;margin-left:1px}body #balance-button>span[data-icon="plus"]>svg.lucide{width:14px;height:14px}}
@media(prefers-reduced-motion:reduce){body #balance-button{transition:none}}

body .staff-heading-actions{display:inline-flex;align-items:center;justify-content:flex-end;align-self:center;gap:10px;margin:0}
body .staff-heading-actions>.staff-pill{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 12px;margin:0;border-radius:7px;font-size:12px;line-height:1.2;background:#29412e70;color:#d6e6c6}
body .staff-heading-actions>.staff-icon-button{width:40px;min-width:40px;height:40px;min-height:40px;margin:0;padding:0;border-radius:8px}
body .staff-table .staff-team-actions{display:inline-grid;grid-template-columns:repeat(2,max-content);align-items:stretch;justify-content:flex-end;gap:10px;margin:0;vertical-align:middle}
body .staff-table .staff-team-actions>.button{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;min-height:44px;height:auto;margin:0;padding:12px 15px;font-size:13px;line-height:1.2;white-space:normal;min-width:0}
body :is(.staff-user-actions,.staff-modal-actions){align-items:stretch;gap:12px}
body :is(.staff-user-actions,.staff-modal-actions)>.button{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;min-height:44px;height:auto;min-width:0;margin:0;padding:12px 16px;font-size:13px;line-height:1.2;white-space:normal}
body .modal-footer{align-items:stretch;gap:12px;flex-wrap:wrap}
body .modal-footer>.button{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;min-height:44px;height:auto;min-width:0;margin:0;padding:12px 16px;font-size:13px;line-height:1.2;white-space:normal}
body .modal:has(.staff-modal) .modal-footer .staff-modal-actions>.button{flex:0 1 auto}
@media(max-width:1050px) and (min-width:761px){body .staff-table .staff-team-actions{grid-template-columns:1fr;justify-content:stretch;min-width:150px}}
@media(max-width:760px){body .staff-heading{align-items:flex-start;gap:12px}body .staff-heading-actions{align-self:flex-start;margin-top:2px}body .staff-heading-actions>.staff-pill{display:none}body .staff-table .staff-team-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;width:100%;gap:10px}body .staff-table .staff-team-actions>.button{width:100%;min-height:44px;font-size:12px;padding:12px 10px}body .staff-modal-actions{display:grid;grid-template-columns:1fr;width:100%;gap:10px}body .modal:has(.staff-modal) .modal-footer .staff-modal-actions>.button{width:100%;font-size:13px;min-height:44px}body .modal-footer>.button{flex:1 1 calc(50% - 6px);padding:12px 13px}}
@media(max-width:359px){body wa-select.language-select::part(listbox){transform:translateX(calc((var(--language-control-width) - 230px)/2))}}

body .topbar-actions>.avatar.avatar-small{position:relative;display:grid;place-items:center;box-sizing:border-box;flex:0 0 34px;width:34px;min-width:34px;height:34px;min-height:34px;padding:0;margin:0;border:1px solid #b9d49d38;border-radius:50%;background:#203c2a;box-shadow:none;line-height:1;overflow:hidden}body .topbar-actions>.avatar.avatar-small>.avatar-initial{position:absolute;inset:0;display:grid;place-items:center;box-sizing:border-box;width:100%;height:100%;padding:0;margin:0;line-height:1;font-size:12px;letter-spacing:0;text-transform:uppercase;transform:none}body .topbar-actions>.avatar.avatar-small>.account-avatar-image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}body .topbar-actions>.avatar.avatar-small:hover{background:#2b4932;box-shadow:none}body .topbar-actions>.avatar.avatar-small:focus-visible{outline:2px solid #b4d59f;outline-offset:3px}

@media(max-width:760px){body .topbar-actions>.avatar.avatar-small{display:none}}

body:not(.auth-page) #page-content{width:100%;max-width:1280px;min-width:0;margin-inline:auto}body:not(.auth-page) #page-content>:is(.profile-page,.staff-panel,.social-page,.achievements-page,.collections-page,.feed-home){max-width:none;margin-inline:0}body .staff-field>.staff-select{display:block;width:100%;min-width:0}body wa-select.staff-filter{display:block;flex:0 1 230px;min-width:180px;max-width:100%}body wa-select.staff-filter::part(form-control-label){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body wa-select.staff-select::part(combobox){min-height:44px;background:#13271b;border-color:#4d6746;color:#caddbe}body wa-select.staff-select:hover::part(combobox){border-color:#7f9b71}body wa-select.staff-select::part(form-control-label){font-size:12px;color:#c3d7ba;margin-bottom:8px}body wa-select.staff-select::part(listbox){min-width:200px;max-width:calc(100vw - 32px)}@media(max-width:760px){body wa-select.staff-filter{flex:1 1 100%;width:100%;min-width:0}}

body .app-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;padding:28px 42px;color:#a5bdae}body .footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7}body .footer-brand>strong{font-family:Sora,sans-serif;font-size:24px;letter-spacing:-1.2px;color:#e5efdf}body .footer-brand>a{color:#b9d3bb}body .footer-legal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;font-size:12px;line-height:1.7}body .footer-legal>strong{grid-column:1/-1;color:#d1e2cd;font-size:13px;font-weight:600;margin-bottom:3px}body .footer-legal>a:hover{color:#edf7e6;text-decoration:underline;text-underline-offset:4px}body .footer-legal>a:focus-visible{outline:2px solid #a7e4c3;outline-offset:4px;border-radius:3px}@media(max-width:760px){body .app-footer{flex-direction:column;gap:25px;padding:25px 20px}body .footer-legal{width:100%;gap:12px 20px;font-size:11px}body .footer-legal a{min-height:32px;display:flex;align-items:center}body .site-footer{display:flex;flex-direction:column;align-items:flex-start}body .site-footer .footer-legal{margin-left:0}}

body .sidebar{box-sizing:border-box;height:100vh;height:100dvh;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0px)}
body .sidebar>.brand{flex:0 0 auto}
body .sidebar-navigation{flex:1 1 auto;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#4b6d55 transparent;scroll-padding-block:8px;margin-inline:-6px;padding-inline:6px}
body .sidebar-navigation::-webkit-scrollbar{width:5px}
body .sidebar-navigation::-webkit-scrollbar-track{background:transparent}
body .sidebar-navigation::-webkit-scrollbar-thumb{background:#4b6d55;border:0;border-radius:8px}
body .sidebar-navigation .nav-link:focus-visible{outline:2px solid #b4d59f;outline-offset:-2px}
body .sidebar>.sidebar-bottom.profile-button{flex:0 0 auto;margin-top:0}

/* trade-composer.css */
#modal-root .modal.trade-workspace{width:min(1180px,calc(100vw - 40px));max-width:none;max-height:92dvh;display:flex;flex-direction:column;background:#14231d;border:1px solid #cde0be25;border-radius:20px;overflow:hidden}#modal-root .trade-workspace .modal-header{padding:22px 28px;flex:0 0 auto;border-color:#cde0be16}#modal-root .trade-workspace .modal-header h2{font-size:22px;font-weight:550;letter-spacing:-.7px}#modal-root .trade-workspace .modal-content{padding:22px 28px;min-height:0;overflow:auto}#modal-root .trade-workspace .modal-footer{padding:18px 28px;border-color:#cde0be16;display:flex;align-items:center;justify-content:space-between;gap:20px;flex:0 0 auto;background:#122019}.trade-workbench{min-width:0;margin:0}.trade-workbench-intro{display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:center;gap:28px;margin-bottom:24px}.trade-workbench-intro>p{font-size:14px;line-height:1.75;color:#adbdac;max-width:42ch;margin:0}.trade-partner-picker{display:flex;align-items:center;gap:12px;min-width:0}.trade-partner-avatar{position:relative;display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;overflow:hidden;border-radius:50%;background:#2c4434;color:#d5e8c8;font-size:13px;font-weight:650}.trade-partner-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.trade-partner-picker wa-select{flex:1;min-width:0}.trade-partner-picker wa-select::part(form-control-label){font-size:12px;color:#a7bda3;margin-bottom:6px}.trade-partner-picker wa-select::part(combobox){min-height:42px;background:#0f1d16;border-color:#b7cda324;border-radius:9px}.trade-partner-picker wa-select::part(display-input){font-size:14px}.trade-workbench-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px;min-height:0}.trade-workbench-browser{min-width:0}.trade-side-tabs{display:flex;align-items:center;gap:5px;padding:5px;background:#0d1913;border-radius:11px;margin-bottom:18px}.trade-side-button{display:flex;align-items:center;justify-content:center;gap:12px;flex:1;min-height:45px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:#a7bca4;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}.trade-side-button[aria-pressed="true"]{background:#2a4030;color:#e0ead8;box-shadow:0 1px 4px #0002}.trade-side-button:hover{color:#edf2e6}.trade-side-button:focus-visible{outline:2px solid #bad69d;outline-offset:2px}.trade-side-count{min-width:23px;height:23px;display:grid;place-items:center;padding:0 5px;background:#cde0be14;border-radius:5px;font-size:12px;font-variant-numeric:tabular-nums}.trade-side-panel[hidden]{display:none!important}.trade-card-search{display:flex;align-items:center;gap:10px;min-height:45px;margin-bottom:12px;padding:0 14px;border:1px solid #cde0be25;border-radius:10px;background:#101d17;color:#9db697}.trade-card-search:focus-within{border-color:#abc590}.trade-card-search svg{width:17px;height:17px;flex-shrink:0}.trade-card-search input{min-width:0;flex:1;width:100%;border:0!important;box-shadow:none!important;outline:none!important;background:transparent!important;padding:12px 0;color:#e5eddf;font-family:inherit;font-size:14px;line-height:1.4}.trade-card-search input::placeholder{color:#82977e}.trade-choice-scroll{height:min(450px,48dvh);overflow:auto;overscroll-behavior:contain;padding:8px;margin:-8px;scrollbar-width:thin;scrollbar-color:#526e49 transparent}.trade-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.trade-choice{position:relative;display:block;min-width:0;width:100%;border:0;padding:0;margin:0;background:transparent;color:inherit;cursor:pointer;isolation:isolate}.trade-choice>.card-wrap{width:100%;max-width:none;margin:0;display:block;pointer-events:none}.trade-choice>.card-wrap::part(base){background:transparent;border:0;box-shadow:none}.trade-choice .collectible-card{position:relative;display:flex!important;flex-direction:column;width:100%;height:auto!important;min-height:0!important;aspect-ratio:2/3!important;padding:6px;border-radius:11px;overflow:hidden;--card-finish-top:60%}.trade-choice .card-art{position:relative!important;inset:auto!important;width:100%;height:auto!important;flex:0 0 59%!important;min-height:0;border-radius:6px}.trade-choice .card-body{position:relative!important;inset:auto!important;flex:1;min-height:0;display:grid!important;grid-template-rows:14px minmax(0,1fr) 20px;gap:5px;padding:10px 7px 4px!important;height:auto!important}.trade-choice .card-category{font-size:9px!important;line-height:14px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trade-choice .card-title{grid-row:2;font-size:13px!important;line-height:1.35!important;margin:0!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:36px;overflow-wrap:anywhere;align-self:start}.trade-choice .card-bottom{position:static!important;inset:auto!important;grid-row:3;align-self:end;display:flex;justify-content:space-between;gap:3px;min-height:20px;height:20px;margin:0;padding:0!important;border:0}.trade-choice .card-number,.trade-choice .rarity-label{font-size:8px!important;white-space:nowrap;line-height:1.4}.trade-choice .card-number{max-width:43%;overflow:hidden;text-overflow:ellipsis}.trade-choice .card-topline{inset:7px 7px auto!important;padding:0!important;gap:5px}.trade-choice .card-universe{font-size:8px!important;line-height:14px;padding:3px 5px;min-height:20px;max-width:calc(100% - 25px)}.trade-choice .rarity-mark{width:21px!important;height:21px!important;min-width:21px;font-size:9px!important}.trade-choice-check{position:absolute;top:calc(59% - 16px);right:11px;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#112317;border:1px solid #c7dfaa73;color:#d8ecc0;pointer-events:none;box-shadow:0 2px 8px #0003}.trade-choice-check svg{width:15px;height:15px}.trade-choice.is-selected .collectible-card{box-shadow:0 0 0 2px #c2dda4!important}.trade-choice.is-selected .trade-choice-check{background:#c2dda4;color:#14231b}.trade-choice:focus-visible{outline:2px solid #e2efcc;outline-offset:4px;border-radius:12px}.trade-choice-more{width:100%;margin-top:20px}.trade-choice-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:280px;text-align:center;color:#9caf94}.trade-choice-empty svg{width:32px;height:32px;opacity:.7}.trade-choice-empty p{font-size:14px;line-height:1.8;max-width:25ch;margin:0}.trade-proposal-preview{align-self:start;max-height:calc(min(450px,48dvh) + 120px);overflow:auto;scrollbar-width:thin;padding:20px;background:#cde0be06;border:1px solid #cde0be15;border-radius:12px}.trade-proposal-preview>h2{font-size:16px;font-weight:550;letter-spacing:-.35px;margin:0 0 22px}.trade-proposal-preview>section+section{padding-top:20px;margin-top:20px;border-top:1px solid #cde0be16}.trade-proposal-preview h3{font-family:inherit;font-size:12px;font-weight:600;color:#b8cba8;margin:0 0 10px}.trade-selected-row{display:flex;align-items:center;gap:9px;min-height:53px}.trade-selected-thumb{width:30px;height:45px;flex:0 0 30px;display:grid;place-items:center;border-radius:3px;background:#102017;overflow:hidden;color:#a7c18f}.trade-selected-thumb img{width:100%;height:100%;object-fit:contain}.trade-selected-thumb svg{width:17px;height:17px}.trade-selected-row>span:nth-child(2){font-size:12px;line-height:1.55;min-width:0;flex:1;overflow-wrap:anywhere}.trade-selected-row .icon-button{width:32px;height:36px;flex:0 0 32px;background:transparent;box-shadow:none;border:0;color:#96a88f}.trade-selected-row .icon-button:hover{color:#edf1e7;background:#cde0be0c}.trade-selected-row .icon-button svg{width:15px;height:15px}.trade-selection-empty{font-size:12px;line-height:1.7;color:#7f9578;margin:0}.trade-reserve-note{display:flex;gap:8px;margin:23px 0 0;font-size:11px;line-height:1.8;color:#8da181}.trade-reserve-note svg{flex:0 0 14px;width:14px;height:14px;margin-top:3px}.trade-footer-limit{font-size:12px;color:#91a886}.trade-footer-actions{display:flex;gap:10px;align-items:center}.trade-footer-actions .button{min-height:44px;font-size:13px;white-space:normal}.trade-footer-actions .button.primary{gap:8px}.trade-footer-actions .icon{width:16px;height:16px}@media(max-width:1050px) and (min-width:761px){.trade-workbench-layout,.trade-workbench-intro{grid-template-columns:minmax(0,1fr) 235px;gap:20px}.trade-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-proposal-preview{padding:16px}}@media(max-width:760px){#modal-root .modal.trade-workspace{width:calc(100vw - 20px);max-height:94dvh;border-radius:16px}#modal-root .trade-workspace .modal-header{padding:18px}#modal-root .trade-workspace .modal-header h2{font-size:19px}#modal-root .trade-workspace .modal-content{padding:16px 18px}#modal-root .trade-workspace .modal-footer{padding:14px 18px;display:block}.trade-workbench-intro{display:flex;flex-direction:column-reverse;align-items:stretch;gap:15px;margin-bottom:18px}.trade-workbench-intro>p{font-size:13px;max-width:none}.trade-partner-picker{max-width:none;width:100%}.trade-workbench-layout{grid-template-columns:1fr;gap:20px}.trade-side-button{font-size:13px;padding:9px;gap:8px}.trade-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.trade-choice-scroll{height:390px;max-height:48dvh}.trade-card-search input{font-size:16px}.trade-proposal-preview{max-height:none;overflow:visible;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px}.trade-proposal-preview>h2{grid-column:1/-1;margin:0 0 2px;font-size:15px}.trade-proposal-preview>section+section{border:0;margin:0;padding:0}.trade-reserve-note{grid-column:1/-1;margin:0;padding-top:12px;border-top:1px solid #cde0be16}.trade-selected-row{gap:6px}.trade-selected-thumb{display:none}.trade-selected-row>span:nth-child(2){font-size:11px}.trade-selected-row .icon-button{width:28px;flex-basis:28px}.trade-footer-limit{display:none}.trade-footer-actions{display:grid;grid-template-columns:auto minmax(0,1fr);width:100%;gap:9px}.trade-footer-actions .button{padding:11px 13px;font-size:12px;min-height:44px}.trade-choice .card-body{padding:8px 5px 3px!important;gap:4px;grid-template-rows:12px minmax(0,1fr) 18px}.trade-choice .card-title{font-size:12px!important;max-height:33px}.trade-choice .card-category{font-size:8px!important;line-height:12px}.trade-choice .card-number,.trade-choice .rarity-label{font-size:7px!important}.trade-choice .card-bottom{height:18px;min-height:18px}.trade-choice .card-universe{font-size:7px!important;max-width:calc(100% - 22px)}.trade-choice .rarity-mark{width:19px!important;min-width:19px;height:19px!important;font-size:8px!important}}

#modal-root .modal.friend-library-modal{width:min(1030px,calc(100vw - 40px));max-width:none;max-height:92dvh;display:flex;flex-direction:column;overflow:hidden;border-color:#cde0be25;border-radius:18px;background:#14231d}#modal-root .friend-library-modal .modal-header,#modal-root .friend-library-modal .modal-footer{flex:0 0 auto;border-color:#cde0be16}#modal-root .friend-library-modal .modal-content{min-height:0;overflow:auto}.friend-library-intro{display:flex;align-items:center;gap:13px;color:#a4b79b;font-size:14px;margin-bottom:21px}.friend-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:10px 4px}.friend-library-card>.card-wrap{pointer-events:auto}.friend-library-card .collectible-card{cursor:pointer}.friend-library-quantity{display:block;text-align:center;font-size:12px;color:#aec398;margin-top:8px}.friend-library-more{width:100%;margin-top:20px}@media(max-width:760px){#modal-root .modal.friend-library-modal{width:calc(100vw - 20px);max-height:94dvh;border-radius:16px}#modal-root .friend-library-modal .modal-header{padding:18px}#modal-root .friend-library-modal .modal-header h2{font-size:19px}#modal-root .friend-library-modal .modal-content{padding:16px 18px}#modal-root .friend-library-modal .modal-footer{padding:14px 18px}.friend-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 15px}.friend-library-intro{font-size:13px}}
.trade-direct-name{display:grid;gap:4px;min-width:0}.trade-direct-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;color:#e4eddc}.trade-direct-name small{font-size:11px;line-height:1.4;color:#a7bd9f}
.trade-direct-name{display:grid;gap:4px;min-width:0}.trade-direct-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;color:#e4eddc}.trade-direct-name small{font-size:11px;line-height:1.4;color:#a7bd9f}
/* Friend picker ("Avec qui") and send hint: flat list with each friend's picture, no borders. */
#modal-root .trade-partner-picker wa-select::part(combobox){border:0;border-radius:8px;background:#0f1d16}
#modal-root .trade-partner-picker wa-select::part(listbox){box-sizing:border-box;min-width:240px;max-width:calc(100vw - 32px);max-height:300px;padding:6px;border:0;border-radius:10px;background:#16251d;box-shadow:0 16px 40px #000a;color:#dbe7d6}
#modal-root .trade-partner-picker wa-option{border-radius:7px;color:#cfdcc9;background:transparent}
#modal-root .trade-partner-picker wa-option:hover,#modal-root .trade-partner-picker wa-option:focus{background:#1f3a2a;color:#f0f6ec}
#modal-root .trade-partner-picker wa-option[selected]{background:#2a4a33;color:#f0f6ec}
#modal-root .trade-partner-picker wa-option::part(base){display:flex;align-items:center;gap:10px;min-height:42px;padding:6px 9px}
#modal-root .trade-partner-picker wa-option::part(label){font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#modal-root .trade-partner-picker wa-option::part(checked-icon){color:#bedca5}
.trade-option-avatar{position:relative;display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;overflow:hidden;border-radius:50%;background:#2c4434;color:#d5e8c8;font-size:11px;font-weight:650}
.trade-option-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.trade-submit-hint{align-self:center;margin-right:10px;font-size:13px;color:#e8c98f}

/* social-view.css */
.social-hub{--social-ink:#edf2e7;--social-muted:#a9b8ab;--social-dim:#81988a;--social-line:#d4e5d315;--social-accent:#cee5ac;width:100%;min-width:0;max-width:none;margin:0;padding-inline:0;color:var(--social-ink);font-size:14px;line-height:1.65}
.social-hub .social-glyph{display:inline-grid;place-items:center;flex:none;width:20px;height:20px;line-height:1}
.social-hub .social-glyph svg{width:18px;height:18px;margin:0;stroke-width:1.7}
.social-page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.social-page-heading h1{margin:0 0 10px;font-family:Sora,sans-serif;font-size:clamp(26px,3vw,36px);line-height:1.2;letter-spacing:-1.4px;font-weight:650;color:var(--social-ink)}
.social-page-heading p{margin:0;font-size:14px;line-height:1.7;color:var(--social-muted);max-width:65ch}
.social-hub .social-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 17px;border:1px solid transparent;border-radius:9px;font-size:14px;font-weight:600;line-height:20px;font-family:"Plus Jakarta Sans",sans-serif;text-align:center;text-decoration:none;white-space:normal;transition:background .16s,color .16s,border-color .16s;box-shadow:none;flex:none}
.social-hub .social-button svg{width:17px;height:17px}
.social-hub .social-button>span:last-child{min-width:0;overflow-wrap:anywhere}
.social-hub .social-button-primary{background:var(--social-accent);color:#1b2e1f}
.social-hub .social-button-primary:hover:not(:disabled){background:#def0c3}
.social-hub .social-button-quiet{background:#d7e8d307;color:#dae4d3;border-color:#d4e5d31f}
.social-hub .social-button-quiet:hover:not(:disabled){background:#d7e8d314;border-color:#d4e5d347;color:#f3f7ed}
.social-hub .social-button:disabled{opacity:.5;cursor:not-allowed}
.social-hub :is(button,a,input):focus-visible{outline:2px solid #d1eab7;outline-offset:4px}
.social-count{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;padding:0 7px;border-radius:6px;background:#d6e8d60b;color:#aebfac;font-size:12px;line-height:1;font-weight:600;font-variant-numeric:tabular-nums;flex:none}
.social-friends-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}
.social-main-column{min-width:0}
.social-search{padding-bottom:34px}
.social-search form>label{display:block;margin:0 0 12px;font-size:14px;font-weight:550;color:#c4d1c1}
.social-search-control{display:flex;gap:12px;align-items:stretch}
.social-search-field{display:flex;align-items:center;gap:12px;padding:0 15px;min-width:0;flex:1;background:#07120c55;border:1px solid #a3bea52b;border-radius:9px;transition:border-color .16s}
.social-search-field:focus-within{border-color:#bfd79c;box-shadow:0 0 0 3px #bedb9d0d}
.social-search-field>.social-glyph{color:#92a38e}
.social-search-field input{width:100%;height:48px;min-width:0;padding:12px 0;color:#e7eede;background:transparent;border:0;outline:0!important;box-shadow:none;font-size:14px;line-height:1.5}
.social-search-field input::placeholder{color:#829783;opacity:1}
.social-search-field input::-webkit-search-cancel-button{cursor:pointer;filter:grayscale(1) brightness(1.4)}
.social-search-control>.social-button{min-height:48px;padding-inline:21px}
.social-search-results{padding-top:26px}
.social-section-title{display:flex;align-items:center;gap:11px;margin-bottom:18px;min-height:28px}
.social-section-title h2{margin:0;font-size:19px;line-height:1.4;letter-spacing:-.55px;font-weight:550;color:#e4ecdc}
.social-roster{padding-top:4px}
.social-roster-list{border-top:1px solid var(--social-line)}
.social-person{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid var(--social-line);min-width:0}
.social-avatar{position:relative;display:grid;place-items:center;width:52px;height:52px;overflow:hidden;border-radius:16px;background:#52714d38;color:#dbe8c4;flex:none}
.social-avatar>.avatar-initial{display:grid;place-items:center;position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;font-size:16px;line-height:1;letter-spacing:-.4px;text-transform:none;font-weight:600;font-family:"Sora",sans-serif}
.social-avatar>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.social-person-copy{min-width:0}
.social-person-copy h3{font-family:"Plus Jakarta Sans",sans-serif;font-size:16px;line-height:1.5;font-weight:600;letter-spacing:-.2px;color:#ecf1e5;overflow-wrap:anywhere;text-wrap:pretty;margin:0 0 3px}
.social-person-copy>span{font-size:13px;line-height:1.5;color:var(--social-dim)}
.social-person-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0;flex-wrap:wrap}
.social-person-actions .social-button{padding-inline:13px}
.social-search-person{grid-template-columns:44px minmax(0,1fr) auto;padding:17px 0}
.social-search-person .social-avatar{width:44px;height:44px;border-radius:13px}
.social-search-empty{display:flex;flex-direction:column;gap:5px;padding:24px 0 0;color:var(--social-muted);font-size:14px}
.social-search-empty strong{color:#e1e9d8;font-weight:550}
.social-invitation-rail{min-width:0}
.social-invitation-section{padding:23px 22px 21px;border-radius:14px;background:linear-gradient(125deg,#b9d6bd09,#a5b99a03);border:1px solid #c5dec412;backdrop-filter:blur(12px)}
.social-invitation-section .social-section-title{margin-bottom:25px}
.social-invitation-section .social-section-title h2{font-size:17px}
.social-rail-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:"Plus Jakarta Sans",sans-serif;font-size:13px;font-weight:600;color:#a5b89f;line-height:1.6;margin:0 0 12px}
.social-rail-label .social-count{background:transparent;min-width:20px;height:20px;padding:0}
.social-invitation-list .social-person{grid-template-columns:40px minmax(0,1fr);gap:10px 12px;padding:17px 0}
.social-invitation-list .social-person:first-child{padding-top:0}
.social-invitation-list .social-person:last-child{border:0;padding-bottom:0}
.social-invitation-list .social-avatar{width:40px;height:40px;border-radius:12px}
.social-invitation-list .social-avatar>.avatar-initial{font-size:13px}
.social-invitation-list .social-person-copy h3{font-size:14px}
.social-invitation-list .social-person-copy>span{display:none}
.social-invitation-list .social-person-actions{grid-column:1/-1;justify-content:flex-start;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:3px}
.social-invitation-list .social-button{min-height:44px;padding:9px 10px;font-size:13px}
.social-invitation-list .social-person-actions>.social-state{grid-column:1/-1;justify-self:start;margin-left:52px}
.social-rail-sent{margin-top:26px;padding-top:23px;border-top:1px solid var(--social-line)}
.social-rail-empty{font-size:14px;color:#a6b6a1;line-height:1.8;padding:4px 0 11px}
.social-invitation-help{font-size:13px;color:#8da28d;line-height:1.85;margin-top:23px;padding-top:19px;border-top:1px solid var(--social-line)}
.social-trades-link{display:flex;align-items:center;gap:13px;padding:23px 5px;color:#c8d7bc}
.social-trades-link>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.social-trades-link strong{font-size:14px;font-weight:550}
.social-trades-link small{font-size:13px;color:#92a88f}
.social-trades-link:hover{color:#eff6e7}
.social-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:290px;padding:42px 22px;text-align:center;border-top:1px solid var(--social-line)}
.social-empty-symbol{display:grid;place-items:center;width:54px;height:54px;margin-bottom:24px;border-radius:17px;background:#c7dfbb08;color:#a6bc97}
.social-empty-symbol .social-glyph,.social-empty-symbol svg{width:27px;height:27px}
.social-empty h2{font-size:20px;line-height:1.5;letter-spacing:-.6px;font-weight:500;margin:0 0 12px;color:#e5edda}
.social-empty p{max-width:43ch;font-size:14px;line-height:1.85;color:var(--social-muted);margin:0}
.social-empty>.social-button{margin-top:25px}
.social-state{display:inline-flex;align-items:center;gap:7px;font-size:12px;line-height:20px;font-weight:550;color:#b6c3b0;white-space:nowrap}
.social-state .social-glyph,.social-state svg{width:14px;height:14px}
.social-state-pending{color:#ddc79b}
.social-state-accepted{color:#beda9b}
.social-state-rejected,.social-state-cancelled{color:#b8aaa2}
.social-trade-tabs{display:flex;gap:26px;border-bottom:1px solid #d4e5d31a;margin:0 0 30px}
.social-trade-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:53px;padding:0 0 17px;border:0;background:transparent;color:#9caf9a;font-size:14px;font-weight:550;line-height:1.5}
.social-trade-tab::after{content:"";position:absolute;height:2px;left:0;right:0;bottom:-1px;background:transparent}
.social-trade-tab.is-active{color:#e5efda}
.social-trade-tab.is-active::after{background:#c9dfa8}
.social-trade-tab.is-active .social-count{background:#a4c98721;color:#d9ebbf}
.social-trade-tab:hover{color:#f0f6e8}
.social-trade-list{display:flex;flex-direction:column;gap:28px}
.social-trade-ticket{min-width:0;border:1px solid #c9dfc514;border-radius:16px;background:linear-gradient(120deg,#c9dfd307,#bbd1b603);overflow:visible}
.social-trade-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 28px;border-bottom:1px solid #c9dfc512}
.social-trade-person{display:flex;align-items:center;gap:13px;min-width:0}
.social-trade-person .social-avatar{width:42px;height:42px;border-radius:13px}
.social-trade-person .social-avatar>.avatar-initial{font-size:14px}
.social-trade-person>div{min-width:0}
.social-trade-person>div>span{display:block;color:#95aa92;font-size:12px;line-height:1.5;margin-bottom:3px}
.social-trade-person h2{font-family:"Plus Jakarta Sans",sans-serif;font-size:16px;line-height:1.45;font-weight:600;letter-spacing:-.2px;overflow-wrap:anywhere;text-wrap:pretty;margin:0;color:#e9efdf}
.social-trade-table{display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);gap:24px;padding:25px 28px 28px;align-items:start}
.social-trade-side{min-width:0}
.social-trade-side>h3{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:"Plus Jakarta Sans",sans-serif;font-size:14px;line-height:1.6;font-weight:550;color:#c8d6be;margin:0 0 20px}
.social-trade-side>h3 small{font-size:12px;color:#8fa489;font-weight:450;white-space:nowrap}
.social-trade-receive>h3>span{color:#d7e8bc}
.social-trade-divider{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#bdd1aa0b;color:#99af8d;align-self:center;margin-top:32px}
.social-trade-divider svg{width:19px;height:19px}
.social-trade-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,170px));align-items:start;gap:22px 17px;padding:6px;margin:-6px;min-width:0}
.social-trade-card{min-width:0;width:100%;max-width:170px}
body .social-hub .social-trade-card .card-wrap{display:block;width:100%;height:auto;margin:0;max-width:none}
body .social-hub .social-trade-card .collectible-card{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:62% minmax(0,1fr);align-items:stretch;justify-content:stretch;width:100%;height:auto!important;min-height:0!important;aspect-ratio:2/3!important;border-radius:10px;padding:6px;box-shadow:0 10px 20px #00000026;--card-finish-top:62%}
body .social-hub .social-trade-card .card-art{position:relative;inset:auto;width:100%;grid-row:1;height:100%!important;min-height:0!important;aspect-ratio:auto;border-radius:6px 6px 0 0}
body .social-hub .social-trade-card .card-body,body .social-hub .social-trade-card .collectible-card:has(.card-art[data-image-universe="mounts"]) .card-body{position:relative;inset:auto;grid-row:2;width:100%;align-self:stretch;border-top:0;display:grid;grid-template-rows:minmax(0,1fr) 19px;gap:7px;padding:10px 5px 3px;height:100%;min-height:0;overflow:hidden}
body .social-hub .social-trade-card .card-category{display:none}
body .social-hub .social-trade-card .card-title{grid-row:1;align-self:center;font-size:13px;line-height:1.4;letter-spacing:-.3px;max-height:36px;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
body .social-hub .social-trade-card .card-bottom{grid-row:2;height:19px;min-height:19px;padding:0;margin:0;justify-content:center;border:0;gap:0;font-size:10px;line-height:1.4}
body .social-hub .social-trade-card .card-number{display:none}
body .social-hub .social-trade-card .rarity-label{font-size:10px;white-space:nowrap;gap:3px;line-height:1.4;max-width:none}
body .social-hub .social-trade-card .card-topline{inset:7px 7px auto;align-items:center;justify-content:flex-end;gap:4px}
body .social-hub .social-trade-card .card-universe{display:none}
body .social-hub .social-trade-card .rarity-mark{display:grid;place-items:center;width:24px;height:24px;min-width:24px;border-radius:5px;font-size:10px;line-height:1;padding:0}
.social-trade-card-caption{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:13px 1px 0;min-width:0}
.social-trade-card-caption strong{font-size:13px;font-weight:500;line-height:1.6;color:#cbd7c2;overflow-wrap:anywhere;min-width:0}
.social-trade-card-caption>span{font-size:12px;font-variant-numeric:tabular-nums;line-height:1.6;color:#8fa58b;flex:none;white-space:nowrap}
.social-card-unavailable{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;aspect-ratio:2/3;border-radius:10px;background:#08170e3d;border:1px dashed #a8bca033;padding:20px;text-align:center;color:#a4b59b;font-size:14px;line-height:1.6}
.social-card-unavailable .social-glyph,.social-card-unavailable svg{width:28px;height:28px}
.social-trade-no-cards{display:flex;align-items:center;justify-content:center;gap:12px;min-height:140px;padding:25px;color:#8da285;font-size:14px;background:#0c180f35;border-radius:10px;border:1px dashed #c6ddbc17}
.social-trade-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:21px 28px;border-top:1px solid #c9dfc512}
.social-trade-date{display:inline-flex;align-items:center;gap:8px;font-size:12px;line-height:1.75;color:#91a58a;min-width:0}
.social-trade-date .social-glyph,.social-trade-date svg{width:15px;height:15px}
.social-trade-actions{display:flex;align-items:center;justify-content:flex-end;gap:11px;flex-wrap:wrap;margin-left:auto}
.social-trade-actions:empty{display:none}
.social-trade-warning{display:flex;align-items:flex-start;gap:9px;padding:0 28px 22px;margin:0;color:#ddc4a1;font-size:13px;line-height:1.8}
.social-trade-warning .social-glyph{margin-top:3px}
.social-exchanges>.social-empty{border-top:0;min-height:340px}
@media(min-width:1440px){.social-friends-layout{grid-template-columns:minmax(0,1fr) 320px;gap:48px}.social-person-actions .social-button{padding-inline:16px}.social-trade-table{gap:30px}.social-trade-cards{grid-template-columns:repeat(auto-fit,minmax(145px,175px));gap:23px}.social-trade-card{max-width:175px}}
@media(max-width:1180px) and (min-width:761px){.social-friends-layout{grid-template-columns:minmax(0,1fr) 265px;gap:27px}.social-invitation-section{padding:21px 18px}.social-roster-list .social-person{grid-template-columns:48px minmax(0,1fr);gap:10px 14px}.social-roster-list .social-avatar{width:48px;height:48px}.social-roster-list .social-person-actions{grid-column:2;justify-content:flex-start;margin-top:5px}.social-trade-table{gap:14px;padding-inline:22px}.social-trade-cards{grid-template-columns:repeat(auto-fit,minmax(120px,155px));gap:18px 14px}.social-trade-header,.social-trade-footer{padding-inline:22px}.social-trade-actions .social-button{padding-inline:13px;font-size:13px}}
@media(max-width:960px){.social-friends-layout{grid-template-columns:minmax(0,1fr)}.social-invitation-rail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.social-trades-link{padding:24px 8px}.social-invitation-list .social-person-actions{display:flex}.social-invitation-list .social-person-actions>.social-state{margin-left:52px}}
@media(max-width:760px){.social-page-heading{align-items:flex-start;gap:19px;margin-bottom:29px}.social-page-heading h1{font-size:27px;letter-spacing:-.8px;margin-bottom:9px}.social-page-heading p{font-size:14px;line-height:1.75}.social-page-heading>.social-button{min-height:44px;padding-inline:12px;font-size:13px;max-width:145px}.social-page-heading>.social-button .social-glyph{display:none}.social-friends-layout{gap:31px}.social-search{padding-bottom:27px}.social-search-control{gap:9px}.social-search-field{padding-inline:12px;gap:8px}.social-search-field input{font-size:16px;height:46px}.social-search-control>.social-button{padding-inline:13px;min-height:46px;font-size:13px}.social-roster-list .social-person{grid-template-columns:48px minmax(0,1fr);gap:9px 13px;padding:21px 0}.social-roster-list .social-avatar{width:48px;height:48px;border-radius:14px}.social-roster-list .social-person-actions{grid-column:1/-1;justify-content:flex-start;display:grid;grid-template-columns:1fr 1fr;margin-top:9px;gap:9px}.social-roster-list .social-person-actions .social-button{width:100%;min-height:44px;padding-inline:9px;font-size:13px}.social-person-copy h3{font-size:15px}.social-section-title h2{font-size:18px}.social-invitation-rail{display:block}.social-invitation-section{padding:22px}.social-invitation-list .social-person-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:8px}.social-invitation-list .social-button{min-height:44px}.social-trades-link{padding:25px 4px}.social-empty{min-height:270px;padding:36px 14px}.social-empty h2{font-size:19px}.social-empty p{line-height:1.8}.social-trade-tabs{gap:22px;margin-bottom:23px}.social-trade-tab{gap:7px;font-size:13px;min-height:48px;padding-bottom:14px}.social-trade-tab .social-count{min-width:22px;height:22px;font-size:11px;padding-inline:5px}.social-trade-ticket{border-radius:13px}.social-trade-header{padding:19px 18px;gap:12px}.social-trade-person{gap:11px}.social-trade-person h2{font-size:15px}.social-trade-person .social-avatar{width:38px;height:38px;border-radius:12px}.social-trade-header>.social-state{font-size:11px;gap:5px}.social-trade-header>.social-state .social-glyph{display:none}.social-trade-table{grid-template-columns:minmax(0,1fr);gap:19px;padding:21px 18px 23px}.social-trade-side>h3{font-size:14px;margin-bottom:17px}.social-trade-divider{justify-self:center;margin:0;width:32px;height:32px;transform:rotate(90deg)}.social-trade-cards{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:20px 14px;max-width:100%}.social-trade-card{max-width:175px}.social-trade-no-cards{min-height:100px}.social-trade-footer{flex-direction:column;align-items:stretch;gap:18px;padding:19px 18px}.social-trade-actions{margin:0;display:flex;flex-direction:row;align-items:stretch;gap:9px}.social-trade-actions>.social-button{flex:1;min-height:46px;font-size:13px;padding:11px 10px}.social-trade-actions>.social-button .social-glyph{display:none}.social-trade-warning{padding:0 18px 20px;font-size:13px}.social-trade-card-caption strong{font-size:12px}.social-search-person{grid-template-columns:40px minmax(0,1fr);gap:9px 12px}.social-search-person .social-avatar{width:40px;height:40px}.social-search-person .social-person-actions{grid-column:2;justify-content:flex-start;margin-top:3px}.social-search-person .social-button{font-size:13px;min-height:42px}}
@media(max-width:390px){.social-page-heading{flex-direction:column;align-items:stretch;gap:17px}.social-page-heading>.social-button{align-self:flex-start;max-width:none;padding-inline:16px}.social-page-heading>.social-button .social-glyph{display:inline-grid}.social-trade-tabs{gap:17px}.social-trade-header{padding-inline:16px}.social-trade-table{padding-inline:16px}.social-trade-footer{padding-inline:16px}.social-trade-card-caption{gap:5px}.social-search-control>.social-button{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.social-hub .social-button,.social-hub .social-search-field{transition:none}}

.social-profile-link{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;max-width:100%;min-height:44px;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation}
.social-profile-link>span{max-width:100%;overflow-wrap:anywhere}
.social-profile-link>small{display:inline-flex;align-items:center;gap:6px;color:#9dd9cb;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:0;text-decoration:underline;text-decoration-color:#9dd9cb70;text-underline-offset:3px}.social-profile-link>small .social-glyph,.social-profile-link>small svg{width:13px;height:13px}
.social-profile-link:hover>small{color:#d2f3e9;text-decoration-color:currentColor}
.social-profile-link:focus-visible{outline:2px solid #bedba7;outline-offset:5px;border-radius:3px}
.modal.public-profile-modal{width:min(760px,calc(100vw - 28px))}
.public-profile{color:#e1e9dc;min-width:0}
.public-profile-identity{display:flex;align-items:center;gap:18px;min-width:0}
.public-profile-identity>div{min-width:0}
.public-profile-avatar{position:relative;display:grid;place-items:center;width:76px;height:76px;flex:0 0 76px;overflow:hidden;border-radius:50%;background:#314936;color:#d7edc9;font-family:Sora,sans-serif;font-size:23px;font-weight:600;line-height:1}
.public-profile-avatar .avatar-initial{display:grid;place-items:center;width:100%;height:100%;line-height:1}
.public-profile-avatar .account-avatar-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.public-profile-identity h2{margin:0;font-family:Sora,sans-serif;font-size:24px;font-weight:600;line-height:1.35;letter-spacing:-.6px;overflow-wrap:anywhere}
.public-profile-identity p{margin:7px 0 0;color:#a8b69f;font-size:13px;line-height:1.6}
.public-profile-bio{max-width:65ch;margin:22px 0;color:#c3cebb;font-size:14px;line-height:1.8;white-space:pre-line;overflow-wrap:anywhere}
.public-profile-favorite{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px 14px;margin:20px 0 0;font-size:13px;line-height:1.7}
.public-profile-favorite dt{display:inline-flex;align-items:center;gap:8px;color:#a8b69f}
.public-profile-favorite dt>span{display:inline-flex;width:16px;height:16px;flex:0 0 16px}
.public-profile-favorite dt svg{width:16px;height:16px}
.public-profile-favorite dd{margin:0;min-width:0;color:#e1e9dc;font-weight:500;overflow-wrap:anywhere}
.public-profile-trophies{margin-top:28px;padding-top:24px;border-top:1px solid #c5ddbd1f}
.public-profile-trophies>header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.public-profile-trophies>header h2{margin:0;font-family:Sora,sans-serif;font-size:17px;font-weight:600;line-height:1.5;letter-spacing:-.3px}
.public-profile-trophies>header>span{color:#b2c5a7;font-size:14px;font-variant-numeric:tabular-nums}
.public-profile-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 0;padding:0;list-style:none}
.public-collection-badge{--badge-color:#8ad9b2;display:grid;grid-template-columns:42px minmax(0,1fr) 16px;align-items:center;gap:12px;min-width:0;padding:15px;border:1px solid #bbd1af24;border-radius:12px;background:#10201966;content-visibility:auto;contain-intrinsic-size:auto 100px}
.public-collection-badge[data-theme="personalities"]{--badge-color:#f0a28d}
.public-collection-badge[data-theme="music"]{--badge-color:#edabc0}
.public-collection-badge[data-theme="screen"]{--badge-color:#e1c17c}
.public-collection-badge[data-theme="internet"]{--badge-color:#c4df7f}
.public-collection-badge[data-theme="sport"]{--badge-color:#94c7df}
.public-collection-medal{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:var(--badge-color);background:color-mix(in srgb,var(--badge-color) 10%,transparent)}
.public-collection-medal svg{width:21px;height:21px}
.public-collection-badge>div{min-width:0}
.public-collection-badge h3{margin:0;font-size:13px;font-weight:600;line-height:1.55;overflow-wrap:anywhere}
.public-collection-badge p{margin:4px 0 0;color:#a9b99f;font-size:12px;line-height:1.5}
.public-collection-badge small{display:block;margin-top:3px;color:#85977d;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.public-collection-earned,.public-collection-earned>span{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--badge-color)}
.public-collection-earned svg{width:16px;height:16px}
.public-profile-empty{margin:16px 0 0;color:#a8b69f;font-size:14px;line-height:1.8}
@media(max-width:600px){.public-profile-identity{gap:14px}.public-profile-avatar{width:64px;height:64px;flex-basis:64px;font-size:21px}.public-profile-identity h2{font-size:20px}.public-profile-identity p{font-size:12px}.public-profile-badges{grid-template-columns:minmax(0,1fr)}.public-profile-trophies{margin-top:24px;padding-top:21px}.public-profile-trophies>header h2{font-size:16px}.public-collection-badge{padding:14px}.public-profile-bio{margin-block:18px}}

.social-invitation-list .social-state{white-space:normal;align-items:flex-start;max-width:100%;line-height:1.65}.social-invitation-list .social-state .social-glyph{margin-top:3px}.social-invitation-list .social-person-actions>.social-state{margin-left:0}.social-hub :is(button,a){touch-action:manipulation}.social-page-heading>div{min-width:0}.social-page-heading h1{text-wrap:balance}.social-rail-label .social-count{flex:0 0 auto}.social-search-person .social-person-actions{gap:8px}.social-trade-header>.social-state{flex-shrink:0}@media(max-width:390px){.social-search-control{flex-wrap:wrap}.social-search-field{flex-basis:100%}.social-search-control>.social-button{min-height:44px}.social-trade-tabs{gap:12px}.social-trade-tab{flex:1;min-width:0;flex-wrap:wrap;gap:4px;padding:9px 3px 12px;font-size:12px}.social-trade-header{flex-wrap:wrap}.social-trade-header>.social-state{margin-left:49px}.social-invitation-section{padding:20px 16px}}

.social-hub .social-button-gift{background:#70dac510;color:#a6e5d7;border-color:#76cdb42e}
.social-hub .social-button-gift:hover:not(:disabled){background:#70dac51f;border-color:#91ddc65c;color:#d4f9ed}
.social-roster-list .social-person{grid-template-columns:52px minmax(0,1fr);gap:10px 16px}
.social-roster-list .social-person-actions{grid-column:2;justify-content:flex-start;gap:10px;margin-top:5px}
.social-roster-list .social-person-actions .social-button{min-height:44px;min-width:105px;font-size:12px;padding:10px 13px}
.social-trade-states{display:flex;align-items:center;justify-content:flex-end;gap:10px 16px;flex-wrap:wrap;flex-shrink:0;max-width:45%}
.social-gift-label{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:7px;background:#6dd2bd10;border:1px solid #6dd2bd28;color:#9ddbc9;font-size:11px;font-weight:600;line-height:18px}
.social-gift-label .social-glyph,.social-gift-label svg{width:14px;height:14px}
.social-gift-ticket{border-color:#79bdaa25;background:linear-gradient(120deg,#79cfb409,#bbd1b603)}
.social-gift-content{padding:25px 28px 28px;display:grid;gap:24px}
.social-gift-content .social-trade-side>h3{justify-content:flex-start;gap:13px}
.social-gift-note{display:flex;align-items:flex-start;gap:11px;margin:0;padding:15px 17px;border-radius:10px;background:#89d3b807;color:#c8e3d8;font-size:13px;line-height:1.7;max-width:65ch}
.social-gift-note>.social-glyph{margin-top:2px;color:#8abca9}
.social-gift-note>span:last-child{min-width:0}
.social-gift-note small{display:block;margin-top:5px;color:#99b7a8;font-size:12px;line-height:1.7}
@media(min-width:1600px){.social-roster-list .social-person{grid-template-columns:52px minmax(0,1fr) auto;gap:16px}.social-roster-list .social-person-actions{grid-column:3;margin-top:0}}
@media(max-width:760px){.social-roster-list .social-person{grid-template-columns:48px minmax(0,1fr);gap:10px 13px}.social-roster-list .social-person-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:9px}.social-roster-list .social-person-actions .social-button{min-width:0;font-size:12px;padding:10px 8px;gap:6px}.social-gift-content{padding:21px 18px 23px;gap:20px}.social-trade-states{gap:8px;max-width:45%;flex-direction:column;align-items:flex-end}.social-trade-states .social-state{font-size:11px}.social-gift-label{font-size:10px;padding:3px 7px}.social-gift-note{font-size:12px;padding:13px;gap:9px}.social-gift-note small{font-size:11px}}
@media(max-width:559px){.social-roster-list .social-person-actions .social-glyph{display:none}.social-roster-list .social-person-actions .social-button{font-size:12px;gap:0;padding-inline:6px}.social-trade-states{max-width:100%;margin-left:auto}}
@media(prefers-reduced-motion:reduce){.social-hub .social-button-gift{transition:none}}

.social-sale-ticket{border-color:#e8c66c33;background:linear-gradient(120deg,#c99e260b,#bbd1b603)}
.social-sale-label{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:7px;background:#e9c76512;border:1px solid #e9c76530;color:#f1d88c;font-size:11px;font-weight:600;line-height:18px}
.social-sale-label .social-glyph,.social-sale-label svg{width:14px;height:14px}
.social-sale-note{border:1px solid #e9c76516;background:#e9c76508}
.social-sale-note>.social-glyph{color:#e8c66c}
.social-sale-note>span:last-child{min-width:0}
.social-sale-note strong{display:block;margin-bottom:4px;color:#f1d88c;font-size:15px}
.social-sale-content .social-trade-side>h3{justify-content:flex-start;gap:13px}
@media(max-width:760px){.social-sale-label{font-size:10px;padding:3px 7px}.social-sale-note{font-size:12px;padding:13px;gap:9px}.social-sale-note strong{font-size:14px}}

.social-hub .social-button-icon-only{width:40px;min-width:40px;min-height:40px;padding:7px;border-radius:10px}
.social-hub .social-button-icon-only .social-glyph{width:20px;height:20px}
.social-hub .social-button-cancel{background:#df87720b;border-color:#df877226;color:#d6a093}
.social-hub .social-button-cancel:hover:not(:disabled){background:#df87721b;border-color:#df87724d;color:#f1c1b4}
.social-invitation-list .social-outgoing-invitation .social-person-actions{display:flex;grid-template-columns:none;align-items:center;justify-content:space-between;gap:9px;margin:3px 0 0 52px}
.social-invitation-list .social-outgoing-invitation .social-person-actions>.social-state{grid-column:auto;justify-self:auto;max-width:calc(100% - 49px);margin:0;white-space:normal}
.social-invitation-list .social-outgoing-invitation .social-person-actions>.social-button-icon-only{flex:0 0 40px}
@media(max-width:760px){.social-hub .social-button-icon-only{width:44px;min-width:44px;min-height:44px;padding:9px}.social-invitation-list .social-outgoing-invitation .social-person-actions>.social-button-icon-only{flex-basis:44px}}
.social-roster-list .social-person-actions .social-button-icon-only{width:44px;min-width:44px;padding:9px;flex:0 0 44px}
@media(max-width:760px){.social-roster-list .social-person-actions{grid-template-columns:repeat(3,minmax(0,1fr)) 44px}.social-roster-list .social-person-actions .social-button-icon-only{width:44px;min-width:44px;justify-self:end}}

/* feed.css */
:root{--bg:#0c1716;--panel:#142523;--text:#eef6f1;--muted:#a2b8b0;--line:#29403a;--accent:#a5e2b5;--accent-dark:#c7f2d2;--feed-cyan:#76ddd4;--feed-coral:#f2a08d;--feed-gold:#edca75;--wa-focus-ring-color:#76ddd4;color-scheme:dark}
body{background:#0c1716;color:var(--text)}body .sidebar{background:#101e1a;border-right-color:#263d35}body .topbar{background:#101f1b;border-bottom-color:#294039}body .brand{color:#f0fbf5;font-family:Sora,sans-serif;font-weight:750;font-size:31px;letter-spacing:-1.8px}body .brand span{background:none;color:inherit;-webkit-text-fill-color:currentColor;text-shadow:none}body .brand span::after{content:'';display:inline-block;width:9px;height:9px;margin-left:5px;background:var(--feed-coral);border-radius:2px}body .nav-link.active{background:#28483b;color:#dcf9e6}body .nav-link[data-page=achievements] .icon{color:var(--feed-gold)}body .balance{background:#142a25;border-color:#315448}body .balance .coin{background:none;box-shadow:none}body .balance small{color:#b5cfc4}body .auth-wordmark{color:#edf9f4;font-weight:750;letter-spacing:-3px}body .auth-product-card:nth-child(1){border-color:#76ddd4}body .auth-product-card:nth-child(3){border-color:#f2a08d}
.feed-home{max-width:1280px;margin-inline:auto}.feed-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:0 0 32px}.feed-intro h1{font-size:clamp(29px,2.8vw,43px);letter-spacing:-1.6px;line-height:1.18}.feed-intro p{max-width:650px;margin:14px 0 0;color:#a7bdb5;font-size:14px;line-height:1.8}.feed-intro .text-link{flex-shrink:0;font-size:13px;color:#bfe8d5}.feed-hero{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:420px;border-radius:24px;border:1px solid #4e7363;background:linear-gradient(110deg,#204a3a 0%,#17372e 54%,#183935 100%);isolation:isolate;overflow:hidden;margin-bottom:28px}.feed-hero::after{content:'';position:absolute;right:8%;top:12%;width:250px;height:250px;border-radius:50%;border:45px solid #80d2bd0c;transform:rotate(-12deg);z-index:-1}.feed-hero-copy{padding:48px 20px 45px 42px;align-self:center;position:relative;z-index:2}.feed-hero h2{font-family:Sora,sans-serif;font-size:clamp(29px,3vw,43px);max-width:400px;line-height:1.22;letter-spacing:-1.8px;color:#f2f9e9;margin:0}.feed-hero p{color:#b8d4c8;max-width:350px;line-height:1.9;font-size:14px;margin:23px 0 28px}.feed-hero .button{min-height:48px;padding-inline:23px;background:#d0edb1!important;color:#1b301e!important;box-shadow:none!important}.feed-hero-art{display:flex;align-items:center;justify-content:center;position:relative;padding:30px 20px;min-width:0}.feed-hero-card{width:184px;flex:0 0 184px;position:relative}.feed-hero-card+.feed-hero-card{margin-left:-87px}.feed-hero-card:nth-child(1){transform:translate(-13px,17px) rotate(-16deg);z-index:1}.feed-hero-card:nth-child(2){transform:translateY(-8px) rotate(1deg);z-index:3}.feed-hero-card:nth-child(3){transform:translate(13px,17px) rotate(16deg);z-index:2}.feed-hero-card .card-wrap{display:block;width:100%}.feed-hero-card .collectible-card{width:100%;height:auto!important;aspect-ratio:2/3!important;min-height:0!important;box-shadow:0 20px 27px #03150b50!important}.feed-hero-card .card-title{font-size:14px!important;line-height:1.3!important}.feed-hero-card .card-category{font-size:8px!important}.feed-hero-card .card-universe{font-size:7px!important;max-width:110px}.feed-hero-card .card-bottom{font-size:8px!important}.feed-hero-card .card-body{padding:12px!important}.feed-hero-card .rarity-mark{width:23px!important;height:23px!important;font-size:10px!important}.feed-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:26px 30px;border:1px solid #335047;background:#122923;border-radius:18px;margin-bottom:48px}.feed-progress-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:15px;background:#ddbb6020;color:#edca75}.feed-progress-icon svg{width:28px;height:28px}.feed-progress h2{font-size:19px;line-height:1.5;margin:0 0 5px}.feed-progress p{margin:0;font-size:13px;color:#a7c0b5;line-height:1.8}.feed-progress .button{background:#262d21;color:#f0d793;border-color:#716240}.feed-universes{margin:0 0 46px}.feed-section-heading{margin-bottom:22px}.feed-section-heading h2{font-size:24px;letter-spacing:-.8px;margin:0 0 9px}.feed-section-heading p{font-size:13px;color:#a1b9af;margin:0;line-height:1.7}.feed-universe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.feed-universe{--universe-color:#9adbb7;display:grid;grid-template-columns:48px 1fr 20px;align-items:center;gap:17px;text-align:left;padding:23px 21px;background:#152a24;border:1px solid #2d493e;border-radius:16px;position:relative;min-height:112px;transition:background .15s,border-color .15s}.feed-universe::before{content:'';position:absolute;left:0;top:27%;bottom:27%;width:3px;background:var(--universe-color);border-radius:0 3px 3px 0}.feed-universe:hover{background:#1b352d;border-color:var(--universe-color)}.feed-universe:focus-visible{outline:2px solid var(--universe-color);outline-offset:4px}.feed-universe[data-universe=games]{--universe-color:#9adeaf}.feed-universe[data-universe=creators]{--universe-color:#f2a08d}.feed-universe[data-universe=esports]{--universe-color:#edca75}.feed-universe[data-universe=internet]{--universe-color:#76ddd4}.feed-universe[data-universe=music]{--universe-color:#f09bbd}.feed-universe[data-universe=screen]{--universe-color:#8bb8f2}.feed-universe[data-universe=sport]{--universe-color:#dfc978}.feed-universe[data-universe=hardware]{--universe-color:#aac2da}.feed-universe-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;color:var(--universe-color);background:#ffffff06}.feed-universe-icon svg{width:25px;height:25px}.feed-universe-copy{min-width:0}.feed-universe h3{font-size:15px;font-weight:650;line-height:1.5;margin:0 0 7px;color:#eaf3ee}.feed-universe p{font-size:11px;line-height:1.6;color:#a7bdb2;margin:0}.feed-universe>svg{width:18px;height:18px;color:#9ab5a6}.feed-home .featured-grid{margin-bottom:36px}.feed-home .community-callout{background:#182f2c;border-color:#3c5d53}.shop-odds-note{font-size:12px!important;color:#bdd5c7!important;line-height:1.9!important;margin:23px 0 8px!important;max-width:760px}.feed-subcategory-filter{min-width:180px}body .auth-world{background:radial-gradient(ellipse at 20% 85%,#3f656127,transparent 60%),#17372b}body .auth-product-card{background:linear-gradient(155deg,#244a39,#132a22);color:#cfeec9}
@media(min-width:1450px){.feed-hero-card{width:205px;flex-basis:205px}.feed-hero-card+.feed-hero-card{margin-left:-86px}}
@media(max-width:1100px){.feed-universe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feed-hero-copy{padding-left:30px}.feed-hero-card{width:155px;flex-basis:155px}.feed-hero-card+.feed-hero-card{margin-left:-82px}.feed-progress{padding:23px;gap:18px}.feed-progress-icon{width:46px;height:46px}}
@media(max-width:760px){.feed-intro{display:block;margin-bottom:25px}.feed-intro h1{font-size:30px;letter-spacing:-1.2px}.feed-intro p{font-size:13px}.feed-intro>.text-link{display:inline-flex;margin-top:19px}.feed-hero{grid-template-columns:1fr;min-height:0;border-radius:19px}.feed-hero-copy{padding:29px 26px 12px}.feed-hero h2{font-size:29px;max-width:300px;letter-spacing:-1px}.feed-hero p{font-size:13px;margin:17px 0 22px}.feed-hero-art{height:273px;padding:20px 15px 30px}.feed-hero-card{width:142px;flex-basis:142px}.feed-hero-card+.feed-hero-card{margin-left:-55px}.feed-hero-card .card-title{font-size:11px!important}.feed-hero-card .card-universe{font-size:6px!important;max-width:80px}.feed-hero-card .card-body{padding:9px!important}.feed-hero-card .card-bottom{font-size:7px!important}.feed-progress{grid-template-columns:42px 1fr;padding:22px 19px;gap:15px;border-radius:16px;margin-bottom:34px}.feed-progress-icon{width:42px;height:42px}.feed-progress h2{font-size:17px}.feed-progress p{font-size:12px}.feed-progress>.button{grid-column:1/-1;width:100%;margin-top:3px}.feed-universe-grid{grid-template-columns:1fr;gap:11px}.feed-universe{min-height:94px;padding:18px 20px;grid-template-columns:42px 1fr 18px;gap:15px}.feed-universe-icon{width:42px;height:42px}.feed-universe h3{font-size:15px}.feed-universe p{font-size:12px}.feed-section-heading h2{font-size:22px}.feed-subcategory-filter{width:100%}.feed-hero-card .rarity-mark{width:19px!important;height:19px!important;font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.feed-universe{transition:none}}

/* achievements.css */
.achievements-page{--achievement-mint:#b5edb6;--achievement-cyan:#77d6e3;--achievement-amber:#ffd27a;--achievement-coral:#ffb39e;max-width:1280px;margin:0 auto;padding-bottom:40px;color:#f0f5ef}
.achievement-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.achievement-heading h1{font-family:Sora,sans-serif;font-size:clamp(26px,3vw,36px);letter-spacing:-1.4px;line-height:1.2;margin:0 0 10px;font-weight:650}
.achievement-heading p{font-size:14px;line-height:1.7;color:#a8bbb1;margin:0;max-width:620px}
.achievement-total{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;border-radius:12px;padding:12px 15px;background:#17372a;color:#b6cbbd;font-size:13px;white-space:nowrap}
.achievement-total svg{width:19px;height:19px;color:var(--achievement-amber);margin-right:3px}
.achievement-total b{font-size:17px;color:#f5f5e7;font-variant-numeric:tabular-nums}
.achievement-spotlight{--achievement-accent:var(--achievement-mint);display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:24px;padding:30px;border-radius:20px;background:linear-gradient(116deg,rgba(181,237,182,.09),transparent 58%),#13271e;border:1px solid #355343;position:relative;overflow:hidden}
.achievement-spotlight-emblem{height:88px;width:88px;display:grid;place-items:center;background:color-mix(in srgb,var(--achievement-accent) 10%,#15271e);border:1px solid color-mix(in srgb,var(--achievement-accent) 40%,transparent);border-radius:28px 28px 38px 38px;box-shadow:inset 0 1px 0 #ffffff18}
.achievement-spotlight-emblem svg{height:36px;width:36px;color:var(--achievement-accent);stroke-width:1.6}
.achievement-spotlight-copy>span{display:block;color:var(--achievement-accent);font-size:12px;font-weight:600;margin-bottom:8px}
.achievement-spotlight-copy h2{font-family:Sora,sans-serif;font-size:clamp(20px,2.2vw,26px);letter-spacing:-.75px;line-height:1.3;margin:0 0 8px}
.achievement-spotlight-copy p{font-size:13px;line-height:1.6;color:#bfd0c3;margin:0 0 18px;max-width:560px}
.achievement-spotlight-copy .achievement-progress{max-width:480px}
.achievement-spotlight-action{display:flex;flex-direction:column;gap:18px;align-items:flex-end;justify-content:center;max-width:260px}
.achievement-spotlight-action .achievement-rewards{justify-content:flex-end}
.achievement-spotlight-action .achievement-button{width:100%;min-width:170px}
.achievement-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 20px}
.achievement-filters{display:flex;flex-wrap:wrap;gap:6px;padding:4px;border:1px solid #2a4034;border-radius:13px;background:#102219;width:max-content}
.achievements-page .achievement-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 15px;border-radius:9px;border:1px solid transparent;color:#11261a;background:var(--achievement-mint);font-size:12px;line-height:1.4;font-weight:750;font-family:inherit;cursor:pointer;white-space:normal;text-align:center}
.achievements-page .achievement-button svg{width:16px;height:16px;flex:none}
.achievements-page .achievement-button:hover:not(:disabled){background:#d1f4cc}
.achievements-page .achievement-button:focus-visible,.achievement-series summary:focus-visible,.achievement-series button:focus-visible{outline:2px solid #e3ffda;outline-offset:3px}
.achievements-page .achievement-button:disabled{cursor:wait;opacity:.55}
.achievement-filters .achievement-button{min-height:44px;padding:8px 13px;background:transparent;color:#aebfb3;font-weight:650;font-size:12px;gap:8px}
.achievement-filters .achievement-button>span{font-size:10px;min-width:18px;line-height:18px;padding:0 4px;border-radius:5px;background:#263e30;color:#c5d7c9;font-variant-numeric:tabular-nums}
.achievement-filters .achievement-button[aria-pressed=true]{color:#f3faed;background:#294536}
.achievement-filters .achievement-button[aria-pressed=true]>span{background:#4b6c50;color:#f7ffec}
.achievement-filters .achievement-button:hover:not(:disabled){background:#213d2c;color:#eef7e8}
.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.achievement-item{--achievement-accent:var(--achievement-mint);display:grid;grid-template-columns:46px minmax(0,1fr);gap:16px;padding:24px 22px 19px;background:#12261d;border:1px solid #294034;border-radius:15px;align-items:start;min-width:0}
.achievement-opening{--achievement-accent:var(--achievement-cyan)}
.achievement-social{--achievement-accent:var(--achievement-coral)}
.achievement-sets{--achievement-accent:var(--achievement-amber)}
.achievement-arena{--achievement-accent:#ff9b8a}
.achievement-item.is-ready{border-color:#bca15f80;background:#282b1d}.achievement-item.is-ready .achievement-item-action{border-color:#bca15f40}.achievement-item.is-ready .achievement-button{background:#f1d394;color:#302810}.achievement-item.is-ready .achievement-button:hover:not(:disabled){background:#ffe4ac}
.achievement-item.is-claimed{border-color:#3e66504d;background:#10231b}.achievement-item.is-claimed .achievement-emblem{color:#9ac9ac;background:#75a88912;box-shadow:inset 0 0 0 1px #75a88930}.achievement-item.is-claimed .achievement-progress{--achievement-accent:#729c83}.achievement-item.is-claimed h3{color:#c5d6cc}.achievement-item.is-locked{border-color:#57655f4d;background:#14241d}
.achievement-emblem{width:46px;height:50px;border-radius:12px 12px 18px 18px;background:color-mix(in srgb,var(--achievement-accent) 10%,transparent);display:grid;place-items:center;color:var(--achievement-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--achievement-accent) 22%,transparent)}
.achievement-emblem svg{width:23px;height:23px;stroke-width:1.6}
.achievement-item.is-locked .achievement-emblem{opacity:.7}
.achievement-item-main{min-width:0}
.achievement-item h3{font-family:Sora,sans-serif;font-size:14px;line-height:1.5;letter-spacing:-.3px;margin:0 0 7px;color:#f2f6ee}
.achievement-item p{font-size:12px;line-height:1.7;color:#b1c4b6;margin:0 0 17px;min-height:40px}
.achievement-progress{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.achievement-progress progress{width:100%;min-width:0;height:5px;appearance:none;border:0;border-radius:10px;overflow:hidden;background:#2a4033}
.achievement-progress progress::-webkit-progress-bar{background:#2a4033;border-radius:10px}
.achievement-progress progress::-webkit-progress-value{background:var(--achievement-accent,var(--achievement-mint));border-radius:10px}
.achievement-progress progress::-moz-progress-bar{background:var(--achievement-accent,var(--achievement-mint));border-radius:10px}
.achievement-progress>span{color:#e2ede0;font-size:11px;font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1}
.achievement-progress>span>span{color:#8fa795;font-weight:500}
.achievement-rewards{display:flex;flex-wrap:wrap;gap:7px 12px;color:#d1dfcf;line-height:1.5;font-size:11px}
.achievement-rewards>span{display:inline-flex;align-items:center;gap:5px}
.achievement-rewards svg{width:14px;height:14px;flex:none;color:var(--achievement-accent,var(--achievement-mint))}
.achievement-rewards b{font-weight:650;color:#eff5e6}
.achievement-item-action{grid-column:2;display:flex;align-items:center;justify-content:flex-end;min-height:40px;border-top:1px solid #294234;padding-top:14px;margin-top:1px}
.achievement-item-action .achievement-button{min-width:158px}
.achievement-claimed,.achievement-remaining{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;padding:6px 10px;border-radius:6px;font-size:11px;line-height:1.5;color:#b4dfc2;background:#74aa8814}
.achievement-claimed svg,.achievement-remaining svg{width:15px;height:15px;flex:none}
.achievement-remaining{color:#b3c0b9;background:#a7b5ad0c}
.achievement-series{margin-top:17px;font-size:11px;color:#adbfaf}
.achievement-series summary{display:flex;align-items:center;gap:7px;cursor:pointer;width:fit-content;list-style:none;border-radius:3px;line-height:1.5}
.achievement-series summary::-webkit-details-marker{display:none}
.achievement-series summary svg{width:14px;height:14px}
.achievement-series[open] summary{color:#f0e0b8}
.achievement-series>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}
.achievement-series button{font:inherit;line-height:1.5;color:#d2dece;border:1px solid #354d3a;background:#1b3325;border-radius:5px;padding:5px 8px;cursor:pointer;max-width:100%}
.achievement-series button:hover{border-color:#94b47c;color:#f6f8e5}
.achievement-shelf{padding:28px 0 0;margin-top:26px;border-top:1px solid #2a4034}
.achievement-shelf h2{font-family:Sora,sans-serif;font-size:20px;letter-spacing:-.5px;margin:0 0 18px}
.achievement-shelf>p{color:#a1b6a6;font-size:13px;line-height:1.7;margin:0}
.achievement-badges{display:flex;flex-wrap:wrap;gap:12px}
.achievement-owned-badge{display:flex;align-items:center;gap:11px;border:1px solid #4b5137;background:#262e20;border-radius:12px;min-height:62px;padding:12px 15px;color:#e7dcaf;max-width:100%}
.achievement-owned-badge>span{width:33px;height:33px;display:grid;place-items:center;background:#544d2c;border-radius:10px}
.achievement-owned-badge>span>svg{width:18px;height:18px;color:#f0d998}
.achievement-owned-badge>strong{font-size:11px;font-weight:650;line-height:1.5}
.achievement-owned-badge>svg{width:14px;height:14px;margin-left:4px;color:#bbd5a5}
.achievement-notes{display:grid;gap:10px;margin-top:26px;padding-top:20px;border-top:1px solid #263d30}
.achievement-notes p{display:flex;align-items:flex-start;gap:9px;font-size:11px;color:#91aa98;line-height:1.75;margin:0;max-width:850px}
.achievement-notes svg{flex:none;width:15px;height:15px;margin-top:2px}
.achievement-empty,.achievement-message,.achievement-complete{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:42px 24px;color:#b4c9b6;border:1px dashed #355240;border-radius:16px}
.achievement-empty p,.achievement-message p{margin:0;font-size:13px;line-height:1.75}
.achievement-message>svg,.achievement-complete>svg{width:28px;height:28px;color:var(--achievement-mint)}
.achievement-complete h2{font-size:22px;margin:0;color:#e7f2de}
@media(min-width:1450px){.achievement-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.achievement-item{padding:23px 19px 18px;gap:13px;grid-template-columns:40px minmax(0,1fr)}.achievement-emblem{width:40px;height:46px}}
@media(max-width:900px){.achievement-spotlight{grid-template-columns:65px minmax(0,1fr);padding:24px;gap:20px}.achievement-spotlight-emblem{width:65px;height:72px;border-radius:20px 20px 30px 30px}.achievement-spotlight-emblem svg{width:30px;height:30px}.achievement-spotlight-action{grid-column:2;flex-direction:row;justify-content:space-between;align-items:center;max-width:none;flex-wrap:wrap}.achievement-spotlight-action .achievement-rewards{justify-content:flex-start}.achievement-spotlight-action .achievement-button{width:auto;min-width:150px}.achievement-item{padding:20px 16px;grid-template-columns:34px minmax(0,1fr);gap:12px}.achievement-emblem{width:34px;height:40px;border-radius:10px 10px 15px 15px}.achievement-emblem svg{width:20px;height:20px}.achievement-item h3{font-size:13px}}
@media(max-width:620px){.achievement-heading{gap:18px;align-items:flex-start;flex-direction:column;margin-bottom:20px}.achievement-heading h1{font-size:27px}.achievement-heading p{font-size:13px}.achievement-total{padding:9px 12px;font-size:11px}.achievement-total b{font-size:14px}.achievement-total svg{width:16px;height:16px}.achievement-spotlight{grid-template-columns:48px minmax(0,1fr);padding:20px 17px;gap:14px;border-radius:15px}.achievement-spotlight-emblem{width:48px;height:56px;border-radius:15px 15px 22px 22px;align-self:start;margin-top:3px}.achievement-spotlight-emblem svg{width:25px;height:25px}.achievement-spotlight-copy h2{font-size:19px;line-height:1.4}.achievement-spotlight-copy p{font-size:12px;margin-bottom:15px}.achievement-spotlight-copy>span{font-size:10px}.achievement-spotlight-action{grid-column:1/-1;gap:15px;border-top:1px solid #35503d;padding-top:15px}.achievement-spotlight-action .achievement-button{min-width:135px;font-size:11px}.achievement-toolbar{margin:23px 0 16px}.achievement-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:3px;border-radius:11px}.achievement-filters .achievement-button{justify-content:space-between;min-height:44px;padding:9px 10px;font-size:11px}.achievement-grid{grid-template-columns:1fr;gap:12px}.achievement-item{padding:20px 18px 15px;grid-template-columns:40px minmax(0,1fr);gap:14px}.achievement-emblem{width:40px;height:46px}.achievement-item h3{font-size:14px}.achievement-item p{min-height:0;font-size:12px}.achievement-item-action{padding-top:12px}.achievement-item-action .achievement-button{min-width:154px;min-height:44px}.achievement-shelf{margin-top:24px;padding-top:24px}.achievement-shelf h2{font-size:18px}.achievement-owned-badge{width:100%;min-height:58px}.achievement-owned-badge>strong{flex:1}.achievement-notes p{font-size:10px}.achievement-series button{padding:7px 9px}}
@media(prefers-reduced-motion:reduce){.achievements-page *{scroll-behavior:auto}}

.achievement-series button{display:inline-flex;align-items:center;gap:5px}.achievement-series button svg{width:12px;height:12px;flex:none}.achievement-series button.is-collected{color:#dff1ca;border-color:#617c50;background:#30452a}

.achievement-item{scroll-margin-top:24px}.achievement-item[data-achievement="first-legendary"]{--achievement-accent:var(--achievement-amber)}.achievement-heading h1,.achievement-spotlight h2,.achievement-item h3{text-wrap:balance}.achievements-page button,.achievement-series summary{touch-action:manipulation}.achievement-item p,.achievement-series button{overflow-wrap:anywhere}
/* « Tout récupérer » on the right of the filters */
.achievement-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.achievement-toolbar .achievement-claim-all{order:2;margin-left:auto;min-height:42px;white-space:nowrap}
/* Heading: « Tout récupérer » sits right next to the « x / y obtenus » counter. */
.achievement-heading-actions{display:flex;align-items:center;gap:12px;flex:none}
.achievement-heading-actions .achievement-claim-all{margin:0}
/* Pages of 12 achievements (instead of the whole list on one screen), the badge shelf stays close below. */
.achievement-pager{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px 0 26px}
.achievement-pager span{min-width:64px;text-align:center;font-weight:800;font-variant-numeric:tabular-nums}
.achievement-pager .achievement-button{display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:8px}
.achievement-pager .achievement-button:disabled{opacity:.35;cursor:default}
@media(max-width:760px){.achievement-heading-actions{flex-wrap:wrap}}

[data-achievement="discord-join"] .achievement-item-action{flex-wrap:wrap;gap:8px}

/* arena.css */
.arena-page{--arena-accent:var(--accent,#bedca5);--arena-panel:var(--panel,#17251e);--arena-line:var(--line,#2c3d33);--arena-text:var(--text,#eeeede);--arena-muted:var(--muted,#a9bfae);--arena-gold:#ecc66d;--arena-gold-deep:#9a7128;--arena-wood:color-mix(in srgb,var(--arena-panel) 40%,#3d2a19);--arena-felt:color-mix(in srgb,var(--arena-accent) 16%,#2c2219);--arena-card:168px;max-width:1320px;margin:0 auto;padding-bottom:48px;color:var(--arena-text)}
.arena-page .page-heading{align-items:center}
.arena-daily{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid color-mix(in srgb,var(--arena-gold) 35%,transparent);border-radius:999px;background:var(--arena-panel);color:var(--arena-muted);font-size:13px;white-space:nowrap}
.arena-daily b{color:var(--arena-gold);font-variant-numeric:tabular-nums}
.arena-daily .icon{width:16px;height:16px;color:var(--arena-gold)}
.arena-notice,.arena-rules{display:flex;gap:10px;align-items:flex-start;margin:0 0 16px;padding:12px 16px;border:1px solid var(--arena-line);border-radius:14px;background:var(--arena-panel);color:var(--arena-muted);font-size:13px;line-height:1.55}
.arena-notice .icon,.arena-rules .icon{flex:0 0 18px;width:18px;height:18px;margin-top:1px;color:var(--arena-gold)}
.arena-rules{margin:16px 0 0}
.arena-state{display:grid;place-items:center;gap:12px;padding:80px 20px;color:var(--arena-muted);text-align:center}
.arena-state .icon{width:28px;height:28px}

.arena-board{position:relative;border:2px solid var(--arena-gold);border-radius:26px;background:radial-gradient(ellipse 70% 55% at 50% 50%,color-mix(in srgb,var(--arena-felt) 92%,#fff) 0%,var(--arena-felt) 45%,color-mix(in srgb,var(--arena-wood) 80%,#000) 100%);box-shadow:0 0 0 4px #150d07,0 0 0 6px color-mix(in srgb,var(--arena-gold) 45%,transparent),inset 0 0 0 3px #0008,inset 0 0 90px #000c,0 26px 60px #000a;color:#f6eedd;isolation:isolate}
.arena-board::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:repeating-linear-gradient(115deg,#ffffff06 0 2px,transparent 2px 9px),repeating-linear-gradient(28deg,#00000014 0 3px,transparent 3px 12px);pointer-events:none}
.arena-board::after{content:"";position:absolute;inset:10px;z-index:-1;border:1px solid color-mix(in srgb,var(--arena-gold) 22%,transparent);border-radius:18px;pointer-events:none}

.arena-card{position:relative;container-type:inline-size;width:100%;aspect-ratio:2/3;border-radius:9%/6%;background:linear-gradient(150deg,var(--r1,#dfe5ea),var(--r2,#6f7f8b) 70%);box-shadow:0 0 0 1.5px #000a,inset 0 0 0 2px #ffffff40,0 12px 26px #000b}
.arena-card[data-rarity="C"]{--r1:#e4e9ee;--r2:#68798a}
.arena-card[data-rarity="PC"]{--r1:#b4f3d6;--r2:#2b8a62}
.arena-card[data-rarity="R"]{--r1:#c2e1ff;--r2:#2c69bd}
.arena-card[data-rarity="SR"]{--r1:#ffd6cb;--r2:#c0533f}
.arena-card[data-rarity="UR"]{--r1:#a8f1f3;--r2:#b46bc8;background:linear-gradient(150deg,#a8f1f3,#f4a6d7 45%,#a98cf0 75%,#5fc9d4)}
.arena-card[data-rarity="L"]{--r1:#ffeaa8;--r2:#b07e22}
.arena-card[data-rarity="U"]{--r1:#f7cfff;--r2:#7f3fb0}
.arena-card-art{position:absolute;inset:6% 6% 27% 6%;overflow:hidden;border-radius:7%/5%;background:#141010;box-shadow:inset 0 0 0 1.5px #0009}
.arena-card-art img{display:block;width:100%;height:100%;object-fit:cover}
.arena-card-art img.is-contain{object-fit:contain;padding:10%;box-sizing:border-box;background:radial-gradient(circle,#ffffff1f,#0000 70%)}
.arena-card-art>.icon{position:absolute;inset:0;margin:auto;width:30%;height:30%;color:#fff6}
.arena-card-foe{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#ff6a4a66,#2a0d0a 60%,#100506);color:#ff8a70}
.arena-card-foe .icon{width:48%;height:48%;filter:drop-shadow(0 0 10px #ff5a3a)}
.arena-card-name{position:absolute;left:2%;right:2%;bottom:9%;display:grid;place-items:center;min-height:19%;padding:2% 9%;box-sizing:border-box;background:linear-gradient(180deg,#2a2019,#120c08);clip-path:polygon(0 18%,5% 0,95% 0,100% 18%,100% 82%,95% 100%,5% 100%,0 82%)}
.arena-card-name::before{content:"";position:absolute;inset:0;border-top:2px solid var(--r1,#fff);border-bottom:2px solid var(--r1,#fff);opacity:.75}
.arena-card-name span{position:relative;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;font-family:Sora,sans-serif;font-size:max(9px,8.6cqi);font-weight:800;line-height:1.12;text-align:center;text-shadow:0 1px 2px #000}
.arena-card-rarity{position:absolute;top:2.2%;left:50%;transform:translateX(-50%);padding:.6% 7%;border-radius:999px;background:#120c08e6;box-shadow:0 0 0 1px var(--r1,#fff);color:var(--r1,#fff);font-family:Sora,sans-serif;font-size:max(8px,6.4cqi);font-weight:900;letter-spacing:.06em;line-height:1.4}
.arena-gem{position:absolute;bottom:-5%;display:grid;place-items:center;width:max(26px,25cqi);aspect-ratio:1;font-family:Sora,sans-serif;color:#fff}
.arena-gem b{position:relative;font-size:max(13px,13cqi);font-weight:900;line-height:1;-webkit-text-stroke:max(1.5px,1.2cqi) #000;paint-order:stroke fill}
.arena-gem.is-force{left:-5%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6c4,#f2b733 45%,#8a5610 100%);box-shadow:0 0 0 max(2px,1.6cqi) #2c1b06,0 4px 10px #000a}
.arena-gem.is-force::before{content:"";position:absolute;inset:14%;border-radius:50%;border:1px solid #fff8}
.arena-gem.is-hp{right:-5%;border-radius:50% 50% 50% 50%/58% 58% 42% 42%;background:radial-gradient(circle at 35% 30%,#ffb0a2,#e2392b 50%,#6a0e0a 100%);box-shadow:0 0 0 max(2px,1.6cqi) #2a0806,0 4px 10px #000a}
.arena-gem.is-hp.is-hurt b{color:#ffd0c6}
.arena-gem.is-inline{position:relative;bottom:auto;left:auto;width:30px;box-shadow:0 0 0 2px #2c1b06,0 2px 6px #000a}
.arena-gem.is-inline b{font-size:14px;-webkit-text-stroke:1.5px #000}

.arena-xp{display:block;height:6px;margin-top:18px;border-radius:9px;background:#0007;box-shadow:inset 0 0 0 1px #ffffff14;overflow:hidden}
.arena-xp i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6fd3ff,var(--arena-gold))}

.arena-prep{display:grid;justify-items:center;gap:16px;padding:30px 26px 32px;text-align:center}
.arena-ribbon{position:relative;margin-top:-6px;padding:11px 56px;background:linear-gradient(180deg,#f8dc8c,#c99532);clip-path:polygon(0 0,100% 0,95% 50%,100% 100%,0 100%,5% 50%);color:#2b1a05;font-family:Sora,sans-serif;font-size:20px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.arena-prep-hint{margin:-4px 0 4px;color:#eadfca;opacity:.8;font-size:14px}
.arena-slots{display:grid;grid-template-columns:repeat(3,var(--arena-card));justify-content:center;gap:30px}
.arena-slot{display:grid;align-content:start;min-width:0}
.arena-slot-frame{position:relative;display:grid;place-items:center;aspect-ratio:2/3;border:2px dashed color-mix(in srgb,var(--arena-gold) 50%,transparent);border-radius:12px;background:#0006;box-shadow:inset 0 0 30px #000a;color:var(--arena-gold)}
.arena-slot-frame b{position:absolute;top:10px;left:13px;font-family:Sora,sans-serif;font-size:16px;opacity:.6}
.arena-slot-frame .icon{width:34px;height:34px;opacity:.75}
.arena-slot.is-empty::after{content:"";display:block;height:6px;margin-top:18px}
.arena-slot-card{position:relative;display:block;width:100%;padding:0;border:0;background:none;cursor:pointer}
.arena-slot-remove{position:absolute;top:-10px;right:-10px;z-index:3;display:grid;place-items:center;width:28px;height:28px;border:2px solid #150d07;border-radius:50%;background:#e2392b;color:#fff;box-shadow:0 2px 8px #000a}
.arena-slot-remove .icon{width:15px;height:15px}

.arena-prep-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;width:min(100%,880px);margin-top:10px}
.arena-field{display:grid;align-content:start;gap:12px;padding:16px;border:1px solid color-mix(in srgb,var(--arena-gold) 25%,transparent);border-radius:18px;background:#0005}
.arena-field h3{margin:0;color:var(--arena-gold);font-family:Sora,sans-serif;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.arena-heroes{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.arena-hero{display:grid;justify-items:center;align-content:start;gap:3px;width:118px;padding:8px 4px;border:1px solid transparent;border-radius:16px;background:none;color:#f6eedd;font:inherit;cursor:pointer}
.arena-hero-ring{display:grid;place-items:center;width:74px;height:74px;margin-bottom:5px;overflow:hidden;border-radius:50%;background:#1a120b;box-shadow:0 0 0 3px var(--arena-gold-deep),0 0 0 5px #150d07,0 6px 14px #000a;color:#cdbb98}
.arena-hero-ring img{width:100%;height:100%;object-fit:cover}
.arena-hero strong{font-size:13px;line-height:1.25}
.arena-hero small{color:#f1d58e;font-size:12px;font-weight:700}
.arena-hero small.arena-hero-note{color:#d8ccb5;font-weight:500;font-size:11px;line-height:1.35;opacity:.85}
.arena-hero.is-none{opacity:.75}
.arena-hero.is-selected{border-color:color-mix(in srgb,var(--arena-gold) 45%,transparent);background:#ffffff0d}
.arena-hero.is-selected .arena-hero-ring{box-shadow:0 0 0 3px var(--arena-gold),0 0 0 5px #150d07,0 0 26px color-mix(in srgb,var(--arena-gold) 70%,transparent)}
.arena-adopt{display:flex;gap:10px;margin:0;color:#e2d6bf;font-size:13.5px;line-height:1.5;text-align:left}
.arena-adopt .icon{flex:0 0 18px;color:var(--arena-gold)}
.arena-levels{display:grid;gap:8px}
.arena-level{--tier:#cd8a4e;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px 10px 10px;border:1px solid color-mix(in srgb,var(--tier) 35%,transparent);border-radius:14px;background:#0006;color:#f6eedd;font:inherit;text-align:left;cursor:pointer}
.arena-level.is-silver{--tier:#cfd8e2}.arena-level.is-gold{--tier:#f2c14e}.arena-level.is-platinum{--tier:#8fe3f2}.arena-level.is-legend{--tier:#e58bff}
.arena-level-medal{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--tier) 60%,#fff),var(--tier) 50%,color-mix(in srgb,var(--tier) 40%,#000));box-shadow:0 0 0 2px #150d07,0 3px 8px #000a;color:#1b1209}
.arena-level-medal .icon{width:18px;height:18px}
.arena-level-copy{display:grid;gap:2px;min-width:0}
.arena-level-copy b{font-size:15px;color:var(--tier)}
.arena-level-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d8ccb5;font-size:11.5px}
.arena-level-reward{display:grid;justify-items:end;gap:2px;white-space:nowrap}
.arena-level-reward b{color:#ffd77a;font-size:13px}
.arena-level-reward small{color:#cdbb98;font-size:11.5px;font-weight:700}
.arena-level.is-selected{border-color:var(--tier);background:color-mix(in srgb,var(--tier) 14%,#0006);box-shadow:0 0 18px color-mix(in srgb,var(--tier) 30%,transparent)}
.arena-level.is-locked{opacity:.5;cursor:not-allowed}
.arena-level.is-locked .arena-level-medal{background:#3a3027;color:#cdbb98}
.arena-level.is-locked .arena-level-copy b{color:#cdbb98}
.arena-tutorial{display:flex;align-items:center;gap:10px;margin:-2px 0 4px;padding:10px 16px;border:1px solid #8ef0b566;border-radius:14px;background:#8ef0b51a;color:#d9ffe9;font-size:14px;font-weight:700;text-align:left;animation:arena-pulse 2s ease-in-out infinite}
.arena-tutorial .icon{flex:0 0 20px;width:20px;height:20px;color:#8ef0b5}
.arena-perks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,880px)}
.arena-perk{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--arena-gold) 25%,transparent);border-radius:16px;background:#0005;text-align:left}
.arena-perk>span:nth-child(2){display:grid;gap:2px;flex:1;min-width:0}
.arena-perk b{font-size:14px}
.arena-perk small{color:#d8ccb5;font-size:12px}
.arena-perk-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:linear-gradient(180deg,#8a5a2b,#4a2c12);box-shadow:inset 0 0 0 1px #f2c14e88;color:#ffd77a}
.arena-perk-icon.is-popz{background:linear-gradient(180deg,#2c6e8f,#163a4d);box-shadow:inset 0 0 0 1px #8fe3f288;color:#bdf3ff}
.arena-perk-icon .icon{width:20px;height:20px}
.arena-chest-pips{display:flex;gap:5px}
.arena-chest-pips i{width:14px;height:14px;border-radius:4px;background:#0009;box-shadow:inset 0 0 0 1px #f2c14e66}
.arena-chest-pips i.is-on{background:linear-gradient(180deg,#ffe08a,#d79a2b);box-shadow:0 0 8px #f2c14e99}
.arena-xp.is-max i{background:linear-gradient(90deg,#f2c14e,#fff1b8)}
.arena-rewards{display:grid;gap:8px;width:min(100%,560px);margin:0;padding:0;list-style:none}
.arena-reward{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--arena-gold) 30%,transparent);border-radius:14px;background:#000a;font-size:14.5px;font-weight:800;animation:arena-rise .4s ease both}
.arena-reward .icon{flex:0 0 20px;width:20px;height:20px;color:var(--arena-gold)}
.arena-reward.is-popz{border-color:#8fe3f266;color:#d6f8ff}.arena-reward.is-popz .icon{color:#8fe3f2}
.arena-reward.is-chest{border-color:#f2c14e;background:linear-gradient(90deg,#f2c14e33,#000a);color:#ffe9a8;animation:arena-rise .4s ease .2s both,arena-pulse 1.4s ease-in-out .6s 3}
.arena-reward.is-unlock{border-color:#e58bff99;background:linear-gradient(90deg,#e58bff2e,#000a);color:#f6d7ff}.arena-reward.is-unlock .icon{color:#e58bff}
.arena-play{position:relative;display:grid;place-items:center;width:min(100%,380px);min-height:70px;margin-top:8px;border:3px solid #5c3c0c;border-radius:999px;background:linear-gradient(180deg,#ffe9a0,#f0b53a 55%,#c27f18);box-shadow:0 0 0 3px color-mix(in srgb,var(--arena-gold) 60%,transparent),inset 0 2px 0 #fff8,inset 0 -4px 0 #0003,0 10px 30px color-mix(in srgb,var(--arena-gold) 40%,transparent);color:#2b1a05;font-family:Sora,sans-serif;font-size:24px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .12s ease,filter .12s ease}
.arena-play span{text-shadow:0 1px 0 #fff6}
.arena-play:disabled{filter:grayscale(.85) brightness(.7);cursor:not-allowed;box-shadow:inset 0 2px 0 #fff4}
.arena-play-hint{margin:-6px 0 0;color:#e2d6bf;opacity:.8;font-size:13px}

.arena-collection{margin-top:22px;padding:20px;border:1px solid var(--arena-line);border-radius:22px;background:var(--arena-panel)}
.arena-collection-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.arena-collection-head h2{margin:0;font-family:Sora,sans-serif;font-size:18px}
.arena-search{display:flex;align-items:center;gap:8px;flex:0 1 320px;padding:0 12px;border:1px solid var(--arena-line);border-radius:12px;background:color-mix(in srgb,var(--arena-panel) 60%,#000);color:var(--arena-muted)}
.arena-search .icon{width:17px;height:17px}
.arena-search input{flex:1;min-width:0;height:42px;border:0;background:transparent;color:var(--arena-text);font:inherit;font-size:16px;outline:none}
.arena-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:24px 20px;padding:4px}
.arena-pick{position:relative;display:block;min-width:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}
.arena-pick .arena-card{transition:transform .15s ease,box-shadow .15s ease}
.arena-pick.is-selected .arena-card{box-shadow:0 0 0 3px var(--arena-gold),0 0 26px color-mix(in srgb,var(--arena-gold) 60%,transparent)}
.arena-pick-check{position:absolute;top:-9px;right:-9px;z-index:3;display:grid;place-items:center;width:28px;height:28px;border:2px solid var(--arena-panel);border-radius:50%;background:var(--arena-gold);color:#2b1a05}
.arena-pick-check .icon{width:15px;height:15px}
.arena-empty{grid-column:1/-1;margin:24px 0;color:var(--arena-muted);text-align:center}

.arena-battle{display:grid;gap:10px;padding:16px 22px 20px}
.arena-topline{display:flex;align-items:center;gap:10px}
.arena-turn,.arena-chip{padding:5px 12px;border:1px solid color-mix(in srgb,var(--arena-gold) 35%,transparent);border-radius:999px;background:#0008;color:var(--arena-gold);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.arena-chip{color:#e2d6bf}
.arena-flag{display:grid;place-items:center;width:38px;height:38px;margin-left:auto;border:1px solid color-mix(in srgb,var(--arena-gold) 30%,transparent);border-radius:50%;background:#0008;color:#e2d6bf;cursor:pointer}
.arena-flag .icon{width:17px;height:17px}
.arena-lane{display:grid;grid-template-columns:minmax(0,1fr) var(--arena-card) minmax(0,1fr);align-items:center;gap:28px}
.arena-bench{display:flex;justify-content:flex-end;gap:10px}
.arena-bench-card{width:60px;opacity:.9}
.arena-bench-card .arena-card-rarity{display:none}
.arena-bench-card.is-ko{filter:grayscale(1) brightness(.5)}
.arena-slot-live{position:relative}
.arena-statuses{position:absolute;bottom:100%;left:-20px;right:-20px;z-index:3;display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-bottom:6px}
.arena-status{display:inline-flex;align-items:center;gap:3px;height:22px;padding:0 8px;border:1px solid #ffffff26;border-radius:999px;background:#000c;font-size:11.5px;font-weight:800}
.arena-status .icon{width:12px;height:12px}
.arena-status.is-shield{color:#ffd77a}.arena-status.is-burn{color:#ff8a6a}.arena-status.is-weak{color:#8fe3f2}.arena-status.is-stun{color:#c8b6ff}.arena-status.is-regen,.arena-status.is-guard{color:#8ef0b5}
.arena-lifebar{display:block;height:8px;margin-top:18px;border-radius:999px;background:#000a;box-shadow:inset 0 0 0 1px #ffffff1a;overflow:hidden}
.arena-lifebar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c62f22,#ff6a4f);transition:width .5s ease .3s}
.arena-lifebar.is-low i{animation:arena-pulse .9s ease-in-out infinite}
.arena-lane-name{display:grid;gap:3px;justify-items:start;min-width:0}
.arena-lane-name strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Sora,sans-serif;font-size:19px;text-shadow:0 2px 4px #000}
.arena-lane-name small{color:#e2d6bf;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.arena-lane.is-enemy .arena-lane-name strong{color:#ffc2b4}
.arena-slot-live.is-ko .arena-card{filter:grayscale(1) brightness(.45);transform:rotate(-7deg) translateY(10px);transition:filter .4s,transform .4s}
.arena-slot-live.is-lunge{z-index:4;animation:arena-lunge-up .46s cubic-bezier(.3,.7,.4,1) var(--arena-lunge,0ms) both}
.arena-lane.is-enemy .arena-slot-live.is-lunge{animation-name:arena-lunge-down}
.arena-slot-live.is-hit .arena-card{animation:arena-shake .45s ease var(--arena-hit,0ms) both}
.arena-slot-live.is-spell::after{content:"";position:absolute;inset:-25% -25% 0;border-radius:50%;background:radial-gradient(circle,var(--arena-spell,#fff) 0,transparent 62%);opacity:0;pointer-events:none;mix-blend-mode:screen;animation:arena-burst .75s ease-out var(--arena-burst,120ms) both}
.arena-slot-live.is-spell-fire{--arena-spell:#ff7a3c}.arena-slot-live.is-spell-water{--arena-spell:#4fc3ff}.arena-slot-live.is-spell-nature{--arena-spell:#7be07b}.arena-slot-live.is-spell-lightning{--arena-spell:#c6b4ff}.arena-slot-live.is-spell-ice{--arena-spell:#bdf3ff}.arena-slot-live.is-spell-light{--arena-spell:#ffe08a}
.arena-splats{position:absolute;left:0;right:0;top:0;z-index:6;display:grid;place-items:center;aspect-ratio:2/3;pointer-events:none}
.arena-splat{grid-area:1/1;display:grid;place-items:center;width:66%;aspect-ratio:1;clip-path:polygon(50.0% 0.0%,58.0% 14.9%,71.7% 5.0%,74.9% 18.7%,89.1% 18.8%,82.4% 34.4%,98.7% 38.9%,90.0% 50.0%,98.7% 61.1%,82.4% 65.6%,89.1% 81.2%,74.9% 81.3%,71.7% 95.0%,58.0% 85.1%,50.0% 100.0%,41.1% 89.0%,28.3% 95.0%,27.6% 78.1%,10.9% 81.2%,14.0% 67.4%,1.3% 61.1%,14.0% 50.0%,1.3% 38.9%,14.0% 32.6%,10.9% 18.8%,27.6% 21.9%,28.3% 5.0%,41.1% 11.0%);background:radial-gradient(circle,#fff3a8 0,#ffb21f 42%,#d6371f 78%);opacity:0;animation:arena-splat 1.2s ease-out var(--arena-delay,0ms) both}
.arena-splat b{display:inline-flex;align-items:center;gap:2px;color:#fff;font-family:Sora,sans-serif;font-size:30px;font-weight:900;-webkit-text-stroke:2px #5a0d05;paint-order:stroke fill}
.arena-splat b .icon{width:22px;height:22px}
.arena-splat.is-big{width:80%}
.arena-splat.is-big b{font-size:36px}
.arena-splat.is-heal{background:radial-gradient(circle,#e3ffd8 0,#5fd77e 45%,#1f8a4a 80%)}
.arena-splat.is-heal b{-webkit-text-stroke-color:#0b4a22}
.arena-splat.is-shield{background:radial-gradient(circle,#fff6cf 0,#ffd04d 45%,#b07e22 80%)}
.arena-splat.is-shield b{font-size:24px;-webkit-text-stroke-color:#5a3c05}
.arena-splat.is-miss{background:radial-gradient(circle,#e6fbff 0,#79d6ea 45%,#2c7c98 80%)}

.arena-seam{display:grid;grid-template-columns:minmax(20px,1fr) auto minmax(20px,1fr);align-items:center;gap:14px;margin:4px 0}
.arena-seam-line{height:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--arena-gold) 70%,transparent),transparent)}
.arena-log{display:grid;justify-items:center;gap:3px;min-width:min(100%,360px);max-width:560px;min-height:44px;padding:9px 20px;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--arena-gold) 40%,transparent);border-radius:16px;background:#000b;box-shadow:0 6px 18px #0008;font-size:14.5px;line-height:1.35;text-align:center}
.arena-log span{animation:arena-rise .3s ease both}
.arena-log span:nth-child(2){animation-delay:.7s}.arena-log span:nth-child(3){animation-delay:1s}
.arena-warning{display:inline-flex;align-items:center;gap:6px;color:#ffb4a2;font-size:13px;font-weight:800;animation:arena-pulse 1.1s ease-in-out infinite}
.arena-warning .icon{width:15px;height:15px}

.arena-controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:8px;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--arena-gold) 25%,transparent)}
.arena-power{display:grid;justify-items:center;gap:6px;width:112px;padding:0;border:0;background:none;color:#f6eedd;font:inherit;cursor:pointer}
.arena-power-ring{display:grid;place-items:center;width:72px;height:72px;overflow:hidden;border-radius:50%;background:#1a120b;box-shadow:0 0 0 3px var(--arena-gold-deep),0 0 0 5px #150d07,0 6px 14px #000a;color:#cdbb98}
.arena-power-ring img{width:100%;height:100%;object-fit:cover}
.arena-power small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e2d6bf;font-size:11.5px;font-weight:700}
.arena-power:disabled{cursor:not-allowed}
.arena-power:disabled .arena-power-ring img{filter:grayscale(.7) brightness(.7)}
.arena-power.is-ready .arena-power-ring{box-shadow:0 0 0 3px #8ef0b5,0 0 0 5px #150d07,0 0 28px #8ef0b5aa;animation:arena-pulse 1.3s ease-in-out infinite}
.arena-power.is-ready small{color:#8ef0b5}
.arena-power.is-empty{opacity:.6;cursor:default}
.arena-crystals{display:flex;gap:5px}
.arena-crystals i{width:11px;height:11px;transform:rotate(45deg);border-radius:2px;background:#0b1a2a;box-shadow:inset 0 0 0 1px #4f86b8}
.arena-crystals i.is-on{background:linear-gradient(135deg,#b8ecff,#2f8fe0);box-shadow:0 0 8px #4fb6ff}
.arena-attack,.arena-guard{display:flex;align-items:center;justify-content:center;gap:12px;min-height:66px;border-radius:18px;font-family:Sora,sans-serif;font-weight:900;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:transform .12s ease,filter .12s ease}
.arena-attack{border:3px solid #5c3c0c;background:linear-gradient(180deg,#ffe9a0,#f0b53a 55%,#c27f18);box-shadow:inset 0 2px 0 #fff8,inset 0 -4px 0 #0003,0 8px 22px color-mix(in srgb,var(--arena-gold) 35%,transparent);color:#2b1a05;font-size:21px}
.arena-attack .icon{width:24px;height:24px}
.arena-guard{min-width:170px;padding:0 22px;border:3px solid #10324f;background:linear-gradient(180deg,#bfe6ff,#4f97d6 55%,#2a64a0);box-shadow:inset 0 2px 0 #fff8,inset 0 -4px 0 #0003,0 8px 22px #2a64a055;color:#fff;font-size:17px;text-shadow:0 1px 2px #0a2238}
.arena-guard .icon{width:20px;height:20px}
.arena-attack:disabled,.arena-guard:disabled,.arena-flag:disabled{filter:grayscale(.7) brightness(.75);cursor:not-allowed}
.arena-attack:active:not(:disabled),.arena-guard:active:not(:disabled),.arena-play:active:not(:disabled){transform:scale(.97)}

.arena-result{display:grid;justify-items:center;gap:14px;margin-top:8px;padding-top:18px;border-top:1px solid color-mix(in srgb,var(--arena-gold) 25%,transparent);animation:arena-rise .45s ease both}
.arena-banner{padding:12px 70px;background:linear-gradient(180deg,#f8dc8c,#c99532);clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%,6% 50%);color:#2b1a05;font-family:Sora,sans-serif;font-size:30px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;animation:arena-banner .55s cubic-bezier(.2,1.4,.4,1) both}
.arena-result.is-lost .arena-banner{background:linear-gradient(180deg,#c9c3ba,#6e675f);color:#1b1612}
.arena-result p{margin:0;color:#e2d6bf;font-size:13.5px}
.arena-gains{display:grid;gap:8px;width:min(100%,560px);margin:0;padding:0;list-style:none}
.arena-gains li{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:8px 14px 8px 8px;border:1px solid color-mix(in srgb,var(--arena-gold) 25%,transparent);border-radius:14px;background:#000a}
.arena-gain-card{display:grid;place-items:center;width:38px;aspect-ratio:2/3;overflow:hidden;border-radius:6px;background:#1a120b;color:#cdbb98}
.arena-gain-card img{width:100%;height:100%;object-fit:cover}
.arena-gain-copy{display:grid;gap:2px;min-width:0;text-align:left}
.arena-gain-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.arena-gain-copy em{font-size:12px;font-style:normal;font-weight:800}
.arena-gain-xp{font-weight:900;font-size:15px;font-variant-numeric:tabular-nums}
.arena-page .is-gain{color:#8ef0b5}
.arena-page .is-loss{color:#ff8a6a}

.arena-tabs{display:flex;gap:6px;width:max-content;max-width:100%;margin:0 0 16px;padding:5px;border:1px solid color-mix(in srgb,var(--arena-gold) 30%,transparent);border-radius:999px;background:var(--arena-panel)}
.arena-tab{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 20px;border:0;border-radius:999px;background:transparent;color:var(--arena-muted);font:inherit;font-weight:800;cursor:pointer}
.arena-tab .icon{width:17px;height:17px}
.arena-tab.is-active{background:linear-gradient(180deg,#f8dc8c,#c99532);color:#2b1a05}
.arena-tab-badge{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#e2392b;color:#fff;font-size:11px}
.arena-wait{display:grid;justify-items:center;gap:12px;padding:56px 24px;text-align:center}
.arena-wait h2{margin:0;font-family:Sora,sans-serif;font-size:22px}
.arena-wait p{margin:0;color:#e2d6bf;opacity:.85}
.arena-wait-spinner{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle,#f2c14e33,transparent 70%);box-shadow:0 0 0 3px var(--arena-gold-deep),0 0 30px #f2c14e55;color:var(--arena-gold);animation:arena-spin 2.4s linear infinite}
.arena-wait-spinner .icon{width:36px;height:36px}
.arena-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border:1px solid color-mix(in srgb,var(--arena-gold) 40%,transparent);border-radius:12px;background:#0007;color:#f6eedd;font:inherit;font-weight:800;cursor:pointer}
.arena-secondary.is-accept{border-color:#8ef0b5;background:#8ef0b522;color:#d9ffe9}
.arena-secondary:disabled{opacity:.45;cursor:not-allowed}
.arena-invites{display:grid;gap:8px;margin-bottom:16px;padding:14px;border:1px solid #8ef0b566;border-radius:18px;background:var(--arena-panel)}
.arena-invites h3{margin:0;color:#8ef0b5;font-size:13px;letter-spacing:.1em;text-transform:uppercase}
.arena-invite{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#0005;animation:arena-pulse 1.6s ease-in-out 3}
.arena-invite strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arena-invite-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#8ef0b522;color:#8ef0b5}
.arena-invite-icon .icon{width:18px;height:18px}
.arena-duel-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.arena-duel-stats>span{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid color-mix(in srgb,var(--arena-gold) 30%,transparent);border-radius:999px;background:#0006;color:#e2d6bf;font-size:13px}
.arena-duel-stats b{color:var(--arena-gold)}
.arena-duel-stats .icon{width:15px;height:15px;color:var(--arena-gold)}
.arena-ladder{display:grid;gap:4px;margin:0;padding:0;list-style:none;text-align:left}
.arena-ladder li{display:grid;grid-template-columns:26px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;background:#0005;font-size:13.5px}
.arena-ladder li b{color:var(--arena-gold)}
.arena-ladder li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.arena-ladder li small{color:#cdbb98;font-size:11.5px}
.arena-ladder li strong{color:#ffd77a;font-variant-numeric:tabular-nums}
.arena-ladder li.is-you{box-shadow:inset 0 0 0 1px var(--arena-gold);background:#f2c14e1a}
.arena-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:min(100%,880px)}
.arena-mode{display:grid;align-content:start;justify-items:center;gap:10px;padding:18px;border:1px solid color-mix(in srgb,var(--arena-gold) 30%,transparent);border-radius:18px;background:#0006}
.arena-mode h3{display:flex;align-items:center;gap:8px;margin:0;color:var(--arena-gold);font-family:Sora,sans-serif;font-size:16px}
.arena-mode h3 .icon{width:18px;height:18px}
.arena-mode p{margin:0;color:#e2d6bf;font-size:13px;opacity:.85}
.arena-mode .arena-play{min-height:60px;margin-top:4px;font-size:19px}
.arena-friends{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;width:100%;max-height:220px;overflow-y:auto}
.arena-friend{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 10px;border:1px solid color-mix(in srgb,var(--arena-gold) 25%,transparent);border-radius:12px;background:#0006;color:#f6eedd;font:inherit;font-weight:700;text-align:left;cursor:pointer}
.arena-friend>span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.arena-friend .icon{flex:0 0 16px;width:16px;height:16px;color:var(--arena-gold)}
.arena-friend:disabled{opacity:.45;cursor:not-allowed}
.arena-friend-avatar{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;overflow:hidden;border-radius:50%;background:#2a1d13;color:var(--arena-gold);font-weight:900;font-size:13px}
.arena-friend-avatar img{width:100%;height:100%;object-fit:cover}
.arena-timer{height:6px;margin:-2px 0 2px;border-radius:999px;background:#0009;overflow:hidden}
.arena-timer i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8ef0b5,var(--arena-gold),#ff6a4f);transition:width .25s linear}
.arena-duel-status{display:inline-flex;align-items:center;gap:6px;margin-top:2px;color:#8ef0b5;font-size:13px;font-weight:800}
.arena-duel-status.is-waiting{color:#ffd77a}
.arena-duel-status .icon{width:15px;height:15px}
@keyframes arena-spin{to{transform:rotate(360deg)}}
.arena-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start}
.arena-main{min-width:0}
.arena-side{position:sticky;top:90px;display:grid;gap:12px}
.arena-side-stat{display:flex;align-items:center;gap:10px;box-sizing:border-box;height:52px;padding:0 18px;border:1px solid color-mix(in srgb,var(--arena-gold) 30%,transparent);border-radius:999px;background:var(--arena-panel);color:var(--arena-muted);font-size:13px}
.arena-side-stat .icon{flex:0 0 16px;width:16px;height:16px;color:var(--arena-gold)}
.arena-side-stat b{margin-left:auto;color:var(--arena-text);font-variant-numeric:tabular-nums}
.arena-page .page-heading .arena-daily{display:none}
.arena-live{display:grid;gap:12px;padding:18px 14px 14px}
.arena-live-title{justify-self:center;display:flex;align-items:center;gap:8px;margin-top:-4px;padding:8px 26px;background:linear-gradient(180deg,#f8dc8c,#c99532);clip-path:polygon(0 0,100% 0,93% 50%,100% 100%,0 100%,7% 50%);color:#2b1a05;font-family:Sora,sans-serif;font-size:13px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.arena-live-title b{min-width:18px;padding:2px 6px;border-radius:999px;background:#e2392b;color:#fff;font-size:10px;text-align:center}
.arena-live-dot{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#e2392b;animation:arena-live 1.6s ease-out infinite}
.arena-live ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.arena-live-empty{display:grid;justify-items:center;gap:8px;margin:0;padding:18px 8px 10px;color:#e2d6bf;font-size:13px;line-height:1.5;text-align:center}
.arena-live-empty .icon{width:26px;height:26px;color:var(--arena-gold);opacity:.7}
.arena-live-match{display:grid;gap:8px;padding:10px 10px 12px;border:1px solid color-mix(in srgb,var(--arena-gold) 22%,transparent);border-radius:16px;background:#0006}
.arena-live-head{display:flex;justify-content:space-between;color:#cdbb98;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.arena-live-versus{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:start;gap:4px}
.arena-live-vs{align-self:center;display:grid;place-items:center;width:28px;height:28px;margin-top:-30px;border-radius:50%;background:#0009;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--arena-gold) 60%,transparent);color:var(--arena-gold);font-family:Sora,sans-serif;font-size:9.5px;font-weight:900}
.arena-live-fighter{position:relative;display:grid;justify-items:center;gap:3px;min-width:0;text-align:center}
.arena-live-card{width:66px;margin-bottom:6px;transition:filter .3s}
.arena-live-card .arena-card-name,.arena-live-card .arena-card-rarity,.arena-live-card .arena-gem.is-hp{display:none}
.arena-live-card .arena-card-art{inset:6%}
.arena-live-card .arena-gem.is-force{width:22px;bottom:-8%;left:-10%}
.arena-live-card .arena-gem.is-force b{font-size:11px;-webkit-text-stroke-width:1.5px}
.arena-live-fighter.is-leading .arena-live-card .arena-card{box-shadow:0 0 0 2px var(--arena-gold),0 0 18px color-mix(in srgb,var(--arena-gold) 60%,transparent)}
.arena-live-fighter:not(.is-leading) .arena-live-card{filter:saturate(.85) brightness(.9)}
.arena-live-crown{position:absolute;top:-10px;z-index:2;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,#f8dc8c,#c99532);color:#2b1a05;box-shadow:0 2px 6px #000a}
.arena-live-crown .icon{width:13px;height:13px}
.arena-live-fighter strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}
.arena-live-fighter.is-leading strong{color:var(--arena-gold)}
.arena-live-fighter small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cdbb98;font-size:10.5px}
.arena-live-hp{width:100%;height:6px;margin-top:2px;border-radius:999px;background:#000a;box-shadow:inset 0 0 0 1px #ffffff14;overflow:hidden}
.arena-live-hp i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c62f22,#ff6a4f);transition:width .6s ease}
.arena-live-fighter.is-leading .arena-live-hp i{background:linear-gradient(90deg,#3fb87a,#8ef0b5)}
.arena-live-pips{display:flex;gap:3px;min-height:6px}
.arena-live-pips i{width:6px;height:6px;border-radius:50%;background:#ffffff22}
.arena-live-pips i.is-on{background:#ffd77a}
.arena-wait-note{max-width:460px;font-size:12.5px;opacity:.7!important}
@keyframes arena-live{0%{box-shadow:0 0 0 0 #ff4d3d88}100%{box-shadow:0 0 0 10px #ff4d3d00}}
.arena-moves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--arena-gold) 25%,transparent)}
.arena-move{position:relative;display:flex;align-items:center;gap:12px;min-width:0;min-height:76px;padding:10px 14px 10px 10px;border:2px solid var(--move-edge);border-radius:18px;background:linear-gradient(180deg,var(--move-top),var(--move-bottom));box-shadow:inset 0 2px 0 #ffffff40,inset 0 -3px 0 #0003,0 8px 20px #0007;color:var(--move-ink);font:inherit;text-align:left;cursor:pointer;transition:transform .12s ease,filter .12s ease,opacity .12s ease}
.arena-move.is-attack{--move-top:#ffe7a0;--move-bottom:#d99a2b;--move-edge:#6b4710;--move-ink:#2b1a05;--move-art:#00000026}
.arena-move.is-guard{--move-top:#c4e6ff;--move-bottom:#3f86c8;--move-edge:#123a5c;--move-ink:#06192b;--move-art:#00000026}
.arena-move.is-spell{--move-top:#4a3a6b;--move-bottom:#231a38;--move-edge:#6e5a9c;--move-ink:#f3eaff;--move-art:#0006}
.arena-move.is-spell.is-ready{--move-top:#b98cff;--move-bottom:#6b3fc4;--move-edge:#e6d4ff;--move-ink:#fff;box-shadow:inset 0 2px 0 #ffffff55,0 0 26px #b98cffaa;animation:arena-pulse 1.2s ease-in-out infinite}
.arena-move.is-spell.is-empty{opacity:.55;cursor:default}
.arena-move.is-guard.is-advised{box-shadow:inset 0 2px 0 #ffffff55,0 0 0 3px #ffd77a,0 0 28px #ffd77a99;animation:arena-pulse .9s ease-in-out infinite}
.arena-move-art{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;overflow:hidden;border-radius:50%;background:var(--move-art)}
.arena-move-art .icon{width:24px;height:24px}
.arena-move-art img{width:100%;height:100%;object-fit:cover}
.arena-move-copy{display:grid;gap:3px;min-width:0}
.arena-move-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Sora,sans-serif;font-size:16px;font-weight:900;letter-spacing:.02em;text-transform:uppercase}
.arena-move-copy small{font-size:12px;font-weight:700;line-height:1.25;opacity:.85}
.arena-move.is-spell .arena-move-copy b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.1}
.arena-move-charge{display:flex;align-items:center;gap:8px}
.arena-move-charge em{font-size:11.5px;font-style:normal;font-weight:900;letter-spacing:.04em}
.arena-move.is-spell.is-ready .arena-move-charge em{color:#fff;text-shadow:0 0 8px #fff}
.arena-move:disabled{cursor:not-allowed}
.arena-move.is-attack:disabled,.arena-move.is-guard:disabled{filter:grayscale(.6) brightness(.7)}
.arena-move.is-spell:disabled:not(.is-ready){opacity:.9}
.arena-move:active:not(:disabled){transform:scale(.97)}
.arena-moves-help{display:flex;align-items:flex-start;gap:8px;margin:2px 0 0;color:#e2d6bf;font-size:12.5px;line-height:1.45;opacity:.85}
.arena-moves-help .icon{flex:0 0 15px;width:15px;height:15px;margin-top:1px;color:var(--arena-gold)}
.arena-warning b{color:#ffd77a}
@media (hover:hover){.arena-move:not(:disabled):hover{filter:brightness(1.1)}}
@media (max-width:700px){
.arena-moves{gap:6px;margin-top:4px;padding-top:10px}
.arena-move{flex-direction:column;justify-content:center;gap:4px;min-height:96px;padding:8px 4px;border-radius:14px;text-align:center}
.arena-move-art{flex-basis:36px;width:36px;height:36px}
.arena-move-art .icon{width:19px;height:19px}
.arena-move-copy{justify-items:center;gap:2px;width:100%}
.arena-move-copy b{max-width:100%;font-size:12.5px}
.arena-move-copy small{max-width:100%;font-size:10px}
.arena-move.is-spell .arena-move-copy small{display:none}
.arena-move-charge{flex-direction:column;gap:2px}
.arena-moves-help{font-size:11.5px}
}
@media (prefers-reduced-motion:reduce){.arena-move.is-spell.is-ready,.arena-move.is-guard.is-advised{animation:none}}
.arena-move.is-guard{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.arena-hold-ring{position:absolute;inset:-4px;border-radius:21px;pointer-events:none;background:conic-gradient(#ffffffd9 var(--hold,0%),transparent 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:4px;opacity:0}
.arena-move.is-guard.is-holding .arena-hold-ring{opacity:1;background:#bfe6ff;animation:arena-pulse .8s ease-in-out infinite}
.arena-move.is-guard.is-holding{transform:scale(.97);filter:brightness(1.15)}
@property --hold{syntax:'<percentage>';inherits:false;initial-value:0%}
@keyframes arena-hold{from{--hold:0%}to{--hold:100%}}
.arena-slot-live.is-shielding .arena-card{box-shadow:0 0 0 3px #8fd3ff,0 0 34px #4fb6ffcc}
.arena-slot-live.is-shielding::before{content:"";position:absolute;inset:-8%;z-index:5;border-radius:18px;background:radial-gradient(ellipse at center,#8fd3ff33,transparent 70%);box-shadow:inset 0 0 0 2px #bfe6ffaa;pointer-events:none;animation:arena-pulse .7s ease-in-out infinite}
.arena-flyer{position:fixed;z-index:9999;border-radius:50%;pointer-events:none;object-fit:cover;filter:drop-shadow(0 0 14px var(--fly,#fff)) drop-shadow(0 6px 10px #000a)}
.arena-flyer.is-fire{--fly:#ff7a3c}.arena-flyer.is-water{--fly:#4fc3ff}.arena-flyer.is-nature{--fly:#7be07b}.arena-flyer.is-lightning{--fly:#c6b4ff}.arena-flyer.is-ice{--fly:#bdf3ff}.arena-flyer.is-light{--fly:#ffe08a}
.arena-emblem{--crew:#f2c14e;display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:30% 30% 46% 46%;background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--crew) 55%,#fff),var(--crew) 55%,color-mix(in srgb,var(--crew) 45%,#000));box-shadow:0 0 0 2px #150d07,0 0 0 4px color-mix(in srgb,var(--crew) 50%,transparent),0 6px 14px #000a;color:#1b1209}
.arena-emblem .icon{width:52%;height:52%}
.arena-emblem.is-small{width:30px;height:30px;box-shadow:0 0 0 1.5px #150d07,0 3px 8px #0009}
.arena-emblem.is-large{width:78px;height:78px}
.arena-emblem.is-ruby{--crew:#e2453b}.arena-emblem.is-emerald{--crew:#2fbf71}.arena-emblem.is-sapphire{--crew:#4a8be0}.arena-emblem.is-amethyst{--crew:#a46ae8}.arena-emblem.is-silver{--crew:#c4ccd4}
.arena-crew-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
.arena-crew-main{display:grid;gap:14px;min-width:0}
.arena-crew-create{display:grid;justify-items:center;gap:14px;padding:28px 24px 30px;text-align:center}
.arena-crew-preview{display:flex;align-items:center;gap:14px;padding:12px 20px;border:1px solid color-mix(in srgb,var(--arena-gold) 30%,transparent);border-radius:18px;background:#0006;text-align:left}
.arena-crew-preview strong{display:block;font-family:Sora,sans-serif;font-size:20px}
.arena-crew-preview small{color:var(--arena-gold);font-weight:800;letter-spacing:.1em}
.arena-field-input{display:grid;gap:8px;width:min(100%,420px);text-align:left}
.arena-field-input>span{color:var(--arena-gold);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.arena-field-input input{box-sizing:border-box;width:100%;height:46px;padding:0 14px;border:1px solid color-mix(in srgb,var(--arena-gold) 30%,transparent);border-radius:12px;background:#0007;color:#f6eedd;font:inherit;font-size:16px;outline:none}
.arena-field-input input:focus{border-color:var(--arena-gold)}
.arena-field-input.is-tag input{text-transform:uppercase;letter-spacing:.2em;font-weight:800}
.arena-emblem-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.arena-emblem-pick{display:grid;place-items:center;padding:8px 0;border:1px solid transparent;border-radius:14px;background:#0005;cursor:pointer}
.arena-emblem-pick .arena-emblem{width:38px;height:38px}
.arena-emblem-pick.is-selected{border-color:var(--arena-gold);background:#f2c14e1f}
.arena-color-grid{display:flex;gap:10px}
.arena-color-pick{width:36px;height:36px;border:3px solid #150d07;border-radius:50%;background:var(--swatch,#f2c14e);box-shadow:0 0 0 2px #ffffff22;cursor:pointer}
.arena-color-pick.is-gold{--swatch:#f2c14e}.arena-color-pick.is-ruby{--swatch:#e2453b}.arena-color-pick.is-emerald{--swatch:#2fbf71}.arena-color-pick.is-sapphire{--swatch:#4a8be0}.arena-color-pick.is-amethyst{--swatch:#a46ae8}.arena-color-pick.is-silver{--swatch:#c4ccd4}
.arena-color-pick.is-selected{box-shadow:0 0 0 3px var(--arena-gold),0 0 14px var(--swatch)}
.arena-crew-panel{display:grid;gap:12px;padding:16px;border:1px solid var(--arena-line);border-radius:18px;background:var(--arena-panel)}
.arena-crew-panel h3{display:flex;align-items:center;gap:8px;margin:0;font-family:Sora,sans-serif;font-size:15px}
.arena-crew-panel h3 .icon{width:17px;height:17px;color:var(--arena-gold)}
.arena-crew-panel p{margin:0;color:var(--arena-muted);font-size:13px;line-height:1.5}
.arena-crew-panel.is-invites{margin-bottom:16px;border-color:#8ef0b566}
.arena-crew-panel.is-war{border-color:color-mix(in srgb,var(--arena-gold) 35%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--arena-gold) 10%,var(--arena-panel)),var(--arena-panel))}
.arena-crew-empty{color:var(--arena-muted);font-size:13px}
.arena-crew-invite{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px;border-radius:14px;background:#0004}
.arena-crew-invite span{display:grid;gap:2px;min-width:0}
.arena-crew-invite strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arena-crew-invite small{color:var(--arena-muted);font-size:12px}
.arena-crew-top{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.arena-crew-top li{display:grid;grid-template-columns:24px auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#0004}
.arena-crew-top li.is-mine{box-shadow:inset 0 0 0 1px var(--arena-gold);background:#f2c14e14}
.arena-crew-top b{color:var(--arena-gold);text-align:center}
.arena-crew-top span{display:grid;gap:1px;min-width:0}
.arena-crew-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}
.arena-crew-top small{color:var(--arena-muted);font-size:11.5px}
.arena-crew-top em{color:#ffd77a;font-style:normal;font-weight:800;font-size:13px;font-variant-numeric:tabular-nums}
.arena-crew-banner{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:22px 24px}
.arena-crew-title h2{margin:0;font-family:Sora,sans-serif;font-size:24px}
.arena-crew-title h2 span{color:var(--arena-gold);font-size:16px;letter-spacing:.12em}
.arena-crew-title p{margin:4px 0 0;color:#e2d6bf;font-size:13px}
.arena-crew-chips{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}
.arena-crew-chips span{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid color-mix(in srgb,var(--arena-gold) 30%,transparent);border-radius:999px;background:#0006;font-size:13px;font-weight:700}
.arena-crew-chips .icon{width:15px;height:15px;color:var(--arena-gold)}
.arena-crew-members{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.arena-crew-member{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#0004}
.arena-crew-member.is-you{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--arena-gold) 50%,transparent)}
.arena-crew-role{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0006;color:var(--arena-muted)}
.arena-crew-role .icon{width:17px;height:17px}
.arena-crew-member.is-leader .arena-crew-role{background:linear-gradient(180deg,#f8dc8c,#c99532);color:#2b1a05}
.arena-crew-member.is-officer .arena-crew-role{background:#4a8be033;color:#9fc8ff}
.arena-crew-who{display:grid;gap:1px;min-width:0}
.arena-crew-who strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.arena-crew-who strong small{color:var(--arena-muted);font-weight:600}
.arena-crew-who>small{color:var(--arena-muted);font-size:11.5px}
.arena-crew-stat{display:inline-flex;align-items:center;gap:4px;color:#ffd77a;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
.arena-crew-stat.is-rating{color:#cfd8e2}
.arena-crew-stat .icon{width:14px;height:14px}
.arena-crew-actions{display:flex;gap:4px}
.arena-icon-button{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--arena-line);border-radius:10px;background:#0005;color:var(--arena-text);cursor:pointer}
.arena-icon-button .icon{width:15px;height:15px}
.arena-icon-button.is-danger{color:#ff8a6a;border-color:#ff8a6a55}
.arena-icon-button:disabled{opacity:.4;cursor:not-allowed}
.arena-crew-pending{font-size:12px!important}
.arena-secondary.is-leave{justify-self:start;color:#ff8a6a;border-color:#ff8a6a55}
.arena-secondary .icon{width:16px;height:16px}
@media (max-width:900px){.arena-crew-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.arena-emblem-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.arena-crew-member{grid-template-columns:30px minmax(0,1fr) auto;row-gap:6px}.arena-crew-stat.is-rating{display:none}.arena-crew-actions{grid-column:2/-1}.arena-crew-invite{grid-template-columns:auto minmax(0,1fr)}.arena-crew-banner{padding:16px}.arena-crew-title h2{font-size:19px}}
.arena-ranking{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
.arena-table{width:100%;border-collapse:separate;border-spacing:0 6px;font-size:13.5px}
.arena-table th{padding:0 10px 4px;color:var(--arena-muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-align:left;text-transform:uppercase}
.arena-table td{padding:9px 10px;background:#0004;vertical-align:middle}
.arena-table td:first-child{width:34px;border-radius:12px 0 0 12px;text-align:center}
.arena-table td:last-child{border-radius:0 12px 12px 0;text-align:right}
.arena-table th:last-child{text-align:right}
.arena-table td b{color:#ffd77a;font-variant-numeric:tabular-nums}
.arena-table tr.is-mine td{background:#f2c14e1a;box-shadow:inset 0 1px 0 #f2c14e66,inset 0 -1px 0 #f2c14e66}
.arena-table-crew{display:flex;align-items:center;gap:10px;min-width:0}
.arena-table-crew span{display:grid;gap:1px;min-width:0}
.arena-table-crew strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arena-table-crew small{color:var(--arena-gold);font-weight:800;font-size:11px;letter-spacing:.08em}
.arena-rank{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#0006;color:var(--arena-muted);font-weight:900;font-size:12px}
.arena-rank.is-1{background:linear-gradient(180deg,#ffe08a,#c99532);color:#2b1a05}
.arena-rank.is-2{background:linear-gradient(180deg,#eef2f6,#9aa6b2);color:#1b2229}
.arena-rank.is-3{background:linear-gradient(180deg,#f0b48a,#a5642f);color:#2b1406}
@media (max-width:900px){.arena-ranking{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.arena-table th:nth-child(3),.arena-table td:nth-child(3){display:none}.arena-tab{padding:0 8px;gap:5px;font-size:13px}.arena-tab .icon{display:none}}
.arena-board.arena-crew-panel{gap:14px;padding:22px 20px 20px;border-radius:22px;color:#f6eedd}
.arena-board.arena-crew-panel::after{border-radius:14px}
.arena-board.arena-crew-panel h3{justify-self:center;gap:8px;margin-top:-4px;padding:8px 34px;background:linear-gradient(180deg,#f8dc8c,#c99532);clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%,6% 50%);color:#2b1a05;font-size:14px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.arena-board.arena-crew-panel h3 .icon{color:#2b1a05}
.arena-board.arena-crew-panel p,.arena-board .arena-crew-empty{color:#e2d6bf}
.arena-board.arena-crew-panel.is-war{background:radial-gradient(ellipse 70% 55% at 50% 50%,color-mix(in srgb,var(--arena-felt) 92%,#fff) 0%,var(--arena-felt) 45%,color-mix(in srgb,var(--arena-wood) 80%,#000) 100%)}
.arena-board.arena-crew-panel.is-invites{border-color:#8ef0b5}
.arena-board .arena-table th{color:#cdbb98}
.arena-board .arena-table td{background:#0006}
.arena-board .arena-crew-member,.arena-board .arena-crew-invite{background:#0006}
.arena-board .arena-crew-who>small,.arena-board .arena-crew-invite small{color:#cdbb98}
.arena-board.arena-live{padding:18px 16px 16px;border-radius:20px}
.arena-board.arena-live::after{border-radius:13px}
.arena-emblem.is-custom{--crew:#ff7a3c}
.arena-color-pick.is-custom{position:relative;display:grid;place-items:center;overflow:hidden;background:conic-gradient(#ff4d4d,#ffd24d,#4dff88,#4dd2ff,#9b4dff,#ff4dd2,#ff4d4d);color:#fff}
.arena-color-pick.is-custom[style]{background:var(--swatch)}
.arena-color-pick.is-custom .icon{width:15px;height:15px;filter:drop-shadow(0 1px 2px #000)}
.arena-color-pick.is-custom input{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}
.arena-crew-edit{grid-column:1/-1;justify-self:start}
.arena-crew-style{grid-column:1/-1;display:grid;gap:12px;padding:14px;border:1px solid color-mix(in srgb,var(--arena-gold) 30%,transparent);border-radius:16px;background:#0006}
.arena-crew-style .arena-field-input{width:100%}
.arena-crew-style-actions{display:flex;gap:8px}
.arena-live-card{position:relative}
.arena-live-result{position:absolute;left:50%;bottom:16%;z-index:3;display:inline-flex;align-items:center;gap:3px;translate:-50% 0;rotate:-6deg;padding:3px 8px;border-radius:6px;box-shadow:0 3px 8px #000b;font-family:Sora,sans-serif;font-size:9.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.arena-live-result .icon{width:11px;height:11px}
.arena-live-result.is-win{background:linear-gradient(180deg,#f8dc8c,#c99532);color:#2b1a05;animation:arena-banner .5s cubic-bezier(.2,1.4,.4,1) both}
.arena-live-result.is-lose{background:#2a2420;box-shadow:0 0 0 1px #ffffff33,0 3px 8px #000b;color:#d8ccb5}
.arena-live-result.is-draw{background:#3a3a46;color:#e6e6f0}
.arena-live-fighter.is-win .arena-live-card .arena-card{box-shadow:0 0 0 2px var(--arena-gold),0 0 20px color-mix(in srgb,var(--arena-gold) 70%,transparent)}
.arena-live-fighter.is-win strong{color:var(--arena-gold)}
.arena-live-fighter.is-win .arena-live-hp i{background:linear-gradient(90deg,#3fb87a,#8ef0b5)}
.arena-live-fighter.is-lose .arena-live-card{filter:grayscale(1) brightness(.6)}
.arena-live-fighter.is-lose strong{color:#a89c88;text-decoration:line-through;text-decoration-color:#ff8a6a99}
.arena-live-match.is-finished{border-style:dashed;background:#0004}
.arena-live-done{display:inline-flex;align-items:center;gap:4px;color:var(--arena-gold)}
.arena-live-done .icon{width:11px;height:11px}
@media (min-width:1241px){
.arena-side{display:flex;flex-direction:column;max-height:calc(100vh - 110px)}
.arena-side>.arena-side-stat{flex:0 0 auto}
.arena-board.arena-live{display:flex;flex-direction:column;min-height:0}
.arena-board.arena-live>ul{min-height:0;margin-right:-6px;padding-right:6px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--arena-gold) 55%,transparent) transparent}
.arena-board.arena-live>ul::-webkit-scrollbar{width:6px}
.arena-board.arena-live>ul::-webkit-scrollbar-thumb{border-radius:6px;background:color-mix(in srgb,var(--arena-gold) 55%,transparent)}
}
.arena-rankings-page{max-width:1080px}
.arena-crew-ranking-link{justify-self:start;text-decoration:none}
.arena-rankings-page{max-width:980px}
.arena-rank-hero{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.arena-rank-hero h1{margin:0;font-family:Sora,sans-serif;font-size:32px}
.arena-rank-hero p{margin:4px 0 0;color:var(--arena-muted)}
.arena-rank-trophy{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3c4,#f2b733 50%,#8a5610);box-shadow:0 0 0 3px #150d07,0 0 0 5px #f2c14e66,0 0 30px #f2c14e55;color:#2b1a05}
.arena-rank-trophy .icon{width:32px;height:32px}
.arena-rank-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-width:460px;margin:0 auto 16px;padding:5px;border:1px solid color-mix(in srgb,var(--arena-gold) 35%,transparent);border-radius:999px;background:var(--arena-panel)}
.arena-rank-toggle button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:0;border-radius:999px;background:transparent;color:var(--arena-muted);font:inherit;font-weight:800;cursor:pointer}
.arena-rank-toggle button .icon{width:16px;height:16px}
.arena-rank-toggle button.is-active{background:linear-gradient(180deg,#f8dc8c,#c99532);color:#2b1a05}
.arena-rank-you{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;max-width:560px;margin:0 auto 16px;padding:10px 18px 10px 10px;border:1px solid var(--arena-gold);border-radius:18px;background:linear-gradient(90deg,#f2c14e26,var(--arena-panel));box-shadow:0 0 24px #f2c14e22}
.arena-rank-you .arena-emblem,.arena-rank-you .arena-avatar{width:44px;height:44px}
.arena-rank-you span{display:grid;gap:1px;min-width:0}
.arena-rank-you small{color:var(--arena-gold);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.arena-rank-you strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arena-rank-you b{font-family:Sora,sans-serif;font-size:24px;color:var(--arena-gold)}
.arena-rank-you em{font-style:normal;font-weight:800;color:var(--arena-text)}
.arena-rank-board{display:grid;justify-items:center;gap:18px;padding:30px 24px 22px}
.arena-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;width:min(100%,640px);margin-top:26px}
.arena-podium-spot{position:relative;display:grid;justify-items:center;gap:4px;min-width:0;text-align:center;animation:arena-rise .5s ease both}
.arena-podium-spot.is-1{animation-delay:.15s}.arena-podium-spot.is-3{animation-delay:.3s}
.arena-podium-art{margin-bottom:6px}
.arena-podium-spot .arena-emblem.is-podium,.arena-podium-spot .arena-avatar{width:76px;height:76px}
.arena-podium-spot.is-1 .arena-emblem.is-podium,.arena-podium-spot.is-1 .arena-avatar{width:100px;height:100px;box-shadow:0 0 0 3px #150d07,0 0 0 6px #f2c14e,0 0 40px #f2c14e88}
.arena-podium-spot strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Sora,sans-serif;font-size:15px}
.arena-podium-spot.is-1 strong{font-size:18px;color:var(--arena-gold)}
.arena-podium-spot small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--arena-gold);font-size:11.5px;font-weight:800;letter-spacing:.08em}
.arena-podium-crown{position:absolute;top:-30px;display:grid;place-items:center;color:#ffd77a;filter:drop-shadow(0 0 10px #f2c14ecc);animation:arena-breathe 2.4s ease-in-out infinite}
.arena-podium-crown .icon{width:34px;height:34px}
.arena-podium-step{--step:#c99532;display:grid;justify-items:center;align-content:start;gap:2px;width:100%;margin-top:8px;padding-top:10px;border-radius:14px 14px 4px 4px;background:linear-gradient(180deg,color-mix(in srgb,var(--step) 85%,#fff),var(--step) 35%,color-mix(in srgb,var(--step) 55%,#000));box-shadow:inset 0 2px 0 #ffffff66,inset 0 -6px 12px #0005,0 10px 22px #000a}
.arena-podium-spot.is-1 .arena-podium-step{--step:#e7b43c;height:150px}
.arena-podium-spot.is-2 .arena-podium-step{--step:#a9b4bf;height:112px}
.arena-podium-spot.is-3 .arena-podium-step{--step:#c07a3e;height:88px}
.arena-podium-rank{font-family:Sora,sans-serif;font-size:40px;font-weight:900;line-height:1;color:#ffffffee;text-shadow:0 2px 0 #0004}
.arena-podium-spot.is-1 .arena-podium-rank{font-size:54px}
.arena-podium-step b{color:#1b1209;font-size:14px;font-weight:900;font-variant-numeric:tabular-nums}
.arena-podium-step b i{font-style:normal;font-size:11px;opacity:.75}
.arena-podium-spot.is-mine strong::after{content:" ★";color:var(--arena-gold)}
.arena-podium-spot.is-empty{visibility:hidden}
.arena-avatar{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4a3a2a,#1a120b);box-shadow:0 0 0 2px #150d07,0 0 0 4px #f2c14e55;color:#ffd77a;font-family:Sora,sans-serif;font-weight:900;font-size:16px}
.arena-podium-spot .arena-avatar{font-size:32px}
.arena-podium-spot.is-1 .arena-avatar{font-size:42px}
.arena-rank-list{display:grid;gap:6px;width:100%;margin:6px 0 0;padding:0;list-style:none;counter-reset:none}
.arena-rank-list li{display:grid;grid-template-columns:34px 40px minmax(0,1fr) minmax(80px,180px) auto;align-items:center;gap:12px;padding:8px 14px 8px 8px;border-radius:14px;background:#0006}
.arena-rank-list li.is-mine{background:#f2c14e1f;box-shadow:inset 0 0 0 1px var(--arena-gold)}
.arena-rank-num{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0007;color:#cdbb98;font-weight:900;font-size:13px}
.arena-rank-art .arena-emblem,.arena-rank-art .arena-avatar{width:36px;height:36px}
.arena-rank-who{display:grid;gap:1px;min-width:0}
.arena-rank-who strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.arena-rank-who strong small{color:var(--arena-gold);font-weight:800;letter-spacing:.06em}
.arena-rank-who>small{color:#cdbb98;font-size:11.5px}
.arena-rank-bar{height:6px;border-radius:999px;background:#000a;overflow:hidden}
.arena-rank-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c99532,#ffe08a)}
.arena-rank-list b{min-width:60px;color:#ffd77a;font-variant-numeric:tabular-nums;text-align:right}
.arena-rank-list b i{font-style:normal;font-size:11px;color:#cdbb98}
.arena-rank-hint{display:flex;align-items:center;gap:8px;margin:4px 0 0;color:#cdbb98;font-size:12.5px}
.arena-rank-hint .icon{width:15px;height:15px;color:var(--arena-gold)}
.arena-rank-empty{display:grid;justify-items:center;gap:10px;padding:46px 20px;text-align:center}
.arena-rank-empty .icon{width:40px;height:40px;color:var(--arena-gold)}
.arena-rank-empty p{margin:0;color:#e2d6bf}
@media (max-width:640px){.arena-rank-hero h1{font-size:24px}.arena-rank-trophy{width:48px;height:48px}.arena-rank-trophy .icon{width:24px;height:24px}.arena-rank-board{padding:24px 12px 16px}.arena-podium{gap:6px;margin-top:22px}.arena-podium-spot .arena-emblem.is-podium,.arena-podium-spot .arena-avatar{width:56px;height:56px;font-size:24px}.arena-podium-spot.is-1 .arena-emblem.is-podium,.arena-podium-spot.is-1 .arena-avatar{width:72px;height:72px;font-size:30px}.arena-podium-spot.is-1 .arena-podium-step{height:116px}.arena-podium-spot.is-2 .arena-podium-step{height:86px}.arena-podium-spot.is-3 .arena-podium-step{height:68px}.arena-podium-rank{font-size:30px}.arena-podium-spot.is-1 .arena-podium-rank{font-size:40px}.arena-podium-spot strong{font-size:13px}.arena-rank-list li{grid-template-columns:30px 34px minmax(0,1fr) auto;gap:8px}.arena-rank-bar{display:none}.arena-rank-you{grid-template-columns:auto minmax(0,1fr) auto}.arena-rank-you em{display:none}}
@media (prefers-reduced-motion:reduce){.arena-podium-spot,.arena-podium-crown{animation:none}}
button.arena-slot-frame{width:100%;padding:0;font:inherit;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
button.arena-slot-frame:hover{border-color:var(--arena-gold);background:#f2c14e14;transform:translateY(-2px)}
button.arena-slot-frame:hover .icon{opacity:1}
.arena-collection.is-flash{animation:arena-flash-box 1.2s ease .3s}
@keyframes arena-flash-box{0%,100%{box-shadow:none}30%{box-shadow:0 0 0 3px var(--arena-gold),0 0 30px #f2c14e66}}
.arena-war-versus{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px}
.arena-war-side{display:grid;justify-items:center;gap:6px;min-width:0;text-align:center}
.arena-war-side strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Sora,sans-serif;font-size:15px}
.arena-war-side.is-enemy strong{color:#ffc2b4}
.arena-war-score{display:inline-flex;align-items:center;gap:5px;padding:4px 14px;border-radius:999px;background:#0008;box-shadow:inset 0 0 0 1px #f2c14e66;color:#ffd77a;font-family:Sora,sans-serif;font-size:20px;font-weight:900}
.arena-war-score .icon{width:18px;height:18px;fill:#ffd77a}
.arena-war-mid{display:grid;justify-items:center;gap:6px}
.arena-war-vs{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#000a;box-shadow:0 0 0 2px var(--arena-gold),0 0 24px #f2c14e55;color:var(--arena-gold);font-family:Sora,sans-serif;font-size:18px;font-weight:900}
.arena-war-mid small{display:inline-flex;align-items:center;gap:4px;color:#e2d6bf;font-size:12px;font-weight:700;white-space:nowrap}
.arena-war-mid small .icon{width:13px;height:13px}
.arena-war-attacks{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;color:#e2d6bf;font-size:13px;font-weight:700}
.arena-war-attacks small{flex-basis:100%;color:#ffb4a2;text-align:center;font-weight:600}
.arena-war-pips{display:flex;gap:6px}
.arena-war-pips i{width:14px;height:14px;transform:rotate(45deg);border-radius:3px;background:#0009;box-shadow:inset 0 0 0 1px #f2c14e66}
.arena-war-pips i.is-on{background:linear-gradient(135deg,#ffe08a,#d79a2b);box-shadow:0 0 8px #f2c14e99}
.arena-war-lineup{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;padding:10px 14px;border-radius:14px;background:#0005}
.arena-war-lineup>span{color:var(--arena-gold);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.arena-war-lineup>div{display:flex;gap:10px}
.arena-war-mini{display:block;width:46px}
.arena-war-mini .arena-card-name,.arena-war-mini .arena-card-rarity{display:none}
.arena-war-mini .arena-card-art{inset:6%}
.arena-war-mini .arena-gem.is-force{width:20px;bottom:-10%;left:-12%}
.arena-war-mini .arena-gem.is-force b{font-size:10px;-webkit-text-stroke-width:1.2px}
.arena-war-targets{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.arena-war-target{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--arena-gold) 20%,transparent);border-radius:16px;background:#0006}
.arena-war-target.is-cleared{opacity:.7}
.arena-war-target-who{display:grid;gap:3px;min-width:0}
.arena-war-target-who strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.arena-war-target-who small{display:inline-flex;align-items:center;gap:3px;color:#ffd77a;font-size:12px;font-weight:800}
.arena-war-target-who small .icon{width:12px;height:12px}
.arena-war-target-team{display:flex;gap:8px}
.arena-stars{display:inline-flex;gap:2px}
.arena-stars i{display:grid;place-items:center;color:#ffffff33}
.arena-stars i .icon{width:15px;height:15px}
.arena-stars i.is-on{color:#ffd77a;filter:drop-shadow(0 0 4px #f2c14e99)}
.arena-stars i.is-on .icon{fill:#ffd77a}
.arena-war-attack{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px;border:3px solid #5c1a0c;border-radius:14px;background:linear-gradient(180deg,#ff9a7a,#d9452c 55%,#9e2a16);box-shadow:inset 0 2px 0 #ffffff66,0 6px 16px #000a;color:#fff;font-family:Sora,sans-serif;font-weight:900;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px 2px #5c1a0c;cursor:pointer}
.arena-war-attack .icon{width:17px;height:17px}
.arena-war-attack:disabled{filter:grayscale(.8) brightness(.7);cursor:not-allowed}
.arena-war-help{display:flex;gap:8px;align-items:flex-start;font-size:12px!important}
.arena-war-help .icon{flex:0 0 14px;width:14px;height:14px;margin-top:2px;color:var(--arena-gold)}
.arena-war-roster{display:flex;flex-wrap:wrap;gap:6px}
.arena-war-roster span{padding:4px 10px;border-radius:999px;background:#0006;color:#e2d6bf;font-size:12px}
.arena-war-roster span.is-you{box-shadow:inset 0 0 0 1px var(--arena-gold)}
.arena-war-roster b{color:#ffd77a}
.arena-war-banner{justify-self:center}
.arena-war-banner.is-lost{background:linear-gradient(180deg,#c9c3ba,#6e675f);color:#1b1612}
.arena-war-banner.is-draw{background:linear-gradient(180deg,#d8d8e6,#7b7b92);color:#14141c}
.arena-war-reward{text-align:center}
.arena-crew-panel.is-war.arena-wait{justify-items:center;text-align:center}
@media (max-width:640px){.arena-war-target{grid-template-columns:minmax(0,1fr) auto}.arena-war-target-team{grid-column:1/-1;grid-row:2}.arena-war-attack{grid-row:1;grid-column:2}.arena-war-score{font-size:16px}.arena-war-vs{width:44px;height:44px;font-size:14px}}
.arena-gem.is-force.is-wide{width:max(30px,31cqi);border-radius:999px;aspect-ratio:1.25}
.arena-gem.is-force.is-wide b{font-size:max(10px,10.5cqi)}
.arena-splat.is-blocked{width:92%}
.arena-splat.is-blocked b{font-size:20px}
html:has(.arena-page.is-fighting) #site-theme-decor,html:has(.arena-page.is-fighting) #site-theme-3d{opacity:.12!important;transition:opacity .3s}

@keyframes arena-lunge-up{0%,100%{transform:none}45%{transform:translateY(-58%) scale(1.07) rotate(2deg)}}
@keyframes arena-lunge-down{0%,100%{transform:none}45%{transform:translateY(58%) scale(1.07) rotate(-2deg)}}
@keyframes arena-shake{0%,100%{transform:none;filter:none}15%{filter:brightness(2.2)}20%{transform:translateX(-10px) rotate(-3deg)}40%{transform:translateX(9px) rotate(3deg);filter:none}60%{transform:translateX(-5px)}80%{transform:translateX(3px)}}
@keyframes arena-burst{0%{opacity:0;transform:scale(.4)}35%{opacity:1}100%{opacity:0;transform:scale(1.35)}}
@keyframes arena-splat{0%{opacity:0;transform:scale(.3) rotate(-20deg)}14%{opacity:1;transform:scale(1.15) rotate(4deg)}24%{transform:scale(1) rotate(0)}75%{opacity:1}100%{opacity:0;transform:scale(.95)}}
@keyframes arena-pulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.3)}}
@keyframes arena-rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes arena-banner{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@media (hover:hover){.arena-pick:hover .arena-card{transform:translateY(-5px) scale(1.02)}.arena-hero:hover,.arena-level:hover,.arena-attack:not(:disabled):hover,.arena-guard:not(:disabled):hover,.arena-play:not(:disabled):hover,.arena-power:not(:disabled):hover{filter:brightness(1.1)}}

.arena-page.is-fighting{--arena-card:146px}
.arena-page.is-fighting .page-heading{display:none}
.arena-page.is-fighting .arena-tabs{margin-bottom:12px}
@media (max-width:1240px){.arena-layout{grid-template-columns:minmax(0,1fr)}.arena-side{position:static}.arena-side-stat{display:none}.arena-page .page-heading .arena-daily{display:inline-flex}.arena-live ul{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}
@media (max-width:900px){.arena-page{--arena-card:146px}.arena-prep-grid{grid-template-columns:minmax(0,1fr)}.arena-lane{gap:18px}}
@media (max-width:700px){
.arena-page{--arena-card:calc((100vw - 92px) / 3);padding-bottom:28px}
.arena-page .page-heading{flex-direction:column;align-items:flex-start;gap:10px}
.arena-daily{font-size:12px;padding:7px 12px}
.arena-board{border-radius:20px}
.arena-board::after{inset:7px;border-radius:14px}
.arena-prep{gap:12px;padding:22px 14px 24px}
.arena-ribbon{padding:9px 36px;font-size:16px}
.arena-prep-hint{font-size:13px}
.arena-slots{gap:14px}
.arena-slot-frame .icon{width:26px;height:26px}
.arena-xp{margin-top:14px}
.arena-slot.is-empty::after{margin-top:14px}
.arena-field{padding:12px}
.arena-heroes{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin:0 -4px;padding:2px 4px}
.arena-heroes::-webkit-scrollbar{display:none}
.arena-hero{flex:0 0 112px;width:112px}
.arena-hero-ring{width:62px;height:62px}
.arena-level{gap:10px;padding:9px 12px 9px 9px}
.arena-perks{grid-template-columns:minmax(0,1fr)}
.arena-tutorial{font-size:13px}
.arena-play{min-height:60px;font-size:20px}
.arena-collection{padding:14px;border-radius:18px}
.arena-search{flex:1 1 100%}
.arena-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}
.arena-page.is-fighting{--arena-card:min(32vw,128px)}
.arena-page.is-fighting .page-heading{margin-bottom:10px}
.arena-page.is-fighting .page-heading p,.arena-page.is-fighting .arena-daily{display:none}
.arena-page.is-fighting .page-heading h1{font-size:24px}
.arena-battle{gap:6px;padding:12px 12px 14px}
.arena-turn,.arena-chip{padding:4px 9px;font-size:10.5px}
.arena-flag{width:34px;height:34px}
.arena-lane{gap:10px}
.arena-bench{flex-direction:column;align-items:flex-end;gap:6px}
.arena-bench-card{width:38px}
.arena-bench-card .arena-card-name{display:none}
.arena-lane-name strong{font-size:13.5px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.arena-lane-name small{font-size:11.5px}
.arena-lifebar{height:6px;margin-top:14px}
.arena-statuses{margin-bottom:4px}
.arena-status{height:19px;padding:0 6px;font-size:10.5px}
.arena-splat b{font-size:24px}.arena-splat.is-big b{font-size:28px}
.arena-seam{gap:8px;margin:0}
.arena-log{min-width:0;padding:7px 12px;font-size:12.5px}
.arena-controls{gap:10px;margin-top:4px;padding-top:10px}
.arena-power{width:66px;gap:4px}
.arena-power-ring{width:50px;height:50px}
.arena-power small{display:none}
.arena-crystals{gap:3px}
.arena-crystals i{width:8px;height:8px}
.arena-attack,.arena-guard{min-height:56px;border-radius:15px}
.arena-attack{font-size:16px;gap:8px}
.arena-attack .icon{width:20px;height:20px}
.arena-guard{min-width:0;padding:0 14px;font-size:13px;gap:6px}
.arena-banner{padding:10px 44px;font-size:22px}
.arena-gains li{grid-template-columns:34px minmax(0,1fr) auto;gap:10px}
.arena-modes{grid-template-columns:minmax(0,1fr)}
.arena-tabs{width:100%}
.arena-tab{flex:1;justify-content:center;padding:0 12px}
.arena-invite{grid-template-columns:auto minmax(0,1fr);}
.arena-invite .arena-secondary{grid-column:span 1}
.arena-friends{grid-template-columns:repeat(2,minmax(0,1fr))}
.arena-gains li .arena-gem{display:none}
.arena-gain-card{width:34px}
}
.arena-wait-spinner{}
@media (prefers-reduced-motion:reduce){.arena-live-dot{animation:none}.arena-wait-spinner{animation:none}.arena-pick .arena-card,.arena-attack,.arena-guard,.arena-play,.arena-lifebar i{transition:none}.arena-slot-live,.arena-slot-live *,.arena-slot-live::after,.arena-warning,.arena-power.is-ready .arena-power-ring,.arena-result,.arena-banner,.arena-log span{animation:none!important}.arena-splat{display:none}}
.arena-crew-panel.is-join{margin-bottom:16px;display:grid;gap:10px}
.arena-crew-joinrow{display:grid;gap:8px;border-radius:14px}
.arena-crew-joinrow.is-open{padding:8px;background:color-mix(in srgb,var(--arena-gold) 8%,#0005);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--arena-gold) 35%,transparent)}
.arena-crew-joinrow .arena-crew-invite{grid-template-columns:auto minmax(0,1fr) auto}
.arena-crew-joinrow .arena-secondary{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.arena-crew-joinrow .arena-secondary .icon{width:15px;height:15px}
.arena-crew-mode{padding:6px 10px;border-radius:999px;background:#fff1;color:var(--arena-muted);font-size:12px;font-weight:700}
.arena-crew-ask{display:grid;gap:8px}
.arena-crew-ask textarea,.arena-crew-request blockquote{box-sizing:border-box;width:100%;border-radius:12px;border:1px solid color-mix(in srgb,var(--arena-gold) 30%,transparent);background:#0008;color:inherit;font:inherit;font-size:14px;line-height:1.45}
.arena-crew-ask textarea{padding:10px 12px;resize:vertical;min-height:76px}
.arena-crew-ask textarea:focus{outline:2px solid color-mix(in srgb,var(--arena-gold) 70%,transparent);outline-offset:1px}
.arena-crew-ask>div{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.arena-crew-ask small{margin-right:auto;color:var(--arena-muted);font-size:12px;font-variant-numeric:tabular-nums}
.arena-crew-ask .arena-play{width:auto;min-height:40px;padding:0 18px}
.arena-crew-ask .arena-play span{display:inline-flex;align-items:center;gap:7px}
.arena-crew-modes{margin:0 0 10px}
.arena-crew-modes button{flex:1;justify-content:center}
.arena-crew-panel.is-requests{display:grid;gap:10px}
.arena-crew-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--arena-gold);color:#1a1205;font-size:11px}
.arena-crew-request{display:grid;gap:8px;padding:12px;border-radius:14px;background:#0006;box-shadow:inset 0 0 0 1px #ffffff12}
.arena-crew-request header{display:flex;align-items:center;gap:10px;min-width:0}
.arena-crew-request header strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arena-crew-request header small{color:var(--arena-muted);font-size:12px}
.arena-crew-request blockquote{margin:0;padding:10px 12px;border-left:3px solid var(--arena-gold);white-space:pre-wrap;overflow-wrap:anywhere}
.arena-crew-request footer{display:flex;justify-content:flex-end;gap:8px}
.arena-crew-request footer .arena-secondary{display:inline-flex;align-items:center;gap:6px}
.arena-crew-request footer .icon{width:15px;height:15px}
@media (max-width:640px){.arena-crew-joinrow .arena-crew-invite{grid-template-columns:auto minmax(0,1fr)}.arena-crew-joinrow .arena-crew-invite>:last-child{grid-column:1/-1;justify-content:center}}
.arena-rank-toggle.arena-crew-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:none;box-sizing:border-box}
.arena-crew-modes button{min-width:0;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.arena-crew-joinrow.is-open .arena-crew-invite>:last-child{display:none}
.arena-crew-ask .arena-play{font-size:14px;letter-spacing:.04em}
@media (max-width:640px){.arena-rank-toggle.arena-crew-modes{grid-template-columns:1fr;border-radius:18px}.arena-crew-ask>div{display:grid;grid-template-columns:auto 1fr 1fr}.arena-crew-ask .arena-play,.arena-crew-ask .arena-secondary{width:100%}}
/* Crew: compact, borderless controls */
.arena-crew-panel.is-war .arena-play{width:auto;min-height:40px;margin:12px auto 0;padding:0 22px;border-width:1px;box-shadow:0 4px 14px -6px color-mix(in srgb,var(--arena-gold) 60%,transparent);font-size:14px;letter-spacing:.06em}
.arena-crew-panel.is-war .arena-play span{font-size:inherit}
.arena-crew-panel .arena-secondary,.arena-crew-joinrow .arena-secondary,.arena-crew-invite .arena-secondary{min-height:30px;padding:0 12px;border:0;border-radius:999px;background:#ffffff12;font-size:12.5px;font-weight:700;gap:5px}
.arena-crew-panel .arena-secondary:hover{background:#ffffff1f}
.arena-crew-panel .arena-secondary.is-accept,.arena-crew-invite .arena-secondary.is-accept{background:color-mix(in srgb,var(--arena-gold) 85%,#000);color:#1a1205}
.arena-crew-panel .arena-secondary .icon{width:13px;height:13px}
.arena-crew-invite{padding:8px 10px;gap:10px;background:#0003!important;box-shadow:none}
.arena-crew-joinrow.is-open{padding:0;background:none;box-shadow:none}
.arena-crew-ask textarea{border:0;background:#0005;min-height:64px;font-size:13px}
.arena-crew-ask textarea:focus{outline:1px solid color-mix(in srgb,var(--arena-gold) 50%,transparent)}
.arena-crew-ask .arena-play{min-height:30px;padding:0 14px;border:0;box-shadow:none;font-size:12.5px;letter-spacing:0;text-transform:none;border-radius:999px}
.arena-crew-ask .arena-play::before,.arena-crew-ask .arena-play::after{display:none}
.arena-crew-request{gap:6px;padding:10px 12px;background:#0003;box-shadow:none;border:0}
.arena-crew-request blockquote{border:0!important;padding:0;background:none;color:var(--arena-muted);font-size:13px}
.arena-crew-request .arena-friend-avatar{width:24px;height:24px;font-size:11px}
.arena-crew-modes button{min-height:32px;font-size:12.5px}
.arena-crew-panel .arena-friend{border:0;padding:6px 10px;background:#0003;font-size:13px}
.arena-crew-panel .arena-friend.is-sent{background:color-mix(in srgb,var(--arena-gold) 12%,#0003)}
.arena-crew-panel .arena-friend small{margin-left:auto;color:var(--arena-muted);font-size:11px}
.arena-crew-panel .arena-friend .icon{width:13px;height:13px}
.arena-board.arena-crew-panel.is-invites,.arena-crew-panel.is-invites{border-color:transparent}
@media (max-width:640px){.arena-crew-ask>div{display:flex}.arena-crew-ask .arena-play,.arena-crew-ask .arena-secondary{width:auto}.arena-crew-joinrow .arena-crew-invite{grid-template-columns:auto minmax(0,1fr) auto}.arena-crew-joinrow .arena-crew-invite>:last-child{grid-column:auto}}
.arena-crew-ask textarea,.arena-crew-ask textarea:focus{outline:0!important;border:0!important;box-shadow:none!important}.arena-crew-panel .arena-friend>span:not(.arena-friend-avatar){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arena-side-row{display:flex;align-items:stretch;gap:8px}
.arena-side-row>.arena-side-stat{flex:1;min-width:0;margin:0}
.arena-side-leave{display:inline-flex;align-items:center;gap:6px;flex:none;padding:0 12px;border:0;border-radius:999px;background:#ff5a5a14;color:#ff8a80;font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.arena-side-leave:hover{background:#ff5a5a26}
.arena-side-leave .icon{width:14px;height:14px}
@media (max-width:1240px){.arena-side-row{justify-content:flex-end}.arena-side-leave{min-height:36px}}
/* Combat v2: telegraphed enemy intent, grey "on guard" cards, compact moves */
.arena-intent{position:absolute;left:50%;top:0;z-index:7;translate:-50% -55%;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:#12171bdd;box-shadow:0 2px 10px #0008,inset 0 0 0 1px #ffffff1f;color:#f3e6c4;font-family:Sora,sans-serif;font-size:11px;font-weight:800;white-space:nowrap;pointer-events:auto}
.arena-intent .icon{width:13px;height:13px}
.arena-intent.is-special{background:#7a1b12ee;color:#ffe2d6;box-shadow:0 0 0 1px #ff8a6a88,0 0 16px #ff5a3a88;animation:arena-pulse .9s ease-in-out infinite}
.arena-intent.is-guard{background:#3b444ce8;color:#e6ecf1;box-shadow:0 0 0 1px #c9d3dc55}
.arena-intent.is-stunned{background:#3b2a66e8;color:#e8dcff}
.arena-lane.is-enemy .arena-statuses{margin-bottom:18px}
.arena-slot-live.is-guarded .arena-card{filter:grayscale(1) brightness(.72) contrast(1.08);box-shadow:0 0 0 2px #b9c4ce,0 6px 18px #0009;transition:filter .25s,box-shadow .25s}
.arena-guard-stamp{position:absolute;left:50%;top:44%;z-index:6;translate:-50% -50%;rotate:-8deg;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;background:linear-gradient(180deg,#eef2f5,#9aa6b1);box-shadow:0 0 0 2px #2c343b,0 6px 14px #000a;color:#1d2328;font-family:Sora,sans-serif;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none;animation:arena-stamp .28s cubic-bezier(.2,1.6,.4,1) both}
.arena-guard-stamp .icon{width:14px;height:14px}
@keyframes arena-stamp{from{scale:1.6;opacity:0}to{scale:1;opacity:1}}
.arena-splat.is-blocked{width:auto;aspect-ratio:auto;clip-path:none;padding:6px 12px;border-radius:999px;background:#2c343bee;box-shadow:0 0 0 2px #b9c4ce}
.arena-splat.is-blocked b{font-size:15px;-webkit-text-stroke:0;color:#eef2f5;letter-spacing:.06em}
.arena-splat.is-blocked b .icon{width:15px;height:15px}
.arena-slot-live.is-shielding::before{display:none}
.arena-slot-live.is-shielding .arena-card{filter:grayscale(1) brightness(.75);box-shadow:0 0 0 2px #b9c4ce}
.arena-move{min-height:54px;padding:7px 12px 7px 8px;gap:10px;border-width:1px;border-radius:14px}
.arena-move-art{flex-basis:36px;width:36px;height:36px}
.arena-move-art .icon{width:18px;height:18px}
.arena-move-copy b{font-size:13.5px}
.arena-move.is-spell .arena-move-copy b{font-size:12.5px}
.arena-move-copy small{font-size:11px}
.arena-moves{gap:8px;padding-top:12px}
.arena-move.is-guard{--move-top:#d9e0e6;--move-bottom:#7d8a96;--move-edge:#2c343b;--move-ink:#12171b}
.arena-move.is-guard.is-advised{box-shadow:inset 0 1px 0 #ffffff55,0 0 0 2px #ff8a6a,0 0 18px #ff5a3a88}
@media (max-width:640px){.arena-move{min-height:72px;padding:6px 4px;border-radius:12px}.arena-move-art{flex-basis:30px;width:30px;height:30px}.arena-intent{font-size:10px;padding:3px 8px}.arena-guard-stamp{font-size:10px;padding:4px 8px}}
.arena-intent{translate:-50% calc(-100% - 6px)}.arena-lane.is-enemy .arena-statuses{margin-bottom:38px}
.arena-reserve-buy{margin-left:6px;padding:3px 9px;border:0;border-radius:999px;background:color-mix(in srgb,var(--arena-gold) 85%,#000);color:#1a1205;font:inherit;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer}.arena-reserve-buy:disabled{opacity:.5}
.arena-side-stat,.arena-daily{display:flex;align-items:center;gap:10px;height:auto;min-height:48px;padding:6px 8px 6px 14px;white-space:nowrap}
.arena-side-stat>span,.arena-daily>span{display:grid;gap:1px;flex:1;min-width:0;line-height:1.15;font-size:12.5px;color:#f3ead2}
.arena-side-stat>span small,.arena-daily>span small{font-size:11px;color:var(--arena-muted);overflow:hidden;text-overflow:ellipsis}
.arena-side-stat>span small::before,.arena-daily>span small::before{content:none}
.arena-side-stat>b,.arena-daily>b{flex:none;font-size:14px;font-variant-numeric:tabular-nums;color:#f3ead2}
.arena-side-stat>.icon,.arena-daily>.icon{flex:none;width:16px;height:16px;color:var(--arena-gold)}
.arena-reserve-buy{flex:none;margin-left:0}
.arena-rank-who small .arena-rank-badge{margin-right:6px;padding:2px 8px 2px 3px;font-size:10.5px}.arena-rank-who small .arena-rank-badge svg{width:14px;height:14px}.arena-podium-spot .arena-rank-badge{margin:2px auto;font-size:11px}.arena-duel-stats .arena-rank-badge{font-size:12.5px}
.arena-flag,.arena-flag:is(*){display:inline-flex;align-items:center;gap:6px;width:auto;height:30px;padding:0 12px;border-radius:999px;border:0;background:#ff5a5a1a;color:#ff9a90;font:inherit;font-size:12px;font-weight:700}.arena-flag .icon{width:14px;height:14px}.arena-flag:hover:not(:disabled){background:#ff5a5a2e}
/* Stable battle layout: the log keeps a fixed height so the action buttons never move under the cursor */
.arena-log{height:92px;min-height:0;align-content:center;overflow:hidden}
.arena-log>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:640px){.arena-log{height:84px}}
.arena-moves-help{min-height:2.9em}
/* Low-FX mode for slow computers */
.arena-lowfx .arena-battle *,.arena-lowfx .arena-battle *::before,.arena-lowfx .arena-battle *::after{animation:none!important;transition:none!important}
.arena-lowfx .arena-battle .arena-card,.arena-lowfx .arena-battle .arena-slot-live{filter:none!important;box-shadow:none!important}
.arena-lowfx .arena-slot-live.is-guarded .arena-card{filter:grayscale(1) brightness(.72)!important}
.arena-lowfx .arena-splats{display:none}
.arena-fx-toggle{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border:0;border-radius:999px;background:#ffffff12;color:#e2d6bf;font:inherit;font-size:11.5px;font-weight:700;cursor:pointer}
.arena-fx-toggle.is-off{background:#ffffff08;color:#9aa49c}
.arena-fx-toggle .icon{width:13px;height:13px}
/* Reserve widget alignment */
.arena-side-stat,.arena-daily{gap:12px}
.arena-side-stat>span,.arena-daily>span{font-size:12px}
.arena-side-stat>b,.arena-daily>b{margin-left:4px}
.arena-reserve-buy{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 10px;line-height:1}
.arena-reserve-buy,.arena-side-stat>b,.arena-daily>b{text-box:trim-both cap alphabetic}
/* Crew tab: leave button + reserve on one clean line */
.arena-side-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px}
.arena-side-row>.arena-side-leave{width:44px;height:48px;padding:0;justify-content:center}
.arena-side-row>.arena-side-leave span{display:none}
.arena-side-row>.arena-side-leave .icon{width:17px;height:17px}
.arena-side-stat>span,.arena-daily>span{overflow:hidden}
.arena-side-stat>span,.arena-side-stat>span small,.arena-daily>span,.arena-daily>span small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.arena-side-stat,.arena-daily{overflow:hidden}
.arena-side-stat>b{text-align:right}
@media (max-width:1240px){.arena-side-row{display:flex;justify-content:flex-end}.arena-side-row>.arena-side-leave{width:auto;height:36px;padding:0 12px}.arena-side-row>.arena-side-leave span{display:inline}}
.arena-fx-setup{margin:14px auto 0;display:flex}
.arena-lowfx .arena-battle,.arena-lowfx .arena-battle::before,.arena-lowfx .arena-battle::after,.arena-lowfx .arena-result,.arena-lowfx .arena-gains *{animation:none!important;transition:none!important}
.arena-lowfx .arena-battle img{filter:none!important}
.arena-player-avatar{--avatar-size:40px;font-size:15px;color:#f3ead2}
.arena-podium-art .arena-player-avatar{--avatar-size:64px;font-size:22px}
.arena-podium-spot.is-1 .arena-podium-art .arena-player-avatar{--avatar-size:76px}
.arena-rank-art .arena-player-avatar{--avatar-size:34px;font-size:13px}
.arena-rank-you .arena-player-avatar{--avatar-size:38px}
/* During a battle, freeze every decorative animation outside the battle board (theme art, glows, walking pet idle loops) */


/* Performance: pulses and glows only animate opacity/transform (GPU-composited); animating filter/box-shadow repainted the whole page every frame */
@keyframes arena-pulse{0%,100%{opacity:1}50%{opacity:.7}}
@keyframes arena-live{0%{transform:scale(1);opacity:1}100%{transform:scale(1.8);opacity:.35}}
@keyframes arena-shake{0%,100%{transform:none}20%{transform:translateX(-10px) rotate(-3deg)}40%{transform:translateX(9px) rotate(3deg)}60%{transform:translateX(-6px) rotate(-2deg)}80%{transform:translateX(4px)}}


.arena-more{grid-column:1/-1;justify-self:center;min-height:34px;margin-top:6px}
/* Weekly season — same look as the rest of the board */
.arena-rank-toggle{display:inline-flex;flex-wrap:nowrap;width:auto;max-width:100%}
.arena-rank-toggle button{white-space:nowrap}
.arena-season-bar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;margin:4px 0 6px;color:#e2d6bf;font-size:13px;font-weight:700}
.arena-season-item{display:inline-flex;align-items:center;gap:6px}
.arena-season-item .icon{width:15px;height:15px;color:var(--arena-gold)}
.arena-season-item b{color:#f6d77a}
.arena-season-item.is-me{color:var(--arena-muted);font-weight:600}
.arena-season-rules{margin:0 auto 4px;text-align:center;font-size:12.5px;color:var(--arena-muted)}
.arena-season-rules summary{display:inline-block;cursor:pointer;list-style:none;text-decoration:underline;text-underline-offset:3px}
.arena-season-rules summary::-webkit-details-marker{display:none}
.arena-season-rules ul{display:inline-block;margin:8px auto 0;padding-left:18px;text-align:left;line-height:1.6;color:#d9cfb6}
.arena-season-winners{margin:14px 0 0;padding:12px 0 0;border-top:1px solid color-mix(in srgb,var(--arena-gold) 22%,transparent)}
.arena-season-winners h3{margin:0 0 8px;text-align:center;font:800 11px/1.2 Sora,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--arena-muted)}
.arena-season-winners ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:0;padding:0;list-style:none}
.arena-season-winners li{display:inline-flex;align-items:center;gap:6px;font-size:13px}
.arena-season-winners li .icon{width:14px;height:14px;color:var(--arena-gold)}
.arena-season-winners li span{color:var(--arena-muted);font-weight:700}
.arena-season-winners li small{color:var(--arena-muted)}
@media (max-width:640px){.arena-rank-toggle button{padding-inline:10px;font-size:12.5px}.arena-season-bar{gap:6px 12px;font-size:12px}}
/* Calm, consistent corners: no more pill shapes in the Arena */
.arena-page :is(.arena-rank-toggle,.arena-rank-toggle button,.arena-tabs,.arena-tab,.arena-secondary,.arena-play,.arena-fx-toggle,.arena-flag,.arena-reserve-buy,.arena-side-leave,.arena-side-stat,.arena-daily,.arena-intent,.arena-crew-mode,.arena-crew-count,.arena-season-item,.arena-move,.arena-friend,.arena-crew-invite,.arena-crew-request,.arena-crew-ask textarea,.arena-crew-joinrow,.arena-chip,.arena-turn,.arena-log,.arena-podium-step,.arena-rank-list li,.arena-rank-bar,.arena-rank-bar i,.arena-crew-tag,.pp2-crew){border-radius:6px!important}
.arena-page .arena-rank-toggle,.arena-page .arena-tabs{padding:4px}
.arena-page .arena-rank-toggle button,.arena-page .arena-tab{border-radius:4px!important}
/* Rankings fill the column down to the bottom of the live panel (no empty hole under short rankings) */
@media (min-width:1241px){
  .arena-main:has(.arena-rank-toggle){display:flex;flex-direction:column;min-height:calc(100vh - 112px)}
  .arena-main:has(.arena-rank-toggle)>.arena-rank-board,.arena-main:has(.arena-rank-toggle)>.arena-rank-empty{flex:1}
}
.arena-rank-board,.arena-rank-empty{display:flex!important;flex-direction:column;align-items:center}
.arena-rank-board>.arena-podium{margin-top:auto}
.arena-rank-board>.arena-rank-hint,.arena-rank-empty>.arena-season-winners{margin-top:auto}
.arena-rank-board>.arena-rank-list,.arena-rank-board>.arena-season-winners{width:100%}
.arena-rank-empty>.icon{margin-top:auto}
.arena-main>.arena-rank-toggle,.arena-main .arena-rank-toggle{align-self:flex-start;margin-left:0}
/* Ranking sub-tabs live inside the board, under its ribbon */
.arena-rank-board>.arena-rank-toggle,.arena-rank-empty>.arena-rank-toggle{align-self:center!important;margin:0 0 6px!important}
.arena-rank-board>.arena-season-rules,.arena-rank-empty>.arena-season-rules{margin-top:10px;position:relative;z-index:2}
.arena-rank-board>.arena-rank-hint{margin-top:auto}
.arena-rank-board>.arena-season-rules{margin-top:auto}
.arena-rank-board>.arena-season-rules+.arena-rank-hint{margin-top:6px}
.arena-rank-board>.arena-podium{margin-top:auto}
/* No rounded ring/outline when a button is pressed or held */
.arena-hold-ring{display:none!important}
.arena-page button:focus,.arena-page button:focus-visible,.arena-page button:active{outline:none!important}
.arena-page button{-webkit-tap-highlight-color:transparent}
.arena-move.is-guard.is-holding{transform:scale(.98);filter:brightness(1.12)}
/* Battle reserve: stacked block instead of a cramped single line */
.arena-reserve.arena-side-stat,.arena-reserve.arena-daily{display:grid;grid-template-columns:1fr;gap:8px;height:auto!important;min-height:0;padding:12px 14px!important;white-space:normal;border-radius:6px!important}
.arena-reserve-top{display:flex;align-items:center;gap:8px;min-width:0;color:#f3ead2;font-size:13px;font-weight:700}
.arena-reserve-top .icon{flex:none;width:16px;height:16px;color:var(--arena-gold)}
.arena-reserve-top span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arena-reserve-top b{flex:none;font-size:14px;font-variant-numeric:tabular-nums;color:#f6d77a}
.arena-reserve-gauge{display:grid;grid-template-columns:repeat(10,1fr);gap:3px}
.arena-reserve-gauge i{height:6px;border-radius:2px;background:#ffffff1a}
.arena-reserve-gauge i.is-on{background:var(--arena-gold)}
.arena-reserve-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.arena-reserve-foot small{color:var(--arena-muted);font-size:12px;white-space:nowrap}
.arena-reserve-foot .arena-reserve-buy{flex:none;height:26px;padding:0 10px;border-radius:4px!important;font-size:11.5px;white-space:nowrap}
.arena-side-row>.arena-reserve{flex:1}
.arena-side-row{align-items:stretch}
.arena-side-row>.arena-side-leave{height:auto!important}
.arena-page .page-heading .arena-reserve.arena-daily{min-width:240px}

.arena-reserve>.arena-reserve-top,.arena-reserve>.arena-reserve-foot{display:flex!important;flex:none;overflow:visible;line-height:1.2}
.arena-reserve>.arena-reserve-top>span{display:block!important;font-size:13px;color:#f3ead2}
.arena-reserve>.arena-reserve-gauge{display:grid!important}
/* The header copy only shows when the side column is not beside the page */
.arena-page .page-heading .arena-reserve.arena-daily{display:none}
@media (max-width:1240px){.arena-page .page-heading .arena-reserve.arena-daily{display:grid}.arena-side .arena-reserve{display:none}}
.arena-reserve.arena-side-stat,.arena-reserve.arena-daily{border:0!important;background:#0000004d!important;box-shadow:none!important}
/* Phone battle layout: straight, centred, nothing overflowing */
@media (max-width:640px){
  .arena-battle{--arena-card:min(34vw,132px)}
  .arena-battle .arena-topline{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;margin-bottom:26px}
  .arena-battle .arena-topline .arena-fx-toggle span,.arena-battle .arena-topline .arena-flag span{display:none}
  .arena-battle .arena-topline .arena-fx-toggle,.arena-battle .arena-topline .arena-flag{flex:none;width:32px;height:30px;padding:0;justify-content:center}
  .arena-battle .arena-topline .arena-flag{margin-left:auto}
  .arena-battle .arena-topline .arena-turn,.arena-battle .arena-topline .arena-chip{flex:none;padding:5px 8px;font-size:11px;white-space:nowrap}
  .arena-battle .arena-lane{display:grid;grid-template-columns:44px var(--arena-card) 44px;grid-template-rows:auto auto;justify-content:center;align-items:center;column-gap:10px;row-gap:6px}
  .arena-battle .arena-lane .arena-bench{grid-column:1;grid-row:1;flex-direction:column;align-items:center;gap:6px}
  .arena-battle .arena-lane .arena-bench-card{width:40px}
  .arena-battle .arena-lane .arena-slot-live{grid-column:2;grid-row:1}
  .arena-battle .arena-lane .arena-lane-name{grid-column:1 / -1;grid-row:2;justify-items:center;text-align:center;max-width:100%}
  .arena-battle .arena-lane .arena-lane-name strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80vw;display:block}
  .arena-battle .arena-lane .arena-lane-name small{font-size:12px}
  .arena-battle .arena-lane.is-enemy{margin-top:4px}
  .arena-battle .arena-intent{font-size:10.5px;padding:3px 8px}
  .arena-battle .arena-log{height:64px;padding:6px 10px;font-size:12px}
  .arena-battle .arena-moves{gap:6px}
  .arena-battle .arena-move{min-height:68px;padding:6px 4px}
  .arena-battle .arena-move-copy small{font-size:10.5px;line-height:1.2}
  .arena-battle .arena-moves-help{display:none}
}
@media (max-width:640px){
  .arena-battle{--arena-card:min(30vw,118px)}
  .arena-battle .arena-lane .arena-lane-name strong{display:none}
  .arena-battle .arena-lane .arena-lane-name small{font-size:12.5px;font-weight:800;color:#f3ead2}
  .arena-battle .arena-lane{row-gap:2px}
  .arena-battle .arena-topline{margin-bottom:22px}
  .arena-battle .arena-log{height:56px;margin:2px 0}
  .arena-battle .arena-lane .arena-bench-card{width:36px}
  .arena-battle .arena-lane{grid-template-columns:40px var(--arena-card) 40px}
}
/* Phones: no empty "no companion" tile, Attack and Guard share the row */
@media (max-width:640px){
  .arena-battle .arena-moves:has(.arena-move.is-spell.is-empty){grid-template-columns:repeat(2,minmax(0,1fr))}
  .arena-battle .arena-moves .arena-move.is-spell.is-empty{display:none}
}
/* Phones: companions wrap in a grid (no sideways scrolling), "no companion" comes first */
@media (max-width:640px){
  .arena-heroes{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));justify-items:center;gap:8px;overflow:visible!important;margin:0!important;padding:0!important}
  .arena-hero{width:100%!important;flex:none!important;padding:6px 2px;border:0!important;border-radius:6px!important}
  .arena-hero-ring{width:56px;height:56px}
}
#arena-restart{position:fixed;left:50%;top:50%;z-index:2000;translate:-50% -50%;display:grid;gap:6px;width:min(340px,calc(100vw - 32px));padding:18px 20px;border-radius:10px;background:#101614f5;box-shadow:0 20px 60px #000d;color:#f3ead2;text-align:center}
#arena-restart strong{font:800 18px/1.2 Sora,sans-serif;color:#f6d77a}
#arena-restart span{font-size:14px;line-height:1.45;color:#d9cfb6}
/* Season guide */
.arena-season-rules summary{display:inline-flex!important;align-items:center;gap:6px;text-decoration:none!important;font-weight:700;color:#f3ead2}
.arena-season-rules summary .icon{width:16px;height:16px;color:var(--arena-gold)}
.arena-season-guide{display:grid;gap:10px;margin-top:12px;text-align:left}
.arena-season-guide section{padding:12px 14px;border-radius:8px;background:#0000004d}
.arena-season-guide h4{display:flex;align-items:center;gap:8px;margin:0 0 8px;font:800 14px/1.3 Sora,sans-serif;color:#f6d77a}
.arena-season-guide h4 i{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--arena-gold);color:#1a1205;font-style:normal;font-size:12px}
.arena-season-guide ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.arena-season-guide li{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#e2d6bf}
.arena-season-guide li b{color:#f6d77a;white-space:nowrap}
.arena-season-guide p{margin:8px 0 0;font-size:12.5px;line-height:1.5;color:var(--arena-muted)}
.arena-season-guide-note{margin:0!important;padding:0 4px}
@media (min-width:900px){.arena-season-guide{grid-template-columns:repeat(3,minmax(0,1fr))}.arena-season-guide-note{grid-column:1 / -1}}
/* Desktop: the battle reserve is exactly as tall as the tab bar (same gap below), so the left board and the live panel line up */
@media (min-width:1241px){
  .arena-main>.arena-tabs{height:56px;box-sizing:border-box;margin:0 0 16px!important}
  .arena-side{gap:16px!important}
  .arena-side>.arena-reserve.arena-side-stat,.arena-side>.arena-side-row{height:56px!important;min-height:0;box-sizing:border-box;margin:0!important}
  .arena-side .arena-reserve.arena-side-stat{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:10px;row-gap:3px;padding:8px 10px 8px 14px!important}
  .arena-side .arena-reserve>.arena-reserve-top{grid-column:1 / 3;grid-row:1}
  .arena-side .arena-reserve>.arena-reserve-gauge{grid-column:1 / 3;grid-row:2;gap:2px}
  .arena-side .arena-reserve>.arena-reserve-gauge i{height:4px}
  .arena-side .arena-reserve>.arena-reserve-foot{grid-column:3;grid-row:1 / 3;flex-direction:column;align-items:flex-end;gap:2px}
  .arena-side .arena-reserve>.arena-reserve-foot small{font-size:10.5px}
  .arena-side .arena-reserve-top{font-size:12px}
  .arena-side .arena-reserve-top b{font-size:13px}
}
/* Season guide v2: one clean column, every row aligned, numbers never squeezed */
.arena-season-guide{grid-template-columns:1fr!important;max-width:560px;margin:12px auto 0!important}
.arena-season-guide section{display:grid;gap:8px}
.arena-season-guide h4{display:grid!important;grid-template-columns:24px 1fr;align-items:center;gap:10px;margin:0!important}
.arena-season-guide h4 i{width:24px!important;height:24px!important;flex:none}
.arena-season-guide ul{padding-left:34px!important}
.arena-season-guide p{padding-left:34px;margin:0!important}
.arena-season-guide li{display:grid!important;grid-template-columns:1fr auto;align-items:baseline;gap:12px}
.arena-season-guide li span{min-width:0}
.arena-season-guide-note{padding-left:0!important;text-align:center}
@media (min-width:1241px){.arena-side .arena-reserve-top span{white-space:nowrap}}
/* "Ta position" sits in the board's top-right corner, so the duelists board lines up with the live panel */
.arena-rank-board{position:relative}
.arena-rank-board>.arena-rank-you{position:absolute;top:24px;right:26px;z-index:2;grid-template-columns:auto auto auto;gap:10px;max-width:none;margin:0;padding:6px 12px 6px 6px;border:0;border-radius:6px;background:#00000059;box-shadow:none}
.arena-rank-board>.arena-rank-you strong{display:none}
.arena-rank-board>.arena-rank-you .arena-player-avatar{--avatar-size:30px}
.arena-rank-board>.arena-rank-you .arena-emblem,.arena-rank-board>.arena-rank-you .arena-avatar{width:30px;height:30px}
.arena-rank-board>.arena-rank-you small{font-size:10px}
.arena-rank-board>.arena-rank-you b{font-size:18px}
.arena-rank-board>.arena-rank-you em{font-size:13px}
@media (max-width:1100px){.arena-rank-board>.arena-rank-you{position:static;width:max-content;max-width:100%;margin:14px auto 0}}
/* Duels: both mode cards share one height, so "Find an opponent" sits at the bottom of its card */
.arena-modes>.arena-mode{grid-template-rows:auto auto 1fr}
.arena-modes>.arena-mode>.arena-play{align-self:end}
/* A card that just earned a rarity step in battle */
.arena-gains em.is-evolved{color:#ffd979;font-weight:900}
/* Each open arena states the card level it accepts */
.arena-level-copy .arena-level-cap{color:var(--arena-gold);opacity:.9}
.arena-level-copy small{overflow:visible;text-overflow:clip;white-space:normal;line-height:1.35}
/* Ranking lists: the score rule (.arena-rank-list b) must not stretch the rank badge's division pips */
.arena-rank-list .arena-rank-badge i b{min-width:0;width:4px;height:9px;text-align:initial}
.arena-rank-who>small{display:flex;align-items:center;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arena-rank-who>small .arena-rank-badge{flex:none}
/* Ranking avatars and names open the player's profile (like the chat) */
.arena-profile-link,.arena-profile-name{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}
.arena-profile-name{display:block;min-width:0;max-width:100%;text-align:inherit}
.arena-profile-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arena-profile-name:hover strong{text-decoration:underline;text-underline-offset:3px}
.arena-profile-link{border-radius:50%;transition:transform .15s ease}
.arena-profile-link:hover{transform:scale(1.05)}
.arena-profile-link:focus-visible,.arena-profile-name:focus-visible{outline:2px solid var(--arena-gold);outline-offset:3px}
/* Duel lobby: top 3 + "See the full ranking" (opens a window) */
.arena-ladder-all{width:100%;margin-top:8px;justify-content:center}
.arena-ladder .arena-profile-name{min-width:0;text-align:left}
.arena-ladder-full{--arena-gold:#f2c14e;max-height:min(64vh,620px);overflow-y:auto;padding-right:4px}
.arena-ladder-full li{grid-template-columns:30px minmax(0,1fr) auto auto auto}
.arena-ladder-full li b{color:#f2c14e}
.arena-ladder-full li.is-you{box-shadow:inset 0 0 0 1px #f2c14e;background:#f2c14e1a}
@media (max-width:560px){.arena-ladder-full li{grid-template-columns:26px minmax(0,1fr) auto auto}.arena-ladder-full li small{display:none}}
.arena-modes>.arena-mode>.arena-play{font-size:16px;white-space:nowrap}
/* Duel: the move you picked stays lit with a check mark while waiting for the opponent (you can still switch) */
.arena-move.is-chosen{background:color-mix(in srgb,var(--arena-gold) 22%,#0008);box-shadow:inset 0 0 0 2px var(--arena-gold);position:relative}
.arena-move.is-chosen::after{content:'✓';position:absolute;top:6px;right:9px;color:var(--arena-gold);font-weight:900;font-size:14px}
/* Companion tiers: the aura takes the tier colour and grows stronger; from Mythic the companion turns golden, Legendary is full gold */
[data-tier]{--tier-color:#b9c2b5;--tier-glow:0px}
[data-tier="PC"]{--tier-color:#6fd08c;--tier-glow:8px}
[data-tier="R"]{--tier-color:#5ab0ff;--tier-glow:12px}
[data-tier="SR"]{--tier-color:#b07cff;--tier-glow:16px}
[data-tier="UR"]{--tier-color:#ff8a6b;--tier-glow:20px}
[data-tier="L"]{--tier-color:#f4c95d;--tier-glow:28px}
.arena-hero[data-tier] .arena-hero-ring{position:relative;box-shadow:0 0 0 3px var(--tier-color),0 0 0 5px #150d07,0 0 var(--tier-glow) color-mix(in srgb,var(--tier-color) 70%,transparent)}
.arena-hero[data-tier="UR"] .arena-hero-ring img{filter:sepia(.35) saturate(1.35) hue-rotate(-12deg) brightness(1.05)}
.arena-hero[data-tier="L"] .arena-hero-ring img{filter:sepia(.85) saturate(2.1) hue-rotate(-8deg) brightness(1.12) contrast(1.05)}
.arena-hero[data-tier="L"] .arena-hero-ring::after{content:'';position:absolute;inset:-2px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 70%,#fff6cf 80%,transparent 90%);mix-blend-mode:screen;animation:companion-gold-spin 3.2s linear infinite;pointer-events:none}
@keyframes companion-gold-spin{to{transform:rotate(1turn)}}
html.pk-low-motion .arena-hero[data-tier="L"] .arena-hero-ring::after{animation:none;opacity:.4}
@media (prefers-reduced-motion:reduce){.arena-hero[data-tier="L"] .arena-hero-ring::after{animation:none;opacity:.4}}
.arena-hero-level{margin-top:-14px;z-index:1;padding:2px 8px;border-radius:6px;background:#150d07;color:var(--tier-color,#f1d58e);font-size:11px;font-weight:900;box-shadow:0 0 0 1px color-mix(in srgb,var(--tier-color,#f1d58e) 55%,transparent)}
.arena-hero-tier{color:var(--tier-color);font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.arena-hero-xp{display:block;width:78px;height:4px;margin:2px 0 3px;overflow:hidden;border-radius:2px;background:#ffffff1a}
.arena-hero-xp i{display:block;height:100%;background:var(--tier-color)}
.arena-move.is-spell[data-tier] .arena-move-art{box-shadow:0 0 0 2px var(--tier-color),0 0 var(--tier-glow) color-mix(in srgb,var(--tier-color) 60%,transparent);border-radius:50%}
.arena-move.is-spell[data-tier="UR"] .arena-move-art img{filter:sepia(.35) saturate(1.35) hue-rotate(-12deg)}
.arena-move.is-spell[data-tier="L"] .arena-move-art img{filter:sepia(.85) saturate(2.1) hue-rotate(-8deg) brightness(1.12)}
.arena-reward.is-companion .icon{color:var(--tier-color)}
.arena-hero-hint{max-width:420px;margin:10px auto 0;color:#cdbb98;font-size:12px;line-height:1.5;text-align:center}
/* HP gem widens for 3-digit values, exactly like the level gem */
.arena-gem.is-hp.is-wide{width:max(30px,31cqi);border-radius:999px;aspect-ratio:1.25}
.arena-gem.is-hp.is-wide b{font-size:max(10px,10.5cqi)}
/* Final blow slow motion */
.arena-battle.is-slowmo{position:relative}
.arena-battle.is-slowmo::after{content:'';position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 50% 45%,transparent 45%,#000000b3 100%);animation:arena-slowmo-vignette 2.2s ease both}
.arena-battle.is-slowmo .arena-lane{animation:arena-slowmo-zoom 2.2s cubic-bezier(.2,.7,.2,1) both}
.arena-battle.is-slowmo .arena-result{opacity:0;transform:translateY(8px)}
.arena-battle.is-slowmo-done .arena-result{animation:arena-result-in .5s ease both}
@keyframes arena-slowmo-vignette{0%{opacity:0}20%{opacity:1}85%{opacity:1}100%{opacity:0}}
@keyframes arena-slowmo-zoom{0%{transform:scale(1)}30%{transform:scale(1.045)}100%{transform:scale(1)}}
@keyframes arena-result-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* No text selection anywhere in the arena (long presses and quick clicks used to highlight names and numbers) */
.arena-page,.arena-page *,#arena-volume{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.arena-page input,.arena-page textarea{-webkit-user-select:text;user-select:text}
/* Desktop reserve v3 (also next to the leave button during a fight): two columns, label + count and gauge on the left,
   timer and recharge button stacked on the right; nothing is truncated or clipped inside the 56px row */
@media (min-width:1241px){
  .arena-side .arena-reserve.arena-side-stat{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto;column-gap:12px;row-gap:5px;height:56px!important;padding:6px 10px 6px 14px!important;overflow:hidden}
  .arena-side .arena-reserve>.arena-reserve-top{grid-column:1!important;grid-row:1!important}
  .arena-side .arena-reserve>.arena-reserve-gauge{grid-column:1!important;grid-row:2!important}
  .arena-side .arena-reserve>.arena-reserve-foot{grid-column:2!important;grid-row:1 / 3!important;flex-direction:column;align-items:flex-end;justify-content:center;gap:3px}
  .arena-side .arena-reserve-top span{flex:none;overflow:visible;text-overflow:clip}
  .arena-side .arena-reserve-foot .arena-reserve-buy{height:22px;padding:0 8px;font-size:11px}
  .arena-side-row>.arena-side-leave{height:56px}
  .arena-side-row>.arena-reserve.arena-side-stat{padding-left:12px!important}
}
/* Phones, duels: the "Ranked · vs <name>" chip is long; it now shrinks with an ellipsis instead of widening the board */
@media (max-width:640px){
  .arena-battle{min-width:0;max-width:100%}
  .arena-battle .arena-topline{min-width:0}
  .arena-battle .arena-topline .arena-chip{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;letter-spacing:.03em}
  .arena-battle .arena-duel-status{display:flex;max-width:100%;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
/* Tank companion: its life bar under the active card's name */
.arena-slot-live.is-spell-guardian{--arena-spell:#d9b26b}.arena-flyer.is-guardian{--fly:#d9b26b}
.arena-lane-name .arena-tank{display:inline-flex;align-items:center;gap:6px;margin-top:4px;color:#e9cf96;font-size:11.5px;font-weight:800;font-variant-numeric:tabular-nums}
.arena-lane-name .arena-tank .icon{width:14px;height:14px;flex:none}
.arena-tank-bar{position:relative;width:72px;height:5px;border-radius:3px;background:#ffffff1f;overflow:hidden}
.arena-tank-bar i{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,#b8894a,#f0d08a);transition:width .5s ease}
.arena-tank.is-taunt{color:#ffe7a8}.arena-tank.is-taunt .arena-tank-bar{box-shadow:0 0 0 1px #f0d08a99}
.arena-tank.is-down{opacity:.45}
@media (max-width:640px){.arena-lane-name .arena-tank{margin-top:2px;font-size:11px}.arena-tank-bar{width:56px}}
/* Arachnophobia: spider and scorpion art veiled in the arena too */
.pk-arachno .arena-card-art.is-arachnid img{visibility:hidden}
.pk-arachno .arena-card-art.is-arachnid{background:radial-gradient(circle at 50% 40%,#2b4033,#14231b)}
/* Desktop reserve v4: height follows the content (nothing clipped under the live panel). Row 1: « Réserve 8 / 10 » and the
   refill timer; row 2: the gauge and the recharge button. */
@media (min-width:1241px){
  .arena-side>.arena-side-row,.arena-side>.arena-reserve.arena-side-stat{height:auto!important;min-height:56px}
  .arena-side .arena-reserve.arena-side-stat{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto;align-items:center;column-gap:12px;row-gap:7px;height:auto!important;padding:10px 12px 10px 14px!important;overflow:visible!important}
  .arena-side .arena-reserve>.arena-reserve-top{grid-column:1!important;grid-row:1!important;display:flex!important;align-items:center;gap:8px!important;min-width:0}
  .arena-side .arena-reserve-top span{flex:none}
  .arena-side .arena-reserve-top b{margin-left:2px}
  .arena-side .arena-reserve>.arena-reserve-gauge{grid-column:1!important;grid-row:2!important}
  .arena-side .arena-reserve>.arena-reserve-foot{display:contents!important}
  .arena-side .arena-reserve-foot small{grid-column:2;grid-row:1;justify-self:end;white-space:nowrap}
  .arena-side .arena-reserve-foot .arena-reserve-buy{grid-column:2;grid-row:2;justify-self:end;height:24px;padding:0 9px;font-size:11px;white-space:nowrap}
  .arena-side-row{align-items:stretch!important}
  .arena-side-row>.arena-side-leave{height:auto!important;min-height:56px;align-self:stretch}
}
/* Season bar: a small « Récompenses » button opens what fighting brings this week (points, crown, rewards). */
.arena-season-help{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border:0;border-radius:7px;background:color-mix(in srgb,var(--arena-gold,#f2c14e) 18%,transparent);color:var(--arena-gold,#f2c14e);font:800 12px/1 inherit;cursor:pointer}
.arena-season-help:hover{background:color-mix(in srgb,var(--arena-gold,#f2c14e) 28%,transparent)}
.arena-season-help .icon{width:14px;height:14px}
.arena-season-guide.is-window{display:grid;gap:14px;max-width:520px}
.modal .arena-season-guide{--arena-gold:#f2c14e;margin-top:0}
/* « Prépare ton équipe »: a flat title (the cut-out ribbon with triangle tips flickered and moved when the empty slots below
   were hovered); empty slots react with colour only, nothing moves. */
html:not(#_) body .arena-ribbon{clip-path:none!important;margin:0 auto 4px!important;padding:10px 28px!important;border-radius:10px!important;background:linear-gradient(180deg,#f8dc8c,#c99532)!important;transform:none!important;box-shadow:none!important}
html:not(#_) body .arena-ribbon::before,html:not(#_) body .arena-ribbon::after{content:none!important}
html:not(#_) body button.arena-slot-frame:hover{transform:none!important}
html:not(#_) body .arena-ribbon{width:fit-content;max-width:100%}

.arena-battle .arena-idle-notice{display:block;min-height:0;margin:8px 0 0;color:#f3ead2;font-size:11.5px;line-height:1.45;text-align:center;white-space:normal}

.arena-result.is-draw .arena-banner{background:linear-gradient(180deg,#d8d8e6,#7b7b92);color:#14141c}

@media(max-width:700px){body .arena-rank-toggle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:100%;box-sizing:border-box}body .arena-rank-toggle button{min-width:0;padding:9px 5px;white-space:normal;overflow-wrap:anywhere;line-height:1.35;font-size:12px}body .arena-rank-toggle button svg{flex:none;width:16px;height:16px}}

body .arena-page .arena-rank-badge,body .arena-page .arena-rank-badge>span{color:var(--rank)!important}

.arena-rank-who>.arena-profile-name{justify-self:start;width:fit-content;max-width:100%;text-align:left}

.arena-key{display:none}
@media(min-width:701px) and (hover:hover) and (pointer:fine){
  .arena-move-copy{flex:1}
  .arena-move-copy b{white-space:normal;line-height:1.25}
  .arena-key{position:relative;isolation:isolate;display:grid;place-items:center;box-sizing:border-box;flex:0 0 32px;width:32px;height:34px;margin:0 0 2px auto;padding:0 0 4px;border:1px solid color-mix(in srgb,var(--theme-text,#eef5ef) 35%,var(--theme-bg,#0d1713));border-radius:7px;background:color-mix(in srgb,var(--theme-muted,#a9c2b1) 65%,var(--theme-bg,#0d1713));color:var(--theme-bg,#0d1713);box-shadow:0 3px 0 color-mix(in srgb,var(--theme-bg,#0d1713) 80%,#000),0 4px 5px #0004;font:700 15px/1 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center;text-shadow:0 1px 0 #fff5;pointer-events:none;transition:transform .08s ease,box-shadow .08s ease}
  .arena-key::before{content:"";position:absolute;z-index:-1;inset:2px 2px 5px;border:1px solid #fff5;border-radius:4px;background:linear-gradient(180deg,var(--theme-text,#eef5ef),color-mix(in srgb,var(--theme-text,#eef5ef) 85%,var(--theme-muted,#a9c2b1)));box-shadow:0 1px 1px #0002}
  .arena-move:active:not(:disabled)>.arena-key,.arena-move.is-holding>.arena-key{transform:translateY(2px);box-shadow:0 1px 0 color-mix(in srgb,var(--theme-bg,#0d1713) 80%,#000)}
}
@media(prefers-reduced-motion:reduce){.arena-key{transition:none}}

.arena-finish-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;width:100%;margin-top:6px}
.arena-finish-actions .button{min-width:140px;min-height:44px}
.arena-finish-prompt{position:fixed;box-sizing:border-box;width:min(540px,calc(100% - 32px));max-height:calc(100svh - 40px);margin:auto;padding:28px;border:1px solid var(--theme-line,#385342);border-radius:22px;background:var(--theme-panel,#15251c);color:var(--theme-text,#eef5ef);box-shadow:0 24px 80px #0009;overflow:auto;overscroll-behavior:contain}
.arena-finish-prompt::backdrop{background:#060907cf}
.arena-finish-prompt .arena-result{margin:0;padding:0;border:0;animation:none;gap:18px}
.arena-finish-prompt .arena-banner{max-width:100%;box-sizing:border-box;padding:10px 28px;font-size:clamp(18px,4vw,26px);animation:none;text-align:center}
.arena-finish-prompt .arena-result p{color:var(--theme-muted,#a9c2b1);text-align:center;line-height:1.5}
.arena-finish-prompt .arena-rewards{gap:8px;justify-content:center;color:var(--theme-text,#eef5ef)}
.arena-finish-prompt .arena-gains li{border-color:var(--theme-line,#385342);background:var(--theme-bg-alt,#0d1713);color:var(--theme-text,#eef5ef)}
.arena-finish-prompt .arena-finish-actions{position:sticky;bottom:-1px;padding-top:12px;padding-bottom:4px;background:var(--theme-panel,#15251c)}
.arena-finish-prompt .arena-finish-hint{margin:0;font-size:13px}
.arena-finish-prompt .arena-finish-actions :focus-visible{outline:2px solid var(--theme-accent,#b8dd9b);outline-offset:4px}
@media(max-width:420px){.arena-finish-prompt{padding:22px 16px}.arena-finish-actions{gap:8px}.arena-finish-actions .button{min-width:0;flex:1;padding-inline:10px}}

/* rarity-design.css */
body .card-wrap .collectible-card {
  --rarity-accent:#c2cbd2;
  --rarity-ink:#18242c;
  --card-frame:#6e7d88;
  --card-face:#273640;
  --card-deep:#19252e;
  --card-ink:#e5eef5;
  --card-copy:#f5f8fb;
  --card-detail:#cbd6de;
  --card-media:#1d2b35;
  background:linear-gradient(135deg,var(--card-frame),var(--card-deep) 25%,var(--card-frame) 60%,var(--card-deep));
  box-shadow:0 8px 18px #02080a36;
}
body .card-wrap .collectible-card[data-rarity="C"] {
  --rarity-accent:#c2cbd2;--rarity-ink:#18242c;--card-frame:#81929d;--card-face:#273640;--card-deep:#19252e;--card-ink:#e5eef5;--card-copy:#f5f8fb;--card-detail:#cbd6de;--card-media:#1d2b35;
}
body .card-wrap .collectible-card[data-rarity="PC"] {
  --rarity-accent:#75d9ad;--rarity-ink:#103c2c;--card-frame:#49b68a;--card-face:#174a39;--card-deep:#103126;--card-ink:#adf8d5;--card-copy:#f1fff8;--card-detail:#c0e6d5;--card-media:#133b2e;
}
body .card-wrap .collectible-card[data-rarity="R"] {
  --rarity-accent:#8ec9ff;--rarity-ink:#0d3157;--card-frame:#459cf0;--card-face:#174c7a;--card-deep:#112d4b;--card-ink:#c0e3ff;--card-copy:#f1f8ff;--card-detail:#c3ddf2;--card-media:#14354e;
}
body .card-wrap .collectible-card[data-rarity="SR"] {
  --rarity-accent:#ffb0a0;--rarity-ink:#58271d;--card-frame:#ee826c;--card-face:#72372f;--card-deep:#442823;--card-ink:#ffd6cc;--card-copy:#fff6f2;--card-detail:#f2d0c7;--card-media:#4c2d29;
}
body .card-wrap .collectible-card[data-rarity="UR"] {
  --rarity-accent:#9ce8eb;--rarity-ink:#153d45;--card-frame:#82e7e9;--card-face:#244956;--card-deep:#263341;--card-ink:#d6feff;--card-copy:#f5ffff;--card-detail:#cce9ef;--card-media:#243943;
  background:linear-gradient(135deg,#a8f4ea 0%,#4688ab 19%,#dfabc5 35%,#eed7ab 49%,#81e2df 65%,#d8b9dc 80%,#6aabba 100%);
}
body .card-wrap .collectible-card[data-rarity="L"] {
  --rarity-accent:#f4cf71;--rarity-ink:#4d320b;--card-frame:#efc45c;--card-face:#76501e;--card-deep:#402d15;--card-ink:#ffdd8d;--card-copy:#fff9e9;--card-detail:#efdbb3;--card-media:#44321b;
  background:linear-gradient(135deg,#ffe8a9 0%,#c49a35 18%,#f8d985 36%,#a47422 54%,#ffe8a6 73%,#d5a33c 100%);
  box-shadow:0 8px 18px #02080a36;
}
body .card-wrap .card-body {background:linear-gradient(145deg,var(--card-face),var(--card-deep));}
body .card-wrap .collectible-card.finish-silver .card-body {background:linear-gradient(120deg,#d0e6ef30,transparent 45%,#d0e6ef14),linear-gradient(145deg,var(--card-face),var(--card-deep));}
body .card-wrap .collectible-card.finish-brass .card-body {background:linear-gradient(120deg,#f2cf6b30,transparent 45%,#f2cf6b14),linear-gradient(145deg,var(--card-face),var(--card-deep));}
body .card-wrap .rarity-mark {background:var(--rarity-accent);color:var(--rarity-ink);font-weight:800;box-shadow:0 2px 6px #0003;letter-spacing:.01em;}
body .card-wrap .card-universe {background:#08151ce3;color:#f2f6f6;}
body .card-wrap .rarity-label {font-weight:650;color:var(--rarity-accent);}
body .card-wrap .card-number {color:var(--card-detail);}
body .card-wrap .collectible-card[data-rarity="R"]::before,
body .card-wrap .collectible-card[data-rarity="SR"]::before,
body .card-wrap .collectible-card[data-rarity="UR"]::before,
body .card-wrap .collectible-card[data-rarity="L"]::before {
  content:"";display:block;position:absolute;inset:var(--card-finish-top) 8px 8px;z-index:3;pointer-events:none;border:0;border-radius:0 0 5px 5px;box-shadow:none;animation:none;
  background:linear-gradient(118deg,transparent 24%,#fff3 42%,transparent 48%,#fff1 63%,transparent 77%);
  background-size:220% 100%;background-position:var(--card-shine-x,35%) 50%;opacity:.3;transition:background-position .16s ease;
}
body .card-wrap .collectible-card[data-rarity="SR"]::before {opacity:.36;background-image:linear-gradient(118deg,transparent 28%,#ffc7ac55 43%,#fff0e428 48%,transparent 58%,#f49f9333 73%,transparent 82%);}
body .card-wrap .collectible-card[data-rarity="UR"]::before {opacity:.45;background-image:linear-gradient(118deg,transparent 18%,#7ef4e85e 31%,#bdeaff55 40%,#f9c2e866 50%,#ffe4b759 61%,#b8f4df55 72%,transparent 84%);}
body .card-wrap .collectible-card[data-rarity="L"]::before {opacity:.52;background-image:linear-gradient(118deg,transparent 21%,#f9df9447 34%,#fff2c878 45%,#e4b85638 53%,transparent 63%,#fff1c724 75%,transparent 84%);}
body .card-wrap .collectible-card[data-rarity="L"]::after {
  content:"";display:block;position:absolute;inset:var(--card-finish-top) 8px 8px;z-index:3;border:0;border-radius:0 0 5px 5px;pointer-events:none;box-shadow:none;animation:none;opacity:.38;
  background:radial-gradient(circle at 13% 24%,#ffe3a3 0 .7px,transparent 1.5px),radial-gradient(circle at 82% 17%,#ffe3a3 0 .8px,transparent 1.7px),radial-gradient(circle at 71% 62%,#fff0bb 0 .6px,transparent 1.4px),radial-gradient(circle at 26% 79%,#ffecaf 0 .8px,transparent 1.6px);
}
body .card-wrap .collectible-card[data-rarity="UR"] .rarity-mark {background:linear-gradient(120deg,#b9fff1,#f8cce4 58%,#ffe5ae);color:#173946;}
body .card-wrap .collectible-card[data-rarity="L"] .rarity-mark {background:linear-gradient(120deg,#fff0bc,#eebf56 70%,#ffe3a0);color:#46300d;}
body .rarity-dot.common {background:#aebcc6;}
body .rarity-dot.uncommon {background:#75d9ad;}
body .rarity-dot.rare {background:#8ec9ff;}
body .rarity-dot.epic {background:#ffb0a0;}
body .rarity-dot.mythic {background:linear-gradient(120deg,#9ce8eb,#efb5dc,#f5d9a6);}
body .rarity-dot.legendary {background:#f4cf71;}
body .rarity-list>div {padding-block:10px;}
body .rarity-list .rarity-dot {width:12px;height:12px;border-radius:4px;flex-shrink:0;}
body .opening-preference {display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:7px 10px;border:0;border-radius:8px;background:transparent;color:#c7d7ce;font:inherit;font-size:12px;line-height:1.5;cursor:pointer;touch-action:manipulation;}
body .opening-preference:hover {background:#b1d5c00e;color:#f4faf6;}
body .opening-preference:focus-visible {outline:2px solid #a6e1c5;outline-offset:3px;}
body .opening-preference-check {display:grid;place-items:center;width:17px;height:17px;flex:0 0 17px;border:1px solid #819c8e;border-radius:4px;background:#152b21;}
body .opening-preference-check .icon {width:12px;height:12px;opacity:0;color:#153828;}
body .opening-preference[aria-pressed="true"] .opening-preference-check {background:#a6e1c5;border-color:#a6e1c5;}
body .opening-preference[aria-pressed="true"] .opening-preference-check .icon {opacity:1;}
body .pack-opening-controls {display:grid;align-self:flex-start;justify-items:stretch;gap:8px;width:fit-content;min-width:0;max-width:100%;margin:0 0 12px;}
body .pack-opening-controls>.button[data-action="open-pack"] {width:100%;min-width:0;max-width:100%;margin:0;}
body .pack-page-preference {display:flex;justify-self:center;align-self:center;width:max-content;max-width:100%;margin:0;text-align:center;}
body .pack-page-preference>span:last-child {min-width:0;overflow-wrap:anywhere;}
body .opening-scene-preference {margin:0 auto;display:flex;width:max-content;max-width:100%;}
body .modal:has(.reveal-stage) .modal-footer {display:block;padding-bottom:max(12px,env(safe-area-inset-bottom));}
body .reveal-face {width:100%;height:auto;aspect-ratio:2/3;}
body .reveal-face .collectible-card {aspect-ratio:2/3;height:auto!important;min-height:0!important;}
body .reveal-face .card-wrap {display:block;width:100%;height:auto;}
body .reveal-stage:has(.reveal-face) {min-height:0;padding:16px 0;}
body .reveal-orbit:has(.reveal-face) {width:clamp(180px,calc((100dvh - 255px)*.6667),310px);height:auto;min-height:0;aspect-ratio:2/3;}
body .reveal-enter {animation:card-face-arrival .15s cubic-bezier(.2,.8,.2,1) both;}
body .reveal-exceptional .collectible-card::before {animation:card-exceptional-arrival .48s ease-out both;}
body .reveal-exceptional .collectible-card::after {animation:card-dust-arrival .48s ease-out both;}
body .opening-announcement {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
body .booster-tier:nth-child(1) {--bundle-ink:#9edce9;--bundle-tone:#3b9caa;}
body .booster-tier:nth-child(2) {--bundle-ink:#f7baa4;--bundle-tone:#bc7761;}
body .booster-tier:nth-child(3) {--bundle-ink:#f5da93;--bundle-tone:#bda158;}
body .booster-tier .booster-tier-heading {color:var(--bundle-ink);}
body .booster-tier .booster-tier-art {position:relative;isolation:isolate;}
body .booster-tier .booster-tier-art::before {content:"";position:absolute;inset:26px 9px 8px;z-index:-1;border-radius:10px;background:var(--bundle-tone);opacity:.16;transform:rotate(-12deg);}
body .booster-tier:nth-child(2) .booster-tier-art::before {transform:rotate(9deg);}
body .booster-tier:nth-child(3) .booster-tier-art::before {transform:rotate(-9deg);}
body .booster-tier:nth-child(1) .booster-tier-art img {filter:drop-shadow(0 10px 14px #0004) hue-rotate(45deg);}
body .booster-tier:nth-child(2) .booster-tier-art img {filter:drop-shadow(0 10px 14px #0004) hue-rotate(220deg);}
body .booster-tier:nth-child(3) .booster-tier-art img {filter:drop-shadow(0 10px 14px #0004) hue-rotate(310deg);}
@keyframes card-face-arrival {from{opacity:.75;transform:translateX(10px) scale(.985)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes card-exceptional-arrival {from{opacity:0;transform:translateX(-12%)}45%{opacity:.65}to{opacity:.45;transform:translateX(0)}}
@keyframes card-dust-arrival {from{opacity:0;transform:translateY(6px)}to{opacity:.38;transform:translateY(0)}}
@media(max-width:760px) {
  body .card-wrap .collectible-card[data-rarity="R"]::before,body .card-wrap .collectible-card[data-rarity="SR"]::before,body .card-wrap .collectible-card[data-rarity="UR"]::before,body .card-wrap .collectible-card[data-rarity="L"]::before,body .card-wrap .collectible-card[data-rarity="L"]::after {right:6px;bottom:6px;left:6px;}
  body .reveal-orbit:has(.reveal-face) {width:clamp(180px,calc((100dvh - 245px)*.6667),280px);}
  body .reveal-stage:has(.reveal-face) {padding:12px 0;}
  body .opening-preference {min-height:44px;}
  body .pack-opening-controls {align-self:stretch;width:100%;}
}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce) {
  body .card-wrap .collectible-card[data-rarity="R"]::before,body .card-wrap .collectible-card[data-rarity="SR"]::before,body .card-wrap .collectible-card[data-rarity="UR"]::before,body .card-wrap .collectible-card[data-rarity="L"]::before {transition:none;animation:none;background-position:35% 50%;}
}
@media(prefers-reduced-motion:reduce) {
  body .reveal-enter,body .reveal-exceptional .collectible-card::before,body .reveal-exceptional .collectible-card::after {animation:none;transform:none;}
}

body .modal:has(.reveal-stage) .reveal-footer {display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;min-width:0;}
body .opening-card-actions {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:stretch;gap:10px;margin:0 auto;width:100%;min-width:0;max-width:100%;}
body .opening-card-action {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:44px;padding:9px 13px;margin:0;border:1px solid #9dc7ae30;border-radius:9px;background:#142a20;color:#d5e9dc;font:inherit;font-size:12px;font-weight:650;line-height:1.5;white-space:nowrap;cursor:pointer;touch-action:manipulation;transition:background .15s ease,color .15s ease,border-color .15s ease;}
body .opening-card-action:hover:not(:disabled) {background:#203c2c;border-color:#a1c7ae65;color:#f0faf3;}
body .opening-card-action:focus-visible {outline:2px solid #a6e1c5;outline-offset:3px;}
body .opening-card-action .icon,body .opening-card-action>img {width:17px;height:17px;flex:0 0 17px;display:block;}
body .opening-favorite.is-favorite {color:#f0a9b0;border-color:#c87a894d;}
body .opening-favorite.is-favorite .icon {fill:currentColor;}
body .opening-card-action:disabled {cursor:default;color:#93b09f;opacity:.7;}
body .opening-card-action.is-sold:disabled {opacity:1;color:#b5dfc4;border-color:#7cba962e;background:#12281d;}
body .opening-sale-confirm {width:min(355px,100%);max-width:100%;margin:0 auto;padding:14px 16px;border:1px solid #9dc7ae35;border-radius:12px;background:#11281feb;text-align:center;}
body .opening-sale-confirm>strong {display:block;font-size:13px;font-weight:700;line-height:1.5;color:#edf6ee;}
body .opening-sale-confirm>p {font-size:11px;line-height:1.7;color:#b1c9ba;margin:7px 0 12px;}
body .opening-sale-confirm>div {display:grid;grid-template-columns:1fr 1fr;gap:9px;}
body .opening-sale-confirm .opening-card-action {font-size:11px;padding-inline:9px;white-space:normal;}
body .opening-sale-confirm .opening-sale-accept {background:#bde8ca;color:#153c26;border-color:#bde8ca;}
body .opening-sale-confirm .opening-sale-accept:hover:not(:disabled) {background:#d0f4da;color:#123522;}
body .opening-sale-confirm .opening-sale-error {color:#ffc4b6;}
body .modal:has(.opening-card-actions) .reveal-orbit:has(.reveal-face) {width:clamp(170px,calc((100dvh - 310px)*.6667),310px);}
body .modal:has(.opening-sale-confirm) .reveal-orbit:has(.reveal-face) {width:clamp(160px,calc((100dvh - 395px)*.6667),290px);}
@media(max-width:760px) {
  body .opening-card-action {min-height:44px;font-size:11px;padding:9px 11px;}
  body .opening-card-actions {gap:10px;margin-bottom:0;}
  body .modal:has(.opening-card-actions) .reveal-orbit:has(.reveal-face) {width:clamp(170px,calc((100dvh - 310px)*.6667),280px);}
  body .modal:has(.opening-sale-confirm) .reveal-orbit:has(.reveal-face) {width:clamp(160px,calc((100dvh - 395px)*.6667),260px);}
}
@media(prefers-reduced-motion:reduce) {body .opening-card-action {transition:none;}}

body .modal .modal-header button.icon-button[data-action="close-modal"]{display:grid;place-items:center;width:40px;height:40px;min-width:40px;padding:0;border:1px solid #90b8a23d;border-radius:50%;color:#d5e7dc;background:#10231bd9;box-shadow:none}body .modal .modal-header button.icon-button[data-action="close-modal"]:hover{color:#f4fff7;background:#234233;border-color:#a6d5bd80}body .modal .modal-header button.icon-button[data-action="close-modal"]:focus-visible{outline:2px solid #9fe2bf;outline-offset:4px}body .modal .modal-header button.icon-button[data-action="close-modal"] svg{width:18px;height:18px;stroke-width:1.8}

body .opening-actions-region {width:min(380px,100%);min-width:0;}
body .opening-card-actions:has(.opening-store) {grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr);gap:8px;}
body .opening-card-actions>.opening-card-action {align-self:stretch;width:100%;min-width:0;min-height:44px;white-space:normal;padding-inline:9px;text-align:center;}
body .opening-card-actions>.opening-card-action>span {min-width:0;overflow-wrap:anywhere;}
body .opening-card-actions>.opening-card-action>.icon,body .opening-card-actions>.opening-card-action>img {width:17px;min-width:17px;max-width:17px;height:17px;min-height:17px;max-height:17px;flex:0 0 17px;margin:0;}
body .opening-binder-saved {display:flex;align-items:flex-start;justify-content:center;gap:6px;margin:10px 0 0;color:#badfc7;font-size:11px;line-height:1.6;text-align:center;overflow-wrap:anywhere;}
body .opening-binder-saved .icon {width:14px;height:14px;flex:0 0 14px;margin-top:2px;}
body .opening-binder-saved strong {font-weight:650;}
body .opening-binder-panel {width:min(380px,100%);min-width:0;max-height:min(330px,48dvh);overflow:auto;overscroll-behavior:contain;margin:0 auto;padding:14px;border:1px solid #9dc7ae35;border-radius:13px;background:#11281ff5;text-align:left;box-shadow:0 12px 28px #020c0852;scrollbar-width:thin;scrollbar-color:#4c7160 transparent;}
body .opening-binder-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px;}
body .opening-binder-heading strong {min-width:0;font-family:Sora,sans-serif;font-size:13px;line-height:1.5;font-weight:650;color:#f0f8f3;}
body .opening-binder-close {display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;padding:0;border:0;border-radius:8px;background:#1e3b2d;color:#c3dfce;cursor:pointer;touch-action:manipulation;}
body .opening-binder-close .icon {width:16px;height:16px;}
body .opening-binder-close:hover:not(:disabled) {background:#2a4e3b;color:#f1fff5;}
body .opening-binder-hint {margin:0 0 10px;font-size:11px;line-height:1.6;color:#aec7b8;}
body .opening-binder-list {display:grid;gap:5px;max-height:138px;overflow:auto;overscroll-behavior:contain;padding:2px;scrollbar-width:thin;scrollbar-color:#4c7160 transparent;}
body .opening-binder-option {display:flex;align-items:center;gap:10px;min-height:49px;width:100%;min-width:0;padding:7px 9px;border:1px solid transparent;border-radius:8px;background:#183426;color:#e2f0e7;font:inherit;font-size:12px;font-weight:600;text-align:left;cursor:pointer;touch-action:manipulation;}
body .opening-binder-option:hover:not(:disabled) {background:#244936;border-color:#91c6a94d;}
body .opening-binder-option-name {flex:1;min-width:0;overflow-wrap:anywhere;line-height:1.5;}
body .opening-binder-cover {display:grid;place-items:center;width:25px;height:33px;flex:0 0 25px;padding-left:2px;background:color-mix(in srgb,var(--binder-color) 26%,#12261d);border-left:3px solid var(--binder-color);border-radius:2px 5px 5px 2px;color:#d5e7db;}
body .opening-binder-cover .icon {width:15px;height:15px;}
body .opening-binder-option-state {display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;color:#a9d2b9;}
body .opening-binder-option-state .icon {width:15px;height:15px;}
body .opening-binder-option.is-included {background:#12291e;color:#a5c2af;cursor:default;}
body .opening-binder-option:disabled:not(.is-included),body .opening-binder-close:disabled {opacity:.55;cursor:default;}
body .opening-binder-empty {margin:6px 0 12px;color:#b7cfc0;font-size:12px;line-height:1.6;}
body .opening-binder-new {width:100%;margin-top:10px;border-style:dashed;color:#cfebda;background:#122b1e;}
body .opening-binder-error {margin:10px 0 0;color:#ffc4b6;font-size:11px;line-height:1.6;overflow-wrap:anywhere;}
body #opening-binder-form {display:grid;gap:8px;margin:0;}
body #opening-binder-form>label {color:#c5dbce;font-size:11px;font-weight:600;line-height:1.6;}
body #opening-binder-name {width:100%;min-width:0;min-height:44px;border:1px solid #709a814a;border-radius:8px;background:#0b1d14;color:#f0f8f3;font:inherit;font-size:14px;line-height:1.5;padding:10px 12px;}
body #opening-binder-name::placeholder {color:#87a491;}
body #opening-binder-name[readonly] {color:#aec7b8;}
body .opening-binder-form-actions {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:8px;margin-top:5px;}
body .opening-binder-form-actions .opening-card-action {font-size:11px;line-height:1.5;white-space:normal;min-height:44px;padding-inline:8px;}
body .opening-binder-form-actions .opening-binder-submit {background:#bde8ca;color:#153c26;border-color:#bde8ca;}
body .opening-binder-form-actions .opening-binder-submit:hover:not(:disabled) {background:#d0f4da;color:#123522;}
body .opening-binder-close:focus-visible,body .opening-binder-option:focus-visible,body #opening-binder-name:focus-visible {outline:2px solid #a6e1c5;outline-offset:2px;}
@media(max-width:760px) {
  body .opening-card-actions:has(.opening-store) {gap:7px;}
  body .opening-card-actions>.opening-card-action {gap:6px;padding-inline:7px;font-size:11px;}
  body .opening-binder-panel {padding:12px;}
  body #opening-binder-name {font-size:16px;}
  body .opening-binder-close {width:40px;height:40px;flex-basis:40px;}
}
@media(max-height:700px) {
  body .opening-binder-panel {max-height:42dvh;}
  body .opening-binder-list {max-height:98px;}
}

body .modal-backdrop:has(.pack-opening-stage),body .modal-backdrop:has(.reveal-face),body .modal-backdrop:has(:is(.opening-binder-panel,.opening-sale-confirm)){--opening-safe-height:calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)));padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain}
body .modal:has(.pack-opening-stage){width:min(440px,100%);max-height:none;min-height:0;margin:auto;flex:none;overflow:visible}
body .modal:has(.pack-opening-stage) .pack-opening-stage{min-height:0;height:auto;padding:0;gap:14px}
body .pack-opening-stage .pack-tear-stage{width:min(396px,calc((var(--opening-safe-height) - 112px)*.666667),100%);min-width:min(120px,100%);max-width:100%;height:auto;min-height:0;aspect-ratio:2/3;flex:none}
body .pack-opening-stage .pack-tear-stage .pack-tear-card{inset:14% 14% auto;width:72%;height:auto;min-height:0;aspect-ratio:2/3;margin:0}
body .pack-opening-stage .pack-tear-grip{width:44px;height:44px;min-width:44px;min-height:44px}
body .pack-opening-stage .pack-tear-hint{max-width:100%;margin:0;padding-inline:12px;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
body .modal:has(.pack-opening-stage) .modal-footer{padding:12px 0 0;flex:none}
body .modal:has(.reveal-stage):has(:is(.opening-binder-panel,.opening-sale-confirm)){display:grid;grid-template-columns:minmax(0,280px) minmax(0,380px);align-items:center;column-gap:32px;width:min(720px,100%);max-height:none;min-height:0;margin:auto;flex:none;overflow:visible}
body .modal:has(.reveal-stage):has(:is(.opening-binder-panel,.opening-sale-confirm))>.modal-header{grid-column:1/-1}
body .modal:has(.reveal-stage):has(:is(.opening-binder-panel,.opening-sale-confirm))>.modal-content{grid-column:1;min-width:0}
body .modal:has(.reveal-stage):has(:is(.opening-binder-panel,.opening-sale-confirm))>.modal-footer{grid-column:2;min-width:0;padding:0}
body .modal:has(.reveal-stage):has(:is(.opening-binder-panel,.opening-sale-confirm)) .reveal-stage{min-height:0;padding:12px 0}
body .modal:has(.reveal-stage):has(:is(.opening-binder-panel,.opening-sale-confirm)) .reveal-orbit:has(.reveal-face){width:clamp(200px,calc((var(--opening-safe-height) - 24px)*.666667),270px);max-width:100%;min-width:0}
body .modal:has(.reveal-stage):has(:is(.opening-binder-panel,.opening-sale-confirm)) .card-wrap .collectible-card{--card-finish-top:calc(56% + 8px)}
body .modal:has(.reveal-stage):has(:is(.opening-binder-panel,.opening-sale-confirm)) .card-wrap .card-art{height:56%}
body .modal:has(.reveal-stage):has(:is(.opening-binder-panel,.opening-sale-confirm)) .card-wrap .card-body{height:39%;min-height:0;grid-template-rows:auto minmax(0,1fr) auto;row-gap:4px;padding:10px 8px 7px;overflow:hidden}
body .modal:has(.reveal-stage):has(:is(.opening-binder-panel,.opening-sale-confirm)) .card-wrap .card-description{display:none}
body .modal:has(.reveal-stage):has(:is(.opening-binder-panel,.opening-sale-confirm)) .card-wrap .card-category{grid-row:1;font-size:10px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body .modal:has(.reveal-stage):has(:is(.opening-binder-panel,.opening-sale-confirm)) .card-wrap .card-title{grid-row:2;min-height:0;max-height:100%;font-size:18px;line-height:1.2;-webkit-line-clamp:3;overflow:hidden}
body .modal:has(.reveal-stage):has(:is(.opening-binder-panel,.opening-sale-confirm)) .card-wrap .card-bottom{grid-row:3;align-self:end;font-size:9px;line-height:1.4;padding-top:6px;margin:0;gap:4px}
@media(max-width:760px){body .modal:has(.reveal-stage):has(:is(.opening-binder-panel,.opening-sale-confirm)){display:block;width:min(380px,100%)}body .modal:has(.reveal-stage):has(:is(.opening-binder-panel,.opening-sale-confirm)) .reveal-orbit:has(.reveal-face){width:min(220px,100%)}body .modal:has(.reveal-stage):has(:is(.opening-binder-panel,.opening-sale-confirm)) .card-wrap .card-title{font-size:16px}body .modal:has(.reveal-stage):has(:is(.opening-binder-panel,.opening-sale-confirm)) .card-wrap .collectible-card{--card-finish-top:calc(56% + 6px)}}

body .modal:has(.reveal-face):not(:has(.opening-binder-panel,.opening-sale-confirm)){max-height:none;min-height:0;margin:auto;flex:none;overflow:visible}
@media(max-height:700px){
body .modal:has(.reveal-face):not(:has(.opening-binder-panel,.opening-sale-confirm)) .reveal-orbit:has(.reveal-face){width:clamp(220px,calc((var(--opening-safe-height) - 242px)*.666667),280px);max-width:100%;min-width:0}
body .modal:has(.reveal-face):not(:has(.opening-binder-panel,.opening-sale-confirm)) .card-wrap .card-body{overflow:hidden}
body .modal:has(.reveal-face):not(:has(.opening-binder-panel,.opening-sale-confirm)) .card-wrap .card-title{min-height:0;max-height:100%;font-size:18px;line-height:1.2;-webkit-line-clamp:2}
body .modal:has(.reveal-face):not(:has(.opening-binder-panel,.opening-sale-confirm)) .card-wrap .card-body.has-description .card-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;max-height:100%;overflow:hidden;font-size:10px;line-height:1.45;margin-top:4px}
}
@media(min-width:761px) and (max-height:540px){
body .modal:has(.reveal-face):not(:has(.opening-binder-panel,.opening-sale-confirm)){display:grid;grid-template-columns:minmax(0,280px) minmax(0,380px);align-items:center;column-gap:32px;width:min(720px,100%)}
body .modal:has(.reveal-face):not(:has(.opening-binder-panel,.opening-sale-confirm))>.modal-header{grid-column:1/-1}
body .modal:has(.reveal-face):not(:has(.opening-binder-panel,.opening-sale-confirm))>.modal-content{grid-column:1;min-width:0}
body .modal:has(.reveal-face):not(:has(.opening-binder-panel,.opening-sale-confirm))>.modal-footer{grid-column:2;min-width:0;padding:0}
body .modal:has(.reveal-face):not(:has(.opening-binder-panel,.opening-sale-confirm)) .reveal-stage{min-height:0;padding:12px 0}
body .modal:has(.reveal-face):not(:has(.opening-binder-panel,.opening-sale-confirm)) .reveal-orbit:has(.reveal-face){width:clamp(200px,calc((var(--opening-safe-height) - 36px)*.666667),280px);max-width:100%;min-width:0}
}

@media(max-width:380px){
body .modal:has(.reveal-face):not(:has(.opening-binder-panel,.opening-sale-confirm)) .reveal-stage{padding:4px 0}
body .modal:has(.reveal-face):not(:has(.opening-binder-panel,.opening-sale-confirm))>.modal-footer{padding:6px 0 max(6px,env(safe-area-inset-bottom))}
body .opening-card-actions:has(.opening-store){grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.35fr);gap:6px}
body .opening-card-actions>.opening-card-action{padding-inline:6px;gap:5px}
body .opening-card-actions>.opening-card-action:not(.opening-sell)>span{white-space:nowrap;overflow-wrap:normal}
}

@media(max-width:760px) and (max-height:700px){
body .modal:has(.reveal-face):has(.opening-market-reference):not(:has(.opening-binder-panel,.opening-sale-confirm)) .reveal-orbit:has(.reveal-face){width:clamp(170px,calc((var(--opening-safe-height) - 306px)*.666667),280px);max-width:100%;min-width:0}
}

/* collections.css */
.collections-page{--collection-accent:#aee7bc;--collection-wash:#85b79812;max-width:1280px;margin:0 auto;padding-bottom:36px;color:#eef5ef}.collections-page .theme-games{--collection-accent:#aee7bc;--collection-wash:#85b79812}.collections-page .theme-personalities{--collection-accent:#e9b3ad;--collection-wash:#de9c9612}.collections-page .theme-music{--collection-accent:#efc589;--collection-wash:#d8ab6812}.collections-page .theme-screen{--collection-accent:#a9c3e7;--collection-wash:#8caed712}.collections-page .theme-internet{--collection-accent:#8bdfdf;--collection-wash:#70caca12}.collections-page .theme-sport{--collection-accent:#c3d899;--collection-wash:#a0c46c12}.collections-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:27px}.collections-heading h1,.collection-detail-summary h1{font-family:Sora,sans-serif;font-size:clamp(28px,3vw,36px);font-weight:650;line-height:1.25;letter-spacing:-1.4px;margin:0 0 10px}.collections-heading p{max-width:650px;color:#b1c5b8;font-size:14px;line-height:1.75;margin:0}.collections-completion-count{display:flex;align-items:center;gap:10px;flex-shrink:0;color:#bdcdc2;font-size:12px;padding:11px 14px;background:#1a3226;border:1px solid #668c7140;border-radius:10px;white-space:nowrap}.collections-completion-count>.icon{width:22px;height:22px;color:#e1cb8e}.collections-completion-count strong{font-size:16px;font-weight:700;color:#f0f5e8;font-variant-numeric:tabular-nums}.collections-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;max-width:100%;padding:9px 14px;border:1px solid #7b9d8640;border-radius:8px;background:#1b3427;color:#dcebe0;font:inherit;font-size:12px;font-weight:600;line-height:1.5;text-align:center;cursor:pointer;touch-action:manipulation;transition:color .15s ease,background .15s ease,border-color .15s ease}.collections-button:hover:not(:disabled){background:#274534;border-color:#a2c3ad80;color:#f1f9f2}.collections-button:focus-visible,.collection-open:focus-visible,.collection-card-view:focus-visible{outline:2px solid #a3dbc1;outline-offset:4px}.collections-button:disabled{cursor:default;opacity:.55}.collections-button>.icon{width:16px;height:16px;flex:0 0 16px}.collections-toolbar{margin-bottom:24px}.collections-themes{display:flex;align-items:center;gap:9px;overflow-x:auto;max-width:100%;padding:3px 2px 15px;scrollbar-width:thin;scrollbar-color:#5b7e63 transparent;overscroll-behavior-inline:contain}.collections-themes .collections-button{min-height:40px;white-space:nowrap;border-color:transparent;background:#193025;color:#acbfaf;flex-shrink:0}.collections-themes .collections-button[aria-pressed="true"]{color:#e4f4e7;background:#35513d;border-color:#abcab042}.collections-themes .collections-button[aria-pressed="true"]>.icon{color:#c4e8c3}.collections-search-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:5px}.collections-search{display:flex;align-items:center;gap:10px;max-width:460px;min-width:210px;flex:1;min-height:44px;padding:9px 13px;border:1px solid #7e9c8742;border-radius:9px;background:#10251b;color:#a5bfae}.collections-search:focus-within{border-color:#9fc7ab;outline:2px solid #a3dbc130;outline-offset:2px}.collections-search>.icon{width:17px;height:17px;flex:0 0 17px}.collections-search input{appearance:none;border:0;background:transparent;color:#e3eee5;padding:0;margin:0;outline:none;min-width:0;width:100%;font:inherit;font-size:12px;line-height:1.8}.collections-search input::placeholder{color:#8fa996;opacity:1}.collections-search input:focus-visible{outline:none;box-shadow:none}.collections-status-filter{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid #698a7538;border-radius:9px;background:#13271e;flex-shrink:0}.collections-status-filter .collections-button{border-color:transparent;min-height:35px;padding:7px 11px;background:transparent;font-size:11px;color:#a5bfae}.collections-status-filter .collections-button[aria-pressed="true"]{background:#2c4937;color:#e4f3e7}.collections-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.collection-tile{display:flex;flex-direction:column;min-width:0;border:1px solid #6b917c36;border-radius:17px;background:linear-gradient(140deg,var(--collection-wash),transparent 70%),#14291f;overflow:hidden;content-visibility:auto;contain-intrinsic-size:auto 389px;transition:border-color .18s ease}.collection-tile:hover,.collection-tile:focus-within{border-color:color-mix(in srgb,var(--collection-accent) 55%,transparent)}.collection-open{display:flex;flex-direction:column;flex:1;width:100%;text-align:left;padding:19px 19px 0;background:transparent;border:0;color:inherit;cursor:pointer}.collection-open:focus-visible{outline-offset:-4px}.collection-tile-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:21px;color:#a9c1b3;font-size:10px;line-height:1.6}.collection-tile-top>span:first-child{display:flex;gap:7px;align-items:center}.collection-tile-top .icon{width:14px;height:14px;flex:0 0 14px;color:var(--collection-accent)}.collection-tile-state{display:grid;place-items:center;width:24px;height:24px;background:#7fa48b21;border-radius:50%;color:var(--collection-accent)}.collection-tile-state.is-ready{background:#c9b07124;color:#ebd692}.collections-cover{position:relative;height:185px;isolation:isolate;margin:12px 0 10px;pointer-events:none}.collections-cover-card{position:absolute;bottom:6px;left:50%;width:112px;transform:translateX(-50%);transform-origin:center bottom;z-index:3;pointer-events:none}.collections-cover-card.cover-card-1{width:100px;left:calc(50% - 59px);bottom:10px;transform:translateX(-50%) rotate(-15deg);z-index:1}.collections-cover-card.cover-card-2{width:100px;left:calc(50% + 59px);bottom:10px;transform:translateX(-50%) rotate(15deg);z-index:2}.collections-cover-motif{position:absolute;inset:24px 14px 4px;z-index:-1;background:radial-gradient(color-mix(in srgb,var(--collection-accent) 24%,transparent) .7px,transparent 1px);background-size:13px 13px;mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent)}.collections-cover-placeholder{display:grid;place-items:center;width:108px;aspect-ratio:2/3;position:absolute;left:50%;bottom:6px;transform:translateX(-50%) rotate(-5deg);border-radius:8px;border:1px solid color-mix(in srgb,var(--collection-accent) 45%,transparent);background:#173027;color:var(--collection-accent)}.collections-cover-placeholder>.icon{width:45px;height:45px;stroke-width:1.2}.collection-tile-copy{margin-top:auto}.collection-tile-copy h2{font-family:Sora,sans-serif;font-size:19px;font-weight:600;line-height:1.4;letter-spacing:-.6px;min-height:27px;margin:0 0 15px;overflow-wrap:anywhere;color:#eaf3e9}.collections-progress{padding-bottom:19px}.collections-progress>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:11px;line-height:1.5;color:#93ad9e;font-variant-numeric:tabular-nums}.collections-progress strong{color:#e2efe5;font-weight:700}.collections-progress>div>b{color:var(--collection-accent);font-size:11px;font-weight:650}.collections-progress progress{display:block;appearance:none;width:100%;height:5px;border:0;border-radius:8px;overflow:hidden;background:#78967f26;accent-color:var(--collection-accent)}.collections-progress progress::-webkit-progress-bar{background:#78967f26;border-radius:8px}.collections-progress progress::-webkit-progress-value{background:var(--collection-accent);border-radius:8px}.collections-progress progress::-moz-progress-bar{background:var(--collection-accent);border-radius:8px}.collection-tile-footer{display:flex;justify-content:flex-start;align-items:center;gap:10px;min-height:62px;padding:12px 18px;border-top:1px solid #7d9e8521;background:#0d21194d}.collections-reward-items{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;color:#d3e3d8;font-size:12px;line-height:1.6}.collections-reward-items>span{display:inline-flex;align-items:center;gap:6px}.collections-reward-items img,.collections-reward-items .icon{display:block;width:18px;height:18px;flex:0 0 18px}.collections-badge-label .icon{color:#e0c48c}.collections-reward-items b{font-weight:650}.collections-reward-items.is-compact{justify-content:flex-start;gap:8px;font-size:10px}.collections-reward-items.is-compact img,.collections-reward-items.is-compact .icon{width:15px;height:15px;flex-basis:15px}.collections-reward-items.is-compact .collections-badge-label{font-size:11px;gap:6px;color:#c6d6cb}.collections-claim{background:#b7e3c1;border-color:#b7e3c1;color:#163c26}.collections-claim:hover:not(:disabled){background:#d3f1d7;color:#153823;border-color:#d3f1d7}.collection-tile-footer .collections-claim{font-size:10px;min-height:35px;padding:7px 9px}.collection-tile-footer .collections-claim>.icon{width:14px;height:14px;flex-basis:14px}.collections-earned{display:inline-flex;align-items:center;gap:6px;color:#bed9b6;font-size:11px;line-height:1.5}.collections-earned .icon{width:16px;height:16px;flex:0 0 16px;color:#e7ce94}.collections-notes{display:flex;flex-direction:column;gap:10px;margin-top:31px;padding-top:22px;border-top:1px solid #72947b29}.collections-notes p{display:flex;align-items:flex-start;gap:9px;margin:0;max-width:880px;color:#94ae9c;font-size:11px;line-height:1.8}.collections-notes .icon{width:15px;height:15px;flex:0 0 15px;margin-top:2px;color:#b0cbb9}.collections-message{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:60px 22px;border:1px solid #6f947b30;border-radius:15px;background:#13291f;text-align:center}.collections-message>.icon{width:30px;height:30px;color:#a6c6b2}.collections-message h2{font-family:Sora,sans-serif;font-size:19px;line-height:1.5;font-weight:550;margin:0;letter-spacing:-.5px}.collections-message p{font-size:13px;line-height:1.8;color:#aac0b3;margin:0;max-width:500px}.collections-message .collections-button{margin-top:4px}.collections-load-warning{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;margin-bottom:22px;border:1px solid #ac996641;border-radius:9px;background:#55472826}.collections-load-warning p{font-size:12px;line-height:1.7;color:#dfcfab;margin:0}.collections-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.collection-back{border:0;background:transparent;padding:8px 0;margin-bottom:20px;color:#b6cabc;gap:7px;min-height:40px}.collection-back>.icon{width:18px;height:18px;flex-basis:18px}.collection-back:hover:not(:disabled){background:transparent;color:#edf7e9}.collection-detail-heading{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:40px;padding:25px 30px;margin-bottom:25px;border:1px solid #71977f35;border-radius:17px;background:linear-gradient(115deg,var(--collection-wash),transparent 72%),#142a20;min-height:260px}.collection-detail-heading>.collections-cover{height:215px;margin:0}.collection-detail-heading .collections-cover-card{width:135px}.collection-detail-heading .collections-cover-card.cover-card-1,.collection-detail-heading .collections-cover-card.cover-card-2{width:118px}.collection-detail-summary h1{font-size:clamp(27px,3vw,39px);line-height:1.25;letter-spacing:-1.3px;margin:14px 0 24px;overflow-wrap:anywhere}.collection-theme-label{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--collection-accent);font-size:12px;line-height:1.7}.collection-theme-label>.icon{width:16px;height:16px;flex:0 0 16px}.collection-theme-label>span{color:#91ad9c;border-left:1px solid #83a58d40;padding-left:10px;margin-left:4px;font-size:11px}.collections-progress.is-large{max-width:490px;padding-bottom:14px}.collections-progress.is-large>div{font-size:13px;margin-bottom:12px}.collections-progress.is-large>div>b{font-size:13px}.collections-progress.is-large progress{height:6px}.collection-detail-summary>p{margin:0;max-width:480px;color:#98b2a2;font-size:11px;line-height:1.8}.collections-celebration{display:flex;align-items:center;gap:15px;padding:18px 22px;margin:0 0 22px;border:1px solid #a5bd845e;border-radius:12px;background:linear-gradient(110deg,#69884b24,#133326);color:#daeccb}.collections-celebration>.icon{width:28px;height:28px;flex:0 0 28px;color:#eed491}.collections-celebration strong{font-size:14px;line-height:1.6;font-weight:700}.collections-celebration p{font-size:12px;line-height:1.7;color:#aac6ab;margin:3px 0 0}.collections-celebration.is-ready{background:#2d3d202e}.collection-detail-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:25px;margin-bottom:26px}.collections-card-filters{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.collections-card-filters .collections-button{background:transparent;border-color:#6f917a35;font-size:11px;color:#adc5b5}.collections-card-filters .collections-button[aria-pressed="true"]{background:#294834;color:#e2f0e3;border-color:#90b6994a}.collections-card-filters .collections-button>span{font-size:10px;padding:1px 5px;min-width:20px;border-radius:4px;background:#84a78d26;text-align:center;color:#bcd6c3;font-variant-numeric:tabular-nums}.collections-retired-note{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.8;color:#cbbf9c;max-width:620px;margin:15px 0 0}.collections-retired-note>.icon{width:15px;height:15px;flex:0 0 15px;margin-top:2px}.collection-reward-panel{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:11px;row-gap:10px;padding:17px 19px;border:1px solid #a8935d42;border-radius:13px;background:#3e392516;min-width:290px;max-width:340px}.collection-reward-emblem{grid-row:1/3;width:38px;height:44px;display:grid;place-items:center;color:#e0c788;background:#a1853821;border-radius:10px 10px 14px 14px}.collection-reward-emblem>.icon{width:22px;height:22px}.collection-reward-panel h2{font-family:inherit;font-size:12px;line-height:1.6;font-weight:700;letter-spacing:0;margin:0}.collection-reward-panel p{font-size:10px;line-height:1.7;color:#a8baa9;margin:3px 0 0}.collection-reward-panel>.collections-reward-items{grid-column:2;font-size:10px;gap:7px 10px}.collection-reward-panel>.collections-reward-items .collections-badge-label{display:inline-flex}.collection-reward-panel>.collections-claim,.collection-reward-panel>.collections-earned{grid-column:1/-1;min-height:37px;font-size:11px}.collection-series-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 19px}.collection-series-card{min-width:0;content-visibility:auto;contain-intrinsic-size:auto 340px}.collection-card-view{display:block;width:100%;padding:0;background:none;border:0;border-radius:11px;cursor:pointer;overflow:visible;color:inherit;text-align:left}.collection-card-state{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:11px;min-height:19px;color:#b9d2bf;font-size:10px;line-height:1.6;text-align:center}.collection-card-state>.icon{width:13px;height:13px;flex:0 0 13px}.collection-card-state>i{display:block;width:5px;height:5px;border-radius:50%;background:#9aad9f;flex:0 0 5px}.collection-series-card.is-missing .card-wrap{opacity:.68;filter:saturate(.6)}.collection-series-card.is-missing .collection-card-view:hover .card-wrap,.collection-series-card.is-missing .collection-card-view:focus-visible .card-wrap{opacity:.9;filter:saturate(.85)}.collection-series-card.is-missing .collection-card-state{color:#99b09e}.collection-series-card.is-retired .collection-card-state{color:#c0b48c}.collection-card-placeholder{aspect-ratio:2/3;border:1px solid #6382704d;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:13px;flex-direction:column;padding:20px;background:#172e23;color:#9db4a2}.collection-card-placeholder>.icon{width:30px;height:30px;opacity:.6}.collection-card-placeholder>span{font-size:11px;text-align:center;line-height:1.7}.collections-load-more{display:flex;justify-content:center;margin-top:28px}.collections-load-more .collections-button{gap:14px;min-height:44px}.collections-load-more .collections-button>span{font-size:10px;color:#a9c6b0;font-variant-numeric:tabular-nums}
body .collections-page .collections-cover .card-wrap{pointer-events:none;transform:none!important}body .collections-page .collections-cover .collectible-card{height:auto!important;min-height:0!important;aspect-ratio:2/3!important;padding:4px;border-radius:6px;box-shadow:0 8px 12px #0003;overflow:hidden}body .collections-page .collections-cover .card-art{inset:4px 4px auto;width:calc(100% - 8px);height:54%;border-radius:3px}body .collections-page .collections-cover .card-body{height:42%;padding:6px 5px 4px;row-gap:2px;border-radius:3px;display:grid;grid-template-rows:auto minmax(0,1fr) auto}body .collections-page .collections-cover .card-category{font-size:5px;line-height:1.3;margin:0}body .collections-page .collections-cover .card-title{font-size:9px;line-height:1.22;letter-spacing:-.3px;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}body .collections-page .collections-cover .card-bottom{grid-row:3;align-self:end;padding-top:3px;font-size:5px;gap:3px;margin:0}body .collections-page .collections-cover .card-number,body .collections-page .collections-cover .rarity-label{font-size:5px;line-height:1.3}body .collections-page .collections-cover .card-topline{top:6px;left:5px;right:5px;gap:3px}body .collections-page .collections-cover .card-universe{font-size:4px;padding:1px 3px;line-height:10px;min-height:12px;max-width:calc(100% - 15px)}body .collections-page .collections-cover .rarity-mark{width:12px;min-width:12px;height:12px;font-size:5px;border-radius:2px}body .collections-page .collections-cover .card-description{display:none}body .collections-page .collections-cover .collectible-card::before,body .collections-page .collections-cover .collectible-card::after{display:none}
body .collections-page .collection-series-grid .collectible-card{height:auto!important;min-height:0!important;aspect-ratio:2/3!important}body .collections-page .collection-series-grid .card-art{height:52%}body .collections-page .collection-series-grid .card-body{height:43%;padding:11px 10px 8px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;row-gap:4px}body .collections-page .collection-series-grid .card-category{font-size:9px;line-height:1.4;margin:0}body .collections-page .collection-series-grid .card-title{font-size:15px;line-height:1.3;letter-spacing:-.45px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}body .collections-page .collection-series-grid .card-bottom{grid-row:3;align-self:end;margin:0;padding-top:6px;font-size:9px;gap:5px}body .collections-page .collection-series-grid .card-number,body .collections-page .collection-series-grid .rarity-label{font-size:9px;line-height:1.4}body .collections-page .collection-series-grid .card-description{display:none}
@media(max-width:1150px){.collections-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collections-heading{align-items:flex-start}.collections-completion-count{margin-top:3px}.collection-series-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 16px}.collection-detail-heading{grid-template-columns:minmax(0,1fr) 250px;padding:24px;gap:20px}.collection-detail-tools{grid-template-columns:1fr}.collection-reward-panel{grid-template-columns:38px minmax(0,1fr) auto;max-width:none;width:100%;align-items:center;column-gap:15px;min-width:0}.collection-reward-emblem{grid-row:1/3}.collection-reward-panel>.collections-reward-items{grid-column:2;grid-row:2}.collection-reward-panel>.collections-claim,.collection-reward-panel>.collections-earned{grid-column:3;grid-row:1/3}.collection-reward-panel p{max-width:450px}.collection-detail-tools>div:first-child{order:2}.collection-reward-panel{order:1}.collections-card-filters{margin-top:0}}
@media(max-width:760px){.collections-heading{flex-direction:column;gap:18px;margin-bottom:23px}.collections-heading h1{font-size:29px;letter-spacing:-1px}.collections-heading p{font-size:13px;max-width:470px}.collections-completion-count{font-size:11px;min-height:40px;padding:9px 12px;margin-top:0}.collections-completion-count>.icon{width:19px;height:19px}.collections-completion-count strong{font-size:15px}.collections-themes{margin-right:-4px;padding-bottom:13px;gap:7px}.collections-themes .collections-button{min-height:40px;font-size:11px;padding:9px 11px;gap:7px}.collections-themes .collections-button>.icon{width:15px;height:15px;flex-basis:15px}.collections-search-row{flex-direction:column;align-items:stretch;gap:13px}.collections-search{width:100%;max-width:none;min-height:44px}.collections-search input{font-size:12px}.collections-status-filter{align-self:flex-start;max-width:100%}.collections-status-filter .collections-button{font-size:11px;padding-inline:12px;min-height:37px}.collections-grid{gap:17px}.collection-open{padding:16px 15px 0}.collections-cover{height:169px}.collections-cover-card{width:104px}.collections-cover-card.cover-card-1,.collections-cover-card.cover-card-2{width:89px}.collections-cover-card.cover-card-1{left:calc(50% - 45px)}.collections-cover-card.cover-card-2{left:calc(50% + 45px)}.collection-tile-top{font-size:9px;min-height:22px}.collection-tile-copy h2{font-size:17px;letter-spacing:-.45px;margin-bottom:13px}.collection-tile-footer{padding:11px 14px;min-height:59px;gap:7px}.collections-progress>div{font-size:10px}.collections-progress>div>b{font-size:10px}.collections-reward-items.is-compact{font-size:9px}.collection-tile-footer .collections-claim{font-size:9px;gap:5px;padding:7px;min-height:35px}.collections-earned{font-size:10px}.collections-earned .icon{width:14px;height:14px;flex-basis:14px}.collections-notes p{font-size:10px;line-height:1.9}.collections-message{padding:42px 20px}.collections-message h2{font-size:17px}.collections-message p{font-size:12px}.collections-load-warning{flex-direction:column;align-items:flex-start;gap:12px}.collection-back{font-size:12px;min-height:44px;margin-bottom:15px}.collection-detail-heading{grid-template-columns:1fr;padding:22px;gap:13px;margin-bottom:20px}.collection-detail-summary h1{font-size:29px;line-height:1.3;margin:12px 0 22px;letter-spacing:-1.1px}.collection-theme-label{font-size:11px}.collection-theme-label>span{font-size:10px}.collection-detail-heading>.collections-cover{height:198px;max-width:310px;width:100%;justify-self:center}.collection-detail-heading .collections-cover-card{width:123px}.collection-detail-heading .collections-cover-card.cover-card-1,.collection-detail-heading .collections-cover-card.cover-card-2{width:109px}.collection-detail-heading .collections-cover-card.cover-card-1{left:calc(50% - 58px)}.collection-detail-heading .collections-cover-card.cover-card-2{left:calc(50% + 58px)}.collections-progress.is-large>div,.collections-progress.is-large>div>b{font-size:12px}.collections-progress.is-large{max-width:none;padding-bottom:13px}.collection-detail-summary>p{font-size:10px;line-height:1.9;max-width:none}.collection-reward-panel{padding:15px;column-gap:12px;grid-template-columns:35px minmax(0,1fr)}.collection-reward-emblem{width:35px;height:42px}.collection-reward-panel h2{font-size:12px}.collection-reward-panel p{font-size:10px}.collection-reward-panel>.collections-claim,.collection-reward-panel>.collections-earned{grid-column:1/-1;grid-row:3;min-height:40px}.collection-reward-panel>.collections-earned{min-height:24px}.collection-detail-tools{gap:21px;margin-bottom:22px}.collections-card-filters{gap:6px}.collections-card-filters .collections-button{font-size:10px;padding:8px 10px;min-height:40px;gap:6px}.collections-card-filters .collections-button>span{font-size:9px;min-width:17px;padding:1px 4px}.collection-series-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 13px}.collection-card-state{font-size:9px;margin-top:9px;gap:5px}.collections-celebration{padding:16px;gap:12px;margin-bottom:19px}.collections-celebration strong{font-size:13px}.collections-celebration p{font-size:11px}.collections-celebration>.icon{width:24px;height:24px;flex-basis:24px}.collections-retired-note{font-size:10px}.collections-load-more .collections-button{font-size:12px;min-height:44px}}
@media(max-width:600px){.collections-grid{grid-template-columns:1fr}.collection-open{padding:18px 20px 0}.collections-cover{height:190px}.collections-cover-card{width:118px}.collections-cover-card.cover-card-1,.collections-cover-card.cover-card-2{width:103px}.collections-cover-card.cover-card-1{left:calc(50% - 59px)}.collections-cover-card.cover-card-2{left:calc(50% + 59px)}.collection-tile-copy h2{font-size:21px;margin-bottom:16px}.collection-tile-top{font-size:10px}.collections-progress>div,.collections-progress>div>b{font-size:12px}.collection-tile-footer{padding:12px 20px;min-height:61px}.collections-reward-items.is-compact{font-size:11px;gap:11px}.collection-tile-footer .collections-claim{font-size:10px;min-height:37px;padding:8px 10px}.collections-earned{font-size:11px}.collection-series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 15px}.collections-card-filters .collections-button{flex:1;min-width:0;padding-inline:7px;gap:5px;white-space:nowrap}.collections-card-filters{flex-wrap:nowrap}.collections-card-filters .collections-button>span{font-size:8px}.collection-detail-heading{padding:20px}.collections-completion-count{align-self:flex-start}body .collections-page .collection-series-grid .card-body{height:43%;padding:9px 8px 6px;row-gap:3px}body .collections-page .collection-series-grid .card-category{font-size:8px}body .collections-page .collection-series-grid .card-title{font-size:13px;line-height:1.25;letter-spacing:-.35px}body .collections-page .collection-series-grid .card-bottom,body .collections-page .collection-series-grid .card-number,body .collections-page .collection-series-grid .rarity-label{font-size:8px}body .collections-page .collection-series-grid .card-bottom{padding-top:5px}.collection-card-state{font-size:10px;min-height:22px}.collections-search input{font-size:13px}}
@media(prefers-reduced-motion:reduce){.collections-button,.collection-tile{transition:none}}

body .collection-tabs .collection-section-link{display:inline-flex;align-items:center;padding:13px 2px;border-bottom:2px solid transparent;color:#a5b998;font-size:13px;text-decoration:none;white-space:nowrap}
body .collection-tabs .collection-section-link:hover,body .collection-tabs .collection-section-link:focus-visible{color:#c7e1b5;border-bottom-color:#a8cd8c}
.collections-return{display:inline-flex;margin-top:13px;color:#b9d6bb;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.collections-return:hover,.collections-return:focus-visible{color:#e6f3d5}
@media(max-width:760px){body .collection-tabs .collection-section-link{font-size:12px;padding:11px 2px}}

.collection-size-label{display:block;margin:0 0 7px;color:#a6b9ad;font-size:11px;line-height:1.5}.collections-cover.is-single .collections-cover-motif{display:none}.collection-tile.is-unstarted{background:#14261e;border-color:#64776a38}.collections-progress.is-empty>div>b,.collections-progress.is-empty strong{color:#9eafa6}.collections-progress.is-empty progress,.collections-progress.is-empty progress::-webkit-progress-bar{background:#7f8d8426}.collection-tile-footer>.collections-reward-items{width:100%;gap:9px 14px}.collection-tile-footer .collections-claim{min-height:44px;padding:10px 14px;font-size:11px}.collection-tile-footer>.collections-earned{font-size:11px;color:#bdd9c4}.collections-badge-label[title]{cursor:help}.collections-page .collections-button{min-height:44px}.collections-page .collections-status-filter .collections-button{min-height:44px}@media(max-width:760px){.collections-search input{font-size:16px}}
/* Themes wrap onto several lines instead of a horizontal scroll bar */
.collections-themes{flex-wrap:wrap;overflow:visible;padding-bottom:4px;margin-right:0}
.collections-themes .collections-button{flex-shrink:1}
.collections-heading .collections-claim-all{align-self:center;min-height:42px;white-space:nowrap}
/* Heading: « Tout récupérer » sits right next to the « x / y complétées » counter (no gap in the middle). */
.collections-heading-actions{display:flex;align-items:center;gap:12px;flex:none}
.collections-heading-actions .collections-completion-count{margin:0}
/* Theme buttons stay on one line and scroll sideways (with soft edges) instead of wrapping onto several lines. */
.collections-page .collections-themes{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 48px),transparent);padding-right:48px}
.collections-page .collections-themes::-webkit-scrollbar{display:none}
.collections-page .collections-themes .collections-button{flex:none!important}
@media(max-width:760px){.collections-heading-actions{flex-wrap:wrap}}
/* Theme row with side arrows: each arrow shows only when themes are hidden on its side; the soft edge follows the arrows. */
.collections-themes-wrap{position:relative;margin-bottom:6px}
.collections-page .collections-themes{-webkit-mask-image:none;mask-image:none;padding-right:2px;scroll-behavior:smooth}
.collections-themes-wrap.can-right .collections-themes{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 70px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 70px),transparent)}
.collections-themes-wrap.can-left .collections-themes{-webkit-mask-image:linear-gradient(90deg,transparent,#000 70px);mask-image:linear-gradient(90deg,transparent,#000 70px)}
.collections-themes-wrap.can-left.can-right .collections-themes{-webkit-mask-image:linear-gradient(90deg,transparent,#000 70px,#000 calc(100% - 70px),transparent);mask-image:linear-gradient(90deg,transparent,#000 70px,#000 calc(100% - 70px),transparent)}
.collections-themes-scroll{position:absolute;top:3px;z-index:2;display:none;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:8px;background:var(--theme-panel,#193025);color:var(--theme-text,#e4f4e7);box-shadow:0 4px 14px #0008;cursor:pointer}
.collections-themes-scroll.is-left{left:0}.collections-themes-scroll.is-right{right:0}
.collections-themes-wrap.can-left .is-left,.collections-themes-wrap.can-right .is-right{display:grid}
.collections-themes-scroll:hover{filter:brightness(1.15)}

/* card-detail.css */
body .modal.card-showcase{--showcase-accent:#b9cbd2;--showcase-light:#859da724;width:min(1080px,calc(100vw - 48px));max-height:calc(100dvh - 48px);position:relative;border:1px solid #48605278;border-radius:24px;background:#10211b;box-shadow:0 28px 100px #0008;overflow:auto;overscroll-behavior:contain}
body .card-showcase[data-rarity="PC"]{--showcase-accent:#75d9ad;--showcase-light:#49b68a24}
body .card-showcase[data-rarity="R"]{--showcase-accent:#8ec9ff;--showcase-light:#459cf028}
body .card-showcase[data-rarity="SR"]{--showcase-accent:#ffb0a0;--showcase-light:#ee826c26}
body .card-showcase[data-rarity="UR"]{--showcase-accent:#9ce8eb;--showcase-light:#54c7d329}
body .card-showcase[data-rarity="L"]{--showcase-accent:#f4cf71;--showcase-light:#efc45c29}
body .card-showcase>.modal-header{position:sticky;top:16px;z-index:4;display:block;width:44px;height:0;margin:0 16px 0 auto;padding:0;background:none;border:0}
body .card-showcase>.modal-header h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body .modal.card-showcase>.modal-header>.icon-button[data-action="close-modal"]{width:44px;height:44px;border-radius:50%;border:1px solid #a6c2af26;background:#0d1c16eb;color:#d6e4d9;display:grid;place-items:center}
body .modal.card-showcase>.modal-header>.icon-button[data-action="close-modal"]:hover{background:#263b2e;color:#fff}
body .card-showcase>.modal-content{padding:0;overflow:visible}
body .showcase-layout{display:grid;grid-template-columns:minmax(0,44%) minmax(0,56%);min-height:0}
body .showcase-stage{display:flex;justify-content:center;align-items:center;padding:28px 32px;min-width:0;background:radial-gradient(ellipse at 50% 44%,var(--showcase-light),transparent 68%),linear-gradient(155deg,#182b22,#091710 85%);border-radius:23px 0 0 23px}
body .showcase-stage .card-wrap{display:block;width:min(100%,300px,calc((100dvh - 120px) * 2 / 3));max-width:300px;min-width:0;margin:0;perspective:1100px;filter:drop-shadow(0 24px 22px #0006)}
body .showcase-stage .card-wrap::part(base){background:none;border:0;box-shadow:none;overflow:visible}
body .showcase-stage .card-wrap::part(body){padding:0;overflow:visible}
body .showcase-stage .collectible-card{width:100%;height:auto!important;min-height:0!important;aspect-ratio:2/3;cursor:default}
body .showcase-copy{min-width:0;padding:36px 32px 24px;align-self:center}
body .showcase-edition{display:flex;align-items:center;gap:16px;justify-content:space-between;margin:0 40px 10px 0}
body .showcase-rarity{display:inline-flex;align-items:center;gap:8px;color:var(--showcase-accent);font-size:14px;font-weight:700}
body .showcase-rarity svg{width:18px;height:18px;flex:none}
body .showcase-number{font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums;color:#98aba0}
body .showcase-title{margin:0;color:#edf5ee;font-family:Sora,sans-serif;font-size:clamp(22px,2.4vw,28px);font-weight:650;line-height:1.18;letter-spacing:-1.15px;text-wrap:balance;overflow-wrap:anywhere}
body .showcase-description{margin:10px 0 0;font-size:13.5px;line-height:1.6;color:#bdcdc1;text-wrap:pretty;overflow-wrap:anywhere}
body .showcase-facts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 20px;margin:16px 0;padding:14px 0;border-block:1px solid #9aba9b20}
body .showcase-facts>div{min-width:0}
body .showcase-facts>div:last-child{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:16px}
body .showcase-facts dt{font-size:12px;color:#91ab99;line-height:1.5}
body .showcase-facts dd{margin:2px 0 0;font-size:14px;font-weight:600;line-height:1.5;color:#e0eadd;overflow-wrap:anywhere}
body .showcase-facts>div:last-child dd{margin:0;text-align:right}
body .showcase-actions{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:stretch;gap:12px}
body .showcase-actions-single{grid-template-columns:1fr}
body .showcase-actions .button{min-width:0;min-height:42px;height:auto;margin:0;padding:9px 12px;gap:9px;line-height:1.5;font-size:13px;white-space:normal;overflow-wrap:anywhere;border:1px solid #8eb39b3d;border-radius:12px;background:#233b2e;color:#e1ebdf;justify-content:center}
body .showcase-actions .button svg{flex:none;width:17px;height:17px}
body .showcase-actions .button:hover{background:#304c39;border-color:#a1c6aa70}
body .showcase-favorite[aria-pressed="true"] svg{fill:#f17f8d;color:#f17f8d}
body .showcase-value{margin:14px 0 0;padding:12px 0 0;border-top:1px solid #9aba9b20}
body .showcase-value-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:6px}
body .showcase-currency{display:flex;align-items:center;gap:10px;min-width:0}
body .showcase-currency img{width:32px;height:32px;flex:none}
body .showcase-currency strong{font-size:13px;font-weight:650;line-height:1.5;color:#d9e7dd}
body .showcase-sell.button{margin:0;min-height:40px;height:auto;padding:8px 13px;background:transparent;border:1px solid #8eb39b3d;border-radius:10px;color:#d1e1d6;font-size:12px;line-height:1.5;white-space:nowrap;flex:none}
body .showcase-sell.button:hover{background:#233b2e;border-color:#a1c6aa70}
body .showcase-value p{margin:4px 0 0;font-size:12px;line-height:1.55;color:#99afa2}
body .showcase-provenance{margin-top:12px;font-size:11px;line-height:1.7;color:#8caa96;overflow-wrap:anywhere}
body .showcase-provenance:empty{display:none}
body .showcase-provenance p{margin:3px 0;font-size:11px;line-height:1.7;color:inherit}
body .showcase-reference{display:inline-flex;align-items:center;gap:8px;min-height:36px;font-size:12px;color:#b2c7b7}
body .showcase-reference svg{width:14px;height:14px}
body .card-showcase button:focus-visible,body .card-showcase a:focus-visible{outline:2px solid var(--showcase-accent);outline-offset:4px}
@media(max-width:800px){body .modal.card-showcase{width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 24px);border-radius:20px}body .showcase-layout{grid-template-columns:minmax(0,1fr);min-height:0}body .showcase-stage{padding:60px 24px 20px;border-radius:19px 19px 0 0}body .showcase-stage .card-wrap{width:min(100%,280px,calc((100dvh - 120px) * 0.48))}body .showcase-copy{padding:18px 22px 22px}body .showcase-edition{margin-right:0;margin-bottom:14px}body .showcase-title{font-size:24px}body .showcase-facts{margin-block:14px}body .card-showcase>.modal-header{top:12px;margin-right:12px}}
@media(max-width:380px){body .showcase-stage{padding:60px 18px 18px}body .showcase-copy{padding:18px 16px}body .showcase-actions{gap:8px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}body .showcase-actions-single{grid-template-columns:1fr}body .showcase-actions .button{padding:10px 8px;font-size:12px;gap:7px}body .showcase-value-row{gap:10px;flex-wrap:wrap}body .showcase-sell.button{flex-grow:1}body .showcase-facts{gap:18px 16px}}
body .modal.card-showcase:focus-visible{outline:1px solid var(--showcase-accent);outline-offset:0}

body .showcase-copy>[data-card-market-reference],body .opening-actions-region>[data-card-market-reference]{grid-column:1/-1;width:100%;min-width:0}
body .card-market-reference{width:100%;min-width:0;margin:12px 0 0;padding:10px 14px;border:1px solid #6ec8b529;border-radius:12px;background:#153029;color:#c1d9cc;box-sizing:border-box;text-align:center}
body .card-market-reference-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0}
body .card-market-reference-heading>span{font-size:12px;font-weight:600;line-height:1.5;color:#cae2d8}
body .card-market-reference-heading>strong{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:4px 5px;min-width:0;font-family:Sora,sans-serif;font-size:18px;font-weight:650;line-height:1.4;font-variant-numeric:tabular-nums;color:#a1e8dc;overflow-wrap:anywhere}
body .card-market-reference-heading>strong>span{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;font-weight:500;color:#a8c7ba}
body .card-market-reference-heading>strong>small{font-size:12px;font-weight:600;color:inherit}
body .card-market-reference-heading>.card-market-reference-empty{font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;font-weight:600;line-height:1.6;color:#d0e2d7}
body .card-market-reference>p{max-width:48ch;margin:6px auto 0;font-size:12px;line-height:1.65;color:#b0cbbb;overflow-wrap:anywhere}
body .card-market-reference>small{display:block;max-width:48ch;margin:5px auto 0;font-size:11px;line-height:1.6;color:#9eb9ad;overflow-wrap:anywhere}
body .opening-market-reference{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;grid-column:1/-1;flex-basis:100%;width:100%;min-width:0;max-width:100%;gap:4px 6px;margin:10px auto 0;padding:0 4px;box-sizing:border-box;font-size:11px;line-height:1.55;text-align:center;color:#b6cec0;overflow-wrap:anywhere}
body .opening-market-reference>span{min-width:0}
body .opening-market-reference>strong{min-width:0;font-size:12px;font-weight:650;font-variant-numeric:tabular-nums;color:#a1e8dc}
body .opening-market-reference>small{min-width:0;font-size:11px;line-height:inherit;color:#9fb8ab}
@media(max-width:440px){body .card-market-reference{padding:14px;margin-top:16px}body .card-market-reference-heading{align-items:center;gap:7px}body .card-market-reference-heading>strong{font-size:17px}body .card-market-reference-heading>.card-market-reference-empty{font-size:13px}}
body .card-rarity-admin{margin:12px 0 0}
body .card-rarity-admin>summary{list-style:none;cursor:pointer;display:inline-flex;width:auto}
body .card-rarity-admin>summary::-webkit-details-marker{display:none}
body .card-rarity-editor{display:grid;gap:10px;margin:12px 0 0}
body .card-rarity-editor label{display:grid;gap:4px}
body .card-rarity-editor select,body .card-rarity-editor input{width:100%;min-height:40px;padding:8px 10px;border:1px solid #9aba9b40;border-radius:8px;background:#0f1d16;color:inherit;font:inherit}
body .card-rarity-editor button{justify-self:start}
body .card-admin-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
body .card-admin-danger.button{border-color:#e0806f80;color:#ffb3a5}
body .card-admin-danger.button:hover{background:#4a2420;border-color:#e0806f}
body .card-admin-hint{margin:8px 0 0;font-size:11.5px;line-height:1.55;color:#9fb5a4}
body .card-showcase .card-detail-action.button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:46px;margin:0;padding:10px 16px;box-sizing:border-box;border:1px solid #8eb39b3d;border-radius:12px;background:#1a2f24;color:#e1ebdf;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer}
body .card-showcase .card-detail-action.button:hover{background:#233b2e;border-color:#a1c6aa70}
body .card-showcase .card-detail-action.button svg{width:17px;height:17px;flex:none}
body .card-showcase .wish-panel,body .card-showcase .card-rarity-admin{margin:12px 0 0}
body .card-showcase .card-rarity-admin>summary.card-detail-action{list-style:none}
body .card-showcase .card-rarity-admin[open]>summary.card-detail-action{border-color:#bedca566;background:#203a2c}
body .card-showcase .wish-toggle.is-wished.button{border-color:#bedca5;background:#bedca51f;color:#e6f5da}
body .card-showcase .card-admin-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 0}
body .card-showcase .card-admin-button.button{display:flex;align-items:center;justify-content:center;width:100%;min-height:42px;margin:0;padding:8px 12px;box-sizing:border-box;border-radius:10px;font-size:13px;font-weight:650;line-height:1.3;text-align:center;white-space:normal}
body .card-showcase .card-admin-button.button.primary{border:1px solid #bedca5}
body .card-showcase .card-rarity-editor{margin-top:14px}
@media(max-width:420px){body .card-showcase .card-admin-actions{grid-template-columns:minmax(0,1fr)}}
#modal-root.card-detail-motion .card-showcase>.modal-header,#modal-root.card-detail-preparing .card-showcase>.modal-header{opacity:0;pointer-events:none}
body .card-showcase>.modal-header{animation:card-close-in .25s ease .05s both}
#modal-root.card-detail-motion .card-showcase>.modal-header{animation:none}
@keyframes card-close-in{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){body .card-showcase>.modal-header{animation:none}}
.card-record{display:grid;gap:8px;margin:14px 0 4px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,currentColor 5%,transparent)}
.card-record header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.9}
.card-record header span{display:inline-flex;align-items:center;gap:6px}
.card-record header .icon{width:14px;height:14px}
.card-record header b{font-size:12px;letter-spacing:.02em;opacity:.8}
.card-record-best{margin:0;font-size:13px;opacity:.8}
.card-record-best strong{opacity:1}
.card-record ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.card-record li{display:inline-flex;align-items:baseline;gap:6px;padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--tier) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tier) 40%,transparent);font-size:12px}
.card-record li span{font-weight:800;color:var(--tier)}
.card-record li small{opacity:.65}
.card-record .is-bronze{--tier:#d08a4e}.card-record .is-silver{--tier:#c9d3dc}.card-record .is-gold{--tier:#f0c24a}.card-record .is-platinum{--tier:#7fe0d6}.card-record .is-legend{--tier:#c79bff}.card-record .is-war{--tier:#ff8a6a}
.card-record-best strong{color:var(--tier,inherit)}
.arena-rank-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 4px;border-radius:999px;background:color-mix(in srgb,var(--rank) 16%,#0006);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rank) 45%,transparent);color:var(--rank);font-family:Sora,sans-serif;font-size:12px;font-weight:800;line-height:1;white-space:nowrap;vertical-align:middle}
.arena-rank-badge svg{width:18px;height:18px;fill:color-mix(in srgb,var(--rank) 35%,#0008);stroke:var(--rank);stroke-width:1.6}
.arena-rank-badge i{display:inline-flex;gap:2px}
.arena-rank-badge i b{width:4px;height:9px;border-radius:2px;background:color-mix(in srgb,var(--rank) 25%,transparent)}
.arena-rank-badge i b.is-on{background:var(--rank)}
.arena-rank-badge.is-radiant{box-shadow:inset 0 0 0 1px #fff2a8,0 0 14px #fff2a866}
.chat-crew-tag{display:inline-flex;align-items:center;padding:1px 6px;border-radius:6px;background:color-mix(in srgb,var(--crew) 18%,transparent);color:var(--crew);font-family:Sora,sans-serif;font-size:10.5px;font-weight:800;letter-spacing:.04em;line-height:1.4;vertical-align:middle}
.arena-rank-badge.is-chat{gap:4px;padding:1px 7px 1px 2px;font-size:10.5px}
.arena-rank-badge.is-chat svg{width:13px;height:13px}
.arena-rank-badge.is-chat i b{width:3px;height:7px}
.arena-rank-badge{box-sizing:border-box;align-items:center}
.arena-rank-badge>span{display:block;margin:0;padding:0;line-height:1;font-size:inherit;color:inherit;transform:translateY(.04em)}
.arena-rank-badge>svg,.arena-rank-badge>i{flex:none;display:block}
.arena-rank-badge.is-chat{height:18px;padding:0 7px 0 3px;line-height:1}
.chat-meta .arena-rank-badge.is-chat>span{font-size:10.5px;line-height:1}
.chat-meta .chat-crew-tag{height:18px;box-sizing:border-box;line-height:1}
.arena-rank-badge>i{display:flex;align-items:center;gap:2px}
.arena-rank-badge>i>b{display:block}
.arena-rank-badge>span{transform:none;line-height:1;text-box:trim-both cap alphabetic}
@supports not (text-box:trim-both cap alphabetic){.arena-rank-badge>span{padding-top:.08em}}
.pk-confirm{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:16px;animation:pk-confirm-in .16s ease-out both}
.pk-confirm.is-closing{animation:pk-confirm-out .16s ease-in both}
.pk-confirm-backdrop{position:absolute;inset:0;background:#05080acc;backdrop-filter:blur(3px)}
.pk-confirm-box{position:relative;display:grid;gap:12px;width:min(100%,380px);padding:22px 22px 18px;border-radius:18px;background:linear-gradient(180deg,#1b2420,#121815);box-shadow:0 0 0 1px color-mix(in srgb,#e9c46a 35%,transparent),0 24px 60px #000c;color:#f3ead2;font-family:inherit;text-align:center}
.pk-confirm-box h2{margin:0;font:800 17px/1.25 Sora,sans-serif;color:#f6d77a}
.pk-confirm-box p{margin:0;font-size:14px;line-height:1.5;color:#cfd8cf}
.pk-confirm-actions{display:flex;justify-content:center;gap:10px;margin-top:6px}
.pk-confirm-actions button{min-width:110px;height:38px;padding:0 16px;border:0;border-radius:999px;font:700 13.5px/1 inherit;cursor:pointer}
.pk-confirm-no{background:#ffffff14;color:#f3ead2}
.pk-confirm-no:hover{background:#ffffff22}
.pk-confirm-yes{background:linear-gradient(180deg,#ffe39a,#e0a93a);color:#24180a}
.pk-confirm-yes.is-danger{background:linear-gradient(180deg,#ff8a7a,#d8443a);color:#fff}
.pk-confirm-yes:focus-visible,.pk-confirm-no:focus-visible{outline:2px solid #f6d77a;outline-offset:2px}
@keyframes pk-confirm-in{from{opacity:0}to{opacity:1}}
@keyframes pk-confirm-out{to{opacity:0}}
.pk-confirm-box{animation:pk-confirm-pop .2s cubic-bezier(.2,1.3,.4,1) both}
@keyframes pk-confirm-pop{from{transform:scale(.92)}to{transform:none}}
.public-profile-ranks{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}.public-profile-ranks .chat-crew-tag{height:22px;padding:0 8px;font-size:11.5px}.public-profile-ranks .arena-rank-badge{height:22px;font-size:11.5px}
/* Chat: only name + certified mark inline; crew, rank, VIP, role and tag show on hover of the name */
.chat-who{position:relative;display:inline-flex;align-items:center;gap:4px;min-width:0}
.chat-who-card{position:absolute;left:0;bottom:calc(100% + 6px);z-index:40;display:flex;flex-wrap:wrap;align-items:center;gap:5px;width:max-content;max-width:260px;padding:8px 10px;border-radius:12px;background:#101614f2;box-shadow:0 0 0 1px #ffffff14,0 10px 28px #000a;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .12s,transform .12s,visibility 0s .12s;pointer-events:none}
.chat-who:hover .chat-who-card,.chat-who:focus-within .chat-who-card{opacity:1;visibility:visible;transform:none;transition:opacity .12s,transform .12s}
.chat-who-card .chat-badge,.chat-who-card .chat-tag{margin:0}
@media (hover:none){.chat-who:active .chat-who-card{opacity:1;visibility:visible;transform:none}}
/* Chat hover card: hover only (a click must not leave it stuck open) */
.chat-who:focus-within .chat-who-card{opacity:0;visibility:hidden}
.chat-who:hover .chat-who-card,.chat-who:has(.chat-name:focus-visible) .chat-who-card{opacity:1;visibility:visible;transform:none}
.social-pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:18px 0 6px}
.social-page{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 10px;border-radius:10px;background:#ffffff0d;color:inherit;font-size:13px;font-weight:700;text-decoration:none}
.social-page:hover{background:#ffffff1a}
.social-page.is-active{background:color-mix(in srgb,var(--theme-accent,#e9c46a) 85%,#000);color:#1a1205}
.social-page.is-disabled{opacity:.35}
.social-page.is-gap{background:none;min-width:auto;padding:0 2px}
/* Site-wide "animations off" */
html.pk-low-motion *,html.pk-low-motion *::before,html.pk-low-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.pk-low-motion .walking-pet,html.pk-low-motion #theme-3d,html.pk-low-motion canvas.theme-3d{display:none!important}
.profile-performance{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 26px;padding:20px 24px;border-radius:16px;background:#ffffff08}
.profile-performance h2{margin:0 0 4px;font:700 16px/1.3 Sora,sans-serif}
.profile-performance p{margin:0;font-size:13px;line-height:1.5;opacity:.75;max-width:560px}
.profile-motion-switch{display:inline-flex;align-items:center;gap:10px;flex:none;padding:0;border:0;background:none;color:inherit;font:inherit;font-size:13px;cursor:pointer}
.profile-motion-track{position:relative;width:40px;height:22px;border-radius:999px;background:#ffffff26}
.profile-motion-track span{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}
.profile-motion-switch.is-on .profile-motion-track{background:#e9c46a}
.profile-motion-switch.is-on .profile-motion-track span{transform:translateX(18px)}
@media (max-width:620px){.profile-performance{flex-direction:column;align-items:flex-start;padding:18px}}
/* Animations off also drops the holographic layers (blend modes and masks are heavy for weak graphics chips) */
html.pk-low-motion .card-native-foil,html.pk-low-motion .card-native-pattern,html.pk-low-motion .card-native-rim,html.pk-low-motion .card-native-glare{display:none!important}
html.pk-low-motion .collectible-card,html.pk-low-motion .card-wrap{filter:none!important;backdrop-filter:none!important}
/* Same sober corners on the pieces added elsewhere (rank badge, confirm dialog, pagination, crew tags) */
.arena-rank-badge,.chat-crew-tag,.pk-confirm-actions button,.social-page,.chat-who-card,.public-profile-ranks .chat-crew-tag{border-radius:6px!important}
.pk-confirm-box{border-radius:10px!important}
.chat-crown{display:inline-grid;place-items:center;margin-right:2px;vertical-align:middle}
/* "Install the app" bar for phone visitors in the browser */
#app-install-bar{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:80;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 10px;border-radius:10px;background:#13241cf2;box-shadow:0 10px 30px -10px #000c;color:#eef6ea;font-size:13px;font-weight:600}
#app-install-bar img{flex:none;border-radius:8px}
#app-install-bar span{flex:1;min-width:0;line-height:1.3}
#app-install-bar a{flex:none;padding:8px 12px;border-radius:6px;background:#f4a38f;color:#2a120c;font-weight:800;text-decoration:none}
#app-install-bar button{flex:none;width:30px;height:30px;padding:0;border:0;border-radius:6px;background:transparent;color:#9fb3a6;font-size:14px;cursor:pointer}
html.is-fighting #app-install-bar,body:has(.arena-battle) #app-install-bar,body:has(.modal-backdrop) #app-install-bar{display:none}
@media (min-width:761px){#app-install-bar{display:none}}
body:has(#app-install-bar) .site-announcement{bottom:calc(66px + env(safe-area-inset-bottom))!important}
/* ===== Phone clean-up (requested): remove what is useless on a phone, keep everything on one straight line ===== */
@media (max-width:760px){
  /* Packs: no opening settings (auto-open, animations, sound, speed, volume) */
  .opening-preference,.auto-speed,.sound-volume,.opening-preferences,.opening-settings{display:none!important}
  /* Collection: no binders on phone, straight to the cards */
  .binder-shelf,[data-action="album-create"]{display:none!important}
  /* Friend / public profile: no binders */
  .public-profile .public-profile-albums,.public-profile .pp2-more .public-profile-albums,.friend-binders,.friend-library-binders{display:none!important}
  /* Top bar: burger, timer and actions on ONE line */
  .topbar{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:6px;padding-inline:10px!important;height:auto;min-height:60px}
  .topbar .breadcrumb{display:none!important}
  .topbar .menu-toggle{flex:none;order:0}
  .topbar-actions{flex:1 1 auto;display:flex!important;flex-wrap:nowrap!important;align-items:center;justify-content:flex-end;gap:4px;min-width:0}
  .topbar-actions>*{flex:none}
  .topbar-actions .language-select{display:none!important}
  .topbar-actions .icon-button{width:34px;height:34px}
  .topbar-actions .balance{padding-inline:8px}
  /* Shop tabs: wrap in a grid instead of being cut on the right */
  .shop-hub-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible!important;white-space:normal}
  .shop-hub-nav>*{min-width:0;justify-content:center}
  /* Wishlist filters: one tidy two-column grid */
  .wishes-filters,.wish-filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:stretch}
  .wishes-filters>*,.wish-filters>*{min-width:0;width:100%}
}
@media (max-width:760px){
  .wish-filters>wa-select:nth-of-type(3){grid-column:1 / -1}
  .wish-filters>.wish-chips{grid-column:1 / -1;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .wish-filters .wish-chip{width:100%;min-width:0;padding-inline:6px;border-radius:6px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px}
}
@media (max-width:760px){.card-grid.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}}
/* Confirm dialog follows the active site theme */
.pk-confirm-box{background:var(--theme-panel,#16201b)!important;color:var(--theme-text,#f3ead2)!important;box-shadow:0 24px 60px #000c!important}
.pk-confirm-box h2{color:var(--theme-accent,#f6d77a)!important}
.pk-confirm-box p{color:var(--theme-muted,#cfd8cf)!important}
.pk-confirm-no{background:color-mix(in srgb,var(--theme-text,#f3ead2) 10%,transparent)!important;color:var(--theme-text,#f3ead2)!important}
.pk-confirm-yes{background:var(--theme-accent,#e9c46a)!important;color:var(--theme-accent-text,#24180a)!important}
.pk-confirm-yes.is-danger{background:#d8443a!important;color:#fff!important}
/* Shop styles on phones: every category visible at once (no hidden sideways scroll) */
@media (max-width:760px){
  .cosmetics-section .cosmetic-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible!important;white-space:normal;scroll-snap-type:none}
  .cosmetics-section .cosmetic-tabs button{width:100%;min-width:0;justify-content:center;border-radius:6px!important}
  .cosmetics-section .cosmetic-tabs-hint{display:none}
  .cosmetic-grid,.cosmetic-products,.cosmetic-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible!important}
}
/* Staff panel on phones: title on its own line, action buttons below in a grid, tabs in two columns */
@media (max-width:760px){
  .staff-heading{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;align-items:start!important}
  .staff-heading>div:first-child{min-width:0;max-width:none!important}
  .staff-heading h1{white-space:normal}
  .staff-heading p{max-width:none!important}
  .staff-heading-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;overflow:visible!important}
  .staff-heading-actions>*{width:100%;min-width:0;justify-content:center;white-space:normal;text-align:center}
  .page-heading:has(.page-heading-actions){display:grid;grid-template-columns:1fr;gap:12px}
}
/* Phones: the speed and volume sliders stay hidden everywhere, including the pack-opening screen */
@media (max-width:760px),(hover:none) and (pointer:coarse){
  html body .reveal-sliders,html body .reveal-sliders .auto-speed,html body .modal .auto-speed,html body .auto-speed,html body .sound-volume{display:none!important}
}
/* Phones have no binder view: no binder covers in the shop */
@media (max-width:760px){html body .cosmetic-tab-albumCover,html body .cosmetic-product-album{display:none!important}}
/* Hovering the certified badge shows only the badge bubble, not the profile card */
html body .chat-who:has(.account-certified:hover) .chat-who-card,html body .chat-who:has(.account-certified:focus) .chat-who-card{opacity:0!important;visibility:hidden!important}
/* Collection progress in the card detail (replaces binders): same block style as the arena record */
.card-collection-progress{display:grid;gap:9px;margin:14px 0 4px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,currentColor 5%,transparent)}
.card-collection-progress header{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.9;min-width:0}
.card-collection-progress header span{display:inline-flex;align-items:center;gap:6px;flex:none}
.card-collection-progress header span .icon{width:15px;height:15px}
.card-collection-progress header strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;letter-spacing:0;font-size:13px}
.card-collection-meter{position:relative;height:6px;border-radius:3px;background:color-mix(in srgb,currentColor 12%,transparent);overflow:hidden}
.card-collection-meter i{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:#e6c77a}
.card-collection-progress.is-complete .card-collection-meter i{background:#7fd69a}
.card-collection-progress p{margin:0;font-size:13px;line-height:1.4;opacity:.92}
.card-collection-progress p b{font-variant-numeric:tabular-nums}
.card-collection-progress .card-collection-open{justify-self:start;min-height:34px;padding:0 14px;font-size:12.5px}
/* Binder links in the card detail: each binder holding the card opens it in the « Classeurs » tab */
.showcase-binder-links{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.showcase-binder-link{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;border:0;border-radius:8px;background:color-mix(in srgb,currentColor 8%,transparent);color:inherit;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.showcase-binder-link:hover{background:color-mix(in srgb,currentColor 14%,transparent)}
.showcase-binder-link .icon,.showcase-binder-link svg{width:15px;height:15px;flex:none}
/* Arena "are you human?" check: six flat pictures, the asked animal among them. */
.pk-human-box{width:min(100%,460px)}
.pk-human-ask{font:800 16px/1.3 Sora,sans-serif!important;color:var(--theme-accent,#f6d77a)!important}
.pk-human-note{font-size:13px!important;color:#ff9f8f!important}
.pk-human-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pk-human-grid button{aspect-ratio:1;padding:0;border:0;border-radius:8px;overflow:hidden;background:#ffffff10;cursor:pointer;transition:filter .15s,transform .15s}
.pk-human-grid button:hover{filter:brightness(1.12);transform:scale(1.03)}
.pk-human-grid button:focus-visible{outline:2px solid #f6d77a;outline-offset:2px}
.pk-human-grid img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none}
/* Rank progress (Valorant-style): floating tip on every badge, visible bar on profiles and the duel panel. */
.arena-rank-badge[data-rank-tip]{cursor:help}
.arena-rank-badge[data-rank-tip]:focus-visible{outline:2px solid var(--rank);outline-offset:2px}
.arena-rank-tip{position:fixed;z-index:10050;display:grid;gap:6px;width:max-content;max-width:min(240px,calc(100vw - 16px));padding:10px 12px;border-radius:8px;background:var(--theme-panel,#16201b);color:var(--theme-text,#f3ead2);box-shadow:0 12px 32px #000a;font-size:12px;line-height:1.35;pointer-events:none;animation:pk-confirm-in .12s ease-out both}
.arena-rank-tip strong,.arena-rank-progress strong{display:flex;justify-content:space-between;gap:12px;font:800 13px/1.2 Sora,sans-serif}
.arena-rank-tip em,.arena-rank-progress em{font-style:normal;font-weight:700;opacity:.75}
.arena-rank-tip small,.arena-rank-progress small{font-size:11.5px;opacity:.75}
.arena-rank-bar{display:block;width:100%;min-width:160px;height:6px;border-radius:3px;background:color-mix(in srgb,var(--rank) 18%,#0006);overflow:hidden}
.arena-rank-bar b{display:block;width:var(--fill);height:100%;background:var(--rank)}
.arena-rank-progress{display:grid;gap:5px;min-width:180px;max-width:260px;text-align:left}
.profile-rank .arena-rank-progress,.pp2-rank-progress .arena-rank-progress{margin-top:6px}
.profile-stats>.profile-rank .arena-rank-progress{min-width:150px;max-width:200px;gap:4px}
.profile-stats>.profile-rank .arena-rank-progress strong{font:800 12.5px/1.2 Sora,sans-serif}
.profile-stats>.profile-rank .arena-rank-progress small{font-size:11px;line-height:1.3}
.profile-stats>.profile-rank .arena-rank-bar{min-width:0}
.arena-duel-stats>.arena-rank-progress{display:grid;min-width:170px;padding:2px 4px;border:0;border-radius:0;background:none;color:#e2d6bf}
.arena-duel-stats>.arena-rank-progress b{color:inherit}
.arena-rank-place{font-size:11.5px;font-weight:700;opacity:.85}
.arena-rank-place.is-podium{opacity:1}
.arena-rank-place.is-p1{color:#f6d77a}.arena-rank-place.is-p2{color:#d7dde2}.arena-rank-place.is-p3{color:#d9925a}
/* Podium of the duel ladder: a small "#1 / #2 / #3" tag before the rank, flat, gold / silver / bronze. */
.arena-podium-tag{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 7px;border-radius:6px;font:800 12px/1 Sora,sans-serif;font-variant-numeric:tabular-nums;color:#1b1406;background:#f6d77a;vertical-align:middle}
.arena-podium-tag.is-p2{background:#d7dde2;color:#161b1f}
.arena-podium-tag.is-p3{background:#d9925a;color:#1d0f05}
.arena-podium-tag.is-chat{height:16px;padding:0 5px;margin-right:4px;font-size:10.5px;border-radius:4px}
.profile-rank-row{display:inline-flex;align-items:center;gap:6px}
.profile-stats .arena-podium-tag{font-size:12px;line-height:1;color:#1b1406}
.profile-stats .arena-podium-tag.is-p2{color:#161b1f}
.profile-stats .arena-podium-tag.is-p3{color:#1d0f05}
/* Site tooltips (pk-tooltips.js) replacing the browser's native title boxes: flat, themed, no border. */
.pk-tooltip{position:fixed;z-index:10060;max-width:min(280px,calc(100vw - 16px));padding:7px 11px;border-radius:7px;background:var(--theme-panel,#16201b);color:var(--theme-text,#f3ead2);box-shadow:0 10px 28px #000b;font:600 12px/1.45 "Plus Jakarta Sans",system-ui,sans-serif;pointer-events:none;animation:pk-confirm-in .12s ease-out both}
/* Profile switches (animations, arachnophobia, seasonal theme): same width, so the toggles line up one under the other. */
.profile-performance .profile-motion-switch{width:240px;justify-content:flex-start;text-align:left}
.profile-performance .profile-motion-switch b{flex:1;min-width:0}
.profile-performance+.profile-performance{margin-top:-14px}
@media (max-width:620px){.profile-performance .profile-motion-switch{width:auto}}
/* Profile settings rows share one grid (text | switch | optional button), so every switch sits in the same column
   even when a row has an extra button (« Performances »). */
.profile-performance{display:grid!important;grid-template-columns:minmax(0,1fr) 240px 190px;align-items:center;column-gap:20px}
.profile-performance>div{min-width:0}
.profile-performance .profile-motion-switch{grid-column:2;width:100%}
.profile-performance .profile-perf-run{grid-column:3;justify-self:end;white-space:nowrap}
@media (max-width:900px){.profile-performance{grid-template-columns:minmax(0,1fr) 220px}.profile-performance .profile-perf-run{grid-column:1 / -1;justify-self:start;margin-top:10px}}
@media (max-width:620px){.profile-performance{grid-template-columns:minmax(0,1fr)}.profile-performance .profile-motion-switch{grid-column:1;width:auto;margin-top:12px}}
/* « Réglages » window: compact rows, text on the left, switch on the right. */
.settings-panel{display:grid;gap:6px;min-width:min(560px,80vw)}
.settings-panel .profile-performance{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;row-gap:8px;margin:0!important;padding:12px 14px;border-radius:10px;background:#ffffff08}
.settings-panel .profile-performance h2{margin:0 0 2px;font:700 14px/1.3 Sora,sans-serif}
.settings-panel .profile-performance p{font-size:12px;line-height:1.45;max-width:none}
.settings-panel .profile-motion-switch{grid-column:2;grid-row:1;width:auto!important;justify-self:end}
.settings-panel .profile-motion-switch b{display:none}
.settings-panel .profile-perf-run{grid-column:1 / -1;justify-self:start;min-height:32px;padding:0 12px;font-size:12px}
/* Card detail: the close button sits in the top-right corner of the window and stays there (it used to follow the scroll). */
body .modal.card-showcase{position:relative}
body .card-showcase>.modal-header{position:absolute!important;top:16px!important;right:16px!important;margin:0!important;width:44px;height:44px}
/* Previous / next card arrows on both sides of the card detail window (and the ← → keys). */
.modal-backdrop>.detail-nav{position:fixed;top:50%;z-index:20;display:grid;place-items:center;width:52px;height:52px;margin-top:-26px;padding:0;border:0;border-radius:50%;background:#0009;color:#fff;cursor:pointer;transition:background .15s,transform .15s}
.modal-backdrop>.detail-nav.is-prev{left:max(12px,calc(50% - 600px))}
.modal-backdrop>.detail-nav.is-next{right:max(12px,calc(50% - 600px))}
.modal-backdrop>.detail-nav:hover:not(:disabled){background:color-mix(in srgb,var(--theme-accent,#bedca5) 35%,#000c);transform:scale(1.06)}
.modal-backdrop>.detail-nav:disabled{opacity:.25;cursor:default}
.modal-backdrop>.detail-nav svg{width:26px;height:26px}
@media (max-width:760px){.modal-backdrop>.detail-nav{top:auto;bottom:14px;margin-top:0;width:46px;height:46px}.modal-backdrop>.detail-nav.is-prev{left:14px}.modal-backdrop>.detail-nav.is-next{right:14px}}
/* Réglages window: rows fit the window (the switch column was pushed out, with a horizontal scrollbar). */
html:not(#_) body .settings-panel{min-width:0;width:min(560px,100%);max-width:100%}
html:not(#_) body .settings-panel .profile-performance{grid-template-columns:minmax(0,1fr) auto!important;width:100%;box-sizing:border-box}
html:not(#_) body .settings-panel .profile-motion-switch{grid-column:2!important;grid-row:1;width:auto!important}
html:not(#_) body .settings-panel .profile-perf-run{grid-column:1 / -1!important}
html:not(#_) body .modal:has(.settings-panel){width:min(620px,calc(100vw - 32px))}
html:not(#_) body .modal:has(.settings-panel) .modal-body,html:not(#_) body .modal:has(.settings-panel)>div{overflow-x:hidden}
/* Profile: the rank badge and its ladder / progress lines are centred on the same axis. */
html:not(#_) body .profile-stats>.profile-rank{align-items:center;text-align:center}
html:not(#_) body .profile-stats>.profile-rank .arena-rank-progress{justify-items:center;text-align:center}
html:not(#_) body .profile-stats>.profile-rank .arena-rank-progress strong{justify-content:center}
html:not(#_) body .profile-stats>.profile-rank .arena-rank-bar{width:100%}
/* The close button belongs to the top-right corner of the card window and scrolls away with it (it must not stay on screen). */
body .modal.card-showcase{overflow:auto!important;overflow-x:hidden!important}
body .card-showcase>.modal-header{position:absolute!important;top:16px!important;right:16px!important}
/* ============ Card window, rebuilt (owner request) ============
   One scroll for the whole window: the card stays in view on the left (sticky), the info column flows on the right, and the
   close button sits in the window's top-right corner and scrolls away with it. modal-layout.css used to freeze the window
   height and scroll only the right column, which kept the close button on screen and made the column feel loose. */
html:not(#_) body .modal.card-showcase{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-width:thin}
html:not(#_) body .modal.card-showcase>.modal-content{overflow:visible!important}
html:not(#_) body .modal.card-showcase .showcase-layout{height:auto!important;min-height:min(760px,calc(100dvh - 50px));align-items:start}
html:not(#_) body .modal.card-showcase .showcase-stage{position:sticky;top:0;align-self:start;height:min(760px,calc(100dvh - 50px))}
html:not(#_) body .modal.card-showcase .showcase-layout>.showcase-copy{overflow:visible!important;align-self:start;min-height:0;display:flex;flex-direction:column;gap:18px;padding:34px 34px 34px 8px;box-sizing:border-box}
html:not(#_) body .card-showcase>.modal-header{position:absolute!important;top:16px!important;right:16px!important;z-index:6}
html:not(#_) body .modal.card-showcase .showcase-copy>*{margin:0!important}
/* Header: theme · category, title, then rarity / number / copies aligned on one line; room on the right for the close button. */
html:not(#_) body .card-showcase .sc-head{display:grid;gap:8px;padding-right:56px}
html:not(#_) body .card-showcase .sc-kicker{margin:0;color:var(--theme-muted,#9fb3a6);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
html:not(#_) body .card-showcase .showcase-title{margin:0;font-size:clamp(26px,3vw,34px);line-height:1.15;letter-spacing:-.02em}
html:not(#_) body .card-showcase .sc-head h4{margin:0;color:var(--theme-muted,#b7c8bc);font-size:15px;font-weight:600}
html:not(#_) body .card-showcase .showcase-edition{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 0}
html:not(#_) body .card-showcase .showcase-edition>span{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:0;border-radius:8px;background:color-mix(in srgb,var(--theme-text,#eef5ef) 7%,transparent);font-size:12.5px;font-weight:650}
html:not(#_) body .card-showcase .showcase-edition .showcase-rarity{background:color-mix(in srgb,var(--showcase-accent) 18%,transparent);color:var(--showcase-accent)}
html:not(#_) body .card-showcase .showcase-edition .showcase-rarity svg{width:14px;height:14px}
html:not(#_) body .card-showcase .showcase-edition .sc-owned{color:var(--theme-muted,#a9bfac);font-weight:600}
html:not(#_) body .card-showcase .showcase-edition .sc-owned.is-owned{color:var(--theme-text,#eef5ef)}
html:not(#_) body .card-showcase .showcase-description{margin:0;max-width:62ch;color:var(--theme-text,#dce7df);font-size:15px;line-height:1.6;opacity:.9}
/* Actions: give / trade side by side, then the tools as equal tiles in an even grid. */
html:not(#_) body .card-showcase .sc-actions{display:grid!important;grid-template-columns:none!important;gap:10px!important;margin:0!important;width:100%}
html:not(#_) body .card-showcase .sc-primary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
html:not(#_) body .card-showcase .sc-primary .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 16px;border-radius:10px;font-size:14px;font-weight:650;white-space:nowrap}
html:not(#_) body .card-showcase .sc-primary .button svg{width:17px;height:17px}
html:not(#_) body .card-showcase .sc-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}
html:not(#_) body .card-showcase .sc-tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:76px;padding:10px 8px;border:0;border-radius:10px;background:color-mix(in srgb,var(--theme-text,#eef5ef) 6%,transparent);color:var(--theme-text,#e6efe8);font:inherit;font-size:12.5px;font-weight:600;line-height:1.25;text-align:center;cursor:pointer;transition:background .15s,color .15s}
html:not(#_) body .card-showcase .sc-tool svg{width:20px;height:20px;color:var(--showcase-accent)}
html:not(#_) body .card-showcase .sc-tool:hover{background:color-mix(in srgb,var(--showcase-accent) 16%,transparent)}
html:not(#_) body .card-showcase .sc-tool:focus-visible{outline:2px solid var(--showcase-accent);outline-offset:2px}
html:not(#_) body .card-showcase .sc-tool[aria-pressed="true"]{background:color-mix(in srgb,#f2668b 18%,transparent)}
html:not(#_) body .card-showcase .sc-tool[aria-pressed="true"] svg{color:#f2668b;fill:#f2668b}
html:not(#_) body .card-showcase .sc-tool:disabled{opacity:.5;cursor:default}
/* Sections below (collection progress, level, market, value, details, credits) share one quiet panel style. */
html:not(#_) body .card-showcase .showcase-copy>:is(.card-collection-progress,.showcase-value,.showcase-unique,.business-status,.wish-panel:not([hidden]),.sc-details,.card-record,.showcase-record){padding:14px 16px!important;border:0!important;border-radius:12px!important;background:color-mix(in srgb,var(--theme-text,#eef5ef) 4.5%,transparent)!important;box-shadow:none!important}
html:not(#_) body .card-showcase .sc-details h4{margin:0 0 10px;color:var(--theme-muted,#9fb3a6);font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
html:not(#_) body .card-showcase .sc-details .showcase-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px 18px;margin:0}
html:not(#_) body .card-showcase .sc-details .showcase-facts>div{display:grid;gap:3px;padding:0;border:0;background:none}
html:not(#_) body .card-showcase .sc-details dt{color:var(--theme-muted,#9fb3a6);font-size:12px}
html:not(#_) body .card-showcase .sc-details dd{margin:0;font-size:14px;font-weight:600}
html:not(#_) body .card-showcase .showcase-provenance{color:var(--theme-muted,#9fb3a6);font-size:12.5px;line-height:1.55}
@media(max-width:800px){
  html:not(#_) body .modal.card-showcase .showcase-stage{position:static;height:auto}
  html:not(#_) body .modal.card-showcase .showcase-layout>.showcase-copy{padding:22px 18px 28px}
  html:not(#_) body .card-showcase .sc-head{padding-right:0}
  html:not(#_) body .card-showcase .sc-tools{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* Card window, second pass (owner feedback): the card side's background runs the full height (no dark band under the card when
   scrolling) and the card itself stays in view; more breathing room on the info side; the five tools on ONE row; calm hovers. */
html:not(#_) body .modal.card-showcase .showcase-stage{position:relative!important;top:auto!important;height:auto!important;align-self:stretch!important;align-items:flex-start!important;padding:44px 36px!important}
html:not(#_) body .modal.card-showcase .showcase-stage .card-wrap{position:sticky!important;top:44px}
html:not(#_) body .modal.card-showcase .showcase-layout{align-items:stretch!important}
html:not(#_) body .modal.card-showcase .showcase-layout>.showcase-copy{padding:44px 44px 44px 36px!important;gap:22px!important}
html:not(#_) body .card-showcase .sc-head{padding-right:60px}
/* Tools: one row of five equal cells (icon above a short label that may wrap to two centred lines). */
html:not(#_) body .card-showcase .sc-tools{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px}
html:not(#_) body .card-showcase .sc-tool{min-height:84px;padding:12px 6px;font-size:12px;white-space:normal}
html:not(#_) body .card-showcase .sc-tool span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Give / trade: flat buttons; hover only lightens the fill (no glow, no shine, no movement). */
html:not(#_) body .card-showcase .sc-primary .button{box-shadow:none!important;transform:none!important;filter:none!important;transition:background-color .15s,color .15s}
html:not(#_) body .card-showcase .sc-primary .button::before,html:not(#_) body .card-showcase .sc-primary .button::after{content:none!important}
html:not(#_) body .card-showcase .sc-primary .button.primary{background:var(--showcase-accent)!important;color:#0d1a14!important}
html:not(#_) body .card-showcase .sc-primary .button.primary:hover{background:color-mix(in srgb,var(--showcase-accent) 85%,#fff)!important}
html:not(#_) body .card-showcase .sc-primary .button.secondary{background:color-mix(in srgb,var(--theme-text,#eef5ef) 8%,transparent)!important;color:var(--theme-text,#eef5ef)!important;border:0!important}
html:not(#_) body .card-showcase .sc-primary .button.secondary:hover{background:color-mix(in srgb,var(--theme-text,#eef5ef) 14%,transparent)!important}
@media(max-width:800px){
  html:not(#_) body .modal.card-showcase .showcase-stage{padding:60px 24px 20px!important}
  html:not(#_) body .modal.card-showcase .showcase-stage .card-wrap{position:static!important}
  html:not(#_) body .modal.card-showcase .showcase-layout>.showcase-copy{padding:24px 20px 30px!important}
  html:not(#_) body .card-showcase .sc-tools{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
/* Card window, third pass: rarity / number / copies sit together on the left (the old rule spread them apart), same height and
   baseline; the give / trade buttons have no border (the seasonal theme drew an orange ring around them). */
html:not(#_) body .card-showcase .showcase-edition{justify-content:flex-start!important;gap:6px!important;margin:4px 0 0!important}
html:not(#_) body .card-showcase .showcase-edition>span{box-sizing:border-box;height:28px!important;margin:0!important;line-height:1!important;vertical-align:middle;font-size:12.5px!important}
html:not(#_) body .card-showcase .showcase-edition .showcase-number{color:var(--theme-muted,#a9bfac)}
html:not(#_) body .card-showcase .sc-primary .button,html:not(#_) body .card-showcase .sc-primary .button:hover,html:not(#_) body .card-showcase .sc-primary .button:focus{border:0!important;outline:0!important;box-shadow:none!important}
html:not(#_) body .card-showcase .sc-primary .button:focus-visible{outline:2px solid var(--theme-text,#eef5ef)!important;outline-offset:2px}
/* Opening animation: the window keeps its real height while the card flies in (overflow:visible showed the whole tall content,
   then snapped back — the « stretched » look). */
html:not(#_) #modal-root.card-detail-motion .modal.card-showcase{overflow:hidden!important}
/* No visible scrollbar on the card window (it was clipped by the rounded corners); wheel / touch scrolling stays. */
html:not(#_) body .modal.card-showcase{scrollbar-width:none!important}
html:not(#_) body .modal.card-showcase::-webkit-scrollbar{display:none}
/* The card is vertically centred in the window and stays there while the info column scrolls. */
@media(min-width:801px){
  html:not(#_) body .modal.card-showcase .showcase-layout{container-type:inline-size;--card-h:min(calc((44cqw - 72px) * 1.5),calc(100dvh - 112px));--card-top:max(24px,calc((min(760px,calc(100dvh - 50px)) - var(--card-h)) / 2))}
  html:not(#_) body .modal.card-showcase .showcase-stage{padding-top:var(--card-top)!important}
  html:not(#_) body .modal.card-showcase .showcase-stage .card-wrap{top:var(--card-top)!important}
}
/* No frame line around the card window (it appeared at the end of the opening animation), in every theme. */
html:not(#_) body .modal.card-showcase,html:not(#_) body .modal.card-showcase .card-detail-surface-panel{border:0!important}
/* Centring, fixed: the window has one known height on desktop, and the card is centred in it (the variables now live on the stage,
   so the container units measure the layout width as intended). */
@media(min-width:801px){
  html:not(#_) body .modal.card-showcase{height:min(760px,calc(100dvh - 48px))!important;max-height:calc(100dvh - 48px)!important}
  html:not(#_) body .modal.card-showcase .showcase-layout{min-height:min(760px,calc(100dvh - 48px))!important}
  html:not(#_) body .modal.card-showcase .showcase-stage{--card-h:min(calc((44cqw - 72px) * 1.5),calc(100dvh - 112px));--card-top:max(20px,calc((min(760px,calc(100dvh - 48px)) - var(--card-h)) / 2));padding-top:var(--card-top)!important;padding-bottom:var(--card-top)!important}
  html:not(#_) body .modal.card-showcase .showcase-stage .card-wrap{top:var(--card-top)!important}
}
/* Card window, team only: « Possesseurs » list (click a name to open the profile). */
html:not(#_) body .card-showcase .sc-owners h4 small{margin-left:8px;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;opacity:.75}
html:not(#_) body .card-showcase .sc-owners-list{display:grid;gap:2px;max-height:240px;margin:0;padding:0;list-style:none;overflow:auto;scrollbar-width:thin}
html:not(#_) body .card-showcase .sc-owners-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:5px 6px;border-radius:7px}
html:not(#_) body .card-showcase .sc-owners-list li:nth-child(odd){background:color-mix(in srgb,var(--theme-text,#eef5ef) 3%,transparent)}
html:not(#_) body .card-showcase .sc-owner{justify-self:start;max-width:100%;padding:0;border:0;background:none;color:var(--theme-text,#eef5ef);font:inherit;font-size:13.5px;font-weight:600;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
html:not(#_) body .card-showcase .sc-owner:hover{text-decoration:underline}
html:not(#_) body .card-showcase .sc-owners-list span,html:not(#_) body .card-showcase .sc-owners-list time{font-size:12.5px;opacity:.7;font-variant-numeric:tabular-nums}
html:not(#_) body .card-showcase .sc-owners-note{margin:0;font-size:13px;opacity:.75}
/* Details: Theme / Category / In your collection on one row of three equal columns, all left-aligned (an old rule stretched the
   last one across the row with its value pushed to the right). */
html:not(#_) body .card-showcase .sc-details .showcase-facts{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:start;margin:0!important;padding:0!important;border:0!important}
html:not(#_) body .card-showcase .sc-details .showcase-facts>div,html:not(#_) body .card-showcase .sc-details .showcase-facts>div:last-child{grid-column:auto!important;display:grid!important;gap:3px;justify-content:start!important;align-items:start!important}
html:not(#_) body .card-showcase .sc-details .showcase-facts dd,html:not(#_) body .card-showcase .sc-details .showcase-facts>div:last-child dd{margin:0!important;text-align:left!important}
@media(max-width:520px){html:not(#_) body .card-showcase .sc-details .showcase-facts{grid-template-columns:1fr 1fr!important}}
/* « Repère du marché » in the card window: same quiet panel as the other sections, no frame line (the theme drew an orange one). */
html:not(#_) body .card-showcase .card-market-reference{border:0!important;border-radius:12px!important;background:color-mix(in srgb,var(--theme-text,#eef5ef) 4.5%,transparent)!important;box-shadow:none!important;margin:0!important;padding:14px 16px!important}

/* ui-refinement.css */
body .skip-link{color:#142319}
body .modal-header>h2{min-width:0;overflow-wrap:anywhere}
body .modal-header>.icon-button{flex:0 0 auto}
body .sidebar-navigation{padding-block:8px 12px}
body .sidebar-navigation .nav-label{font-size:11px;line-height:16px;margin:18px 14px 10px}
body .sidebar-navigation .nav-label.second{margin-top:22px}
body .sidebar-navigation nav{gap:4px}
body .sidebar-navigation .nav-link{min-height:44px;line-height:20px;padding:10px 14px}
body .sidebar>.sidebar-bottom.profile-button{padding-block:16px}
body .sidebar-bottom.profile-button small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .sidebar-navigation .nav-count{height:24px;min-width:28px;line-height:24px}
body .button:disabled,body .button:disabled:hover{background:#1a2824!important;color:#94a79c!important;border-color:#35463e!important;box-shadow:none!important;transform:none!important;cursor:not-allowed;opacity:1}
body .section-heading p,body .plus-banner p,body .listing-price small{color:#a7bdb2}
body .plus-banner h2{color:#e6f2e8}
body .collection-intro{padding:0;background:none;border:0;border-radius:0;margin-bottom:18px}
body .collection-intro .page-heading{margin-bottom:0}
body .collection-metrics{display:flex;flex-wrap:wrap;gap:12px 24px;margin:0 0 22px;color:#a7bdb2;font-size:12px;line-height:1.7}
body .collection-metrics strong{color:#e3f2e7;font-size:16px;font-variant-numeric:tabular-nums;margin-right:5px}
body .catalog-summary{margin:0 0 20px;padding:18px 22px;gap:18px}
body .catalog-summary strong{font-size:25px}
body .catalog-summary span{font-size:12px}
body .collection-toolbar{flex-wrap:wrap;gap:16px;margin-top:22px;margin-bottom:8px}
body .collection-toolbar>.search-input{flex:1 1 240px;min-height:46px;margin:0}
body .collection-toolbar>.filter-group{flex:1 1 620px;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
body .collection-toolbar .filter-select{flex:1 1 135px;min-width:130px;max-width:none}
body .collection-toolbar .filter-select::part(form-control-label){font-size:12px;line-height:1.5;margin-bottom:6px}
body .collection-toolbar .filter-select::part(combobox){min-height:44px}
body .collection-preference-note{display:flex;gap:7px;align-items:center;color:#94ada1;font-size:11px;line-height:1.6;margin:12px 0 18px}
body .collection-preference-note svg{width:14px;height:14px;flex-shrink:0}
body .results-count{margin:16px 0;font-size:12px;color:#b2c8bc}
body .feed-universe-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
body .feed-universe{grid-column:span 2}
body .feed-universe:nth-last-child(2):nth-child(3n+1),body .feed-universe:last-child:nth-child(3n+2){grid-column:span 3}
body .feed-universe[data-universe=personalities]{--universe-color:#f2a08d}
body .feed-universe[data-universe=screen]{--universe-color:#edca75}
body .feed-universe[data-universe=internet]{--universe-color:#c3dd8e}
body .inline-pack-timer{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;max-width:380px;margin:0 0 24px;padding:14px 18px;background:#10271d80;border:1px solid #4e735b;border-radius:12px;font-size:12px;line-height:1.6;color:#b4cdbe}
body .inline-pack-timer strong{color:#edf8e9;font-family:Sora,sans-serif;font-size:22px;font-weight:550;font-variant-numeric:tabular-nums;letter-spacing:.5px}
body .pack-details{text-align:left}
body .pack-grid-waiting .pack-box{min-height:0;padding-block:30px}
body .pack-grid-waiting .pack-visual{height:auto}
body .pack-grid-waiting .gaming-pack-image{max-height:340px;width:auto;max-width:100%;object-fit:contain}
body .pack-grid-waiting .pack-opening-controls{align-items:flex-start;gap:16px}
body .pack-grid-waiting .pack-opening-controls .text-link{min-height:40px;display:inline-flex;align-items:center;gap:8px}
body .pack-details .pack-availability{margin-bottom:20px}
@media(min-height:1000px){body .sidebar-navigation .nav-link{padding-block:12px;min-height:48px}body .sidebar-navigation nav{gap:5px}body .sidebar-navigation .nav-label{margin-top:26px}}
@media(max-width:1100px){body .collection-toolbar>.search-input{flex-basis:100%}}
@media(min-width:761px) and (max-width:1100px){body .feed-universe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body .feed-universe,body .feed-universe:nth-last-child(2):nth-child(3n+1),body .feed-universe:last-child:nth-child(3n+2){grid-column:auto}body .feed-universe:last-child:nth-child(odd){grid-column:1/-1}body .feed-universe{grid-template-columns:40px minmax(0,1fr) 18px;gap:12px;padding:20px 16px}body .feed-universe-icon{width:40px;height:40px}}
@media(max-width:760px){body.navigation-open{overflow:hidden}body .sidebar-scrim:not([hidden]){display:block;position:fixed;inset:0;width:100%;height:100dvh;padding:0;border:0;border-radius:0;background:#020c09b8;backdrop-filter:blur(3px);z-index:29;cursor:default}body .sidebar{padding-top:max(16px,env(safe-area-inset-top))}body .sidebar-navigation .nav-label{margin-top:14px}body .sidebar-navigation .nav-label.second{margin-top:18px}body .sidebar-navigation nav{gap:3px}body .sidebar-navigation .nav-link{padding-block:10px;min-height:44px;font-size:13px}body .sidebar-navigation{padding-bottom:14px}body .sidebar>.sidebar-bottom.profile-button{padding-block:14px}body .collection-metrics{margin-bottom:18px;gap:8px 20px}body .collection-toolbar>.filter-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex-basis:100%;gap:12px}body .collection-toolbar .filter-select{min-width:0;width:100%}body .collection-preference-note{font-size:11px}body .catalog-summary{padding:16px;gap:12px}body .catalog-summary strong{font-size:22px}body .catalog-summary span{font-size:11px}body .feed-universe-grid{grid-template-columns:1fr}body .feed-universe,body .feed-universe:nth-last-child(2):nth-child(3n+1),body .feed-universe:last-child:nth-child(3n+2){grid-column:auto}body .inline-pack-timer{padding:12px 14px;margin-bottom:20px}body .pack-grid-waiting .pack-visual{display:none}body .pack-grid-waiting .pack-box{padding:25px}body .pack-grid-waiting .pack-details{width:100%}}
@media(max-width:390px){body .collection-grid{grid-template-columns:minmax(0,1fr);max-width:290px;margin-inline:auto}}
@media(prefers-reduced-motion:reduce){body .sidebar{transition:none}}

body .proposal-form-layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);gap:28px;align-items:start}
body .proposal-form-layout .form-panel{min-width:0}
body .proposal-form-layout .form-panel>.button{margin-top:24px;min-height:46px}
body .proposal-form-layout .checkbox-field{margin-top:22px;align-items:flex-start;gap:12px}
body .proposal-form-layout .checkbox-field input{flex:none;margin-top:4px}
body .proposal-category-help{margin:-5px 0 26px}
body .proposal-category-help .helper-text{margin:0 0 10px;line-height:1.65;font-size:12px}
body .proposal-category-suggestions{display:flex;flex-wrap:wrap;gap:8px}
body .proposal-category-suggestions:empty{display:none}
body .proposal-category-suggestion{display:inline-flex;align-items:center;justify-content:center;min-height:34px;max-width:100%;padding:7px 11px;border:1px solid #657e6c61;border-radius:8px;background:#1a3026;color:#c8dbce;font-size:12px;line-height:1.4;overflow-wrap:anywhere;text-align:left;touch-action:manipulation}
body .proposal-category-suggestion:hover,body .proposal-category-suggestion[aria-pressed=true]{background:#2a4837;border-color:#a3ccae;color:#ecf8ed}
body .proposal-category-suggestion:focus-visible{outline:2px solid #8cdecf;outline-offset:3px}
body .proposal-description-help{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-top:9px}
body .proposal-description-help .helper-text{margin:0;max-width:40ch;line-height:1.6}
body .proposal-description-count{flex:none;padding-top:1px;font-size:12px;line-height:1.6;font-variant-numeric:tabular-nums;color:#b4c9bc;white-space:nowrap}
body .proposal-preview-panel{display:block;position:sticky;top:100px;overflow:visible;padding:24px;text-align:left}
body .proposal-preview-panel>h2{margin:0;font-size:17px;line-height:1.5}
body .proposal-preview-panel>.proposal-preview-intro{margin:10px 0 22px;font-size:13px;line-height:1.7;color:#b4c9bc}
body .proposal-live-card{width:min(250px,100%);aspect-ratio:2/3;display:grid;grid-template-rows:54% 46%;margin-inline:auto;padding:6px;border:1px solid #809896;border-radius:13px;background:linear-gradient(145deg,#4a6264,#283e41);overflow:hidden;box-shadow:0 16px 25px #0003;color:#edf6f0}
body .proposal-live-art{position:relative;min-height:0;overflow:hidden;display:grid;place-items:center;border-radius:7px 7px 0 0;background:radial-gradient(circle at 30% 15%,#385447,#172b22 75%)}
body .proposal-preview-placeholder{color:#a9c6b3;opacity:.7}
body .proposal-preview-placeholder svg{width:42px;height:42px;stroke-width:1.3}
body .proposal-live-art.has-image .proposal-preview-placeholder{visibility:hidden}
body .proposal-live-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#13271d}
body .proposal-live-art>#proposal-preview-theme{position:absolute;left:10px;right:10px;top:10px;width:fit-content;max-width:calc(100% - 20px);padding:5px 7px;border-radius:5px;background:#10231fe8;color:#dcece1;font-size:10px;line-height:1.4;overflow-wrap:anywhere}
body .proposal-live-copy{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-height:0;gap:6px;padding:12px 10px 9px;border-radius:0 0 7px 7px;background:#1a3029}
body #proposal-preview-category{display:block;font-size:10px;line-height:1.4;color:#abc5b5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .proposal-live-copy>#proposal-preview-name{margin:0;min-height:0;font-family:Sora,sans-serif;font-size:17px;line-height:1.25;letter-spacing:-.4px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body .proposal-live-copy>#proposal-preview-description{margin:0;min-height:0;align-self:start;max-height:4.5em;font-size:11px;line-height:1.5;color:#bdd1c4;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body .proposal-live-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;line-height:1.4;color:#a6beb1}
body .proposal-live-footer>span:first-child{font-family:Sora,sans-serif;font-weight:650;letter-spacing:-.5px;color:#d2e4d8}
body .proposal-preview-panel>.proposal-preview-image-status{max-width:30ch;margin:16px auto 0;font-size:12px;line-height:1.6;text-align:center;color:#a8c1b0}
body .proposal-preview-panel>.proposal-preview-image-status.is-error{color:#f2b7a6}
body .proposal-review-copy{margin-top:24px;padding-top:22px;border-top:1px solid #90b79b29}
body .proposal-review-copy h3{font-size:15px;margin:0 0 10px;line-height:1.5}
body .proposal-review-copy>p{font-size:12px;line-height:1.7;color:#b4c9bc}
body .proposal-review-copy .review-steps{margin:20px 0;padding:0;display:grid;gap:14px}
body .proposal-review-copy .review-steps li{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;color:#c1d5c7}
body .proposal-review-copy .review-steps svg{flex:none;width:17px;height:17px;margin-top:2px}
body .proposal-review-copy>p.helper-text{max-width:none;margin:0 0 20px}
body .proposal-review-copy .text-link{display:inline-flex;align-items:center;gap:8px;min-height:36px;line-height:1.5}
@media(max-width:1080px){body .proposal-form-layout{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:20px}body .proposal-preview-panel{padding:20px}body .proposal-form-layout .form-row{grid-template-columns:1fr}body .proposal-description-help{flex-wrap:wrap;gap:6px}body .proposal-description-count{margin-left:auto}}
@media(max-width:760px){body .proposal-form-layout{grid-template-columns:1fr;gap:24px}body .proposal-preview-panel{position:static;display:block}body .proposal-live-card{width:min(260px,100%)}body .proposal-category-suggestion{min-height:38px}body .proposal-preview-panel>h2,body .proposal-preview-panel>.proposal-preview-intro{text-align:center}body .proposal-description-help .helper-text{max-width:none}body .proposal-form-layout .form-panel>.button{width:100%}}

body .collection-intro{min-height:0;backdrop-filter:none;overflow:visible}
body .collection-intro::after{display:none}
body .collection-intro .page-heading{padding:0;min-height:0;gap:24px;align-items:center}
body .collection-intro .page-heading p{max-width:none}
body .collection-intro .button.primary{background:#bcdea7;border-color:#bcdea7;color:#142319;box-shadow:none}
body .binder-shelf-compact{margin-block:18px 22px}
body .binder-shelf-compact .binder-shelf-heading{margin-bottom:12px}
body .binder-shelf-compact .binder-shelf-heading>.button{display:none}
@media(max-width:760px){body .collection-intro .page-heading{align-items:flex-start;gap:18px}body .collection-intro .page-heading .button{align-self:flex-start}body .collection-intro .page-heading p{margin-top:10px}}

body .collection-market-price{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px 7px;min-height:46px;padding:12px 5px 2px;color:#9cb5a6;font-size:11px;line-height:1.5;text-align:center}body .collection-market-price svg{width:15px;height:15px;flex:0 0 15px}body .collection-market-price strong{color:#d3e6c7;font-size:12px;white-space:nowrap}body .collection-grid .card-wrap::part(body){overflow:visible}

body .catalog-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;text-align:center}body .catalog-summary>div{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:14px;padding:12px 18px;min-width:0}body .catalog-summary>div+div{border-left:1px solid #486544}body .catalog-summary strong{margin:0;white-space:nowrap}body .catalog-summary span{margin:0;line-height:1.6;text-align:left}@media(max-width:760px){body .catalog-summary>div{flex-direction:column;gap:6px;padding:7px 9px}body .catalog-summary span{text-align:center}body .catalog-summary{padding:14px 8px}}

.business-status{padding:16px 18px;margin:0 0 22px;border:1px solid #426249;border-radius:12px;background:#11261c}.business-status>span{display:block;font-size:11px;color:#abc1b1;margin-bottom:9px}.business-status>strong{display:flex;align-items:center;gap:9px;font-size:15px;color:#d6e6dc}.business-status[data-status=open]>strong{color:#a4eab6}.business-status[data-status=closed]>strong{color:#e4c28d}.business-status strong svg{width:17px;height:17px}.business-status p,.business-status small{display:block;font-size:11px;line-height:1.7;color:#9caf9f;margin:8px 0 0}

body .collection-grid{grid-template-columns:repeat(var(--collection-columns,4),minmax(0,1fr));gap:26px 22px}body .album-create-color{width:72px;height:48px;padding:4px;border-radius:10px;cursor:pointer}@media(max-width:430px){body .collection-grid{max-width:290px;margin-inline:auto;gap:24px}}

.proposal-access-notice{padding:18px;border:1px solid #46644b;border-radius:12px;background:#203526;scroll-margin-block:100px;color:#e0ead9;outline-offset:4px}.proposal-access-notice[hidden]{display:none}.proposal-access-notice p{margin:0;line-height:1.6;overflow-wrap:anywhere}.proposal-access-notice .helper-text{margin-top:8px}.proposal-access-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.proposal-access-actions .button{white-space:normal;min-height:44px;text-align:center}
button,.button,.icon-button,[data-action],.reveal-footer,.reveal-navigation,.reveal-stage,.pack-finish-control,.pack-tear-stage{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.reveal-footer button,.reveal-stage button{touch-action:manipulation}
body .sell-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:6px 0 12px}
body .sell-bar.is-active{padding:12px 14px;border:1px solid #9aba9b40;border-radius:12px;background:#132219}
body .sell-bar strong{font-size:14px;color:#e3eedf}
body .sell-bar-actions{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}
body .sell-bar small{flex-basis:100%;font-size:12px;line-height:1.5;color:#9fb5a4}
body .sell-pick{position:relative;min-width:0}
body .sell-pick .card-wrap{transition:opacity .15s}
body .sell-pick:not(.is-selected) .card-wrap{opacity:.62}
body .sell-pick.is-selected .collectible-card{outline:3px solid #bedca5;outline-offset:2px}
body .sell-pick-check{position:absolute;top:10px;left:10px;z-index:6;width:28px;height:28px;display:grid;place-items:center;border:2px solid #ffffffb0;border-radius:50%;background:#0d1c16d9;color:transparent;pointer-events:none}
body .sell-pick-check svg{width:16px;height:16px}
body .sell-pick.is-selected .sell-pick-check{background:#bedca5;border-color:#bedca5;color:#15271b}
@media(prefers-reduced-motion:reduce){body .sell-pick .card-wrap{transition:none}}
body .news-page{width:100%;max-width:1180px;margin:0 auto}
body .news-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:0 0 34px;padding:32px 36px;border:1px solid #9aba9b2e;border-radius:22px;background:radial-gradient(120% 140% at 0% 0%,#bedca51f,#bedca500 55%),linear-gradient(135deg,#17301f,#0f1d16 70%);box-shadow:0 18px 40px #00000033}
body .news-hero-copy{display:flex;align-items:center;gap:20px;min-width:0;flex:1 1 420px}
body .news-hero-icon{display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:16px;background:#bedca5;color:#15271b;box-shadow:0 8px 20px #bedca533}
body .news-hero-icon svg{width:28px;height:28px}
body .news-hero h1{margin:0;font-family:Sora,sans-serif;font-size:clamp(26px,3vw,34px);line-height:1.15;letter-spacing:-.6px;color:#f2f8ef}
body .news-hero p{margin:8px 0 0;max-width:62ch;font-size:15px;line-height:1.6;color:#b9ccbb}
body .news-hero-count{flex:none;padding:8px 16px;border:1px solid #bedca540;border-radius:999px;background:#bedca514;color:#d8ecc9;font-size:13px;font-weight:650}
body .news-timeline{position:relative;display:grid;gap:26px;margin:0;padding:0;list-style:none}
body .news-timeline::before{content:"";position:absolute;top:10px;bottom:10px;left:171px;width:2px;border-radius:2px;background:linear-gradient(#bedca566,#bedca50d)}
body .news-entry{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr);gap:44px;align-items:start}
body .news-entry::before{content:"";position:absolute;left:165px;top:14px;width:14px;height:14px;border-radius:50%;background:#0f1d16;border:2px solid #bedca5;box-shadow:0 0 0 5px #0c1716}
body .news-entry.is-latest::before{background:#bedca5;box-shadow:0 0 0 5px #0c1716,0 0 18px #bedca580}
body .news-entry-date{display:grid;justify-items:end;gap:8px;padding-top:8px;text-align:right}
body .news-entry-date time{font-family:Sora,sans-serif;font-size:15px;font-weight:650;line-height:1.35;color:#e6f0e2}
body .news-latest{padding:3px 10px;border-radius:999px;background:#bedca5;color:#15271b;font-size:11px;font-weight:700;letter-spacing:.2px}
body .news-entry-card{padding:26px 28px;border:1px solid #9aba9b2e;border-radius:18px;background:linear-gradient(160deg,#142820,#0f1d16)}
body .news-entry.is-latest .news-entry-card{border-color:#bedca552;box-shadow:0 14px 34px #00000038}
body .news-entry-card h2{margin:0 0 18px;font-family:Sora,sans-serif;font-size:21px;line-height:1.3;letter-spacing:-.3px;color:#f0f7ec}
body .news-entry-card ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px 22px;margin:0;padding:0;list-style:none}
body .news-entry-card li{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:12px;background:#ffffff05;border:1px solid #ffffff0a}
body .news-entry-card li>span{display:grid;place-items:center;flex:none;width:24px;height:24px;margin-top:1px;border-radius:7px;background:#bedca51f;color:#bedca5}
body .news-entry-card li svg{width:14px;height:14px}
body .news-entry-card li p{margin:0;font-size:14px;line-height:1.6;color:#c9dacb}
@media(max-width:760px){body .news-hero{padding:24px 20px;margin-bottom:26px}body .news-hero-icon{width:48px;height:48px}body .news-timeline::before{left:7px}body .news-entry{grid-template-columns:minmax(0,1fr);gap:12px;padding-left:30px}body .news-entry::before{left:1px;top:4px}body .news-entry-date{justify-items:start;text-align:left;padding-top:0;grid-auto-flow:column;justify-content:start;align-items:center}body .news-entry-card{padding:20px 18px}body .news-entry-card ul{grid-template-columns:minmax(0,1fr)}}
body .news-page .news-hero{padding:22px 26px;margin-bottom:18px;border-radius:17px}
body .news-page .news-hero-icon{width:46px;height:46px;border-radius:12px}
body .news-page .news-hero-icon svg{width:23px;height:23px}
body .news-page .news-hero h1{font-size:clamp(24px,2.6vw,30px)}
body .news-page .news-hero p{font-size:14px}
body .news-filters{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;margin-bottom:12px;scroll-margin-top:90px;scrollbar-width:thin}
body .news-filter{display:inline-flex;align-items:center;gap:9px;flex:none;min-height:40px;padding:7px 12px;border:1px solid var(--line,#3b5337);border-radius:10px;background:var(--panel,#142820);color:var(--text,#e7efe2);font:inherit;font-size:12px;font-weight:650;cursor:pointer;white-space:nowrap}
body .news-filter span{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:6px;background:color-mix(in srgb,var(--accent,#bedca5) 15%,transparent);font-size:10px}
body .news-filter:hover,body .news-filter.is-active{border-color:var(--accent,#bedca5);color:var(--accent,#bedca5)}
body .news-filter.is-active{background:color-mix(in srgb,var(--accent,#bedca5) 12%,var(--panel,#142820))}
body .news-filter:focus-visible,body .news-note summary:focus-visible{outline:2px solid var(--accent,#bedca5);outline-offset:3px}
body .news-feed{display:grid;gap:9px;margin:0;padding:0;list-style:none;scroll-margin-top:90px}
body .news-note{border:1px solid var(--line,#3b5337);border-radius:13px;background:var(--panel,#142820);color:var(--text,#e7efe2);overflow:hidden}
body .news-note.is-latest{border-color:color-mix(in srgb,var(--accent,#bedca5) 55%,var(--line,#3b5337))}
body .news-note summary{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:5px;align-items:center;padding:14px 18px;list-style:none;cursor:pointer}
body .news-note summary::-webkit-details-marker{display:none}
body .news-note-meta{grid-column:1;display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:var(--muted,#a8bca6);font-size:11px}
body .news-note-meta span,body .news-note-meta b{color:var(--accent,#bedca5);font-weight:650}
body .news-note summary strong{grid-column:1;font-family:Sora,sans-serif;font-size:15px;line-height:1.4;color:var(--text,#e7efe2)}
body .news-note-preview{grid-column:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted,#a8bca6);font-size:12px;line-height:1.5}
body .news-note-toggle{grid-column:2;grid-row:1/4;justify-self:end;padding:5px 9px;border-radius:7px;background:color-mix(in srgb,var(--accent,#bedca5) 12%,transparent);color:var(--accent,#bedca5);font-size:12px;font-weight:700;line-height:1.3}
body .news-note-close,body .news-note[open] .news-note-read{display:none}
body .news-note[open] .news-note-close{display:inline}
body .news-note[open] .news-note-preview{display:none}
body .news-note ul{display:grid;gap:10px;margin:0;padding:0 20px 18px 24px;list-style:none}
body .news-note li{padding:0 0 0 13px;border-left:2px solid color-mix(in srgb,var(--accent,#bedca5) 55%,transparent);font-size:14px;line-height:1.6;color:var(--text,#e7efe2);overflow-wrap:anywhere}
@media(max-width:760px){body .news-page .news-hero{padding:18px;margin-bottom:15px}body .news-page .news-hero-copy{gap:12px}body .news-page .news-hero-icon{width:40px;height:40px}body .news-page .news-hero-count{font-size:11px}body .news-note summary{padding:12px 14px}body .news-note ul{padding:0 15px 16px 18px}}
body .wish-panel{display:grid;gap:10px;margin:14px 0 0}
body .wish-toggle.button{justify-self:start;display:inline-flex;align-items:center;gap:8px}
body .wish-toggle.is-wished{border-color:#bedca5;background:#bedca51f;color:#e6f5da}
body .wish-wanted{display:flex;align-items:center;gap:7px;margin:0;font-size:13px;font-weight:600;color:#d6e8cf}
body .wish-wanted svg{width:15px;height:15px;color:#bedca5}
body .wish-players{display:flex;flex-wrap:wrap;gap:6px}
body .wish-player{padding:4px 10px;border:1px solid #9aba9b40;border-radius:999px;background:#132219;color:#e3eedf;font:inherit;font-size:12.5px;cursor:pointer}
body .wish-player:hover{border-color:#bedca5;background:#1a3024}
body .wish-more{align-self:center;font-size:12px;color:#9fb5a4}
body .wishes-page{width:100%}
body .wish-section{margin:0 0 34px}
body .wish-section-heading{display:flex;align-items:center;gap:10px;margin:0 0 6px}
body .wish-section-heading h2{margin:0;font-family:Sora,sans-serif;font-size:20px;color:#eef6ea}
body .wish-section-heading span{min-width:28px;padding:2px 9px;border-radius:999px;background:#bedca51f;color:#d8ecc9;font-size:12.5px;font-weight:700;text-align:center}
body .wish-hint{margin:0 0 14px;max-width:70ch;font-size:13.5px;line-height:1.6;color:#a9bfac}
body .wish-empty{margin:10px 0 0;padding:18px 20px;border:1px dashed #9aba9b40;border-radius:14px;color:#a9bfac;font-size:14px}
body .wish-grid{margin-top:12px}
body .numbered-pagination{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:20px auto}
body .numbered-page-button{box-sizing:border-box;display:inline-flex;flex:0 0 38px;align-items:center;justify-content:center;width:38px!important;min-width:38px!important;max-width:38px;height:38px!important;min-height:38px!important;max-height:38px;padding:0!important;border-radius:10px;font-size:13px;font-weight:650;line-height:1}
body .numbered-page-button svg{width:17px;height:17px;stroke-width:2}
body .numbered-page-button.is-active{border-color:#bedca5aa;background:#bedca526;color:#e6f5da}
body .numbered-page-button:disabled{opacity:.42;cursor:not-allowed}
body .numbered-page-status{margin:0 5px;color:#a9bfac;font-size:12px}
body #wish-board-results{overflow-anchor:none}
@media(max-width:520px){body .numbered-pagination{gap:4px}body .numbered-page-button{flex-basis:34px;width:34px!important;min-width:34px!important;max-width:34px;height:34px!important;min-height:34px!important;max-height:34px}body .numbered-page-status{flex-basis:100%;order:2;text-align:center}}
body .wish-item{display:grid;gap:8px;align-content:start;min-width:0}
body .wish-toggle small{margin-left:auto;padding:2px 8px;border-radius:999px;background:#bedca526;color:#e6f5da;font-size:12px;font-weight:700}
body .wish-player{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;text-align:left}
body .wish-player strong{font-weight:650}
body .wish-offer,body .wish-trade{padding:1px 7px;border-radius:999px;font-size:11.5px;font-weight:650;line-height:1.6}
body .wish-offer{background:#f2c86a26;color:#ffd98a}
body .wish-trade{background:#8ec9ff1f;color:#b9dcff}
body .wish-terms{display:flex;flex-wrap:wrap;gap:6px;min-height:22px}
body .wish-edit-button.button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:40px;border-radius:10px;font-size:13px}
body .wish-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:6px;border:1px solid #9aba9b2e;border-radius:14px;background:#0f1d16;width:fit-content;max-width:100%}
body .wish-tab{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 16px;border:0;border-radius:10px;background:transparent;color:#b9ccbb;font:inherit;font-size:14px;font-weight:650;cursor:pointer}
body .wish-tab:hover{background:#ffffff0a;color:#e6f0e2}
body .wish-tab.is-active{background:#bedca5;color:#15271b}
body .wish-tab span{min-width:22px;padding:1px 7px;border-radius:999px;background:#0000002e;font-size:12px;text-align:center}
body .wish-board-search{max-width:460px;margin:0 0 16px}
body .wish-item{position:relative}
body .wish-item.is-owned .collectible-card{outline:2px solid #bedca5;outline-offset:3px}
body .wish-owned-badge{position:absolute;top:-8px;right:-6px;z-index:5;padding:3px 10px;border-radius:999px;background:#bedca5;color:#15271b;font-size:12px;font-weight:800;box-shadow:0 4px 12px #0006}
body .wish-form{display:grid;gap:16px}
body .wish-form h3{margin:0;font-family:Sora,sans-serif;font-size:19px;color:#eef6ea}
body .wish-form-intro{margin:0;font-size:13.5px;line-height:1.6;color:#b9ccbb}
body .wish-field{display:grid;gap:6px;font-size:13.5px;font-weight:600;color:#dbe8dc}
body .wish-offer-input{display:flex;align-items:center;gap:8px;max-width:260px;padding:0 12px;border:1px solid #9aba9b40;border-radius:10px;background:#0d1a13}
body .wish-offer-input:focus-within{border-color:#bedca5}
body .wish-offer-input input{flex:1;min-width:0;min-height:42px;border:0;background:transparent;color:#eef6ea;font:inherit;font-size:15px;outline:none}
body .wish-offer-input b{color:#ffd98a;font-size:13px}
body .wish-field small{font-weight:400;font-size:12px;line-height:1.5;color:#9fb5a4}
body .wish-switch{display:flex;align-items:center;gap:10px;font-size:14px;color:#dbe8dc;cursor:pointer}
body .wish-switch input{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:40px;height:22px;margin:0;border-radius:999px;background:#2b3f33;box-shadow:inset 0 0 0 1px #9aba9b40;cursor:pointer;transition:background .18s}
body .wish-switch input::before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#cfdccf;transition:transform .18s,background .18s}
body .wish-switch input:checked{background:#bedca5}
body .wish-switch input:checked::before{transform:translateX(18px);background:#15271b}
body .wish-switch input:focus-visible{outline:2px solid #bedca5;outline-offset:3px}
body .wish-remove.button{border-color:#e0806f80;color:#ffb3a5}
@media(prefers-reduced-motion:reduce){body .wish-switch input,body .wish-switch input::before{transition:none}}
body .sidebar-navigation{scrollbar-width:none}
body .sidebar-navigation::-webkit-scrollbar{width:0;height:0}
body .sidebar-navigation:hover,body .sidebar-navigation:focus-within{scrollbar-width:thin}
body .sidebar-navigation:hover::-webkit-scrollbar,body .sidebar-navigation:focus-within::-webkit-scrollbar{width:6px}
body .sidebar-navigation:hover::-webkit-scrollbar-thumb,body .sidebar-navigation:focus-within::-webkit-scrollbar-thumb{background:#4b6d55;border-radius:6px}
body .sidebar-navigation .nav-link{min-height:40px;padding-block:8px}
body .sidebar-navigation .nav-label{margin:14px 14px 8px}
body .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body .wish-players{display:grid;gap:6px;min-width:0}
body .wish-player{display:flex;align-items:center;gap:8px;width:100%;min-width:0;max-width:100%;padding:5px 10px 5px 5px;border:1px solid #9aba9b40;border-radius:999px;background:#132219;color:#e3eedf;font:inherit;font-size:13px;text-align:left;cursor:pointer;flex-wrap:nowrap;box-sizing:border-box}
body .wish-player strong{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:650}
body .wish-player-initial{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:#bedca5;color:#15271b;font-size:12px;font-weight:800}
body .wish-player-terms{display:flex;flex:none;gap:4px}
body .wish-offer,body .wish-trade{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 7px;border-radius:999px;font-size:12px;font-weight:700;line-height:1;white-space:nowrap}
body .wish-offer svg,body .wish-trade svg{width:13px;height:13px;flex:none}
body .wish-trade{padding:0 6px}
body .wish-card{position:relative;min-width:0}
body .wish-card-tags{position:absolute;left:10px;top:40px;z-index:6;display:flex;flex-direction:column;align-items:flex-start;gap:5px;pointer-events:none}
body .wish-card-tags .wish-offer{background:#1d1607e6;color:#ffd98a;box-shadow:0 2px 8px #0008,inset 0 0 0 1px #ffd98a55}
body .wish-card-tags .wish-trade{background:#08182be6;color:#b9dcff;box-shadow:0 2px 8px #0008,inset 0 0 0 1px #b9dcff55}
body .wish-card-tags:empty{display:none}
body .wish-panel .wish-players{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
body .wish-offer,body .wish-trade,body .wish-no-offer{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700;line-height:1;white-space:nowrap;box-shadow:none}
body .wish-offer{background:#f2c86a24;color:#ffd98a;border:1px solid #ffd98a40}
body .wish-trade{background:#8ec9ff1c;color:#b9dcff;border:1px solid #b9dcff40}
body .wish-no-offer{background:#ffffff08;color:#9fb5a4;border:1px solid #ffffff14;font-weight:600}
body .wish-terms-bar{display:flex;flex-wrap:wrap;gap:6px;min-height:24px}
body .wish-player-terms .wish-offer,body .wish-player-terms .wish-trade{height:22px;padding:0 8px;font-size:11.5px}
body .wish-item{display:grid;grid-template-rows:auto 1fr;gap:10px;align-content:start}
body .wish-offer-panel{display:grid;gap:8px;align-content:start;padding:9px;border:1px solid #9aba9b2e;border-radius:14px;background:#111f18}
body .wish-offer-panel .wish-player{border:0;background:transparent;padding:0;border-radius:8px}
body .wish-offer-panel .wish-player:hover strong{text-decoration:underline}
body .wish-offer-row{display:flex;flex-wrap:nowrap;gap:6px;min-width:0;overflow:hidden}
body .wish-offer-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto}
body .wish-offer-row>.wish-offer{flex:none}
body .wish-offer-panel .wish-edit-button.button{min-height:36px}
body .review-form .review-form-row{align-items:end}
body .review-form .field label{display:block;margin:0 0 7px;line-height:1.4}
body .review-form .field select,body .review-form .field input{box-sizing:border-box;width:100%;height:50px;min-height:50px;margin:0;padding:0 14px;font-size:14px;line-height:1.4}
body .review-form .field select{appearance:none;-webkit-appearance:none;padding-right:38px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2714%27 height=%2714%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23bedca5%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m6 9 6 6 6-6%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:14px}
body .market-page .seller-label{flex-wrap:nowrap;overflow-wrap:normal;white-space:nowrap;max-width:100%}
body .market-page .seller-label>span{flex:none}
body .market-page .seller-label>.seller-name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
body .wish-reactions{display:flex;flex-wrap:wrap;gap:5px}
body .wish-reaction{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 8px;border:1px solid #9aba9b2e;border-radius:999px;background:#0d1a13;color:#dbe8dc;font:inherit;font-size:14px;line-height:1;cursor:pointer;opacity:.65;transition:opacity .15s,transform .15s,border-color .15s}
body .wish-reaction:hover{opacity:1;transform:translateY(-1px)}
body .wish-reaction.has-count{opacity:1}
body .wish-reaction b{font-size:12px;font-weight:700}
body .wish-reaction.is-mine{opacity:1;border-color:#bedca5;background:#bedca51f}
body .chat-page{width:100%;max-width:980px;margin:0 auto}
body .chat-panel{display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:12px;height:min(70vh,760px);min-height:420px;padding:16px;border:1px solid #9aba9b2e;border-radius:20px;background:linear-gradient(160deg,#132219,#0e1a14)}
body .chat-list{display:flex;flex-direction:column;gap:4px;min-height:0;margin:0;padding:4px 6px 4px 0;list-style:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4b6d55 transparent}
body .chat-message{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:8px 10px;border-radius:12px}
body .chat-message:hover{background:#ffffff06}
body .chat-avatar{display:grid;place-items:center;width:38px;height:38px;overflow:hidden;border-radius:50%;background:#bedca5;color:#15271b;font-weight:800}
body .chat-avatar img{width:100%;height:100%;object-fit:cover}
body .chat-avatar.is-vip{box-shadow:0 0 0 2px #f6cf6a,0 0 14px #f6cf6a88}
body .chat-content{min-width:0}
body .chat-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}
body .chat-name{max-width:100%;padding:0;border:0;background:none;color:#eef6ea;font:inherit;font-size:14px;font-weight:700;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
body .chat-name:hover{text-decoration:underline}
body .chat-name.is-vip{background:linear-gradient(90deg,#ffd76a,#fff4c2,#f5b83d,#ffd76a);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 12px #f6cf6a55;animation:chat-vip-shine 3s linear infinite}
@keyframes chat-vip-shine{to{background-position:-200% 0}}
body .chat-badge{padding:1px 7px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.3px;line-height:1.6;text-transform:uppercase}
body .chat-badge-vip{background:linear-gradient(90deg,#f6cf6a,#e6a83a);color:#2a1c05}
body .chat-badge-owner{background:#bedca5;color:#15271b}
body .chat-badge-admin{background:#ff9c87;color:#2b0f09}
body .chat-badge-moderator{background:#8ec9ff;color:#081b2e}
body .chat-tag{padding:1px 7px;border:1px solid #9aba9b40;border-radius:999px;color:#b9ccbb;font-size:11px;max-width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
body .chat-meta time{color:#87a08d;font-size:11.5px}
body .chat-delete{display:grid;place-items:center;width:26px;height:26px;margin-left:auto;padding:0;border:0;border-radius:7px;background:transparent;color:#d98b7d;cursor:pointer;opacity:0;transition:opacity .15s}
body .chat-message:hover .chat-delete,body .chat-delete:focus-visible{opacity:1}
body .chat-delete svg{width:15px;height:15px}
body .chat-body{margin:3px 0 0;color:#d6e4d8;font-size:14.5px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
body .chat-empty{margin:auto;padding:30px 10px;color:#9fb5a4;text-align:center;list-style:none}
body .chat-form{display:flex;align-items:flex-end;gap:10px}
body .chat-form textarea{flex:1;min-width:0;min-height:46px;max-height:140px;padding:12px 14px;border:1px solid #9aba9b40;border-radius:12px;background:#0d1a13;color:#eef6ea;font:inherit;font-size:14px;line-height:1.45;resize:vertical}
body .chat-form textarea:focus{outline:none;border-color:#bedca5}
body .chat-form .button{min-height:46px;padding-inline:20px}
body .chat-rules{margin:0;color:#87a08d;font-size:12px}
@media(max-width:600px){body .chat-panel{height:calc(100dvh - 230px);padding:10px}}
@media(prefers-reduced-motion:reduce){body .chat-name.is-vip{animation:none}body .wish-reaction{transition:none}}
body .chat-drop{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:6px 0;padding:12px 14px;border:1px solid #f6cf6a55;border-radius:14px;background:linear-gradient(120deg,#2a2208,#16130a);list-style:none}
body .chat-drop.is-open{box-shadow:0 0 0 1px #f6cf6a88,0 0 24px #f6cf6a33}
body .chat-drop-coin{font-size:28px}
body .chat-drop strong{color:#ffd98a;font-size:15px}
body .chat-drop p{margin:2px 0 0;color:#cdbb8a;font-size:12.5px}
body .chat-drop-status{color:#b7a77d;font-size:12.5px;text-align:right}
body .chat-drop-claim.button{min-height:38px}
body .wish-reactions{position:relative;display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
body .wish-react-summary{position:relative;display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 8px;border:1px solid #9aba9b2e;border-radius:999px;background:#0d1a13;font-size:13px;cursor:default}
body .wish-react-summary b{font-size:12px;color:#dbe8dc}
body .wish-react-tooltip{position:absolute;bottom:calc(100% + 6px);left:0;z-index:30;padding:6px 10px;border:1px solid #9aba9b40;border-radius:10px;background:#0b1510;color:#e3eedf;font-size:12.5px;white-space:nowrap;box-shadow:0 8px 20px #0008;opacity:0;pointer-events:none;transition:opacity .12s}
body .wish-react-summary:hover .wish-react-tooltip,body .wish-react-summary:focus .wish-react-tooltip{opacity:1}
body .wish-react-anchor{position:relative;display:inline-flex}
body .wish-react-open{display:inline-flex;align-items:center;gap:1px;height:26px;padding:0 7px;border:1px dashed #9aba9b55;border-radius:999px;background:transparent;color:#b9ccbb;font:inherit;font-size:13px;cursor:pointer;opacity:.75}
body .wish-react-open:hover,body .wish-react-open[aria-expanded="true"]{opacity:1;border-style:solid;border-color:#bedca5}
body .wish-react-open span{font-size:11px;font-weight:800}
body .wish-react-picker{position:absolute;bottom:calc(100% + 6px);left:0;z-index:31;display:flex;gap:2px;padding:5px;border:1px solid #9aba9b40;border-radius:999px;background:#0b1510;box-shadow:0 10px 24px #0009}
body .wish-react-picker[hidden]{display:none}
body .wish-react-picker .wish-reaction{width:32px;height:32px;padding:0;justify-content:center;border:0;background:transparent;opacity:1;font-size:18px}
body .wish-react-picker .wish-reaction:hover{transform:scale(1.2)}
body .wish-react-picker .wish-reaction.is-mine{background:#bedca52e;border-radius:50%}
body .chat-typing{min-height:18px;margin:0;color:#9fb5a4;font-size:12.5px;font-style:italic}
body .public-profile-friend{display:flex;align-items:center;margin:0 0 0 auto;flex:0 0 auto}
body .public-profile-friend .button{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:0;height:auto;padding:6px 12px;border-radius:8px;font-size:13px;line-height:1.2}
body .public-profile-friend .button svg{width:14px;height:14px}
body .public-profile-friend-status{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid #bedca566;border-radius:8px;color:#d8ecc9;font-size:13px;font-weight:650;white-space:nowrap}
body .public-profile-friend-status svg{width:14px;height:14px}
@media(max-width:600px){body .public-profile-identity{flex-wrap:wrap}body .public-profile-friend{margin:6px 0 0 auto}}
body .public-profile-favorite{align-items:center}
body .public-profile-favorite dt,body .public-profile-favorite dd{line-height:1.5;margin:0}
body .chat-page{max-width:1400px}
body .chat-panel{height:calc(100dvh - 190px);min-height:560px;max-height:none;padding:0;gap:0;overflow:hidden;border:1px solid #bedca52e;border-radius:18px;background-color:#0c1611;background-image:radial-gradient(#bedca514 1px,transparent 1px),radial-gradient(70% 60% at 0% 0%,#2f5a3e55,transparent 70%),radial-gradient(60% 60% at 100% 100%,#f6cf6a1a,transparent 70%);background-size:22px 22px,100% 100%,100% 100%;box-shadow:0 24px 60px #00000059,inset 0 1px 0 #ffffff0d}
body .chat-list{gap:0;padding:14px 10px 6px}
body .chat-message{max-width:none;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:5px 10px;border:0;border-radius:8px;background:none}
body .chat-message:hover{background:#ffffff0a}
body .chat-message.is-mine{align-self:stretch;border-radius:8px;background:none;box-shadow:none}
body .chat-avatar{width:30px;height:30px;font-size:13px}
body .chat-name{font-size:13px}
body .chat-meta time{font-size:10.5px}
body .chat-badge{font-size:9px;padding:0 6px}
body .chat-tag{font-size:10px}
body .chat-body{margin:1px 0 0;font-size:13.5px;line-height:1.4}
body .chat-gif{display:block;max-width:min(260px,100%);max-height:200px;margin-top:4px;border-radius:10px;object-fit:contain}
body .chat-typing{padding:0 18px;font-size:11.5px}
body .chat-form{gap:8px;padding:10px 12px;border-top:1px solid #ffffff12;background:#0a130ecc;backdrop-filter:blur(6px)}
body .chat-form textarea{min-height:40px;padding:9px 12px;border-radius:10px;font-size:13.5px;resize:none;background:#ffffff0a}
body .chat-form .button{min-height:40px;padding-inline:16px}
body .chat-rules{padding:0 16px 10px;background:#0a130ecc;font-size:11px}
@media(max-width:600px){body .chat-panel{height:calc(100dvh - 170px);min-height:420px;border-radius:12px}}
body .chat-panel{min-height:0}
body .chat-message,body .chat-message.is-mine,body .chat-message:hover{border:0;outline:0;box-shadow:none}
body .chat-panel{position:relative}
body .chat-form{align-items:center}
body .chat-form textarea{height:40px;min-height:40px;max-height:40px;margin:0;padding:10px 12px;overflow-y:auto;resize:none}
body .chat-form .button{height:40px;min-height:40px;margin:0;align-self:center}
body .chat-tools{display:flex;gap:4px;flex:0 0 auto}
body .chat-tool{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:10px;background:transparent;color:#bedca5;font-size:20px;line-height:1;cursor:pointer}
body .chat-tool:hover{background:#ffffff12}
body .chat-tool-gif{font-size:11px;font-weight:800;letter-spacing:.5px}
body .chat-tool-gif{box-shadow:inset 0 0 0 1.5px #bedca5;width:34px;height:24px;border-radius:6px;margin:6px 2px}
body .chat-popover{position:absolute;left:12px;bottom:92px;z-index:5;width:min(340px,calc(100% - 24px));padding:10px;border-radius:14px;background:#13241b;box-shadow:0 16px 40px #00000080}
body .chat-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;max-height:220px;overflow-y:auto}
body .chat-emoji{padding:4px 0;border:0;border-radius:8px;background:none;font-size:22px;cursor:pointer}
body .chat-emoji:hover{background:#ffffff14}
body .chat-gif-panel{display:grid;gap:10px}
body .chat-gif-panel label{display:grid;gap:5px;color:#b9ccbb;font-size:12px}
body .chat-gif-row{display:flex;gap:6px}
body .chat-gif-row input{flex:1;min-width:0;height:36px;padding:0 10px;border:0;border-radius:8px;background:#ffffff0f;color:#eef6ea;font:inherit;font-size:13px}
body .chat-gif-row .button{height:36px;min-height:36px;padding-inline:12px}

.chat-gif-picker{display:grid;gap:8px;width:min(420px,calc(100vw - 48px))}.chat-gif-picker input{height:36px;border-radius:10px;padding:0 10px}.chat-gif-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-height:300px;overflow-y:auto}.chat-gif-pick{padding:0;border:0;background:rgba(127,127,127,.15);border-radius:8px;overflow:hidden;cursor:pointer;aspect-ratio:1}.chat-gif-pick img{width:100%;height:100%;object-fit:cover;display:block}.chat-gif-pick:hover{outline:2px solid var(--accent,#7c5cff)}
.chat-tools{display:flex;align-items:center;gap:4px}.chat-tool{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;line-height:1;font-size:18px;vertical-align:middle}.chat-tool-gif{font-size:12px;font-weight:800}
.chat-popover[data-kind="gif"]{width:min(440px,calc(100% - 24px))}
.chat-gif-picker{width:100%}
.chat-gif-picker input{width:100%;box-sizing:border-box;border:0;background:#ffffff0f;color:#eef6ea;font:inherit;font-size:13px}
.chat-gif-grid{display:block;columns:2;column-gap:6px;max-height:min(360px,50vh);overflow-y:auto;overflow-x:hidden}
.chat-gif-pick{display:block;width:100%;height:auto;min-height:0;margin:0 0 6px;aspect-ratio:auto;break-inside:avoid;transform:none}
.chat-gif-pick img{height:auto;object-fit:contain}
.chat-gif-grid{columns:3;max-height:min(420px,55vh)}
.chat-gif-grid.is-categories{display:grid;columns:auto;grid-template-columns:repeat(2,1fr);gap:6px}
.chat-gif-cat{position:relative;display:block;height:80px;padding:0;border:0;border-radius:8px;overflow:hidden;cursor:pointer;background:#ffffff0f}
.chat-gif-cat img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.55)}
.chat-gif-cat span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px;text-transform:capitalize;text-shadow:0 1px 4px #000}
.chat-gif-cat:hover img{filter:brightness(.8)}
.chat-tool,.chat-tool-gif{margin:0;align-self:center}
.chat-tool-gif{height:22px;width:32px}
.chat-tool svg{display:block}
.chat-gif-head{display:flex;align-items:center;gap:6px}
.chat-gif-head input{flex:1;min-width:0}
.chat-gif-back{flex:0 0 36px;height:36px;border:0;border-radius:10px;background:#ffffff12;color:#eef6ea;font-size:18px;cursor:pointer}
.chat-gif-back:hover{background:#ffffff22}
.chat-gif-back{display:inline-flex;align-items:center;justify-content:center;padding:0;color:#bedca5}.chat-gif-back[hidden]{display:none}.chat-gif-back svg{display:block}
.chat-avatar-wrap{position:relative;flex:0 0 auto;width:30px;height:30px;align-self:flex-start}
.chat-avatar-wrap .chat-avatar{width:100%;height:100%}
.chat-message .chat-avatar-wrap.appearance-avatar{--avatar-size:30px;width:30px;height:30px;margin:2px 0 0;box-shadow:none;background:none}
.chat-message .chat-avatar-wrap.appearance-avatar::before{inset:-3px;border-width:2px}
.chat-message .chat-avatar-wrap.appearance-avatar::after{transform:scale(.5);transform-origin:50% 100%}
.chat-message .chat-avatar-wrap .avatar-companion{width:60%;top:-30%;right:-20%}
.wish-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 16px}
.wish-filters select{height:36px;padding:0 10px;border:1px solid #9aba9b40;border-radius:10px;background:#0d1a13;color:#eef6ea;font:inherit;font-size:13px;cursor:pointer}
.wish-chip{height:36px;padding:0 14px;border:1px solid #9aba9b40;border-radius:999px;background:transparent;color:#b9ccbb;font:inherit;font-size:13px;cursor:pointer}
.wish-chip.is-on{background:#bedca5;border-color:#bedca5;color:#15271b;font-weight:700}
@media (max-width:600px){.wish-filters select{flex:1 1 45%}}
.wish-filters{align-items:flex-end;gap:12px}
.wish-filters wa-select{min-width:170px}
.wish-chips{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:600px){.wish-filters wa-select{flex:1 1 45%;min-width:0}}
.wish-grid .wish-item{padding:10px;border:1px solid #9aba9b2e;border-radius:18px;background:linear-gradient(180deg,#152a1f,#0d1913);box-shadow:0 12px 30px #00000059,inset 0 1px 0 #ffffff0d;transition:border-color .15s,transform .15s}
.wish-grid .wish-item:hover{border-color:#bedca566}
.wish-grid .wish-item.is-owned{border-color:#bedca5aa}
.wish-grid .wish-item.is-owned .collectible-card{outline:0}
.wish-grid .wish-offer-panel{padding:4px 2px 0;border:0;border-top:1px solid #ffffff10;border-radius:0;background:transparent}
.wish-grid .wish-board-item{padding:0;border:0;background:none;box-shadow:none}
.wish-board-item .wish-card{position:relative;border-radius:16px}
.wish-overlay{position:absolute;left:8px;right:8px;bottom:8px;z-index:8;display:grid;gap:7px;padding:10px;border:1px solid #bedca533;border-radius:14px;background:#0b1510ee;backdrop-filter:blur(8px);box-shadow:0 12px 30px #000a;transition:opacity .18s ease,transform .18s ease}
.wish-overlay .wish-player{min-width:0}
.wish-react-open{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #bedca533;border-radius:10px;background:#ffffff0a;color:#bedca5;cursor:pointer}
.wish-react-open:hover,.wish-react-open[aria-expanded="true"]{background:#bedca522;color:#eef6ea}
.wish-react-open svg{display:block}
@media (hover:hover){
.wish-overlay{opacity:0;transform:translateY(8px);pointer-events:none}
.wish-board-item:hover .wish-overlay,.wish-board-item.is-hover-open .wish-overlay,.wish-board-item:focus-within .wish-overlay,.wish-board-item:has([aria-expanded="true"]) .wish-overlay{opacity:1;transform:none;pointer-events:auto}
.wish-board-item:hover .collectible-card{filter:brightness(.9)}
}
@media (prefers-reduced-motion:reduce){.wish-overlay{transition:none}}
body .wish-board-item.has-fitted-overlay .wish-overlay{right:auto;bottom:auto;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:8px;border:0;backdrop-filter:none;box-shadow:none;overflow:visible;box-sizing:border-box}
body .wish-board-item.has-fitted-overlay .wish-overlay .wish-player{padding:0;font-size:12px}
body .wish-board-item.has-fitted-overlay .wish-offer-row{font-size:11px}
body .wish-board-item.has-fitted-overlay .wish-react-open{width:26px;height:26px;border-radius:8px}
body .wish-board-item.has-fitted-overlay .wish-react-picker{bottom:calc(100% + 6px);top:auto}
@media (hover:hover){.wish-board-item:hover .collectible-card{filter:none}}
body .wish-board-item.has-fitted-overlay .wish-overlay{justify-content:flex-start;padding-top:8px}
.is-infinite{display:inline-grid;place-items:center;line-height:0}
.infinity-icon{display:block;width:18px;height:18px}
.nav-count .infinity-icon{width:16px;height:16px}
.chat-message{position:relative}
.chat-message:hover{background:#ffffff08}
.chat-actions{position:absolute;top:-14px;right:12px;z-index:4;display:none;gap:2px;padding:3px;border:1px solid #bedca533;border-radius:10px;background:#0f1d16;box-shadow:0 6px 18px #0008}
.chat-message:hover .chat-actions,.chat-message:focus-within .chat-actions{display:flex}
@media (hover:none){.chat-message.is-touched .chat-actions{display:flex}}
.chat-act{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:7px;background:transparent;color:#bedca5;cursor:pointer}
.chat-act:hover{background:#bedca522;color:#eef6ea}
.chat-act[data-danger]:hover{background:#e0565b33;color:#ff9a9d}
.chat-act svg{display:block}
.chat-react-menu{position:absolute;top:18px;right:12px;z-index:6;display:flex;gap:2px;padding:4px;border:1px solid #bedca533;border-radius:12px;background:#0f1d16;box-shadow:0 10px 24px #000a}
.chat-react-menu button{width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;font-size:18px;cursor:pointer}
.chat-react-menu button:hover{background:#ffffff14;transform:scale(1.12)}
.chat-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.chat-reaction{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border:1px solid #ffffff14;border-radius:999px;background:#ffffff0a;color:#d8e6d2;font-size:13px;cursor:pointer}
.chat-reaction b{font-size:11px;font-weight:700}
.chat-reaction.is-mine{border-color:#bedca5;background:#bedca522}
.chat-edited{font-size:10.5px;color:#8fa596}
.chat-reply-quote{display:block;max-width:100%;margin:0 0 2px;padding:0 0 0 8px;border:0;border-left:2px solid #bedca566;background:none;color:#9fb5a5;font:inherit;font-size:12px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.chat-reply-quote b{color:#bedca5}
.chat-mention{padding:0 3px;border-radius:4px;background:#bedca522;color:#d6f0c2;font-weight:600}
.chat-mention.is-me{background:#f6cf6a33;color:#ffe29a}
.chat-message.mentions-me{background:#f6cf6a12;box-shadow:inset 2px 0 0 #f6cf6a}
.chat-message.is-flash{background:#bedca522;transition:background .4s}
.chat-edit-form{display:grid;gap:6px;margin-top:4px}
.chat-edit-form textarea{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid #bedca555;border-radius:10px;background:#0d1a13;color:#eef6ea;font:inherit;font-size:13.5px;resize:vertical}
.chat-edit-form div{display:flex;gap:6px;justify-content:flex-end}
.chat-edit-form .button{min-height:32px;height:32px;padding-inline:12px}
.chat-reply-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px;border-top:1px solid #ffffff12;background:#0f1d16;color:#b9ccbb;font-size:12.5px}
.chat-reply-bar b{color:#bedca5}
.chat-reply-bar[hidden],.chat-mention-menu[hidden]{display:none}
#chat-mention.chat-mention-menu{position:absolute;left:12px;bottom:70px;z-index:6;display:grid;min-width:200px;padding:4px;border:1px solid #bedca533;border-radius:12px;background:#0f1d16;box-shadow:0 12px 30px #000a;font-weight:400}
.chat-mention-option{padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#eef6ea;font:inherit;font-size:13px;text-align:left;cursor:pointer}
.chat-mention-option.is-active,.chat-mention-option:hover{background:#bedca522}
.chat-mention[data-mention]{cursor:pointer}
.chat-mention-card{position:fixed;z-index:60;width:260px;box-sizing:border-box;display:grid;gap:12px;padding:14px;border:1px solid #bedca533;border-radius:16px;background:linear-gradient(160deg,#16291f,#0d1913);box-shadow:0 18px 40px #000b;color:#eef6ea}
.chat-mention-card[hidden]{display:none}
.chat-mention-card-head{display:flex;align-items:center;gap:12px;min-width:0}
.chat-mention-card-head strong{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-mention-card .chat-mention-card-avatar.appearance-avatar{--avatar-size:48px;width:48px;height:48px;margin:0;box-shadow:none;flex:0 0 48px}
.chat-mention-card-avatar .appearance-avatar-content{background:#bedca5;color:#15271b;font-weight:800;font-size:18px}
.chat-mention-card-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.chat-mention-card .button{width:100%;min-height:36px;height:36px}
.chat-unread[hidden]{display:none}
.chat-mention-card-head>div{flex:1;min-width:0}
.chat-mention-card-badges{min-width:0}
.chat-mention-card-badges .chat-tag{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-reaction{position:relative}
.chat-reaction[data-tip]:hover::after,.chat-reaction[data-tip]:focus-visible::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);z-index:8;width:max-content;max-width:220px;padding:6px 9px;border:1px solid #bedca533;border-radius:8px;background:#0b1510;color:#eef6ea;font-size:12px;font-weight:500;line-height:1.35;white-space:normal;text-align:center;box-shadow:0 8px 20px #000a;pointer-events:none}
.wish-react-tooltip{white-space:pre-line;text-align:left;max-width:240px}
.chat-form textarea{overflow-y:hidden;scrollbar-width:none}.chat-form textarea::-webkit-scrollbar{display:none}
.chat-context{position:fixed;z-index:70;display:grid;min-width:170px;padding:4px;border:1px solid #bedca533;border-radius:12px;background:#0f1d16;box-shadow:0 14px 34px #000b}
.chat-context button{padding:9px 12px;border:0;border-radius:8px;background:transparent;color:#eef6ea;font:inherit;font-size:13px;text-align:left;cursor:pointer}
.chat-context button:hover{background:#bedca522}
.redeem-allowance{margin:10px 0 0;padding:8px 12px;border-radius:10px;background:#bedca514;color:#cfe5c2;font-size:12.5px;line-height:1.45}
.redeem-allowance.is-capped{background:#f6cf6a1a;color:#ffe29a}
.emoji-picker{position:fixed;z-index:80;width:min(340px,calc(100vw - 16px));box-sizing:border-box;display:grid;gap:6px;padding:8px;border:1px solid #bedca533;border-radius:16px;background:#0f1d16;box-shadow:0 18px 44px #000c}
.emoji-picker-quick{display:flex;justify-content:space-between;gap:2px;padding-bottom:6px;border-bottom:1px solid #ffffff12}
.emoji-picker-tabs{display:flex;justify-content:space-between;gap:2px}
.emoji-picker-tab{flex:1;height:32px;padding:0;border:0;border-radius:8px;background:transparent;font-size:17px;cursor:pointer;opacity:.6;filter:grayscale(.5)}
.emoji-picker-tab:hover,.emoji-picker-tab.is-active{opacity:1;filter:none;background:#bedca51c}
.emoji-picker-title{margin:2px 4px 0;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8fae9c}
.emoji-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;max-height:240px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3f6a51 transparent}
.emoji-picker-item{height:36px;padding:0;border:0;border-radius:8px;background:transparent;font-size:22px;line-height:1;cursor:pointer}
.emoji-picker-item:hover{background:#ffffff14;transform:scale(1.12)}
.emoji-picker-item.is-mine{background:#bedca52a}
.wish-react-picker{display:none!important}
.emoji-picker-search{width:100%;box-sizing:border-box;height:34px;padding:0 10px;border:1px solid #bedca533;border-radius:10px;background:#0b1510;color:#eef6ea;font:inherit;font-size:13px}
.emoji-picker-search:focus{outline:none;border-color:#bedca5}
.emoji-picker.is-searching .emoji-picker-tab.is-active{background:transparent;opacity:.6;filter:grayscale(.5)}
.collection-market-price strong:empty{display:none}
@media (max-width:700px){
body .chat-page{max-width:none;margin:0}
body .chat-page .page-heading p,body .chat-page>header p{display:none}
body .chat-page .page-heading,body .chat-page>header{margin-bottom:8px}
body .chat-page .page-heading h1,body .chat-page>header h1{font-size:22px}
body .chat-panel{min-height:0;border-radius:12px}
body .chat-list{padding:10px 4px 4px}
body .chat-message{grid-template-columns:28px minmax(0,1fr);gap:8px;padding:5px 6px}
.chat-message .chat-avatar-wrap.appearance-avatar{--avatar-size:28px;width:28px;height:28px}
body .chat-meta{flex-wrap:wrap;row-gap:2px}
body .chat-tag{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .chat-gif{max-width:min(220px,100%)}
body .chat-form{gap:4px;padding:6px}
body .chat-tools{gap:0}
body .chat-tool{width:32px;height:32px}
body .chat-form textarea{font-size:16px;padding:9px 10px}
body .chat-form .button{padding-inline:12px;font-size:13px}
body .chat-rules{display:none}
.chat-actions{top:-12px;right:4px}
.chat-act{width:34px;height:34px}
.chat-message.is-touched{background:#ffffff0a}
#chat-mention.chat-mention-menu{left:6px;right:6px;bottom:60px;min-width:0}
.chat-reply-bar{padding:6px 8px;font-size:12px}
.chat-reply-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
}
.rarity-rise{display:inline-block;margin-left:3px;color:#ffd979;font-weight:900;cursor:help}
.wish-reactions{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.wish-reaction-pill[data-tip]:hover::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);z-index:20;width:max-content;max-width:200px;padding:6px 9px;border:1px solid #bedca533;border-radius:8px;background:#0b1510;color:#eef6ea;font-size:12px;white-space:normal;pointer-events:none}
body .card-art.is-tall{position:relative;overflow:hidden;isolation:isolate}
body .card-art.is-tall::before{content:"";position:absolute;inset:-12%;z-index:0;background:var(--art-bg) center/cover no-repeat;filter:blur(14px) brightness(.55) saturate(1.1);pointer-events:none}
body .card-art.is-tall img{position:relative;z-index:1;object-fit:contain!important;object-position:50% 50%!important}
.wish-sell{width:100%;min-height:30px;height:30px;font-size:12px}
.wish-escrow{margin:0 0 12px;padding:9px 12px;border-radius:10px;background:#f6cf6a14;color:#ffe29a;font-size:12.5px}
body .sidebar-navigation{scrollbar-width:none;scrollbar-gutter:auto}
body .sidebar-navigation::-webkit-scrollbar{display:none;width:0}
body .sidebar-navigation,body .sidebar-navigation:hover,body .sidebar-navigation:focus-within{scrollbar-width:none!important}
body .sidebar-navigation::-webkit-scrollbar,body .sidebar-navigation:hover::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.quiet-button svg{width:18px;height:18px}
.quiet-button.is-quiet{color:#ffb4a8}
.quiet-button{position:relative}
.quiet-button.is-quiet{color:#ffcf6a;background:#ffcf6a1f}
.quiet-button.is-quiet::after{content:"";position:absolute;left:22%;right:22%;top:50%;height:2px;border-radius:2px;background:currentColor;transform:rotate(-40deg)}
.booster-tier-guarantee{margin:6px 0 0;padding:5px 10px;border-radius:999px;background:linear-gradient(90deg,#f6d77a,#c9952f);color:#2a1d05;font-size:12px;font-weight:800;text-align:center}
.chat-teaser{list-style:none;margin:6px auto;padding:8px 14px;border-radius:999px;background:linear-gradient(90deg,#f6cf6a22,#bedca522);color:#ffe29a;font-size:12.5px;font-weight:700;text-align:center;width:max-content;max-width:90%;animation:chat-teaser-in .4s ease-out,chat-teaser-glow 1.6s ease-in-out infinite alternate;transition:opacity .5s,transform .5s}
.chat-teaser.is-leaving,.chat-drop.is-leaving{opacity:0;transform:scale(.96)}
.chat-drop{transition:opacity .45s,transform .45s}
.chat-drop-timer{color:#ffd979;font-variant-numeric:tabular-nums}
@keyframes chat-teaser-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes chat-teaser-glow{from{box-shadow:0 0 0 #f6cf6a00}to{box-shadow:0 0 18px #f6cf6a55}}
@media (prefers-reduced-motion:reduce){.chat-teaser{animation:none}}
body .chat-form .chat-send{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.chat-send-icon{display:none}
.emoji-picker-grid{grid-template-columns:repeat(auto-fill,minmax(34px,1fr))}
.emoji-picker *{box-sizing:border-box}
@media (max-width:700px){
body .chat-form{display:flex;align-items:center;gap:4px;min-width:0}
body .chat-form textarea{flex:1 1 auto;min-width:0;width:auto}
body .chat-form .chat-send{flex:0 0 40px;width:40px;padding:0}
body .chat-form .chat-send .chat-send-label{display:none}
body .chat-form .chat-send .chat-send-icon{display:block}
body .chat-tools{flex:0 0 auto}
body .chat-popover{position:fixed;left:8px;right:8px;bottom:calc(env(safe-area-inset-bottom,0px) + 70px);width:auto;max-height:62dvh;overflow-y:auto;padding:10px;border-radius:16px;z-index:60}
body .chat-popover[data-kind="gif"]{width:auto}
body .chat-gif-picker{width:100%}
body .chat-gif-grid{columns:2;max-height:calc(62dvh - 70px)}
body .chat-gif-grid.is-categories{grid-template-columns:repeat(2,minmax(0,1fr))}
body .chat-gif-cat{height:64px}
body .chat-gif-head input{font-size:16px}
.emoji-picker{left:8px!important;right:8px;top:auto!important;bottom:calc(env(safe-area-inset-bottom,0px) + 70px);width:auto;max-width:none}
.emoji-picker-search{font-size:16px}
.emoji-picker-grid{max-height:38dvh}
.emoji-picker-quick{overflow-x:auto;justify-content:flex-start}
.emoji-picker-tabs{overflow-x:auto}
.emoji-picker-tab{flex:0 0 38px}
}
/* Phones: the top bar must fit the screen and the page must never scroll sideways. */
@media (max-width:760px){
html,body{max-width:100%;overflow-x:clip}
body .topbar{flex-wrap:wrap;height:auto;min-height:0;padding:8px 12px;gap:8px;align-items:center}
body .topbar-actions{flex:1 1 auto;min-width:0;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px}
body .topbar-actions .language-select{width:58px;min-width:58px;max-width:58px}
body .topbar-actions .icon-button,body:not(.auth-page) .topbar-actions #notification-button{width:34px;height:34px;min-width:34px;padding:7px;margin:0}
body .topbar-actions .pack-timer{min-width:0;max-width:100%;padding:4px 8px;gap:6px}
body .topbar-actions .pack-timer-text{display:none}
body .topbar-actions .balance{min-width:0;padding-inline:8px}
body #page-content,body .main,body main{min-width:0;max-width:100vw}
}
@media (max-width:760px){
body .topbar-actions .balance{position:static;inset:auto;right:auto;bottom:auto;top:auto;margin:0;order:0}
body .notifications-panel{left:8px!important;right:8px;width:auto!important;max-width:none;margin:0 auto}
body:has(.chat-page) .app-footer{display:none}
body:has(.chat-page){overflow:hidden;height:100dvh}
body:has(.chat-page) #page-content{overscroll-behavior:contain}
}
/* Short screens (laptops): the picker fits inside the chat box, search stays visible. */
@media (min-width:701px){
body .chat-popover{max-height:calc(100% - 104px);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}
body .chat-popover .chat-gif-picker{display:flex;flex-direction:column;gap:8px}
body .chat-popover .chat-gif-head{position:sticky;top:-10px;z-index:2;margin:-10px -10px 0;padding:10px;background:#13241b;border-radius:14px 14px 0 0}
body .chat-popover .chat-gif-grid{max-height:none;overflow:visible}
}
@media (min-width:701px) and (max-height:760px){
body .chat-gif-cat{height:62px}
body .chat-gif-grid.is-categories{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
body .topbar-actions .pack-timer{position:static;inset:auto;left:auto;right:auto;bottom:auto;top:auto;height:auto;min-height:34px;order:-1;margin-right:auto}
body .topbar .menu-toggle{position:relative;z-index:2;flex:0 0 auto}
}
@media (max-width:760px){
body .topbar{flex-wrap:nowrap;align-items:center}
body .topbar .menu-toggle{flex:0 0 40px;width:40px;margin:0}
body .topbar .breadcrumb{display:none}
body .topbar-actions{flex:1 1 auto;min-width:0;flex-wrap:wrap;row-gap:6px}
}
@media (max-width:380px){
body .topbar-actions{gap:4px}
body .topbar-actions .icon-button,body:not(.auth-page) .topbar-actions #notification-button{width:30px;height:30px;min-width:30px;padding:6px}
body .topbar-actions .language-select{width:50px;min-width:50px;max-width:50px}
}
.chat-drop-pet{position:absolute;left:0;top:0;z-index:7;display:grid;place-items:center;width:64px;height:64px;padding:0;border:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3c4,#f6cf6a 45%,#c9952f);box-shadow:0 0 0 3px #ffe29a66,0 8px 22px #000a,0 0 26px #f6cf6a99;cursor:pointer;transition-property:transform;transition-timing-function:linear;animation:drop-pet-in .35s ease-out}
.chat-drop-pet-coin{font-size:30px;line-height:1;animation:drop-pet-bob .5s ease-in-out infinite alternate}
.chat-drop-pet b{position:absolute;bottom:-8px;padding:1px 7px;border-radius:999px;background:#2a1d05;color:#ffe29a;font-size:11px;font-weight:900}
.chat-drop-pet.is-flipped .chat-drop-pet-coin{transform:scaleX(-1)}
.chat-drop-pet:hover{filter:brightness(1.1)}
.chat-drop-pet.is-leaving{opacity:0;transition:opacity .3s}
@keyframes drop-pet-in{from{opacity:0;scale:.4}to{opacity:1;scale:1}}
@keyframes drop-pet-bob{from{translate:0 -3px}to{translate:0 3px}}
@media (prefers-reduced-motion:reduce){.chat-drop-pet,.chat-drop-pet-coin{animation:none}}
.chat-message.is-grouped{padding-top:1px;padding-bottom:1px}
.chat-avatar-spacer{display:flex;align-items:center;justify-content:flex-end;width:30px;min-height:20px}
.chat-avatar-spacer time{opacity:0;font-size:9.5px;color:#8fa596;white-space:nowrap;transition:opacity .15s}
.chat-message.is-grouped:hover .chat-avatar-spacer time{opacity:1}
.chat-message.is-companion-assisted:not(.is-grouped){min-height:49px}
.chat-companion-mark{display:inline-flex;align-items:center;justify-content:center;width:22px;height:18px;border-radius:9px;background:#244436;color:#f5dd91;font-size:13px;line-height:1;box-shadow:0 0 0 1px #f5dd9159}
.chat-companion-owner{color:#96b4a0;font-size:10px;white-space:nowrap}
.chat-avatar-wrap>.chat-companion-mark{position:absolute;top:calc(100% + 2px);left:50%;transform:translateX(-50%)}
.chat-avatar-spacer>.chat-companion-mark{flex:none;margin:auto}
.chat-avatar-spacer:has(>.chat-companion-mark)>time{display:none}
.chat-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;align-items:center;gap:12px;padding:9px 14px;border-top:1px solid #ffffff10;background:#0a130e;font-size:11.5px;color:#8fae9c}
.chat-rules-line{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-companion-controls{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:center;gap:6px;min-width:0;width:100%;max-width:530px;justify-self:center}
.chat-companion-title{color:#bad8bb;font-size:10px;font-weight:750;white-space:nowrap}
.chat-auto-toggle{display:inline-flex;align-items:center;justify-content:center;justify-self:stretch;gap:6px;min-width:0;min-height:31px;padding:4px 7px;border:1px solid #55765c7a;border-radius:999px;background:#152a1e;color:#c8ddce;cursor:pointer;white-space:nowrap;transition:background .18s,border-color .18s,box-shadow .18s}
.chat-auto-toggle[hidden]{display:none}
.chat-auto-toggle:hover:not(:has(input:disabled)){background:#1d3929;border-color:#6d9b76}
.chat-auto-toggle:has(input:checked){background:#1d3b2a;border-color:#63ad7b9c;box-shadow:inset 0 0 0 1px #5fd38d12}
.chat-auto-toggle input{appearance:none;-webkit-appearance:none;position:relative;width:27px;height:16px;margin:0;flex:none;border:1px solid #738c77;border-radius:999px;background:#4a6250;cursor:pointer;transition:background .18s,border-color .18s}
.chat-auto-toggle input::before{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#f1f7ee;box-shadow:0 1px 2px #0005;transition:transform .18s}
.chat-auto-toggle input:checked{background:#63d48d;border-color:#77dfa0}
.chat-auto-toggle input:checked::before{transform:translateX(11px);background:#082015}
.chat-auto-toggle>span{font-size:10.5px;font-weight:700}
.chat-auto-toggle input:focus-visible{outline:2px solid #8de6aa;outline-offset:3px}
.chat-auto-toggle:has(input:disabled){opacity:.56;cursor:default}
.chat-viewers{display:inline-flex;align-items:center;justify-self:end;gap:6px;flex:0 0 auto;color:#cfe5c2;font-weight:700}
.chat-viewers-dot{width:8px;height:8px;border-radius:50%;background:#5fd38d;box-shadow:0 0 8px #5fd38d;animation:chat-live 1.6s ease-in-out infinite}
@keyframes chat-live{50%{opacity:.4}}
@media (max-width:700px){.chat-footer{padding:5px 8px;font-size:10.5px}.chat-message.is-grouped .chat-avatar-spacer{width:28px}}
@media (max-width:700px){.chat-footer{grid-template-columns:minmax(0,1fr) auto}.chat-companion-controls{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.chat-companion-title{grid-column:1/-1}.chat-auto-toggle{gap:4px;padding:4px 5px}.chat-auto-toggle>span{font-size:9.5px}}
@media (prefers-reduced-motion:reduce){.chat-auto-toggle,.chat-auto-toggle input,.chat-auto-toggle input::before{transition:none}}
@media (prefers-reduced-motion:reduce){.chat-viewers-dot{animation:none}}
.chat-message.mentions-me{background:linear-gradient(90deg,#f6cf6a33,#f6cf6a14 60%,transparent);box-shadow:inset 3px 0 0 #f6cf6a;border-radius:8px}
.chat-message.mentions-me:hover{background:linear-gradient(90deg,#f6cf6a40,#f6cf6a1c 60%,transparent)}
/* The chat grid must never grow wider than its box (long words, quotes, footer). */
body .chat-panel{grid-template-columns:minmax(0,1fr)}
body .chat-panel>*{min-width:0;max-width:100%}
body .chat-list,body .chat-form,body .chat-footer,body #chat-typing{min-width:0;max-width:100%;box-sizing:border-box}
body .chat-message{grid-template-columns:30px minmax(0,1fr)}
body .chat-content{min-width:0}
body .chat-body{overflow-wrap:anywhere;word-break:break-word}
body .chat-meta{min-width:0;flex-wrap:wrap}
body .chat-reply-quote{max-width:100%;min-width:0}
body .chat-gif{max-width:100%}
@media (max-width:700px){
body .chat-message{grid-template-columns:28px minmax(0,1fr)}
body .chat-tag{max-width:110px}
body .chat-footer{gap:8px}
body .chat-viewers{max-width:min(48vw,170px)}
body .chat-viewers #chat-viewers{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
.chat-message.mentions-me,.chat-message.mentions-me:hover{box-shadow:none;border:0}
/* "is typing" floats over the bottom of the list instead of pushing it up. */
body .chat-panel{position:relative}
body #chat-typing,body .chat-typing{position:absolute;left:14px;right:14px;bottom:var(--chat-typing-bottom,70px);z-index:3;height:auto;min-height:0;margin:0;padding:2px 8px;border-radius:8px;background:#0b1510d9;pointer-events:none;width:max-content;max-width:calc(100% - 28px)}
body #chat-typing:empty,body .chat-typing:empty{display:none}
body .chat-list{padding-bottom:26px;scroll-padding-bottom:26px}
body #chat-typing,body .chat-typing{padding:1px 8px;font-size:11.5px;line-height:18px;background:transparent}
.booster-tier-guarantee{background:#bedca522;color:#d7f0c2}
.booster-tier-guarantee.is-legendary{background:linear-gradient(90deg,#f6d77a,#c9952f);color:#2a1d05}
.site-announcement{--notice-bg:#1a2d23;--notice-line:#60734b;--notice-accent:#f2d480;--notice-text:#ecf1e8;--notice-soft:#efd17a24;position:fixed;top:88px;right:clamp(12px,2vw,28px);z-index:75;display:grid;grid-template-columns:32px minmax(0,1fr) 28px;align-items:center;column-gap:11px;row-gap:10px;width:min(360px,calc(100vw - 24px));box-sizing:border-box;padding:14px 15px;border-radius:14px;background:var(--notice-bg);border:1px solid var(--notice-line);color:var(--notice-text);box-shadow:0 14px 38px #0008,0 0 18px color-mix(in srgb,var(--notice-accent) 13%,transparent);max-height:calc(100dvh - 104px);overflow:hidden;transform:rotate(-1.1deg);transform-origin:90% 12%;animation:site-announcement-nudge 11s ease-in-out infinite}
.site-announcement-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--notice-soft);color:var(--notice-accent);font-size:16px;line-height:1}
.site-announcement-title{grid-column:2;grid-row:1;min-width:0;padding:0;border:0;background:none;color:var(--notice-accent);font-family:Sora,sans-serif;font-size:15px;font-weight:700;line-height:1.4;text-align:left;cursor:pointer;overflow-wrap:anywhere}
.site-announcement-title:hover{text-decoration:underline;text-underline-offset:3px}
.site-announcement-body{grid-column:1/-1;grid-row:2;margin:0;padding:0 2px;color:var(--notice-text);font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.site-announcement.is-collapsed .site-announcement-body{max-height:1.6em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-announcement.is-expanded .site-announcement-body{max-height:min(48dvh,440px);overflow:auto;overscroll-behavior:contain}
.site-announcement-close{grid-column:3;grid-row:1;width:28px;height:28px;padding:0;border:0;border-radius:8px;background:var(--notice-soft);color:var(--notice-text);cursor:pointer;font-size:15px}
.site-announcement-expand{grid-column:1/-1;grid-row:3;justify-self:start;padding:5px 9px;border:0;border-radius:7px;background:var(--notice-soft);color:var(--notice-accent);font:inherit;font-size:12px;font-weight:700;line-height:1.3;cursor:pointer;text-align:left}
.site-announcement-expand::after{content:"  ↓"}
.site-announcement.is-expanded .site-announcement-expand::after{content:"  ↑"}
.site-announcement-expand:hover{filter:brightness(1.25)}
.site-announcement-expand[hidden]{display:none}
.site-announcement-title:focus-visible,.site-announcement-close:focus-visible,.site-announcement-expand:focus-visible{outline:2px solid var(--notice-accent);outline-offset:3px}
.site-announcement-close:hover{filter:brightness(1.25)}
.site-announcement:hover,.site-announcement:focus-within{animation:none;transform:rotate(-1.1deg)}
.site-announcement.is-expanded,.site-announcement.is-expanded:hover,.site-announcement.is-expanded:focus-within{animation:none;transform:none}
@keyframes site-announcement-nudge{0%,6%,10%,100%{transform:translateX(0) rotate(-1.1deg)}7%{transform:translateX(-2px) rotate(-1.55deg)}8%{transform:translateX(2px) rotate(-.65deg)}9%{transform:translateX(-1px) rotate(-1.3deg)}}
@media(prefers-reduced-motion:reduce){.site-announcement{animation:none;transform:rotate(-1.1deg)}.site-announcement.is-expanded{transform:none}}
@media(max-width:600px){.site-announcement{top:74px;right:10px;width:min(340px,calc(100vw - 20px));max-height:calc(100dvh - 86px);padding:11px 12px}.site-announcement.is-expanded .site-announcement-body{max-height:42dvh}}
/* Four booster offers on one row on wide screens, two per row on tablets. */
@media (min-width:1100px){body .booster-tier-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}
@media (min-width:640px) and (max-width:1099px){body .booster-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){body .booster-tier-grid .booster-tier h3{font-size:clamp(20px,1.6vw,26px)}body .booster-tier-grid .booster-tier-art img{max-height:150px;width:auto;margin-inline:auto;display:block}}
body .booster-tier-guarantee{display:block;height:auto;min-height:0;padding:6px 12px;border-radius:12px;line-height:1.35;white-space:normal;text-wrap:balance;overflow:visible}
/* Booster bundles styled like cards: each takes the colour of its guaranteed rarity, the chest shines. */
body .booster-tier-grid{align-items:stretch}
body .booster-tier{--tier:#3b6fd6;--tier-ink:#b9d0ff;overflow:hidden;isolation:isolate;padding:22px 20px;border:1px solid color-mix(in srgb,var(--tier) 55%,transparent);background:radial-gradient(130% 60% at 50% 0%,color-mix(in srgb,var(--tier) 34%,transparent),transparent 62%),linear-gradient(165deg,#15261d,#0b1611);box-shadow:0 18px 40px #0007,inset 0 1px 0 #ffffff12;transition:transform .2s ease,box-shadow .2s ease}
body .booster-tier:hover{transform:translateY(-4px);box-shadow:0 24px 50px #0009,0 0 0 1px color-mix(in srgb,var(--tier) 70%,transparent),0 0 32px color-mix(in srgb,var(--tier) 30%,transparent)}
body .booster-tier:nth-child(1){--tier:#3b6fd6;--tier-ink:#b9d0ff;--bundle-tone:#3b6fd6}
body .booster-tier:nth-child(2){--tier:#2fc6d6;--tier-ink:#bff6fb;--bundle-tone:#2fc6d6}
body .booster-tier:nth-child(3){--tier:#d9a23a;--tier-ink:#ffe29a;--bundle-tone:#d9a23a}
body .booster-tier:nth-child(4){--tier:#f1c457;--tier-ink:#fff0bf;--bundle-tone:#f1c457}
body .booster-tier:nth-child(2){background:radial-gradient(120% 55% at 20% 0%,#2fc6d64d,transparent 60%),radial-gradient(120% 55% at 90% 10%,#e46fb244,transparent 60%),linear-gradient(165deg,#15261d,#0b1611)}
body .booster-tier .booster-tier-heading{width:100%;min-height:30px}
body .booster-tier .booster-tier-heading>span:first-child{color:var(--tier-ink);font-weight:800}
body .booster-tier .booster-tier-tag{background:color-mix(in srgb,var(--tier) 22%,transparent);color:var(--tier-ink)}
body .booster-tier .booster-tier-guarantee{display:flex;align-items:center;justify-content:center;min-height:42px;width:100%;box-sizing:border-box;margin:10px 0 0;padding:6px 10px;border-radius:12px;border:1px solid color-mix(in srgb,var(--tier) 60%,transparent);background:color-mix(in srgb,var(--tier) 20%,#0b1611);color:var(--tier-ink);font-size:12.5px;font-weight:800;line-height:1.3;text-align:center}
body .booster-tier:nth-child(2) .booster-tier-guarantee{background:linear-gradient(90deg,#2fc6d633,#e46fb233);border-color:#9ff0f766}
body .booster-tier:nth-child(3) .booster-tier-guarantee,body .booster-tier:nth-child(4) .booster-tier-guarantee{background:linear-gradient(90deg,#f6d77a,#c9952f);border-color:#ffe29a;color:#2a1d05}
body .booster-tier .booster-tier-art{position:relative;height:170px;margin:16px auto 6px}
body .booster-tier .booster-tier-art::before{opacity:.28;background:var(--bundle-tone)}
body .booster-tier:nth-child(1) .booster-tier-art img{filter:drop-shadow(0 12px 16px #0007) hue-rotate(70deg) saturate(1.2)}
body .booster-tier:nth-child(2) .booster-tier-art img{filter:drop-shadow(0 12px 16px #0007) hue-rotate(150deg) saturate(1.4)}
body .booster-tier:nth-child(3) .booster-tier-art img{filter:drop-shadow(0 12px 16px #0007) hue-rotate(310deg) saturate(1.5) brightness(1.08)}
body .booster-tier:nth-child(4) .booster-tier-art img{filter:drop-shadow(0 14px 22px #000a) drop-shadow(0 0 18px #f6d77a88) hue-rotate(310deg) saturate(1.8) brightness(1.15);transform:rotate(4deg) scale(1.08)}
body .booster-tier>.button{margin-top:auto}
body .booster-tier h3{color:#fff}
/* The chest: featured, gold, with a sweeping shine and a ribbon. */
body .booster-tier:nth-child(4){border-width:2px;border-color:#f1c457;background:radial-gradient(120% 60% at 50% 0%,#f1c45759,transparent 60%),radial-gradient(90% 40% at 50% 100%,#e46fb233,transparent 70%),linear-gradient(165deg,#1d2a17,#0d160f);box-shadow:0 22px 50px #000a,0 0 40px #f1c4573d}
body .booster-tier:nth-child(4)::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 30%,#fff6d01f 45%,transparent 60%);background-size:250% 100%;animation:chest-shine 3.2s ease-in-out infinite;pointer-events:none}
body .booster-tier:nth-child(4)::before{content:"★ Meilleure offre";position:absolute;top:14px;right:-38px;z-index:2;width:150px;padding:4px 0;transform:rotate(38deg);background:linear-gradient(90deg,#f6d77a,#c9952f);color:#2a1d05;font-size:10.5px;font-weight:900;text-align:center;letter-spacing:.03em;box-shadow:0 4px 10px #0007}
html[lang="en"] body .booster-tier:nth-child(4)::before{content:"★ Best deal"}
html[lang="es"] body .booster-tier:nth-child(4)::before{content:"★ Mejor oferta"}
html[lang="pt-BR"] body .booster-tier:nth-child(4)::before{content:"★ Melhor oferta"}
body .booster-tier:nth-child(4) .booster-tier-tag{display:none}
body .booster-tier:nth-child(4)>.button{background:linear-gradient(90deg,#f6d77a,#c9952f);color:#2a1d05;border:0;font-weight:900;box-shadow:0 8px 20px #c9952f55}
@keyframes chest-shine{0%{background-position:150% 0}60%,100%{background-position:-50% 0}}
@media (prefers-reduced-motion:reduce){body .booster-tier:nth-child(4)::after{animation:none}body .booster-tier:hover{transform:none}}
body .booster-tier .booster-tier-guarantee{min-height:50px}
body .booster-tier:nth-child(3) .booster-tier-art img{filter:drop-shadow(0 12px 16px #0007) sepia(1) saturate(2.6) hue-rotate(-12deg) brightness(1.05)}
body .booster-tier:nth-child(4) .booster-tier-art img{filter:drop-shadow(0 14px 22px #000a) drop-shadow(0 0 18px #f6d77a88) sepia(1) saturate(3.2) hue-rotate(-8deg) brightness(1.18)}
.chat-message.is-founder{background:linear-gradient(90deg,#f6d77a38,#c9952f1f 55%,#f6d77a0d);border-radius:10px}
.chat-message.is-founder:hover{background:linear-gradient(90deg,#f6d77a4a,#c9952f2a 55%,#f6d77a14)}
.chat-message.is-founder .chat-body{color:#fff4d6}
/* Gift window: same look as the shop bundles. */
body .booster-gift-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-items:stretch}
body .booster-gift-tier{--tier:#3b6fd6;--tier-ink:#b9d0ff;position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border-radius:16px;border:1px solid color-mix(in srgb,var(--tier) 55%,transparent);background:radial-gradient(130% 60% at 50% 0%,color-mix(in srgb,var(--tier) 30%,transparent),transparent 62%),linear-gradient(165deg,#15261d,#0b1611);text-align:center}
body .booster-gift-tier.tier-2{--tier:#2fc6d6;--tier-ink:#bff6fb}
body .booster-gift-tier.tier-3{--tier:#d9a23a;--tier-ink:#ffe29a}
body .booster-gift-tier.tier-4{--tier:#f1c457;--tier-ink:#fff0bf;border-width:2px;box-shadow:0 0 26px #f1c45733}
body .booster-gift-art img{display:block;width:56px;height:84px;object-fit:contain;filter:drop-shadow(0 8px 12px #0007)}
body .booster-gift-tier.tier-1 .booster-gift-art img{filter:drop-shadow(0 8px 12px #0007) hue-rotate(70deg) saturate(1.2)}
body .booster-gift-tier.tier-2 .booster-gift-art img{filter:drop-shadow(0 8px 12px #0007) hue-rotate(150deg) saturate(1.4)}
body .booster-gift-tier.tier-3 .booster-gift-art img,body .booster-gift-tier.tier-4 .booster-gift-art img{filter:drop-shadow(0 8px 12px #0007) sepia(1) saturate(2.8) hue-rotate(-10deg) brightness(1.1)}
body .booster-gift-guarantee{display:flex;align-items:center;justify-content:center;min-height:34px;width:100%;box-sizing:border-box;padding:4px 8px;border-radius:10px;background:color-mix(in srgb,var(--tier) 22%,#0b1611);border:1px solid color-mix(in srgb,var(--tier) 55%,transparent);color:var(--tier-ink);font-size:11px;font-weight:800;line-height:1.25}
body .booster-gift-tier.tier-3 .booster-gift-guarantee,body .booster-gift-tier.tier-4 .booster-gift-guarantee{background:linear-gradient(90deg,#f6d77a,#c9952f);color:#2a1d05;border-color:#ffe29a}
body .booster-gift-tier h3{margin:4px 0 0;font-size:20px;color:#fff}
body .booster-gift-tier h3 span{display:block;font-size:12px;font-weight:500;color:#b9ccbb}
body .booster-gift-tier strong{font-size:18px;color:var(--tier-ink)}
body .booster-gift-tier .button{margin-top:auto;width:100%}
body .booster-gift-tier.tier-4 .button{background:linear-gradient(90deg,#f6d77a,#c9952f);color:#2a1d05;border:0;font-weight:900}
body .booster-gift-grid.is-popz .booster-gift-tier{--tier:#5fbf8a;--tier-ink:#cdf3dc}
/* Chat backgrounds sold in the shop. */
.chat-message.chat-style-mint{background:linear-gradient(90deg,#5fd3a02e,#5fd3a00f 60%,transparent);border-radius:10px}
.chat-message.chat-style-ocean{background:linear-gradient(90deg,#3b8fd63a,#2fc6d614 60%,transparent);border-radius:10px}
.chat-message.chat-style-sakura{background:linear-gradient(90deg,#f29fc23a,#f29fc212 60%,transparent);border-radius:10px}
.chat-message.chat-style-sunset{background:linear-gradient(100deg,#ff8a5c40,#c94f9a2a,#ffb85c14,#ff8a5c40);background-size:300% 100%;animation:chat-style-flow 8s ease-in-out infinite;border-radius:10px}
.chat-message.chat-style-galaxy{background:radial-gradient(circle at 12% 40%,#ffffff22 0 1px,transparent 2px),radial-gradient(circle at 70% 20%,#ffffff1c 0 1px,transparent 2px),radial-gradient(circle at 40% 80%,#ffffff18 0 1px,transparent 2px),linear-gradient(100deg,#5b3fd64a,#2a1f6e3a,#c34fd63a,#5b3fd64a);background-size:auto,auto,auto,300% 100%;animation:chat-style-flow 10s ease-in-out infinite;border-radius:10px}
.chat-message.chat-style-neon{background:linear-gradient(90deg,#2fe6d61f,#e64fd61f);box-shadow:inset 0 0 14px #2fe6d633;border-radius:10px;animation:chat-style-neon 2.4s ease-in-out infinite alternate}
@keyframes chat-style-flow{50%{background-position:100% 0}}
@keyframes chat-style-neon{to{box-shadow:inset 0 0 18px #e64fd633}}
@media (prefers-reduced-motion:reduce){.chat-message[class*="chat-style-"]{animation:none}}
.cosmetic-chat-scene{display:grid;place-items:center;height:100%;padding:16px;box-sizing:border-box}
.cosmetic-chat-scene .chat-message{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;width:100%;padding:10px;text-align:left}
.cosmetic-chat-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#bedca5;color:#15271b;font-weight:800}
.cosmetic-chat-scene .chat-meta strong{color:#eef6ea;font-size:13px}
.cosmetic-chat-scene .chat-body{margin:2px 0 0;color:#eef6ea;font-size:13px}

/* ===== Bling shop ===== */
body:has(.shop-hub-heading) #page-content{position:relative;isolation:isolate}
body:has(.shop-hub-heading) #page-content::before{content:"";position:absolute;inset:-40px -20px 0;z-index:-1;pointer-events:none;background:radial-gradient(40% 22% at 12% 4%,#f6d77a2e,transparent 70%),radial-gradient(35% 20% at 88% 10%,#e46fb22b,transparent 70%),radial-gradient(40% 18% at 50% 32%,#2fc6d622,transparent 70%),radial-gradient(45% 20% at 15% 55%,#8b5cf628,transparent 70%),radial-gradient(40% 20% at 85% 72%,#f6d77a22,transparent 70%);animation:shop-glow 14s ease-in-out infinite alternate}
@keyframes shop-glow{to{filter:hue-rotate(35deg) brightness(1.15)}}
body .shop-hub-heading h1{background:linear-gradient(90deg,#ffe29a,#f6a6d8,#7ef0ff,#ffe29a);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(34px,4vw,48px);font-weight:900;letter-spacing:-.02em;animation:shop-title 6s linear infinite;filter:drop-shadow(0 4px 18px #f6d77a40)}
@keyframes shop-title{to{background-position:300% 0}}
body .shop-hub-nav{border:1px solid #ffffff1f;background:linear-gradient(90deg,#f6d77a14,#e46fb214,#2fc6d614,#8b5cf614);box-shadow:inset 0 1px 0 #ffffff14}
body .shop-hub-nav a,body .shop-hub-nav button{border-radius:12px;font-weight:800;transition:transform .15s,box-shadow .15s}
body .shop-hub-nav>*:nth-child(1){color:#ffe29a}
body .shop-hub-nav>*:nth-child(2){color:#7ef0ff}
body .shop-hub-nav>*:nth-child(3){color:#f6a6d8}
body .shop-hub-nav>*:nth-child(4){color:#c4a6ff}
body .shop-hub-nav>*:hover{transform:translateY(-2px);background:#ffffff12;box-shadow:0 6px 18px #0006}
body .booster-shop h2,body .popz-shop h2,body .cosmetics-section h2{background:linear-gradient(90deg,#fff,#ffe29a);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:900}

/* Popz packs: cyan, magenta, gold */
body .popz-shop{position:relative;overflow:hidden;border:1px solid #7ef0ff40;background:radial-gradient(60% 80% at 0% 0%,#2fc6d62e,transparent 60%),radial-gradient(60% 80% at 100% 100%,#e46fb22a,transparent 60%),linear-gradient(160deg,#122a26,#0c1714)}
body .popz-tier{--pz:#2fc6d6;position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--pz) 60%,transparent);background:radial-gradient(120% 70% at 50% 0%,color-mix(in srgb,var(--pz) 30%,transparent),transparent 65%),#0d1814;box-shadow:0 14px 34px #0007;transition:transform .2s,box-shadow .2s}
body .popz-tier:nth-child(2){--pz:#e46fb2}
body .popz-tier:nth-child(3){--pz:#f1c457;border-width:2px;box-shadow:0 14px 34px #0007,0 0 30px #f1c4573d}
body .popz-tier:hover{transform:translateY(-4px);box-shadow:0 20px 44px #0009,0 0 26px color-mix(in srgb,var(--pz) 40%,transparent)}
body .popz-tier::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#ffffff1c 48%,transparent 60%);background-size:250% 100%;animation:chest-shine 4s ease-in-out infinite;pointer-events:none}
body .popz-tier-icon{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--pz) 80%,transparent));animation:popz-coin 2.4s ease-in-out infinite}
@keyframes popz-coin{50%{transform:translateY(-3px) rotate(-6deg)}}
body .popz-tier strong,body .popz-tier h3{color:#fff}
body .popz-tier-price{color:color-mix(in srgb,var(--pz) 85%,#fff);font-weight:900}
body .popz-tier .button{background:linear-gradient(90deg,color-mix(in srgb,var(--pz) 85%,#fff),var(--pz));color:#0b1611;border:0;font-weight:900}

/* Booster with Popz: rainbow edge */
body .runel-booster-offer{position:relative;border:2px solid transparent;background:linear-gradient(#10201a,#10201a) padding-box,linear-gradient(90deg,#ffe29a,#f6a6d8,#7ef0ff,#c4a6ff,#ffe29a) border-box;background-size:auto,300% 100%;animation:rainbow-edge 6s linear infinite}
@keyframes rainbow-edge{to{background-position:0 0,300% 0}}
body .runel-booster-offer h3{color:#fff}
body .runel-booster-offer .button{background:linear-gradient(90deg,#7ef0ff,#c4a6ff);color:#10131a;border:0;font-weight:900}

/* Popkard Plus: royal purple and gold */
body .plus-banner{position:relative;overflow:hidden;border:2px solid #c9a2ff66;background:radial-gradient(60% 90% at 100% 0%,#f6d77a33,transparent 60%),radial-gradient(70% 90% at 0% 100%,#8b5cf655,transparent 65%),linear-gradient(140deg,#24133a,#120c22 60%,#1a1230);box-shadow:0 24px 60px #000a,0 0 50px #8b5cf62e}
body .plus-banner::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#fff 1px,transparent 1.5px),radial-gradient(#ffe29a 1px,transparent 1.5px);background-size:90px 90px,130px 130px;background-position:10px 20px,60px 70px;opacity:.35;animation:plus-twinkle 3s ease-in-out infinite alternate}
@keyframes plus-twinkle{to{opacity:.12}}
body .plus-banner h2{color:#fff;font-weight:900}
body .plus-banner .feature-label{background:linear-gradient(90deg,#f6d77a,#c9952f);color:#2a1d05;font-weight:900;border:0}
body .plus-banner .plus-price strong{background:linear-gradient(90deg,#ffe29a,#f6a6d8,#c4a6ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(30px,3.4vw,44px);font-weight:900}
body .plus-banner .plus-features li{color:#efe6ff}
body .plus-banner .plus-features svg,body .plus-banner .plus-features i{color:#ffe29a}
body .plus-banner .button.primary{background:linear-gradient(90deg,#f6d77a,#e46fb2);color:#200f2e;border:0;font-weight:900;box-shadow:0 10px 26px #e46fb255}

/* Styles: colourful product cards */
body .cosmetic-tabs button{border-radius:999px;font-weight:800}
body .cosmetic-tabs button:nth-child(1)[aria-pressed="true"]{background:linear-gradient(90deg,#ffe29a,#f1c457);color:#2a1d05}
body .cosmetic-tabs button:nth-child(2)[aria-pressed="true"]{background:linear-gradient(90deg,#7ef0ff,#2fc6d6);color:#082024}
body .cosmetic-tabs button:nth-child(3)[aria-pressed="true"]{background:linear-gradient(90deg,#f6a6d8,#e46fb2);color:#2a0b1d}
body .cosmetic-tabs button:nth-child(4)[aria-pressed="true"]{background:linear-gradient(90deg,#c4a6ff,#8b5cf6);color:#160a2e}
body .cosmetic-tabs button:nth-child(5)[aria-pressed="true"]{background:linear-gradient(90deg,#9ff5c4,#5fd38d);color:#0a2416}
body .cosmetic-product{--glow:#7ef0ff;position:relative;border:1px solid color-mix(in srgb,var(--glow) 40%,transparent);background:radial-gradient(110% 60% at 50% 0%,color-mix(in srgb,var(--glow) 18%,transparent),transparent 60%),#0e1915;transition:transform .2s,box-shadow .2s}
body .cosmetic-product:nth-child(4n+2){--glow:#f6a6d8}
body .cosmetic-product:nth-child(4n+3){--glow:#ffe29a}
body .cosmetic-product:nth-child(4n+4){--glow:#c4a6ff}
body .cosmetic-product:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0009,0 0 28px color-mix(in srgb,var(--glow) 35%,transparent)}
body .cosmetic-product .button{background:linear-gradient(90deg,color-mix(in srgb,var(--glow) 90%,#fff),var(--glow));color:#0b1611;border:0;font-weight:900}
@media (prefers-reduced-motion:reduce){body:has(.shop-hub-heading) #page-content::before,body .shop-hub-heading h1,body .popz-tier::after,body .popz-tier-icon,body .runel-booster-offer,body .plus-banner::before{animation:none}}
body .cosmetic-product .cosmetic-preview-button{background:transparent;color:color-mix(in srgb,var(--glow) 85%,#fff);border:1px solid color-mix(in srgb,var(--glow) 45%,transparent);font-weight:700}
body .cosmetic-product .button:not(.cosmetic-preview-button):not(:disabled){background:linear-gradient(90deg,color-mix(in srgb,var(--glow) 90%,#fff),var(--glow));color:#0b1611;border:0;font-weight:900}

/* Chat: purchased backgrounds always visible, not only on hover. */
body .chat-list .chat-message[class*="chat-style-"],body .chat-list .chat-message[class*="chat-style-"]:hover{border-radius:10px}
body .chat-list .chat-message.chat-style-mint{background:linear-gradient(90deg,#5fd3a038,#5fd3a014 60%,transparent)}
body .chat-list .chat-message.chat-style-ocean{background:linear-gradient(90deg,#3b8fd645,#2fc6d61a 60%,transparent)}
body .chat-list .chat-message.chat-style-sakura{background:linear-gradient(90deg,#f29fc245,#f29fc218 60%,transparent)}
body .chat-list .chat-message.chat-style-sunset{background:linear-gradient(100deg,#ff8a5c4d,#c94f9a33,#ffb85c1f,#ff8a5c4d);background-size:300% 100%}
body .chat-list .chat-message.chat-style-galaxy{background:radial-gradient(circle at 12% 40%,#ffffff2a 0 1px,transparent 2px),radial-gradient(circle at 70% 20%,#ffffff22 0 1px,transparent 2px),linear-gradient(100deg,#5b3fd655,#2a1f6e45,#c34fd645,#5b3fd655);background-size:auto,auto,300% 100%}
body .chat-list .chat-message.chat-style-neon{background:linear-gradient(90deg,#2fe6d626,#e64fd626)}

/* Founder: unique living gold, rose and violet message. */
body .chat-list .chat-message.is-founder,body .chat-list .chat-message.is-founder:hover{position:relative;overflow:hidden;border-radius:12px;background:linear-gradient(110deg,#f6d77a3d,#ff8fc433,#a98bff33,#7ef0ff26,#f6d77a3d);background-size:400% 100%;box-shadow:inset 0 0 0 1px #ffe29a40,0 0 22px #f6d77a1f;animation:founder-flow 9s ease-in-out infinite}
body .chat-list .chat-message.is-founder::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#fff7d633 48%,transparent 60%);background-size:260% 100%;animation:chest-shine 3.6s ease-in-out infinite}
body .chat-list .chat-message.is-founder::after{content:"✦ ✧ ✦";position:absolute;right:12px;top:6px;font-size:11px;letter-spacing:6px;color:#ffe29a;text-shadow:0 0 8px #ffe29a;pointer-events:none;animation:founder-twinkle 2.2s ease-in-out infinite alternate}
body .chat-list .chat-message.is-founder .chat-name{background:linear-gradient(90deg,#ffe29a,#ff9fd0,#c4a6ff,#ffe29a);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shop-title 4s linear infinite;font-weight:900}
body .chat-list .chat-message.is-founder .chat-body{color:#fff6dd;text-shadow:0 1px 8px #00000066}
@keyframes founder-flow{50%{background-position:100% 0}}
@keyframes founder-twinkle{from{opacity:.35;transform:scale(.92)}to{opacity:1;transform:scale(1.05)}}
@media (prefers-reduced-motion:reduce){body .chat-list .chat-message.is-founder,body .chat-list .chat-message.is-founder::before,body .chat-list .chat-message.is-founder::after,body .chat-list .chat-message.is-founder .chat-name{animation:none}}
body .chat-list>li{flex-shrink:0}
/* Hover actions always above coloured message backgrounds. */
body .chat-list .chat-message.is-founder,body .chat-list .chat-message.is-founder:hover{overflow:visible}
body .chat-list .chat-message.is-founder::before{border-radius:inherit}
body .chat-list .chat-message{position:relative;z-index:0}
body .chat-list .chat-message:hover,body .chat-list .chat-message:focus-within,body .chat-list .chat-message.is-touched{z-index:5}
body .chat-list .chat-message .chat-actions,body .chat-list .chat-message .chat-react-menu{z-index:20}
/* Breathing room between messages, so coloured backgrounds never touch. */
body .chat-list{gap:6px}
body .chat-list .chat-message{padding-top:7px;padding-bottom:7px}
body .chat-list .chat-message.is-grouped{margin-top:-4px}
body .chat-list .chat-message[class*="chat-style-"]+.chat-message.is-grouped[class*="chat-style-"],body .chat-list .chat-message.is-founder+.chat-message.is-grouped.is-founder{margin-top:0}
/* All style categories visible; the tabs stay on screen as shortcuts. */
body .cosmetic-tabs{position:sticky;top:76px;z-index:6;padding:8px;border-radius:999px;background:#0e1915e6;backdrop-filter:blur(10px);box-shadow:0 10px 26px #0008;border:1px solid #ffffff14}
body [data-cosmetic-category]{scroll-margin-top:150px;margin-top:28px}
body [data-cosmetic-category][hidden]{display:block}
body .cosmetic-category-title{font-size:clamp(22px,2.4vw,30px);font-weight:900;background:linear-gradient(90deg,#ffe29a,#f6a6d8,#7ef0ff);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 0 14px}
@media (max-width:760px){body .cosmetic-tabs{top:64px;border-radius:16px;overflow-x:auto;flex-wrap:nowrap}}
/* 18 more chat backgrounds */
body .chat-message.chat-style-lagoon{background:linear-gradient(90deg,#1fd1c94d,#1fa2d12a 60%,transparent);border-radius:10px}
body .chat-message.chat-style-cherry{background:linear-gradient(90deg,#ff4d7a4d,#ff4d7a1f 60%,transparent);border-radius:10px}
body .chat-message.chat-style-lavender{background:linear-gradient(90deg,#b18cff4d,#b18cff1c 60%,transparent);border-radius:10px}
body .chat-message.chat-style-forest{background:linear-gradient(90deg,#2fbf6a4d,#1f6e3d26 60%,transparent);border-radius:10px}
body .chat-message.chat-style-peach{background:linear-gradient(90deg,#ffb38a4d,#ffcf9e1f 60%,transparent);border-radius:10px}
body .chat-message.chat-style-ice{background:linear-gradient(90deg,#d8f3ff45,#8fd3ff24 50%,#ffffff0d),repeating-linear-gradient(135deg,#ffffff0a 0 6px,transparent 6px 14px);border-radius:10px}
body .chat-message.chat-style-candy{background:repeating-linear-gradient(120deg,#ff8fd338 0 14px,#8fd8ff38 14px 28px,#fff2a838 28px 42px);border-radius:10px}
body .chat-message.chat-style-midnight{background:radial-gradient(circle at 92% 30%,#fff3c455 0 6px,transparent 7px),radial-gradient(60% 120% at 92% 30%,#7f9cff33,transparent 70%),linear-gradient(90deg,#1b2a6b66,#0d1440 70%);border-radius:10px}
body .chat-message.chat-style-matrix{background:repeating-linear-gradient(90deg,#00ff8a14 0 1px,transparent 1px 9px),repeating-linear-gradient(0deg,#00ff8a10 0 1px,transparent 1px 7px),linear-gradient(90deg,#00ff8a2e,#003d2033);border-radius:10px}
body .chat-message.chat-style-rainbow{background:linear-gradient(90deg,#ff5a5a40,#ffb35a40,#fff25a40,#5aff8a40,#5ad1ff40,#b15aff40,#ff5a5a40);background-size:300% 100%;animation:chat-style-flow 6s linear infinite;border-radius:10px}
body .chat-message.chat-style-fire{background:radial-gradient(80% 140% at 20% 120%,#ff6a0080,transparent 60%),radial-gradient(70% 120% at 60% 130%,#ffcc0060,transparent 60%),linear-gradient(90deg,#ff3b1f4d,#8a1a0033);animation:chat-style-flicker 1.4s ease-in-out infinite alternate;border-radius:10px}
body .chat-message.chat-style-waves{background:repeating-radial-gradient(circle at 0 120%,#3bd1ff33 0 10px,transparent 10px 22px),linear-gradient(90deg,#1f6fd64d,#0b3a7a33);background-size:200% 200%;animation:chat-style-drift 7s linear infinite;border-radius:10px}
body .chat-message.chat-style-aurora{background:linear-gradient(100deg,#3bffb04d,#3b9cff40,#c43bff40,#3bffb04d);background-size:400% 100%;animation:chat-style-flow 9s ease-in-out infinite;border-radius:10px}
body .chat-message.chat-style-disco{background:radial-gradient(circle at 15% 50%,#ff3bd655 0 18px,transparent 30px),radial-gradient(circle at 55% 40%,#3bd6ff55 0 16px,transparent 28px),radial-gradient(circle at 85% 60%,#fff23b55 0 16px,transparent 28px),linear-gradient(90deg,#2a0a3a66,#0a1a3a66);animation:chat-style-hue 3s linear infinite;border-radius:10px}
body .chat-message.chat-style-starfield{background:radial-gradient(#fff 1px,transparent 1.6px),radial-gradient(#cfe0ff 1px,transparent 1.6px),linear-gradient(90deg,#0b0f2e99,#1a0b3a80);background-size:40px 40px,70px 70px,auto;animation:chat-style-stars 12s linear infinite;border-radius:10px}
body .chat-message.chat-style-glitch{background:linear-gradient(90deg,#ff004c33,transparent 30%,#00e5ff33 70%,transparent),repeating-linear-gradient(0deg,#ffffff0d 0 2px,transparent 2px 4px);animation:chat-style-glitch 2.2s steps(2,end) infinite;border-radius:10px}
body .chat-message.chat-style-hologram{background:linear-gradient(115deg,#7ef0ff40,#f6a6d840,#c4a6ff40,#ffe29a33,#7ef0ff40),repeating-linear-gradient(90deg,#ffffff0d 0 1px,transparent 1px 5px);background-size:400% 100%,auto;animation:chat-style-flow 4s linear infinite;border-radius:10px}
body .chat-message.chat-style-vaporwave{background:linear-gradient(0deg,#ff71ce26 1px,transparent 1px),linear-gradient(90deg,#01cdfe26 1px,transparent 1px),linear-gradient(90deg,#ff71ce4d,#b967ff40,#01cdfe40);background-size:22px 22px,22px 22px,auto;animation:chat-style-grid 5s linear infinite;border-radius:10px}
@keyframes chat-style-flicker{from{filter:brightness(.9) saturate(1)}to{filter:brightness(1.2) saturate(1.3)}}
@keyframes chat-style-drift{to{background-position:200% 100%,0 0}}
@keyframes chat-style-hue{to{filter:hue-rotate(360deg)}}
@keyframes chat-style-stars{to{background-position:-40px 0,-140px 0,0 0}}
@keyframes chat-style-glitch{0%,100%{background-position:0 0,0 0}50%{background-position:6px 0,0 1px}}
@keyframes chat-style-grid{to{background-position:0 22px,22px 0,0 0}}
body .chat-message[class*="chat-style-"] .chat-body,body .chat-message[class*="chat-style-"] .chat-meta{position:relative}
@media (prefers-reduced-motion:reduce){body .chat-message[class*="chat-style-"]{animation:none}}
body .cosmetic-chat-scene{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:10px;width:100%;height:100%;min-height:220px;padding:22px 18px;box-sizing:border-box}
body .cosmetic-chat-scene .chat-message{width:100%;box-sizing:border-box;padding:14px 14px;grid-template-columns:38px minmax(0,1fr);gap:12px;box-shadow:0 10px 26px #0007}
body .cosmetic-chat-avatar{width:38px;height:38px;font-size:15px}
body .cosmetic-chat-scene .chat-meta strong{font-size:15px}
body .cosmetic-chat-scene .chat-body{font-size:15px;line-height:1.45}
/* Compact category bar pinned at the very top while scrolling the styles. */
body .cosmetic-tabs{top:10px;gap:4px;padding:5px;border-radius:12px;width:max-content;max-width:100%;box-sizing:border-box}
body .cosmetic-tabs button{border-radius:8px;padding:6px 10px;min-height:0;height:auto;font-size:12.5px}
body .cosmetic-tabs button>span,body .cosmetic-tabs button b{font-size:11px}
body [data-cosmetic-category]{scroll-margin-top:70px}
@media (max-width:760px){body .cosmetic-tabs{top:6px;width:auto;border-radius:10px}}
/* Style categories: big colourful tiles, hard to miss. */
body .cosmetic-tabs-hint{margin:0 0 10px;font-size:14px;font-weight:800;color:#ffe29a}
body .cosmetic-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%;padding:8px;border-radius:14px}
body .cosmetic-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:74px;padding:10px 6px;border-radius:12px;border:1px solid #ffffff1a;background:#ffffff08;color:#eef6ea;font-size:13px;font-weight:800;text-align:center;transition:transform .15s,box-shadow .15s}
body .cosmetic-tabs button:hover{transform:translateY(-2px)}
body .cosmetic-tab-icon{font-style:normal;font-size:22px;line-height:1}
body .cosmetic-tabs button>span{font-size:11px;padding:1px 8px;border-radius:999px;background:#0006}
body .cosmetic-tabs .cosmetic-tab-cardFinish{border-color:#ffe29a66;background:linear-gradient(160deg,#ffe29a26,#ffffff05)}
body .cosmetic-tabs .cosmetic-tab-avatarFrame{border-color:#7ef0ff66;background:linear-gradient(160deg,#7ef0ff26,#ffffff05)}
body .cosmetic-tabs .cosmetic-tab-profileBanner{border-color:#f6a6d866;background:linear-gradient(160deg,#f6a6d826,#ffffff05)}
body .cosmetic-tabs .cosmetic-tab-albumCover{border-color:#c4a6ff66;background:linear-gradient(160deg,#c4a6ff26,#ffffff05)}
body .cosmetic-tabs .cosmetic-tab-chatBubble{border-color:#9ff5c466;background:linear-gradient(160deg,#9ff5c426,#ffffff05)}
body .cosmetic-tabs button[aria-pressed="true"]{color:#10140f;box-shadow:0 8px 22px #0008,0 0 0 2px #ffffff55}
@media (max-width:760px){body .cosmetic-tabs{grid-template-columns:repeat(5,minmax(84px,1fr));overflow-x:auto}body .cosmetic-tabs button{min-height:64px;font-size:11.5px}}
/* Friend binders: page corners sit exactly on the book corners, above the cards. */
body .public-binder-view .binder-book{position:relative}
body .public-binder-view .binder-book .binder-turn-zone{z-index:40}
body .public-binder-view .binder-book .binder-leaf,body .public-binder-view .binder-book .binder-pocket{z-index:auto}
body .public-binder-view .public-binder-pages{padding-bottom:12px}
/* Slim, centered style tabs. */
body .cosmetic-tabs{display:flex!important;flex-wrap:wrap;justify-content:center;gap:8px;grid-template-columns:none}
body .cosmetic-tabs button{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:7px;min-height:36px!important;height:36px;padding:0 14px!important;font-size:13px!important;border-radius:8px!important}
body .cosmetic-tab-icon{display:inline-flex;font-size:0}
body .cosmetic-tab-icon svg{width:16px;height:16px}
body .cosmetic-tabs-hint{text-align:center}
@media (max-width:760px){body .cosmetic-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}body .cosmetic-tabs button{flex:0 0 auto}}
/* Shop glow spans the whole viewport instead of a centered block. */
body:has(.shop-hub-heading) #page-content::before{content:none}
body:has(.shop-hub-heading)::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(45% 35% at 6% 8%,#f6d77a26,transparent 70%),radial-gradient(40% 35% at 94% 14%,#e46fb224,transparent 70%),radial-gradient(50% 30% at 50% 45%,#2fc6d61a,transparent 70%),radial-gradient(45% 40% at 4% 78%,#8b5cf622,transparent 70%),radial-gradient(45% 40% at 96% 86%,#f6d77a1c,transparent 70%);animation:shop-glow 14s ease-in-out infinite alternate}
/* Style tabs v2: clean glass segmented bar; docks as a right-side rail while scrolling. */
body .cosmetics-section .cosmetic-tabs{position:relative;top:auto;display:flex!important;flex-wrap:nowrap;justify-content:center;gap:2px;width:max-content;max-width:100%;margin:0 auto 26px;padding:4px;border-radius:14px;border:1px solid #ffffff17;background:linear-gradient(180deg,#ffffff0d,#ffffff04),#0c1613d9;backdrop-filter:blur(14px);box-shadow:0 12px 30px #0007,inset 0 1px 0 #ffffff12;overflow-x:auto;scrollbar-width:none}
body .cosmetics-section .cosmetic-tabs button{--tab:#ffe29a;position:relative;height:38px!important;min-height:38px!important;padding:0 14px!important;gap:8px;border:0!important;border-radius:10px!important;background:transparent!important;color:#c9d6cf;font-size:13px!important;font-weight:700;box-shadow:none!important;transform:none!important;white-space:nowrap;transition:color .2s,background .2s}
body .cosmetics-section .cosmetic-tabs .cosmetic-tab-avatarFrame{--tab:#7ef0ff}
body .cosmetics-section .cosmetic-tabs .cosmetic-tab-profileBanner{--tab:#f6a6d8}
body .cosmetics-section .cosmetic-tabs .cosmetic-tab-albumCover{--tab:#c4a6ff}
body .cosmetics-section .cosmetic-tabs .cosmetic-tab-chatBubble{--tab:#9ff5c4}
body .cosmetics-section .cosmetic-tabs .cosmetic-tab-icon{color:var(--tab);opacity:.85}
body .cosmetics-section .cosmetic-tabs button>span{min-width:20px;padding:1px 6px;border-radius:6px;background:#ffffff10;color:#9fb1a8;font-size:11px;text-align:center}
body .cosmetics-section .cosmetic-tabs button:hover{color:#fff;background:#ffffff0c!important}
body .cosmetics-section .cosmetic-tabs button[aria-pressed="true"]{color:#fff;background:color-mix(in srgb,var(--tab) 16%,transparent)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tab) 45%,transparent)!important}
body .cosmetics-section .cosmetic-tabs button[aria-pressed="true"]>span{background:var(--tab);color:#111}
body .cosmetics-section .cosmetic-tabs button[aria-pressed="true"]::after{content:"";position:absolute;left:30%;right:30%;bottom:3px;height:2px;border-radius:2px;background:var(--tab);box-shadow:0 0 10px var(--tab)}
@media (min-width:1100px){
body.shop-tabs-docked .cosmetics-section .cosmetic-tabs{position:fixed;top:50%;right:18px;z-index:30;flex-direction:column;align-items:stretch;width:auto;margin:0;padding:6px;transform:translateY(-50%);animation:shop-rail-in .45s cubic-bezier(.2,.9,.25,1.15)}
body.shop-tabs-docked .cosmetics-section .cosmetic-tabs button{justify-content:flex-start}
body.shop-tabs-docked .cosmetics-section .cosmetic-tabs button>span{margin-left:auto}
body.shop-tabs-docked .cosmetics-section .cosmetic-tabs button[aria-pressed="true"]::after{left:3px;right:auto;top:25%;bottom:25%;width:2px;height:auto}
}
@keyframes shop-rail-in{from{opacity:0;transform:translate(40px,-50%)}to{opacity:1;transform:translate(0,-50%)}}
@media (max-width:760px){body .cosmetics-section .cosmetic-tabs{position:sticky;top:6px;z-index:6;justify-content:flex-start;width:auto}}
/* Style tabs v3: open typographic nav (no box); docked = round icon rail in the side gutter. */
body .cosmetics-section .cosmetic-tabs{gap:6px;padding:0;margin:4px auto 30px;border:0;border-bottom:1px solid #ffffff14;border-radius:0;background:none;backdrop-filter:none;box-shadow:none;width:100%;justify-content:center}
body .cosmetics-section .cosmetic-tabs button{height:auto!important;min-height:0!important;padding:10px 16px 14px!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#9fb1a8;font-size:15px!important;font-weight:800;letter-spacing:.01em}
body .cosmetics-section .cosmetic-tabs .cosmetic-tab-icon{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,var(--tab) 18%,transparent);opacity:1;transition:transform .25s,background .25s}
body .cosmetics-section .cosmetic-tabs .cosmetic-tab-icon svg{width:14px;height:14px}
body .cosmetics-section .cosmetic-tabs button>span{background:none;color:#6f8379;padding:0;min-width:0;font-size:12px}
body .cosmetics-section .cosmetic-tabs button:hover{background:none!important;color:#fff}
body .cosmetics-section .cosmetic-tabs button:hover .cosmetic-tab-icon{transform:scale(1.12) rotate(-6deg)}
body .cosmetics-section .cosmetic-tabs button[aria-pressed="true"]{background:none!important;box-shadow:none!important;color:#fff}
body .cosmetics-section .cosmetic-tabs button[aria-pressed="true"] .cosmetic-tab-icon{background:var(--tab);color:#111;box-shadow:0 0 18px color-mix(in srgb,var(--tab) 60%,transparent)}
body .cosmetics-section .cosmetic-tabs button[aria-pressed="true"]>span{background:none;color:var(--tab)}
body .cosmetics-section .cosmetic-tabs button::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;top:auto;width:auto;height:3px;border-radius:3px 3px 0 0;background:var(--tab);box-shadow:0 0 12px var(--tab);transform:scaleX(0);transition:transform .3s cubic-bezier(.2,.9,.25,1.2)}
body .cosmetics-section .cosmetic-tabs button[aria-pressed="true"]::after{transform:scaleX(1)}
@media (min-width:1100px){
body.shop-tabs-docked .cosmetics-section .cosmetic-tabs{left:var(--rail-left);right:auto;width:52px;gap:10px;padding:0;border:0;background:none;flex-direction:column;align-items:center}
body.shop-tabs-docked .cosmetics-section .cosmetic-tabs button{width:46px;height:46px!important;padding:0!important;justify-content:center;border-radius:50%!important;background:#0e1a16e6!important;box-shadow:0 8px 20px #0008,inset 0 0 0 1px #ffffff1a!important;font-size:0!important}
body.shop-tabs-docked .cosmetics-section .cosmetic-tabs button>span{display:none}
body.shop-tabs-docked .cosmetics-section .cosmetic-tabs .cosmetic-tab-icon{width:34px;height:34px}
body.shop-tabs-docked .cosmetics-section .cosmetic-tabs .cosmetic-tab-icon svg{width:17px;height:17px}
body.shop-tabs-docked .cosmetics-section .cosmetic-tabs button::after{content:attr(data-label);left:auto;right:56px;top:50%;bottom:auto;height:auto;width:max-content;padding:6px 10px;border-radius:8px;background:#0e1a16;color:#fff;font-size:12px;font-weight:800;box-shadow:0 6px 16px #0008;transform:translateY(-50%) scale(.8);opacity:0;pointer-events:none;transition:.2s}
body.shop-tabs-docked .cosmetics-section .cosmetic-tabs button:hover::after{opacity:1;transform:translateY(-50%) scale(1)}
}
/* Docked rail: flush right, centered icons, stable click states. */
@media (min-width:1100px){
body.shop-tabs-docked .cosmetics-section .cosmetic-tabs{left:auto!important;right:16px!important;overflow:visible}
body.shop-tabs-docked .cosmetics-section .cosmetic-tabs button{display:grid!important;place-items:center;gap:0!important;color:#fff!important;transition:transform .2s,box-shadow .2s}
body.shop-tabs-docked .cosmetics-section .cosmetic-tabs .cosmetic-tab-icon{margin:0;transform:none!important;line-height:0}
body.shop-tabs-docked .cosmetics-section .cosmetic-tabs .cosmetic-tab-icon svg{display:block}
body.shop-tabs-docked .cosmetics-section .cosmetic-tabs button:hover{transform:scale(1.08)!important}
body.shop-tabs-docked .cosmetics-section .cosmetic-tabs button[aria-pressed="true"]{box-shadow:0 0 0 2px var(--tab),0 0 22px color-mix(in srgb,var(--tab) 55%,transparent)!important}
body.shop-tabs-docked .cosmetics-section .cosmetic-tabs button:focus-visible{outline:none}
}
@media (min-width:1100px){
body.shop-tabs-docked .cosmetics-section .cosmetic-tabs{right:10px!important}
body.shop-tabs-docked .cosmetics-section .cosmetic-tabs button{display:flex!important;align-items:center!important;justify-content:center!important;line-height:0!important}
body.shop-tabs-docked .cosmetics-section .cosmetic-tabs .cosmetic-tab-icon{display:flex!important;align-items:center;justify-content:center;width:34px!important;height:34px!important;min-height:34px;flex:0 0 34px;padding:0!important;vertical-align:0}
}
/* Typing indicator moves above the reply bar instead of overlapping it. */
body:has(.chat-reply-bar:not([hidden])) #chat-typing,body:has(.chat-reply-bar:not([hidden])) .chat-typing{transform:translateY(-34px)}
/* Legendary pull alert: gold, animated, actionable. */
.legendary-toast{position:fixed;top:22px;left:50%;z-index:1000;display:flex;align-items:center;gap:16px;width:min(520px,calc(100vw - 32px));box-sizing:border-box;padding:16px 44px 16px 16px;border-radius:18px;overflow:hidden;color:#2a1d05;background:linear-gradient(120deg,#fff3c4,#f6d77a 30%,#e0a93a 55%,#fbe7a1 75%,#c9952f);background-size:250% 100%;box-shadow:0 0 0 2px #fff6d6,0 0 40px #f6c95a99,0 20px 50px #000a;transform:translateX(-50%);animation:lt-in .7s cubic-bezier(.2,1.4,.3,1) both,lt-shine 3s linear infinite}
.legendary-toast.is-leaving{animation:lt-out .4s ease-in forwards}
.legendary-toast-rays{position:absolute;inset:-150%;background:repeating-conic-gradient(from 0deg,#ffffff55 0 8deg,transparent 8deg 22deg);animation:lt-spin 12s linear infinite;pointer-events:none;mix-blend-mode:soft-light}
.legendary-toast-sparks{position:absolute;inset:0;pointer-events:none}
.legendary-toast-sparks i{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff,0 0 18px #ffd86b;opacity:0;animation:lt-spark 1.8s ease-out infinite}
.legendary-toast-sparks i:nth-child(1){left:8%;top:20%}.legendary-toast-sparks i:nth-child(2){left:22%;top:80%;animation-delay:.3s}.legendary-toast-sparks i:nth-child(3){left:38%;top:15%;animation-delay:.6s}.legendary-toast-sparks i:nth-child(4){left:52%;top:70%;animation-delay:.9s}.legendary-toast-sparks i:nth-child(5){left:66%;top:25%;animation-delay:1.2s}.legendary-toast-sparks i:nth-child(6){left:80%;top:75%;animation-delay:1.5s}.legendary-toast-sparks i:nth-child(7){left:92%;top:30%;animation-delay:.15s}.legendary-toast-sparks i:nth-child(8){left:14%;top:55%;animation-delay:.45s}.legendary-toast-sparks i:nth-child(9){left:46%;top:45%;animation-delay:.75s}.legendary-toast-sparks i:nth-child(10){left:72%;top:50%;animation-delay:1.05s}.legendary-toast-sparks i:nth-child(11){left:30%;top:35%;animation-delay:1.35s}.legendary-toast-sparks i:nth-child(12){left:86%;top:12%;animation-delay:1.65s}
.legendary-toast-card{position:relative;flex:0 0 auto;width:62px;aspect-ratio:2/3;object-fit:cover;border-radius:8px;box-shadow:0 0 0 2px #fff8dd,0 0 22px #fff3,0 8px 18px #0006;animation:lt-card 2.4s ease-in-out infinite alternate}
.legendary-toast-copy{position:relative;display:grid;gap:3px;min-width:0}
.legendary-toast-kicker{font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#7a4b00}
.legendary-toast-copy strong{font-size:19px;font-weight:900;line-height:1.15;color:#1e1403;text-shadow:0 1px 0 #fff8}
.legendary-toast-copy p{margin:0;font-size:12.5px;line-height:1.4;color:#4a3305}
.legendary-toast-ask{justify-self:start;margin-top:6px;padding:7px 14px;border:0;border-radius:999px;background:#1e1403;color:#ffe29a;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer;box-shadow:0 6px 14px #0005;transition:transform .15s}
.legendary-toast-ask:hover{transform:translateY(-2px) scale(1.03)}
.legendary-toast-close{position:absolute;top:8px;right:10px;width:28px;height:28px;border:0;border-radius:50%;background:#0000001f;color:#2a1d05;font-size:18px;line-height:1;cursor:pointer}
@keyframes lt-in{from{opacity:0;transform:translate(-50%,-40px) scale(.7)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes lt-out{to{opacity:0;transform:translate(-50%,-30px) scale(.9)}}
@keyframes lt-shine{to{background-position:250% 0}}
@keyframes lt-spin{to{transform:rotate(360deg)}}
@keyframes lt-spark{0%{opacity:0;transform:scale(.2)}30%{opacity:1;transform:scale(1.2)}100%{opacity:0;transform:translateY(-14px) scale(.3)}}
@keyframes lt-card{from{transform:rotate(-5deg) translateY(1px)}to{transform:rotate(4deg) translateY(-2px)}}
@media (prefers-reduced-motion:reduce){.legendary-toast,.legendary-toast *{animation:none!important}.legendary-toast{transform:translateX(-50%)}}
/* Docked rail: no custom tooltip (native title instead). */
body.shop-tabs-docked .cosmetics-section .cosmetic-tabs button::after,body.shop-tabs-docked .cosmetics-section .cosmetic-tabs button:hover::after{content:none!important;display:none!important}
/* Pack tear on phones: no page scroll or pull-to-refresh while tearing. */
body .pack-tear-stage,body .pack-tear-stage *{touch-action:none}
body:has(.pack-tear-stage) .modal,body:has(.pack-tear-stage) .modal-body,body:has(.pack-tear-stage) dialog{overscroll-behavior:contain}
body:has(.pack-tear-stage.is-pulling){overflow:hidden;overscroll-behavior:none}
body .pack-tear-grip::before{content:"";position:absolute;inset:-18px}
body .legendary-toast-close{display:grid!important;place-items:center;padding:0!important;min-width:0;min-height:0;font-size:0;line-height:0}
body .legendary-toast-close svg{display:block}
/* Friend binders open full screen, in the same format as the player's own binder. */
body .modal-backdrop:has(.public-binder-view){padding:0}
body .modal:has(.public-binder-view){width:100vw;max-width:none;height:100dvh;max-height:none;border-radius:0;border:0}
body .modal:has(.public-binder-view) .public-binder-view{max-width:1500px;margin:0 auto}
/* Friend binders: same size as the player's own binder; the turning page never adds a horizontal scrollbar. */
body .public-binder-view .binder-book.has-2-leaves{max-width:1040px;width:100%}
body .modal:has(.public-binder-view),body .modal:has(.public-binder-view) .public-binder-pages{overflow-x:hidden}
body:has(.binder-flip-layer),body:has(.binder-curl){overflow-x:hidden}
body .public-binder-view .binder-pagination{position:static;margin-top:18px}
/* Friend binders always fit the screen height (no vertical scrollbar), keeping the own-binder proportions. */
body .modal:has(.public-binder-view){display:flex;flex-direction:column;overflow:hidden}
body .modal:has(.public-binder-view) .public-binder-view{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;width:100%}
body .public-binder-view .binder-book{max-width:min(540px,calc((100dvh - 285px) * .71))}
body .public-binder-view .binder-book.has-2-leaves{max-width:min(1040px,calc((100dvh - 285px) * 1.36))}
body .public-binder-view .public-binder-back{align-self:flex-start}
body .public-binder-view .binder-pagination{margin-top:10px;padding-top:8px;padding-bottom:8px}
/* While a page turns (click flip or dragged curl), nothing on screen may scroll or show a scrollbar. */
html:has(.public-binder-view):has(.binder-flip-layer),html:has(.public-binder-view):has(.binder-curl),html:has(.public-binder-view):has(.binder-flip-layer) body,html:has(.public-binder-view):has(.binder-curl) body{overflow:hidden!important}
body .modal:has(.public-binder-view){overflow:hidden!important;scrollbar-width:none}
body .public-binder-view,body .public-binder-view .public-binder-pages{overflow:hidden!important}

/* Friend binders: no pagination bar (pages turn from the corners, like the player's own binder); the book takes the freed height. */
body .public-binder-view .binder-pagination{display:none!important}
body .modal:has(.public-binder-view) .modal-header,body .modal:has(.public-binder-view)>header{padding-top:10px;padding-bottom:10px}
body .public-binder-view .binder-book{max-width:min(540px,calc((100dvh - 175px) * .71))}
body .public-binder-view .binder-book.has-2-leaves{max-width:min(1040px,calc((100dvh - 175px) * 1.36))}
body .public-binder-view .public-binder-back{margin-bottom:6px}
body .modal:has(.public-binder-view){overflow-y:auto!important}
body .public-binder-view,body .public-binder-view .public-binder-pages{overflow:visible!important}
body .public-binder-view .binder-book{max-width:540px}
body .public-binder-view .binder-book.has-2-leaves{max-width:1040px}
body .public-binder-view .binder-pagination{display:flex!important}
.legendary-toast-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.legendary-toast-actions button{margin:0;justify-self:auto;display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 14px;border-radius:999px;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer;transition:transform .15s}
.legendary-toast-actions .legendary-toast-ask{border:0;background:#1e1403;color:#ffe29a;box-shadow:0 6px 14px #0005}
.legendary-toast-actions .legendary-toast-trade{border:1.5px solid #1e1403;background:#fff3c4cc;color:#1e1403}
.legendary-toast-actions button:hover{transform:translateY(-2px)}
/* Pack reveal: players looking for the revealed card. */
.reveal-wishers{margin:14px auto 0;width:min(340px,92%);padding:10px 12px;border-radius:12px;background:#0f1d18e6;border:1px solid #f6d77a40;box-shadow:0 8px 22px #0006;text-align:left}
.reveal-wishers-title{display:flex;align-items:center;gap:7px;margin:0 0 6px;color:#ffe29a;font-size:12.5px;font-weight:800}
.reveal-wishers-title svg{width:15px;height:15px}
.reveal-wishers-list{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.reveal-wishers-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}
.reveal-wishers-list button{padding:0;border:0;background:none;color:#eef6ea;font:inherit;cursor:pointer;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reveal-wishers-list button:hover{text-decoration:underline}
.reveal-wishers-terms{display:flex;gap:5px;flex-shrink:0}
.reveal-wishers-terms span{padding:2px 7px;border-radius:999px;background:#ffffff12;color:#cfe0d4;font-size:11px;font-weight:700;white-space:nowrap}
.reveal-wishers-terms .wish-offer{background:#f6d77a26;color:#ffe29a}
.reveal-wishers-more{margin:5px 0 0;color:#9fb1a8;font-size:11px}
/* Search bars: the whole bar is the field; the focus ring wraps the full bar, not the input or the icon. */
body .search-input{display:flex;align-items:center;gap:10px;cursor:text;transition:border-color .15s,box-shadow .15s}
body .search-input input{flex:1 1 auto;min-width:0;width:100%;outline:none!important;box-shadow:none!important;border:0;background:transparent}
body .search-input:focus-within{border-color:#bedca5;box-shadow:0 0 0 3px #bedca540;outline:none}
body .search-input svg{flex-shrink:0;outline:none}
/* One focus style for the whole site: nothing on mouse click, a soft green ring for keyboard users; fields light up their border. */
:root{--wa-focus-ring-color:#bedca5;--wa-focus-ring-width:2px;--wa-focus-ring-offset:2px;--wa-focus-ring:solid var(--wa-focus-ring-width) var(--wa-focus-ring-color)}
body :focus{outline:none}
body :focus-visible{outline:2px solid #bedca5;outline-offset:2px}
body input:focus,body textarea:focus{outline:none!important;border-color:#bedca5!important;box-shadow:0 0 0 3px #bedca533!important}
body .search-input input:focus{border-color:transparent!important;box-shadow:none!important}
body input[type="checkbox"]:focus,body input[type="radio"]:focus{box-shadow:none!important}
body input[type="checkbox"]:focus-visible,body input[type="radio"]:focus-visible{outline:2px solid #bedca5!important;outline-offset:2px}
body .card-wrap:focus-visible,body .binder-cover:focus-visible{outline-offset:4px;border-radius:14px}
body wa-select::part(combobox){transition:border-color .15s,box-shadow .15s}
body wa-select:focus-within::part(combobox){border-color:#bedca5;box-shadow:0 0 0 3px #bedca533}

body .wish-player-row{display:grid;gap:5px;min-width:0}
body .wish-player-actions{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:0 5px;min-width:0}
body .wish-term-button{min-height:28px;height:auto;padding:4px 9px;appearance:none;cursor:pointer;transition:background-color .15s,border-color .15s,transform .15s}
body .wish-term-button.wish-trade{background:#8ec9ff1c;color:#b9dcff;border:1px solid #b9dcff48}
body .wish-term-button.wish-offer{background:#f2c86a24;color:#ffd98a;border:1px solid #ffd98a50}
body .wish-term-button:hover{transform:translateY(-1px);filter:brightness(1.14)}
body .wish-term-button:focus-visible{outline:2px solid #bedca5;outline-offset:2px}
body .wish-term-button:disabled{opacity:.65;cursor:not-allowed;transform:none}
body .wish-overlay .wish-player-actions{gap:5px}
@media(max-width:760px){body .wish-player-actions{gap:6px}body .wish-term-button{min-height:34px;padding-inline:10px}}

body .wish-grid .wish-mine-item{padding:10px;border:1px solid #9aba9b2e;border-radius:18px;background:linear-gradient(180deg,#152a1f,#0d1913);box-shadow:0 12px 30px #00000059,inset 0 1px 0 #ffffff0d}
body .wish-grid .wish-mine-item:hover{border-color:#bedca566}
body .wish-mine-overlay{align-items:stretch}
body .wish-mine-terms{justify-content:center;padding:0}
body .wish-mine-terms .wish-term-button{flex:0 1 auto}
body .wish-mine-overlay .wish-edit-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;width:100%;min-height:36px;margin-top:2px;font-size:12px}
body .wish-mine-overlay .wish-edit-button svg{width:15px;height:15px}
body .wish-mine-item.has-fitted-overlay .wish-mine-overlay{justify-content:flex-end}
@media(max-width:760px){body .wish-mine-overlay .wish-edit-button{min-height:40px}}
body .wish-mine-terms{flex-wrap:nowrap;align-items:center;gap:5px;width:100%;box-sizing:border-box}
body .wish-mine-terms .wish-term-button{min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline:6px;font-size:11px}
@media(max-width:760px){body .wish-mine-terms .wish-term-button{padding-inline:5px;font-size:10px}}
/* Keep each sought-by player and their offer actions cleanly aligned. */
body .wish-player-row{display:flex;flex-flow:row nowrap;align-items:center;gap:5px;width:100%;min-width:0}
body .wish-player-row>.wish-player{flex:1 1 0;width:0;min-width:0;max-width:none;gap:4px;padding:2px;border-color:transparent;border-radius:8px;background:transparent;font-size:12px;overflow:hidden}
body .wish-player-row>.wish-player:hover{border-color:transparent;background:#ffffff08}
body .wish-player-row>.wish-player .wish-player-initial{width:18px;height:18px;font-size:10px}
body .wish-player-row>.wish-player-actions{display:flex;flex:0 1 auto;flex-flow:row nowrap;align-items:center;justify-content:flex-end;gap:4px;min-width:0;max-width:calc(100% - 27px);padding:0}
body .wish-player-row .wish-term-button{flex:0 1 auto;min-width:0;max-width:100%;min-height:28px;padding:4px 6px;border-radius:8px;font-size:10.5px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .wish-player-row .wish-no-offer{max-width:100%;height:24px;padding:0 7px;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){body .wish-player-row .wish-term-button{min-height:28px;padding-inline:5px;font-size:10px}}
/* Tighten plain consecutive chat messages; preserve spacing on colored chat styles. */
body .chat-list .chat-message.is-grouped:not([class*="chat-style-"]):not(.is-founder):not(.mentions-me){margin-top:-8px;padding-top:2px;padding-bottom:2px}
body .chat-list .chat-message.is-grouped:not([class*="chat-style-"]):not(.is-founder):not(.mentions-me):has(+ .chat-message.is-grouped:not([class*="chat-style-"]):not(.is-founder):not(.mentions-me)){margin-bottom:2px}

/* Join consecutive messages that use the same chat background. */
body .chat-list .chat-message.chat-style-aurora:has(+ .chat-message.is-grouped.chat-style-aurora),body .chat-list .chat-message.chat-style-candy:has(+ .chat-message.is-grouped.chat-style-candy),body .chat-list .chat-message.chat-style-cherry:has(+ .chat-message.is-grouped.chat-style-cherry),body .chat-list .chat-message.chat-style-disco:has(+ .chat-message.is-grouped.chat-style-disco),body .chat-list .chat-message.chat-style-fire:has(+ .chat-message.is-grouped.chat-style-fire),body .chat-list .chat-message.chat-style-forest:has(+ .chat-message.is-grouped.chat-style-forest),body .chat-list .chat-message.chat-style-galaxy:has(+ .chat-message.is-grouped.chat-style-galaxy),body .chat-list .chat-message.chat-style-glitch:has(+ .chat-message.is-grouped.chat-style-glitch),body .chat-list .chat-message.chat-style-hologram:has(+ .chat-message.is-grouped.chat-style-hologram),body .chat-list .chat-message.chat-style-ice:has(+ .chat-message.is-grouped.chat-style-ice),body .chat-list .chat-message.chat-style-lagoon:has(+ .chat-message.is-grouped.chat-style-lagoon),body .chat-list .chat-message.chat-style-lavender:has(+ .chat-message.is-grouped.chat-style-lavender),body .chat-list .chat-message.chat-style-matrix:has(+ .chat-message.is-grouped.chat-style-matrix),body .chat-list .chat-message.chat-style-midnight:has(+ .chat-message.is-grouped.chat-style-midnight),body .chat-list .chat-message.chat-style-mint:has(+ .chat-message.is-grouped.chat-style-mint),body .chat-list .chat-message.chat-style-neon:has(+ .chat-message.is-grouped.chat-style-neon),body .chat-list .chat-message.chat-style-ocean:has(+ .chat-message.is-grouped.chat-style-ocean),body .chat-list .chat-message.chat-style-peach:has(+ .chat-message.is-grouped.chat-style-peach),body .chat-list .chat-message.chat-style-rainbow:has(+ .chat-message.is-grouped.chat-style-rainbow),body .chat-list .chat-message.chat-style-sakura:has(+ .chat-message.is-grouped.chat-style-sakura),body .chat-list .chat-message.chat-style-starfield:has(+ .chat-message.is-grouped.chat-style-starfield),body .chat-list .chat-message.chat-style-sunset:has(+ .chat-message.is-grouped.chat-style-sunset),body .chat-list .chat-message.chat-style-vaporwave:has(+ .chat-message.is-grouped.chat-style-vaporwave),body .chat-list .chat-message.chat-style-waves:has(+ .chat-message.is-grouped.chat-style-waves){border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
body .chat-list .chat-message.chat-style-aurora:has(+ .chat-message.is-grouped.chat-style-aurora) + .chat-message.is-grouped.chat-style-aurora,body .chat-list .chat-message.chat-style-candy:has(+ .chat-message.is-grouped.chat-style-candy) + .chat-message.is-grouped.chat-style-candy,body .chat-list .chat-message.chat-style-cherry:has(+ .chat-message.is-grouped.chat-style-cherry) + .chat-message.is-grouped.chat-style-cherry,body .chat-list .chat-message.chat-style-disco:has(+ .chat-message.is-grouped.chat-style-disco) + .chat-message.is-grouped.chat-style-disco,body .chat-list .chat-message.chat-style-fire:has(+ .chat-message.is-grouped.chat-style-fire) + .chat-message.is-grouped.chat-style-fire,body .chat-list .chat-message.chat-style-forest:has(+ .chat-message.is-grouped.chat-style-forest) + .chat-message.is-grouped.chat-style-forest,body .chat-list .chat-message.chat-style-galaxy:has(+ .chat-message.is-grouped.chat-style-galaxy) + .chat-message.is-grouped.chat-style-galaxy,body .chat-list .chat-message.chat-style-glitch:has(+ .chat-message.is-grouped.chat-style-glitch) + .chat-message.is-grouped.chat-style-glitch,body .chat-list .chat-message.chat-style-hologram:has(+ .chat-message.is-grouped.chat-style-hologram) + .chat-message.is-grouped.chat-style-hologram,body .chat-list .chat-message.chat-style-ice:has(+ .chat-message.is-grouped.chat-style-ice) + .chat-message.is-grouped.chat-style-ice,body .chat-list .chat-message.chat-style-lagoon:has(+ .chat-message.is-grouped.chat-style-lagoon) + .chat-message.is-grouped.chat-style-lagoon,body .chat-list .chat-message.chat-style-lavender:has(+ .chat-message.is-grouped.chat-style-lavender) + .chat-message.is-grouped.chat-style-lavender,body .chat-list .chat-message.chat-style-matrix:has(+ .chat-message.is-grouped.chat-style-matrix) + .chat-message.is-grouped.chat-style-matrix,body .chat-list .chat-message.chat-style-midnight:has(+ .chat-message.is-grouped.chat-style-midnight) + .chat-message.is-grouped.chat-style-midnight,body .chat-list .chat-message.chat-style-mint:has(+ .chat-message.is-grouped.chat-style-mint) + .chat-message.is-grouped.chat-style-mint,body .chat-list .chat-message.chat-style-neon:has(+ .chat-message.is-grouped.chat-style-neon) + .chat-message.is-grouped.chat-style-neon,body .chat-list .chat-message.chat-style-ocean:has(+ .chat-message.is-grouped.chat-style-ocean) + .chat-message.is-grouped.chat-style-ocean,body .chat-list .chat-message.chat-style-peach:has(+ .chat-message.is-grouped.chat-style-peach) + .chat-message.is-grouped.chat-style-peach,body .chat-list .chat-message.chat-style-rainbow:has(+ .chat-message.is-grouped.chat-style-rainbow) + .chat-message.is-grouped.chat-style-rainbow,body .chat-list .chat-message.chat-style-sakura:has(+ .chat-message.is-grouped.chat-style-sakura) + .chat-message.is-grouped.chat-style-sakura,body .chat-list .chat-message.chat-style-starfield:has(+ .chat-message.is-grouped.chat-style-starfield) + .chat-message.is-grouped.chat-style-starfield,body .chat-list .chat-message.chat-style-sunset:has(+ .chat-message.is-grouped.chat-style-sunset) + .chat-message.is-grouped.chat-style-sunset,body .chat-list .chat-message.chat-style-vaporwave:has(+ .chat-message.is-grouped.chat-style-vaporwave) + .chat-message.is-grouped.chat-style-vaporwave,body .chat-list .chat-message.chat-style-waves:has(+ .chat-message.is-grouped.chat-style-waves) + .chat-message.is-grouped.chat-style-waves{margin-top:-6px;padding-top:2px;padding-bottom:2px;border-top-left-radius:0!important;border-top-right-radius:0!important}
body .chat-list .chat-message.is-founder:has(+ .chat-message.is-grouped.is-founder){border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
body .chat-list .chat-message.is-founder:has(+ .chat-message.is-grouped.is-founder)+.chat-message.is-grouped.is-founder{margin-top:-6px;padding-top:2px;padding-bottom:2px;border-top-left-radius:0!important;border-top-right-radius:0!important}
body .chat-list .chat-message.mentions-me:has(+ .chat-message.is-grouped.mentions-me){border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
body .chat-list .chat-message.mentions-me:has(+ .chat-message.is-grouped.mentions-me)+.chat-message.is-grouped.mentions-me{margin-top:-6px;padding-top:2px;padding-bottom:2px;border-top-left-radius:0!important;border-top-right-radius:0!important}

/* Subtle hover target on each chat row without replacing its selected background. */
body .chat-list .chat-message>.chat-message-hover-highlight{position:absolute;inset:0;z-index:1;border-radius:inherit;background:#ffffff09;opacity:0;pointer-events:none;transition:opacity .12s ease}
body .chat-list .chat-message>.chat-content,body .chat-list .chat-message>.chat-avatar-wrap,body .chat-list .chat-message>.chat-avatar-spacer{position:relative;z-index:2}
body .chat-list .chat-message:hover>.chat-message-hover-highlight,body .chat-list .chat-message:focus-within>.chat-message-hover-highlight,body .chat-list .chat-message.is-touched>.chat-message-hover-highlight{opacity:1}
@media(prefers-reduced-motion:reduce){body .chat-message-hover-highlight{transition:none}}

body .chat-content>.chat-gif-expand{display:block;width:fit-content;max-width:min(260px,100%);max-height:204px;padding:0;margin:4px 0 0;border:0;border-radius:10px;background:transparent;overflow:hidden;cursor:pointer;line-height:0;transition:box-shadow .14s ease}
body .chat-content>.chat-gif-expand:hover{box-shadow:0 0 0 2px #b9d49d70}
body .chat-content>.chat-gif-expand:focus-visible{outline:2px solid #b9d49d;outline-offset:3px}
body .chat-content>.chat-gif-expand>.chat-gif{display:block;max-width:100%;max-height:200px;margin:0;border-radius:inherit;object-fit:contain}
@media(prefers-reduced-motion:reduce){body .chat-content>.chat-gif-expand{transition:none}}
body .sidebar-navigation .nav-count{flex:0 1 auto;width:auto;min-width:28px;max-width:6em;box-sizing:border-box;padding-inline:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}
@media (max-width:700px){
html.chat-keyboard,html.chat-keyboard body{overflow:hidden;overscroll-behavior:none}
html.chat-keyboard body .chat-panel{position:fixed;left:0;right:0;z-index:60;min-height:0;max-height:none;border-radius:0;border-inline:0}
}
/* Announcement: readable expanded layout */
.site-announcement.is-expanded{width:min(440px,calc(100vw - 24px))}
.site-announcement.is-expanded .site-announcement-body{white-space:normal;padding:2px 4px 2px 2px}
.site-announcement-body p{margin:0 0 10px}
.site-announcement-body p:last-child{margin-bottom:0}
.site-announcement-body strong{color:var(--notice-accent);font-weight:700}
.site-announcement-body ul{margin:-4px 0 12px;padding-left:18px}
.site-announcement-body li{margin:2px 0}
.site-announcement-body li::marker{color:var(--notice-accent)}
.site-announcement-title{white-space:normal;text-align:left}
/* Announcement card v2: flat, quiet, readable */
.site-announcement{grid-template-columns:minmax(0,1fr) 26px!important;column-gap:12px!important;row-gap:8px!important;padding:14px 14px 12px 18px!important;border-radius:10px!important;border:1px solid #ffffff14!important;box-shadow:0 18px 40px -12px #000c!important;background:linear-gradient(180deg,color-mix(in srgb,var(--notice-bg) 92%,#fff 3%),var(--notice-bg))!important;overflow:hidden}
.site-announcement::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--notice-accent)}
.site-announcement-icon{display:none!important}
.site-announcement-title{grid-column:1!important;grid-row:1!important;font-size:14px!important;line-height:1.35!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.site-announcement.is-expanded .site-announcement-title{-webkit-line-clamp:unset;display:block}
.site-announcement-close{grid-column:2!important;grid-row:1!important;align-self:start;width:26px!important;height:26px!important;border-radius:6px!important;background:transparent!important;opacity:.7}
.site-announcement-close:hover{opacity:1;background:#ffffff12!important}
.site-announcement-body{grid-column:1/-1!important;font-size:13.5px!important;color:color-mix(in srgb,var(--notice-text) 88%,transparent)!important}
.site-announcement.is-collapsed .site-announcement-body{white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:none!important}
.site-announcement-expand{grid-column:1/-1!important;padding:0!important;background:none!important;color:var(--notice-accent)!important;font-size:12.5px!important;font-weight:700!important;text-decoration:underline;text-underline-offset:3px;border-radius:0!important}
.site-announcement-expand::after{content:""!important}
/* Announcement: straight (no tilt, no nudge), no border or accent bar, bottom-right corner */
.site-announcement,.site-announcement:hover,.site-announcement:focus-within,.site-announcement.is-expanded{top:auto!important;bottom:clamp(12px,2vw,24px)!important;right:clamp(12px,2vw,24px)!important;transform:none!important;animation:none!important;border:0!important}
.site-announcement::before{content:none!important;display:none!important}
.site-announcement.is-expanded .site-announcement-body{max-height:min(60dvh,520px)!important}
/* "X is typing" lives on its own fixed line just above the reply bar and the input: it never floats over messages,
   never overlaps the reply bar and never jumps when a message is sent (its space is always kept). */
body .chat-panel #chat-typing,body .chat-panel #chat-typing:empty{position:static;display:block;transform:none;bottom:auto;left:auto;right:auto;height:20px;min-height:20px;margin:0;padding:1px 14px;border-radius:0;background:transparent;line-height:18px;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
body:has(.chat-reply-bar:not([hidden])) .chat-panel #chat-typing{transform:none}
/* Chat companion controls, clean version: one compact line, plain labels, slim switches with small corners, no pill, no border, no wide background */
html body .chat-footer .chat-companion-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;justify-self:start;gap:6px 16px;width:auto;max-width:none;min-width:0}
html body .chat-footer .chat-companion-title{grid-column:auto;font-size:10.5px;font-weight:700;color:#8fae9c;white-space:nowrap}
html body .chat-footer .chat-auto-toggle{justify-self:auto;gap:7px;min-height:0;padding:3px 0;border:0!important;border-radius:0;background:none!important;box-shadow:none!important;color:#9fb5a4;transition:color .15s}
html body .chat-footer .chat-auto-toggle:hover:not(:has(input:disabled)),html body .chat-footer .chat-auto-toggle:has(input:checked){color:#e4eee5}
html body .chat-footer .chat-auto-toggle>span{font-size:11px;font-weight:650}
html body .chat-footer .chat-auto-toggle input{width:26px;height:14px;border:0!important;border-radius:4px;background:#2c4034;box-shadow:none!important}
html body .chat-footer .chat-auto-toggle input::before{top:2px;left:2px;width:10px;height:10px;border-radius:3px;box-shadow:none}
html body .chat-footer .chat-auto-toggle input:checked{background:#63d48d}
html body .chat-footer .chat-auto-toggle input:checked::before{transform:translateX(12px)}
@media (max-width:700px){html body .chat-footer .chat-companion-controls{grid-column:1/-1;gap:4px 18px}html body .chat-footer .chat-companion-title{flex-basis:100%}}
/* Send a gift: the 4 bundles on one row, the Unique chest below across the same 4 columns (subgrid keeps the
   chest's price and button exactly under the 4th bundle), in the same card language as the bundles. */
body .booster-gift-grid.is-boosters{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body .booster-gift-chest{--tier:#e7c98a;--tier-ink:#fff0bf;grid-column:1/-1;display:grid;grid-template-columns:subgrid;align-items:center;padding:16px 0;border-radius:16px;border:1px solid color-mix(in srgb,var(--tier) 55%,transparent);background:radial-gradient(60% 140% at 0% 50%,color-mix(in srgb,var(--tier) 22%,transparent),transparent 70%),linear-gradient(165deg,#15261d,#0b1611);box-shadow:0 0 26px #e7c98a1f}
body .booster-gift-chest-art{grid-column:1;justify-self:center;display:grid;place-items:center;width:56px;height:84px;border-radius:8px;background:linear-gradient(165deg,#22342a,#0e1813);box-shadow:0 8px 12px #0007,inset 0 0 0 1px #e7c98a55}
body .booster-gift-chest-art b{font:800 22px/1 Sora,sans-serif;letter-spacing:-.04em;background:linear-gradient(180deg,#fff6d8,#e7c98a 55%,#a87b3a);-webkit-background-clip:text;background-clip:text;color:transparent}
body .booster-gift-chest-copy{grid-column:2/4;display:grid;justify-items:start;gap:6px;min-width:0;text-align:left}
body .booster-gift-chest-copy .booster-gift-guarantee{width:auto;min-height:28px;padding:4px 10px}
body .booster-gift-chest-copy h3{margin:0;font-size:20px;color:#fff}
body .booster-gift-chest-copy p{margin:0;color:#b9ccbb;font-size:13px;line-height:1.45}
body .booster-gift-chest-buy{grid-column:4;display:grid;justify-items:center;gap:8px;padding:0 12px}
body .booster-gift-chest-buy strong{font-size:18px;color:var(--tier-ink)}
body .booster-gift-chest-buy .button{width:100%;background:linear-gradient(90deg,#f6d77a,#c9952f);color:#2a1d05;border:0;font-weight:900}
@media (max-width:760px){
  body .booster-gift-grid.is-boosters{grid-template-columns:repeat(2,minmax(0,1fr))}
  body .booster-gift-grid.is-boosters .booster-gift-tier{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px}
  body .booster-gift-grid.is-boosters .booster-gift-tier h3{text-align:center}
  body .booster-gift-chest{grid-template-columns:auto minmax(0,1fr);gap:12px 14px;padding:16px}
  body .booster-gift-chest-art{grid-column:1}
  body .booster-gift-chest-copy{grid-column:2}
  body .booster-gift-chest-buy{grid-column:1/-1;padding:0}
}
/* Referral card on the Friends page */
.referral-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;align-items:center;gap:14px 20px;margin:0 0 18px;padding:16px 18px;border-radius:6px;background:linear-gradient(100deg,#e7c98a26,#e7c98a08 65%)}
.referral-copy strong{display:block;color:#f3e3b8;font-size:16px}
.referral-copy p{margin:4px 0 0;color:#c9d4c6;font-size:13px;line-height:1.5}
.referral-share{display:flex;gap:8px;min-width:0}
.referral-link{flex:1;min-width:0;padding:10px 12px;border:0;border-radius:6px;background:#0b1611;color:#eef3ea;font:600 13px/1.2 inherit}
.referral-share .button{flex:none;white-space:nowrap}
.referral-stats{display:flex;flex-wrap:wrap;gap:12px 16px;color:#b9ccbb;font-size:12px;white-space:nowrap}
.referral-stats>span{white-space:normal;max-width:160px}
.referral-stats b{display:block;color:#f3e3b8;font-size:20px;line-height:1.1}
@media (max-width:900px){.referral-card{grid-template-columns:minmax(0,1fr)}.referral-stats{justify-content:flex-start}}
.public-album-more{display:flex;justify-content:center;width:100%;margin-top:12px}
/* Support tickets */
.support-page{display:grid;gap:16px;max-width:900px}
.support-tabs,.support-filters{display:flex;flex-wrap:wrap;gap:6px}
.support-tabs button,.support-filters button{padding:9px 14px;border:0;border-radius:6px;background:#ffffff0d;color:#c9d4c6;font:700 13px/1.2 inherit;cursor:pointer}
.support-tabs button.is-active,.support-filters button.is-active{background:#bedca526;color:#eef3ea}
.support-tabs button b{margin-left:6px;padding:2px 6px;border-radius:4px;background:#e8954a;color:#1b0d02;font-size:11px}
.support-filters small{opacity:.7}
.support-list-head{display:flex;justify-content:flex-start}
.support-list{display:grid;gap:6px}
.support-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;border-radius:6px;background:#ffffff0a;color:#eef3ea;font:inherit;text-align:left;cursor:pointer}
.support-row:hover{background:#ffffff14}
.support-row.is-unread{background:#bedca51a}
.support-row-main{display:grid;gap:3px;min-width:0}
.support-row-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.support-row-main small{color:#a9bdae;font-size:12px}
.support-new{padding:3px 7px;border-radius:4px;background:#e8954a;color:#1b0d02;font-size:11px;font-weight:900}
.support-status{padding:3px 8px;border-radius:4px;font-size:11.5px;font-weight:800;background:#ffffff14;color:#c9d4c6}
.support-status.is-open{background:#5ab0ff26;color:#9fd0ff}
.support-status.is-answered{background:#6fd08c26;color:#9fe3b4}
.support-status.is-closed{background:#ffffff0d;color:#8fa594}
.support-empty{color:#a9bdae}
.support-form{display:grid;gap:12px;padding:16px;border-radius:6px;background:#ffffff08}
.support-form label{display:grid;gap:6px;color:#c9d4c6;font-size:12.5px;font-weight:700}
.support-form-row{display:grid;grid-template-columns:minmax(140px,200px) minmax(0,1fr);gap:12px}
.support-form input:not([type="file"]),.support-form select,.support-form textarea{width:100%;padding:10px 12px;border:0;border-radius:6px;background:#0b1611;color:#eef3ea;font:500 14px/1.45 inherit;box-sizing:border-box}
.support-form textarea{resize:vertical;min-height:90px}
.support-form input[type="file"]{color:#c9d4c6;font-size:12.5px}
.support-previews{display:flex;flex-wrap:wrap;gap:8px}
.support-previews img{width:72px;height:72px;object-fit:cover;border-radius:6px}
.support-actions{display:flex;justify-content:flex-end;gap:8px}
.support-error{margin:0;color:#e4a99a;font-size:13px}
.support-thread{display:grid;gap:12px}
.support-thread-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.support-thread-head .support-status{margin-left:auto}
.support-thread h2{margin:0;font-size:22px}
.support-thread-meta{margin:-6px 0 0;color:#a9bdae;font-size:13px}
.support-messages{display:grid;gap:10px}
.support-message{max-width:min(640px,88%);padding:12px 14px;border-radius:6px;background:#ffffff0d}
.support-message.is-mine{justify-self:end;background:#bedca51f}
.support-message.is-staff{background:#e8954a1f}
.support-message header{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:12.5px}
.support-message header time{margin-left:auto;color:#8fa594;font-size:11.5px}
.support-staff-tag{padding:2px 6px;border-radius:4px;background:#e8954a;color:#1b0d02;font-size:10.5px;font-weight:900}
.support-message p{margin:0;color:#eef3ea;font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.support-message-images{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.support-message-images img{display:block;width:140px;height:140px;object-fit:cover;border-radius:6px}
.support-closed{color:#a9bdae;font-size:13px}
@media (max-width:640px){.support-form-row{grid-template-columns:minmax(0,1fr)}.support-message{max-width:100%}.support-row{grid-template-columns:minmax(0,1fr) auto}.support-row .support-new{display:none}}
/* Support tickets v2: site-wide fields (wa-select / wa-input / wa-textarea), a real "Add images" button, removable thumbnails */
.support-page.is-modal,.support-page.is-staff-section{max-width:none;gap:14px}
.support-modal .modal-content{min-height:min(520px,70vh)}
.support-list-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.support-list-head p{margin:0;color:#b9ccbb;font-size:13.5px;line-height:1.5;max-width:520px}
.support-list-head .button,.support-actions .button,.support-thread-head .button{display:inline-flex;align-items:center;gap:8px}
.support-list-head .icon,.support-actions .icon,.support-thread-head .icon,.support-pick .icon{width:16px;height:16px}
.support-form wa-select,.support-form wa-input,.support-form wa-textarea{width:100%}
.support-form-row{grid-template-columns:minmax(160px,220px) minmax(0,1fr);align-items:end}
.support-images{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.support-pick{display:inline-flex;align-items:center;gap:8px}
.support-hint{color:#8fa594;font-size:12px}
.support-previews{flex-basis:100%;display:flex;flex-wrap:wrap;gap:8px}
.support-previews:empty{display:none}
.support-thumb{position:relative;display:block;width:76px;height:76px}
.support-thumb img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.support-thumb button{position:absolute;top:4px;right:4px;width:22px;height:22px;padding:0;border:0;border-radius:4px;background:#000000b3;color:#fff;font-size:15px;line-height:1;cursor:pointer}
.support-thumb button:hover{background:#c0392b}
.support-thread h3{margin:0;font-size:20px}
.support-messages{max-height:min(46vh,440px);overflow-y:auto;padding-right:4px}
.support-page.is-staff-section .support-messages{max-height:min(56vh,560px)}
.support-reply{padding:12px}
@media (max-width:640px){.support-form-row{grid-template-columns:minmax(0,1fr)}.support-list-head .button{width:100%;justify-content:center}}
/* Tickets v3: compact window, chat-like composer, one clean list for the staff */
.support-modal{width:min(620px,calc(100vw - 32px))!important;max-width:620px!important}
.support-modal .modal-content{min-height:0}
.support-page.is-modal{gap:12px}
.support-intro{margin:0;color:#b9ccbb;font-size:13.5px;line-height:1.5}
.support-link{display:inline-flex;align-items:center;gap:6px;justify-self:start;padding:4px 0;border:0;background:none;color:#bedca5;font:700 13px/1.2 inherit;cursor:pointer}
.support-link .icon{width:15px;height:15px}
.support-form.support-compose,.support-form.support-reply{padding:0;background:none;gap:10px}
.support-form-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px;align-items:center}
.support-input{width:100%;height:42px;padding:0 12px;border:0;border-radius:6px;background:#0b1611;color:#eef3ea;font:600 14px/1 inherit;box-sizing:border-box}
.support-input:focus,.support-composer textarea:focus{outline:2px solid #bedca566;outline-offset:0}
.support-composer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:6px;padding:6px;border-radius:8px;background:#0b1611}
.support-composer textarea{min-height:44px;max-height:200px;padding:10px 6px;border:0;background:none;color:#eef3ea;font:500 14px/1.45 inherit;resize:vertical}
.support-composer-tool,.support-composer-send{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:6px;cursor:pointer}
.support-composer-tool{background:#ffffff0f;color:#c9d4c6}
.support-composer-tool:hover{background:#ffffff1f;color:#eef3ea}
.support-composer-send{background:#bedca5;color:#10231b}
.support-composer-send:hover{background:#d3ecbd}
.support-composer-send:disabled{opacity:.5;cursor:default}
.support-composer .icon{width:18px;height:18px}
.support-images .support-hint{margin:4px 2px 0;font-size:11.5px}
.support-images{display:grid;gap:8px}
.support-previews{display:flex;flex-wrap:wrap;gap:8px}
.support-summary{margin:0;color:#a9bdae;font-size:13px}
.support-list{gap:4px}
.support-row{padding:11px 14px}
.support-messages{max-height:min(48vh,460px)}
@media (max-width:640px){.support-form-row{grid-template-columns:minmax(0,1fr)}}
/* Ticket thread header: three slim items of the same height on one line */
.support-thread-head{display:flex;align-items:center;gap:8px}
.support-thread-head .support-status{margin-left:0;display:inline-flex;align-items:center;height:30px;padding:0 10px;box-sizing:border-box}
.support-head-button{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:0;border-radius:6px;background:#ffffff0f;color:#d6e2d3;font:700 12.5px/1 inherit;cursor:pointer}
.support-head-button:hover{background:#ffffff1f;color:#eef3ea}
.support-head-button .icon{width:14px;height:14px}
.support-head-button.is-end{margin-left:auto}
.support-row .support-new,.support-row .support-status{display:inline-flex;align-items:center;height:24px;padding:0 9px;box-sizing:border-box}
/* Tickets: a roomier message field by default, and a slightly wider window */
.support-modal{width:min(680px,calc(100vw - 32px))!important;max-width:680px!important}
.support-compose .support-composer textarea{min-height:150px}
.support-reply .support-composer textarea{min-height:96px}
/* Staff tickets toolbar: search + status / type / date filters on one line */
.support-toolbar{display:grid;grid-template-columns:minmax(200px,1fr) 220px 170px 150px;gap:8px;align-items:center}
.support-toolbar .support-search{height:40px}
.support-toolbar wa-select{width:100%}
@media (max-width:900px){.support-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.support-toolbar .support-search{grid-column:1/-1}}
#arena-volume.arena-volume{width:230px;padding:10px 14px;border:0;border-radius:8px;box-shadow:0 10px 30px #0008}
/* Arena volume: a tall vertical slider on the right side (in the empty margin), not a flat bar */
#arena-volume.arena-volume{top:50%;bottom:auto;right:14px;transform:translateY(-50%);width:auto;padding:12px 8px;border:0;border-radius:8px;display:grid;justify-items:center}
#arena-volume .auto-speed.sound-volume{display:flex!important;flex-direction:column;align-items:center;gap:8px;grid-template-columns:none!important;margin:0}
#arena-volume .auto-speed-label{font-size:11px;font-weight:800;letter-spacing:.04em}
#arena-volume input[type="range"]{writing-mode:vertical-lr;direction:rtl;width:22px;height:180px;margin:0}
#arena-volume .auto-speed-value{font-size:11px;min-width:0}
/* Arena volume v2: its own slim vertical slider, pinned to the right edge (not the pack sliders' horizontal style) */
#arena-volume{position:fixed;right:12px;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;align-items:center;gap:8px;width:44px;padding:10px 0;border-radius:8px;background:#0c1712e6;box-shadow:0 10px 30px #0008}
#arena-volume .arena-volume-icon{display:grid;place-items:center;color:#e6c77a}
#arena-volume .arena-volume-icon .icon{width:18px;height:18px}
#arena-volume input[type="range"]{appearance:auto;writing-mode:vertical-lr;direction:rtl;width:18px;height:160px;margin:0;padding:0;accent-color:#e6c77a;background:none;cursor:pointer}
#arena-volume .arena-volume-value{color:#d6e2d3;font-size:10.5px;font-weight:800;font-variant-numeric:tabular-nums}
html.is-fighting #arena-volume{opacity:.92}
#arena-volume{right:3px;width:34px;padding:8px 0}#arena-volume input[type="range"]{width:14px;height:150px}#arena-volume .arena-volume-value{font-size:9.5px}
/* Catalog toolbar v2: a compact search box, the theme / collection / rarity / binder lists get the room */
@media(min-width:1101px){
  body .collection-toolbar{flex-wrap:nowrap;align-items:flex-end}
  body .collection-toolbar>.search-input{flex:0 1 260px;max-width:280px;min-width:200px}
  body .collection-toolbar>.filter-group{flex:1 1 auto;flex-wrap:nowrap;min-width:0}
  body .collection-toolbar .filter-select{flex:1 1 0;min-width:0}
}
/* Announcement layout: headings, lists and paragraphs keep their spacing */
.site-announcement-body .site-announcement-heading{margin:14px 0 6px;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--notice-accent,#f0a46b)}
.site-announcement-body .site-announcement-heading:first-child{margin-top:2px}
.site-announcement-body p{margin:0 0 8px}
.site-announcement-body ul{margin:0 0 10px;padding-left:18px}
.site-announcement-body li{margin:0 0 4px}
.site-announcement-body li::marker{color:var(--notice-accent,#f0a46b)}
/* Arachnophobia: spider and scorpion card art is replaced by a calm veil when the profile setting is on */
.arachno-veil{display:none}
.pk-arachno .card-art.is-arachnid{position:relative}
.pk-arachno .card-art.is-arachnid img{visibility:hidden}
.pk-arachno .card-art.is-arachnid .arachno-veil{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:12px;background:radial-gradient(circle at 50% 40%,#2b4033,#14231b);color:#cfdcc8;text-align:center}
.pk-arachno .card-art.is-arachnid .arachno-veil b{font-size:12px;font-weight:800;letter-spacing:.04em;opacity:.85}
/* Succès / Collections tabs: same look as the collection tabs */
.success-tabs{margin:0 0 22px}
.success-tabs a{background:transparent;padding:11px 2px;font-size:11px;color:#9299ac;border-bottom:2px solid transparent;display:flex;gap:6px;align-items:center;text-decoration:none}
.success-tabs a.active{border-color:var(--accent);color:var(--accent);font-weight:600}
.success-tabs a .icon,.success-tabs a svg{width:15px;height:15px}
html[data-site-theme]:not([data-site-theme="default"]) body .success-tabs a{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .success-tabs a.active{color:var(--theme-accent);border-bottom-color:var(--theme-accent)}
/* Favourites filter: a filled heart while it is on, so a second click clearly turns it off */
.collection-tabs .collection-favorite-toggle.active svg{fill:currentColor}
/* Sale / auction card picker: a grid of thumbnails instead of a long drop-down list */
.sell-picker-label{display:block;margin-bottom:8px;font-size:12px;font-weight:700;opacity:.85}
.sell-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;max-height:min(46vh,380px);overflow-y:auto;overscroll-behavior:contain;padding:2px 4px 2px 0}
.sell-picker-tile{display:grid;grid-template-rows:auto auto;gap:5px;padding:6px;border:0;border-radius:10px;background:#ffffff0d;color:inherit;font:inherit;text-align:left;cursor:pointer;min-width:0}
.sell-picker-tile:hover{background:#ffffff1a}
.sell-picker-tile.is-selected{background:color-mix(in srgb,var(--accent,#bedca5) 30%,transparent)}
.sell-picker-tile.is-selected .sell-picker-name{color:var(--accent,#bedca5)}
.sell-picker-art{display:block;aspect-ratio:2/3;border-radius:7px;overflow:hidden;background:#0000004d}
.sell-picker-art img{display:block;width:100%;height:100%;object-fit:cover}
.sell-picker-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:11px;font-weight:700;line-height:1.25;min-height:2.5em}
.sell-picker-rarity{justify-self:start;margin-top:-2px;padding:1px 6px;border-radius:4px;background:#0000004d;font-size:10px;font-weight:800;letter-spacing:.04em}
.sell-picker-tile[data-rarity="L"] .sell-picker-rarity{color:#f4c95d}.sell-picker-tile[data-rarity="UR"] .sell-picker-rarity{color:#ff8a8a}.sell-picker-tile[data-rarity="SR"] .sell-picker-rarity{color:#c79bff}.sell-picker-tile[data-rarity="R"] .sell-picker-rarity{color:#7fc4ff}
.sell-picker-picked{margin:8px 0 0;font-size:12.5px;font-weight:700}
@media(max-width:600px){.sell-picker-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));max-height:40vh}}
/* « Tout retirer » next to the active favourites filter */
.collection-tabs .collection-favorites-clear{background:transparent;padding:11px 2px;font-size:11px;color:#e7a08d;border-bottom:2px solid transparent;display:flex;gap:6px;align-items:center}
.collection-tabs .collection-favorites-clear:hover{color:#ffb7a3}
/* Succès / Collections switch v2: a clean two-button switch (equal widths, flat, no border, no pill) instead of tiny underlined tabs */
body .success-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:min(100%,420px);margin:0 0 24px;padding:4px;border:0;border-radius:12px;background:color-mix(in srgb,currentColor 7%,transparent)}
body .success-tabs a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:inherit;opacity:.72;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s,opacity .15s}
body .success-tabs a:hover{opacity:1;background:color-mix(in srgb,currentColor 6%,transparent)}
body .success-tabs a.active{opacity:1;background:var(--accent,#bedca5);color:#13241a}
body .success-tabs a .icon,body .success-tabs a svg{width:17px;height:17px;flex:none}
html[data-site-theme]:not([data-site-theme="default"]) body .success-tabs a{color:inherit;border:0}
html[data-site-theme]:not([data-site-theme="default"]) body .success-tabs a.active{background:var(--theme-accent);color:var(--theme-accent-text,#13241a);border:0}
@media(max-width:600px){body .success-tabs{width:100%}}
/* Succès / Collections switch: the active button always uses the theme's « text on accent » colour (never accent on accent) */
html body nav.success-tabs a.active,html body nav.success-tabs a.active:hover{background:var(--accent,#bedca5)!important;color:#13241a!important;opacity:1}
html[data-site-theme]:not([data-site-theme="default"]) body nav.success-tabs a.active,html[data-site-theme]:not([data-site-theme="default"]) body nav.success-tabs a.active:hover{background:var(--theme-accent)!important;color:var(--theme-accent-text,#1a1208)!important}
html body nav.success-tabs a.active .icon,html body nav.success-tabs a.active svg{color:inherit!important;stroke:currentColor}
html body nav.success-tabs a:not(.active){color:var(--text,inherit)!important}
/* Market: how many offers are hidden because the player already owns those cards */
.market-owned-note{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 16px;padding:11px 14px;border-radius:10px;background:color-mix(in srgb,currentColor 6%,transparent);font-size:13px}
.market-owned-note .text-link{font-weight:700}
.market-page{min-height:72vh}
/* "Prochain booster gratuit": the box hugs its text and time (it was a fixed 380 px wide, leaving a big gap after the time), flat, no border. */
body .inline-pack-timer,html[data-site-theme] body .inline-pack-timer{display:inline-flex;flex-wrap:nowrap;width:auto;max-width:100%;gap:12px;padding:10px 16px;border:0!important;border-radius:8px}
body .inline-pack-timer strong{font-size:20px;line-height:1}
/* Timer box and "Explorer les collections" side by side, same height, aligned. */
body .inline-pack-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px}
body .inline-pack-row>.inline-pack-timer{margin:0;align-items:center}
body .inline-pack-row>.button{margin:0;width:auto}
/* Founder messages sent in a row read as one block: the gold outline only runs around the whole group (no line between two messages) and the sparkles stay on the first one. */
body .chat-list .chat-message.is-founder:has(+ .chat-message.is-grouped.is-founder),body .chat-list .chat-message.is-founder:has(+ .chat-message.is-grouped.is-founder):hover{box-shadow:inset 1px 0 0 #ffe29a40,inset -1px 0 0 #ffe29a40,inset 0 1px 0 #ffe29a40!important}
body .chat-list .chat-message.is-founder+.chat-message.is-grouped.is-founder,body .chat-list .chat-message.is-founder+.chat-message.is-grouped.is-founder:hover{box-shadow:inset 1px 0 0 #ffe29a40,inset -1px 0 0 #ffe29a40,inset 0 -1px 0 #ffe29a40!important}
body .chat-list .chat-message.is-founder+.chat-message.is-grouped.is-founder:has(+ .chat-message.is-grouped.is-founder),body .chat-list .chat-message.is-founder+.chat-message.is-grouped.is-founder:has(+ .chat-message.is-grouped.is-founder):hover{box-shadow:inset 1px 0 0 #ffe29a40,inset -1px 0 0 #ffe29a40!important;border-radius:0!important}
body .chat-list .chat-message.is-founder+.chat-message.is-grouped.is-founder::after{content:none}
/* Chat reactions: just the emoji and its count, no outline (yours is only a touch brighter). */
html body .chat-reaction,html body .chat-reaction.is-mine{border:0!important;border-radius:6px;box-shadow:none!important;background:#ffffff0d}
html body .chat-reaction.is-mine{background:color-mix(in srgb,var(--theme-accent,#bedca5) 16%,transparent)!important}
html body .chat-reaction:hover{background:#ffffff17}
html body .chat-reaction[data-tip]:hover::after,html body .chat-reaction[data-tip]:focus-visible::after{border:0!important}
/* A companion shared in the chat (from its right-click menu). */
.chat-companion-card{display:inline-flex;align-items:center;gap:12px;margin-top:4px;padding:8px 14px 8px 8px;border-radius:10px;background:#ffffff0c}
.chat-companion-card img{width:72px;height:72px;object-fit:contain}
.chat-companion-card span{display:grid;gap:1px}
.chat-companion-card small{font-size:11px;opacity:.7}
.chat-companion-card strong{font:800 14px/1.2 Sora,sans-serif}
.chat-companion-card em{font-style:normal;font-size:12px;font-weight:700;color:var(--theme-accent,#f2c14e)}
/* Chat: avatar frames with an outer ring (orbit, laurel…) stay inside the avatar column, clear of the message text. */
body .chat-list .chat-message{column-gap:15px}
body .chat-list .chat-message .chat-avatar-wrap.appearance-avatar[data-avatar-frame]:not([data-avatar-frame=""]):not([data-avatar-frame="none"]){transform:scale(.86);transform-origin:50% 40%}
.chat-companion-card .chat-companion-creature{position:relative;display:block;width:96px;height:96px;flex:none}
.chat-companion-card .chat-companion-creature canvas{position:absolute;inset:0;width:100%;height:100%}
/* Full-page companion spell effects (spell-fx.js). */
.pk-spell-fx{position:fixed;inset:0;width:100vw;height:100vh;z-index:540;pointer-events:none}
/* « Retirer » on an equipped style: a quiet dark button with light text in every theme (it inherited the product's coloured
   gradient with the theme's pale text, which was unreadable). */
html body .cosmetic-product .button.ghost:not(:disabled),html[data-site-theme] body .cosmetic-product .button.ghost:not(:disabled){background:#ffffff17!important;color:var(--theme-text,#eef3ea)!important;border:0!important;box-shadow:none!important;font-weight:800}
html body .cosmetic-product .button.ghost:not(:disabled):hover,html[data-site-theme] body .cosmetic-product .button.ghost:not(:disabled):hover{background:#ffffff26!important}
/* Notice shown when the browser's hardware acceleration is off (animations were cut automatically). */
.acceleration-notice{position:fixed;right:18px;bottom:18px;z-index:10070;display:grid;gap:8px;width:min(380px,calc(100vw - 36px));padding:16px 18px;border-radius:10px;background:var(--theme-panel,#16201b);color:var(--theme-text,#eef3ea);box-shadow:0 18px 44px #000c}
.acceleration-notice strong{font:800 15px/1.3 Sora,sans-serif}
.acceleration-notice p{margin:0;font-size:13px;line-height:1.5;opacity:.85}
.acceleration-notice .button{justify-self:end;min-height:34px}
/* Search fields: the bar with the magnifier is the only box; the text field inside is always transparent and borderless,
   focused or not (it showed a second, darker, offset box inside the bar). */
html body :is(label,div,span,p)[class*="search"]:not(:has(button)) input,
html body :is(label,div,span,p)[class*="search"]:not(:has(button)) input:is(:focus,:focus-visible),
html body .social-search-field input,html body .social-search-field input:is(:focus,:focus-visible){outline:none!important;box-shadow:none!important;background:transparent!important;border:0!important;border-radius:0!important}
/* Every search box on the site: the text field never paints its own box (native look off, transparent, no border/outline). */
html body input[type="search"],html body input[type="search"]:is(:hover,:focus,:focus-visible,:active){-webkit-appearance:none!important;appearance:none!important;background:transparent!important;background-color:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important}
html body input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
/* Search fields beat the seasonal theme's focus ring for all inputs (html[data-site-theme] body input:focus, which drew a
   second coloured box inside every search bar): :not(#_) gives these rules an id-level weight. */
html:not(#_) body input[type="search"],html:not(#_) body input[type="search"]:is(:hover,:focus,:focus-visible,:active),
html:not(#_) body :is(.search-input,.social-search-field,.trade-card-search,.collections-search,.staff-search,.staff-unique-search,.shop-explorer-search-box,.profile-card-search,.public-album-search,.binder-search,.arena-search,.market-search,.emoji-picker-search) input:is(*,:focus,:focus-visible){background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important}
/* « Retirer » keeps the exact size and place of « Obtenir » / « Équiper »; only its colours are quieter. */
html:not(#_) body .cosmetic-product .button.is-remove:not(:disabled){background:#ffffff17!important;color:var(--theme-text,#eef3ea)!important;border:0!important;box-shadow:none!important}
html:not(#_) body .cosmetic-product .button.is-remove:not(:disabled):hover{background:#ffffff26!important}
/* Drop-down filters (market, collection, binders…): no green outline or glow once clicked, only a slightly lighter field. */
html:not(#_) body wa-select:is(:focus-within,[open])::part(combobox){outline:0!important;box-shadow:none!important;border-color:color-mix(in srgb,var(--theme-line,#63816b) 36%,transparent)!important;background-color:color-mix(in srgb,var(--theme-bg-alt,#0d2118) 88%,#fff 12%)!important}
html:not(#_) body wa-select.language-select:is(:focus-within,[open])::part(combobox){background-color:#ffffff10!important}
/* Text then the card / companion picture of a link written inside it. */
.chat-content>.chat-body+:is(.chat-card,.chat-companion-card){margin-top:8px}
/* Chat message tools follow the mouse: shown on hover, while the reaction menu is open, or when reached with the keyboard —
   no longer left on screen after a click inside the message once the mouse has gone. */
@media (hover:hover){
  html:not(#_) body .chat-message:focus-within:not(:hover):not(:has(:focus-visible)):not(:has(.chat-react-menu)) .chat-actions{display:none}
}
html:not(#_) body .chat-message:has(.chat-react-menu) .chat-actions{display:flex}
/* Sidebar profile button (bottom left): a soft rounded highlight with inner room on hover — no square dark block touching the
   edges, no ring around the avatar, nothing moves. */
html:not(#_) body .sidebar-bottom.profile-button{padding:10px 12px!important;margin:0 -12px 12px!important;width:calc(100% + 24px)!important;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;transition:background-color .15s}
html:not(#_) body .sidebar-bottom.profile-button:hover,html:not(#_) body .sidebar-bottom.profile-button:focus-visible{background:color-mix(in srgb,var(--theme-text,#eef5ef) 6%,transparent)!important;box-shadow:none!important;transform:none!important}
html:not(#_) body .sidebar-bottom.profile-button:active{background:color-mix(in srgb,var(--theme-text,#eef5ef) 9%,transparent)!important}
html:not(#_) body .sidebar-bottom.profile-button:hover>.avatar{box-shadow:none!important}
html:not(#_) body .sidebar-bottom.profile-button>.status-dot{align-self:center;justify-self:center}
/* Profile: « Depuis un lien » field under the photo / banner buttons. */
.profile-link-form{display:flex;gap:8px;width:100%;margin:10px 0 0}
.profile-link-form[hidden]{display:none}
.profile-link-form input{flex:1 1 auto;min-width:0;height:40px;padding:0 12px;border:0;border-radius:9px;background:color-mix(in srgb,var(--theme-text,#eef5ef) 7%,transparent);color:inherit;font:inherit;font-size:13.5px}
.profile-link-form input:focus{outline:2px solid color-mix(in srgb,var(--theme-accent,#c5dfa4) 55%,transparent);outline-offset:1px}
.profile-link-form .button{height:40px;min-height:40px;padding:0 16px}
/* Catalog toolbar v3: the lists never get squeezed. With a theme chosen, the « Collection » list appears too: the search
   keeps its line and the lists wrap onto a second row at a readable width instead of shrinking to a few letters. */
@media(min-width:1101px){
  body .collection-toolbar{flex-wrap:wrap}
  body .collection-toolbar>.search-input{flex:1 1 260px;max-width:none}
  body .collection-toolbar>.filter-group{flex:999 1 640px;flex-wrap:wrap;min-width:min(100%,640px)}
  body .collection-toolbar .filter-select{flex:1 1 170px;min-width:170px}
  body .collection-toolbar .feed-subcategory-filter{flex:2 1 260px;min-width:240px}
}
body .collection-toolbar .filter-select::part(display-input){text-overflow:ellipsis}
body .collection-toolbar .filter-select::part(listbox){min-width:max(100%,260px);max-width:min(420px,calc(100vw - 32px))}
body .collection-toolbar .filter-select wa-option::part(label){white-space:normal;line-height:1.35}

body .catalog-page .catalog-add-card{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:43px;margin:0;padding:10px 16px;line-height:1.3;white-space:nowrap}
body .catalog-page .catalog-add-card svg{width:18px;height:18px;flex:none}

@media(max-width:760px){
body .topbar{gap:3px;padding:8px;min-height:48px}
body .topbar .menu-toggle{flex:0 0 32px;width:32px;height:32px}
body .topbar-actions{flex-wrap:nowrap;gap:3px}
body .topbar-actions #balance-button{flex:0 0 32px;width:32px;height:32px;min-width:32px;padding:2px;justify-content:center}
body #balance-button #balance,body #balance-button small,body #balance-button>[data-icon],body #balance-button>svg{display:none}
body #balance-button .coin{margin:0;width:28px;height:28px}
body .topbar-actions .icon-button,body:not(.auth-page) .topbar-actions #notification-button{flex:0 0 32px;width:32px;height:32px;min-width:32px;padding:6px}
body .topbar-actions .pack-timer{flex:0 0 32px;width:32px;height:32px;min-height:32px;padding:6px;margin:0;justify-content:center}
body .topbar-actions .pack-timer>div{display:none}
body .topbar-actions .language-select{width:32px;min-width:32px;max-width:32px}
body .topbar-actions .language-select::part(combobox){padding-inline:4px;min-height:32px}
body .topbar-actions .language-select::part(display-input),body .topbar-actions .language-select::part(expand-icon){display:none}
}
@media(max-width:360px){body .topbar .menu-toggle,body .topbar-actions .icon-button,body:not(.auth-page) .topbar-actions #notification-button,body .topbar-actions #balance-button,body .topbar-actions .pack-timer{flex-basis:28px;width:28px;min-width:28px}}

@media(max-width:760px){
body .topbar-actions #balance-button{order:-2;flex:0 1 76px;width:auto;min-width:32px;max-width:76px;gap:4px;padding:2px;overflow:hidden}
body #balance-button .coin{flex:0 0 24px;width:24px;height:24px}
body #balance-button .coin img{width:24px;height:24px}
body #balance-button #balance{display:block;flex:0 1 auto;min-width:0;max-width:4.5ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
}

/* chat-styles-extra.css */
/* Chat message backgrounds added in the October 2026 batch (ids in cosmetic-extra-collect.js).
   html:not(#_) out-ranks the site theme rules; the founder style keeps priority. */
html:not(#_) body .chat-message.chat-style-marble{--chat-extra-bg:linear-gradient(118deg,#0000 34%,#f4f1ea1f 35%,#0000 36.2%,#0000 63%,#d9c28a2b 63.6%,#0000 64.6%),linear-gradient(162deg,#0000 52%,#f4f1ea14 52.6%,#0000 53.6%),radial-gradient(90% 180% at 8% 0%,#f4f1ea1f,#0000 62%),linear-gradient(90deg,#d8d8d230,#a7aaa61c 58%,#ffffff08);--chat-extra-size:auto;--chat-extra-pos:0 0}
html:not(#_) body .chat-message.chat-style-champagne{--chat-extra-bg:radial-gradient(circle,#fff1c866 0 1.1px,#0000 1.7px),radial-gradient(circle,#fff1c833 0 .8px,#0000 1.4px),linear-gradient(90deg,#e8c98a42,#c9a3602a 58%,#e8c98a0d);--chat-extra-size:27px 23px,17px 31px,auto;--chat-extra-pos:0 0,9px 12px,0 0}
html:not(#_) body .chat-message.chat-style-sapphire{--chat-extra-bg:linear-gradient(118deg,#0000 38%,#a9c0ff1c 38.4% 50%,#0000 50.4%),linear-gradient(118deg,#0000 56%,#a9c0ff10 56.4% 63%,#0000 63.4%),linear-gradient(90deg,#2a4fb85c,#1b307a42 58%,#2a4fb814);--chat-extra-size:auto;--chat-extra-pos:0 0}
html:not(#_) body .chat-message.chat-style-sage{--chat-extra-bg:repeating-linear-gradient(0deg,#ffffff07 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 4px),linear-gradient(90deg,#8fae8a4a,#6f8f6a26 60%,#0000);--chat-extra-size:auto;--chat-extra-pos:0 0}
html:not(#_) body .chat-message.chat-style-terracotta{--chat-extra-bg:radial-gradient(70% 150% at 0% 50%,#eaa07e2b,#0000 70%),linear-gradient(90deg,#c4644852,#a8553b29 60%,#0000);--chat-extra-size:auto;--chat-extra-pos:0 0}
html:not(#_) body .chat-message.chat-style-ink{--chat-extra-bg:radial-gradient(circle,#ffffff0e 0 .6px,#0000 1px),radial-gradient(80% 160% at 100% 0%,#4a63b022,#0000 60%),linear-gradient(90deg,#0b1430b8,#111b3c8a 60%,#0b143033);--chat-extra-size:5px 5px,auto,auto;--chat-extra-pos:0 0}
html:not(#_) body .chat-message.chat-style-golden-hour{--chat-extra-bg:linear-gradient(100deg,#f2b25c45,#e07b4a30,#f6d58a26,#f2b25c45);--chat-extra-size:300% 100%;--chat-extra-pos:0 0;--chat-extra-motion:chat-extra-flow 14s ease-in-out infinite}
html:not(#_) body .chat-message.chat-style-silk{--chat-extra-bg:linear-gradient(105deg,#0000 32%,#ffe8f52e 45%,#0000 58%),linear-gradient(90deg,#7a3d6b5c,#5a2a5042 60%,#7a3d6b1a);--chat-extra-size:250% 100%,auto;--chat-extra-pos:0 0;--chat-extra-motion:chat-extra-sheen 7s ease-in-out infinite}
html:not(#_) body .chat-message.chat-style-mist{--chat-extra-bg:radial-gradient(40% 130% at 25% 50%,#b7cde536,#0000 70%),radial-gradient(34% 120% at 75% 45%,#d3dfee29,#0000 70%),linear-gradient(90deg,#36506e47,#24364d2e 60%,#36506e12);--chat-extra-size:200% 100%,200% 100%,auto;--chat-extra-pos:0 0;--chat-extra-motion:chat-extra-mist 18s ease-in-out infinite alternate}
html:not(#_) body .chat-message.chat-style-constellation{--chat-extra-bg:radial-gradient(circle at 0 0,#fffbea 0 1.2px,#0000 1.8px),linear-gradient(to top right,#0000 calc(50% - .7px),#c9d4ff30 50%,#0000 calc(50% + .7px)),radial-gradient(circle,#dfe6ff8c 0 .7px,#0000 1.2px),linear-gradient(90deg,#141c46b8,#1d1440a0 60%,#141c4642);--chat-extra-size:90px 50px,90px 50px,37px 29px,auto;--chat-extra-pos:0 0;--chat-extra-motion:chat-extra-stars 32s linear infinite}
html:not(#_) body .chat-message.chat-style-embers{--chat-extra-bg:radial-gradient(circle,#ffb46a9e 0 1.1px,#0000 1.9px),radial-gradient(circle,#ff8a4a70 0 .8px,#0000 1.5px),radial-gradient(110% 150% at 12% 135%,#c24a1f4a,#0000 60%),linear-gradient(90deg,#3a1f1aa6,#2a1714a0 70%,#3a1f1a33);--chat-extra-size:34px 30px,23px 41px,auto,auto;--chat-extra-pos:0 0,11px 7px,0 0,0 0;--chat-extra-motion:chat-extra-embers 9s linear infinite}
html:not(#_) body .chat-message.chat-style-prism{--chat-extra-bg:linear-gradient(100deg,#0000 20%,#ff9ec726 30%,#ffe39a2b 38%,#9effd426 46%,#9ec8ff2b 54%,#c49eff26 62%,#0000 72%),linear-gradient(90deg,#2a2d4a94,#1d2038a0 70%,#2a2d4a33);--chat-extra-size:300% 100%,auto;--chat-extra-pos:0 0;--chat-extra-motion:chat-extra-prism 11s ease-in-out infinite alternate}
html:not(#_) body .chat-message:is(.chat-style-marble,.chat-style-champagne,.chat-style-sapphire,.chat-style-sage,.chat-style-terracotta,.chat-style-ink,.chat-style-golden-hour,.chat-style-silk,.chat-style-mist,.chat-style-constellation,.chat-style-embers,.chat-style-prism):not(.is-founder){background:var(--chat-extra-bg);background-size:var(--chat-extra-size);background-position:var(--chat-extra-pos);border-radius:10px;animation:var(--chat-extra-motion,none)}
html:not(#_) body .chat-message:is(.chat-style-marble,.chat-style-champagne,.chat-style-sapphire,.chat-style-sage,.chat-style-terracotta,.chat-style-ink,.chat-style-golden-hour,.chat-style-silk,.chat-style-mist,.chat-style-constellation,.chat-style-embers,.chat-style-prism):not(.is-founder):hover{background-image:var(--chat-extra-bg)!important;background-color:#0000!important;background-size:var(--chat-extra-size)!important}
html:not(#_) body .chat-message:is(.chat-style-marble,.chat-style-champagne,.chat-style-sapphire,.chat-style-sage,.chat-style-terracotta,.chat-style-ink,.chat-style-golden-hour,.chat-style-silk,.chat-style-mist,.chat-style-constellation,.chat-style-embers,.chat-style-prism) .chat-body,html:not(#_) body .chat-message:is(.chat-style-marble,.chat-style-champagne,.chat-style-sapphire,.chat-style-sage,.chat-style-terracotta,.chat-style-ink,.chat-style-golden-hour,.chat-style-silk,.chat-style-mist,.chat-style-constellation,.chat-style-embers,.chat-style-prism) .chat-meta{position:relative}
@keyframes chat-extra-flow{50%{background-position:100% 0}}
@keyframes chat-extra-sheen{0%{background-position:130% 0,0 0}60%,100%{background-position:-30% 0,0 0}}
@keyframes chat-extra-mist{from{background-position:0 0,100% 0,0 0}to{background-position:100% 0,0 0,0 0}}
@keyframes chat-extra-stars{from{background-position:0 0,0 0,0 0,0 0}to{background-position:-90px 0,-90px 0,-74px 0,0 0}}
@keyframes chat-extra-embers{from{background-position:0 0,11px 7px,0 0,0 0}to{background-position:0 -60px,11px -34px,0 0,0 0}}
@keyframes chat-extra-prism{from{background-position:100% 0,0 0}to{background-position:0 0,0 0}}
/* Consecutive messages with the same background join into one block. */
html:not(#_) body .chat-list .chat-message.chat-style-marble:has(+ .chat-message.is-grouped.chat-style-marble),html:not(#_) body .chat-list .chat-message.chat-style-champagne:has(+ .chat-message.is-grouped.chat-style-champagne),html:not(#_) body .chat-list .chat-message.chat-style-sapphire:has(+ .chat-message.is-grouped.chat-style-sapphire),html:not(#_) body .chat-list .chat-message.chat-style-sage:has(+ .chat-message.is-grouped.chat-style-sage),html:not(#_) body .chat-list .chat-message.chat-style-terracotta:has(+ .chat-message.is-grouped.chat-style-terracotta),html:not(#_) body .chat-list .chat-message.chat-style-ink:has(+ .chat-message.is-grouped.chat-style-ink),html:not(#_) body .chat-list .chat-message.chat-style-golden-hour:has(+ .chat-message.is-grouped.chat-style-golden-hour),html:not(#_) body .chat-list .chat-message.chat-style-silk:has(+ .chat-message.is-grouped.chat-style-silk),html:not(#_) body .chat-list .chat-message.chat-style-mist:has(+ .chat-message.is-grouped.chat-style-mist),html:not(#_) body .chat-list .chat-message.chat-style-constellation:has(+ .chat-message.is-grouped.chat-style-constellation),html:not(#_) body .chat-list .chat-message.chat-style-embers:has(+ .chat-message.is-grouped.chat-style-embers),html:not(#_) body .chat-list .chat-message.chat-style-prism:has(+ .chat-message.is-grouped.chat-style-prism){border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
html:not(#_) body .chat-list .chat-message.chat-style-marble:has(+ .chat-message.is-grouped.chat-style-marble)+.chat-message.is-grouped.chat-style-marble,html:not(#_) body .chat-list .chat-message.chat-style-champagne:has(+ .chat-message.is-grouped.chat-style-champagne)+.chat-message.is-grouped.chat-style-champagne,html:not(#_) body .chat-list .chat-message.chat-style-sapphire:has(+ .chat-message.is-grouped.chat-style-sapphire)+.chat-message.is-grouped.chat-style-sapphire,html:not(#_) body .chat-list .chat-message.chat-style-sage:has(+ .chat-message.is-grouped.chat-style-sage)+.chat-message.is-grouped.chat-style-sage,html:not(#_) body .chat-list .chat-message.chat-style-terracotta:has(+ .chat-message.is-grouped.chat-style-terracotta)+.chat-message.is-grouped.chat-style-terracotta,html:not(#_) body .chat-list .chat-message.chat-style-ink:has(+ .chat-message.is-grouped.chat-style-ink)+.chat-message.is-grouped.chat-style-ink,html:not(#_) body .chat-list .chat-message.chat-style-golden-hour:has(+ .chat-message.is-grouped.chat-style-golden-hour)+.chat-message.is-grouped.chat-style-golden-hour,html:not(#_) body .chat-list .chat-message.chat-style-silk:has(+ .chat-message.is-grouped.chat-style-silk)+.chat-message.is-grouped.chat-style-silk,html:not(#_) body .chat-list .chat-message.chat-style-mist:has(+ .chat-message.is-grouped.chat-style-mist)+.chat-message.is-grouped.chat-style-mist,html:not(#_) body .chat-list .chat-message.chat-style-constellation:has(+ .chat-message.is-grouped.chat-style-constellation)+.chat-message.is-grouped.chat-style-constellation,html:not(#_) body .chat-list .chat-message.chat-style-embers:has(+ .chat-message.is-grouped.chat-style-embers)+.chat-message.is-grouped.chat-style-embers,html:not(#_) body .chat-list .chat-message.chat-style-prism:has(+ .chat-message.is-grouped.chat-style-prism)+.chat-message.is-grouped.chat-style-prism{margin-top:-6px;padding-top:2px;padding-bottom:2px;border-top-left-radius:0!important;border-top-right-radius:0!important}
html[data-cosmetic-motion="off"]:not(#_) body .chat-message:is(.chat-style-marble,.chat-style-champagne,.chat-style-sapphire,.chat-style-sage,.chat-style-terracotta,.chat-style-ink,.chat-style-golden-hour,.chat-style-silk,.chat-style-mist,.chat-style-constellation,.chat-style-embers,.chat-style-prism),html.pk-low-motion:not(#_) body .chat-message:is(.chat-style-marble,.chat-style-champagne,.chat-style-sapphire,.chat-style-sage,.chat-style-terracotta,.chat-style-ink,.chat-style-golden-hour,.chat-style-silk,.chat-style-mist,.chat-style-constellation,.chat-style-embers,.chat-style-prism){animation:none!important}
@media (prefers-reduced-motion:reduce){html:not(#_) body .chat-message:is(.chat-style-marble,.chat-style-champagne,.chat-style-sapphire,.chat-style-sage,.chat-style-terracotta,.chat-style-ink,.chat-style-golden-hour,.chat-style-silk,.chat-style-mist,.chat-style-constellation,.chat-style-embers,.chat-style-prism){animation:none!important}}

/* Second batch of chat message backgrounds (October 2026, ids in cosmetic-extra-collect.js). Same mechanics as above. */
html:not(#_) body .chat-message.chat-style-slate{--chat-extra-bg:repeating-linear-gradient(135deg,#ffffff07 0 1px,#0000 1px 4px),radial-gradient(80% 160% at 0% 0%,#8fa0b21f,#0000 60%),linear-gradient(90deg,#4a566366,#38414d40 60%,#4a566314);--chat-extra-size:auto;--chat-extra-pos:0 0}
html:not(#_) body .chat-message.chat-style-bordeaux{--chat-extra-bg:radial-gradient(80% 160% at 0% 50%,#d0506a29,#0000 70%),linear-gradient(90deg,#7a1f3566,#5a162840 60%,#7a1f3510);--chat-extra-size:auto;--chat-extra-pos:0 0}
html:not(#_) body .chat-message.chat-style-pinstripe{--chat-extra-bg:repeating-linear-gradient(90deg,#d9c28a1f 0 1px,#0000 1px 9px),linear-gradient(90deg,#1f2d5c70,#18234a4d 60%,#1f2d5c14);--chat-extra-size:auto;--chat-extra-pos:0 0}
html:not(#_) body .chat-message.chat-style-sandstone{--chat-extra-bg:repeating-linear-gradient(176deg,#0000 0 7px,#f3d1a01a 7px 8px,#0000 8px 15px,#6a3e221f 15px 16px),linear-gradient(90deg,#c08a5a4d,#9a6a4230 60%,#c08a5a0d);--chat-extra-size:auto;--chat-extra-pos:0 0}
html:not(#_) body .chat-message.chat-style-jade{--chat-extra-bg:radial-gradient(60% 120% at 18% 25%,#c4ecd82b,#0000 60%),radial-gradient(50% 110% at 80% 75%,#0b4a3a40,#0000 65%),linear-gradient(90deg,#2f8a6a52,#1f6a502e 60%,#2f8a6a10);--chat-extra-size:auto;--chat-extra-pos:0 0}
html:not(#_) body .chat-message.chat-style-copper{--chat-extra-bg:repeating-linear-gradient(0deg,#ffffff08 0 1px,#0000 1px 2px,#00000012 2px 3px),linear-gradient(100deg,#0000 40%,#ffd2b014 50%,#0000 60%),linear-gradient(90deg,#b8673d5c,#8c4a2c36 55%,#d08a5a14);--chat-extra-size:auto;--chat-extra-pos:0 0}
html:not(#_) body .chat-message.chat-style-moonlight{--chat-extra-bg:linear-gradient(100deg,#0000 30%,#dfe8ff1f 44%,#ffffff2e 50%,#dfe8ff1f 56%,#0000 70%),radial-gradient(circle,#e6edff59 0 .7px,#0000 1.2px),linear-gradient(90deg,#1a2a52a6,#16224496 60%,#1a2a5240);--chat-extra-size:260% 100%,41px 31px,auto;--chat-extra-pos:0 0;--chat-extra-motion:chat-extra2-glide 12s ease-in-out infinite alternate}
html:not(#_) body .chat-message.chat-style-rain{--chat-extra-bg:radial-gradient(.8px 6px at 50% 50%,#cfe0f7a6,#0000),radial-gradient(.7px 5px at 50% 50%,#cfe0f766,#0000),linear-gradient(90deg,#26364f9e,#1d2a3f8c 60%,#26364f3a);--chat-extra-size:19px 41px,13px 29px,auto;--chat-extra-pos:0 0,7px 11px,0 0;--chat-extra-motion:chat-extra2-rain 3.2s linear infinite}
html:not(#_) body .chat-message.chat-style-snowfall{--chat-extra-bg:radial-gradient(circle,#ffffffb3 0 1.1px,#0000 1.7px),radial-gradient(circle,#ffffff73 0 .8px,#0000 1.4px),linear-gradient(90deg,#2a3c5e9e,#22324f8c 60%,#2a3c5e3a);--chat-extra-size:31px 37px,19px 23px,auto;--chat-extra-pos:0 0,9px 5px,0 0;--chat-extra-motion:chat-extra2-snow 14s linear infinite}
html:not(#_) body .chat-message.chat-style-fireflies{--chat-extra-bg:radial-gradient(circle,#eef59acc 0 1.2px,#d8e86a30 1.8px 3.2px,#0000 3.6px),radial-gradient(circle,#b8f0a0a6 0 1px,#0000 2.2px),linear-gradient(90deg,#1c3a2aa6,#16301f96 60%,#1c3a2a40);--chat-extra-size:53px 37px,41px 29px,auto;--chat-extra-pos:0 0,17px 9px,0 0;--chat-extra-motion:chat-extra2-fireflies 18s linear infinite}
html:not(#_) body .chat-message.chat-style-pearl{--chat-extra-bg:linear-gradient(105deg,#0000 15%,#ffd6e82b 30%,#d6ecff30 45%,#f2e6ff2b 60%,#0000 78%),radial-gradient(70% 150% at 0% 0%,#ffffff1c,#0000 60%),linear-gradient(90deg,#a3a7bd5c,#7a7f9a3d 60%,#a3a7bd14);--chat-extra-size:280% 100%,auto,auto;--chat-extra-pos:0 0;--chat-extra-motion:chat-extra2-pearl 10s ease-in-out infinite alternate}
html:not(#_) body .chat-message.chat-style-abyss{--chat-extra-bg:radial-gradient(30% 90% at 20% 30%,#5fd0d02e,#0000 70%),radial-gradient(26% 80% at 70% 70%,#4fb0c02a,#0000 70%),radial-gradient(circle,#bff4ff59 0 .9px,#0000 1.5px),linear-gradient(90deg,#0b3a4aa6,#082c3a96 60%,#0b3a4a40);--chat-extra-size:200% 100%,200% 100%,29px 33px,auto;--chat-extra-pos:0 0,100% 0,0 0,0 0;--chat-extra-motion:chat-extra2-abyss 16s linear infinite}
html:not(#_) body .chat-message:is(.chat-style-slate,.chat-style-bordeaux,.chat-style-pinstripe,.chat-style-sandstone,.chat-style-jade,.chat-style-copper,.chat-style-moonlight,.chat-style-rain,.chat-style-snowfall,.chat-style-fireflies,.chat-style-pearl,.chat-style-abyss):not(.is-founder){background:var(--chat-extra-bg);background-size:var(--chat-extra-size);background-position:var(--chat-extra-pos);border-radius:10px;animation:var(--chat-extra-motion,none)}
html:not(#_) body .chat-message:is(.chat-style-slate,.chat-style-bordeaux,.chat-style-pinstripe,.chat-style-sandstone,.chat-style-jade,.chat-style-copper,.chat-style-moonlight,.chat-style-rain,.chat-style-snowfall,.chat-style-fireflies,.chat-style-pearl,.chat-style-abyss):not(.is-founder):hover{background-image:var(--chat-extra-bg)!important;background-color:#0000!important;background-size:var(--chat-extra-size)!important}
html:not(#_) body .chat-message:is(.chat-style-slate,.chat-style-bordeaux,.chat-style-pinstripe,.chat-style-sandstone,.chat-style-jade,.chat-style-copper,.chat-style-moonlight,.chat-style-rain,.chat-style-snowfall,.chat-style-fireflies,.chat-style-pearl,.chat-style-abyss) .chat-body,html:not(#_) body .chat-message:is(.chat-style-slate,.chat-style-bordeaux,.chat-style-pinstripe,.chat-style-sandstone,.chat-style-jade,.chat-style-copper,.chat-style-moonlight,.chat-style-rain,.chat-style-snowfall,.chat-style-fireflies,.chat-style-pearl,.chat-style-abyss) .chat-meta{position:relative}
@keyframes chat-extra2-glide{from{background-position:100% 0,0 0,0 0}to{background-position:0 0,-41px 0,0 0}}
@keyframes chat-extra2-rain{from{background-position:0 0,7px 11px,0 0}to{background-position:0 82px,7px 69px,0 0}}
@keyframes chat-extra2-snow{from{background-position:0 0,9px 5px,0 0}to{background-position:0 74px,9px 51px,0 0}}
@keyframes chat-extra2-fireflies{from{background-position:0 0,17px 9px,0 0}to{background-position:53px -37px,-24px -20px,0 0}}
@keyframes chat-extra2-pearl{from{background-position:100% 0,0 0,0 0}to{background-position:0 0,0 0,0 0}}
@keyframes chat-extra2-abyss{0%{background-position:0 0,100% 0,0 0,0 0}50%{background-position:100% 0,0 0,0 -66px,0 0}100%{background-position:0 0,100% 0,0 -132px,0 0}}
html:not(#_) body .chat-list .chat-message.chat-style-slate:has(+ .chat-message.is-grouped.chat-style-slate),html:not(#_) body .chat-list .chat-message.chat-style-bordeaux:has(+ .chat-message.is-grouped.chat-style-bordeaux),html:not(#_) body .chat-list .chat-message.chat-style-pinstripe:has(+ .chat-message.is-grouped.chat-style-pinstripe),html:not(#_) body .chat-list .chat-message.chat-style-sandstone:has(+ .chat-message.is-grouped.chat-style-sandstone),html:not(#_) body .chat-list .chat-message.chat-style-jade:has(+ .chat-message.is-grouped.chat-style-jade),html:not(#_) body .chat-list .chat-message.chat-style-copper:has(+ .chat-message.is-grouped.chat-style-copper),html:not(#_) body .chat-list .chat-message.chat-style-moonlight:has(+ .chat-message.is-grouped.chat-style-moonlight),html:not(#_) body .chat-list .chat-message.chat-style-rain:has(+ .chat-message.is-grouped.chat-style-rain),html:not(#_) body .chat-list .chat-message.chat-style-snowfall:has(+ .chat-message.is-grouped.chat-style-snowfall),html:not(#_) body .chat-list .chat-message.chat-style-fireflies:has(+ .chat-message.is-grouped.chat-style-fireflies),html:not(#_) body .chat-list .chat-message.chat-style-pearl:has(+ .chat-message.is-grouped.chat-style-pearl),html:not(#_) body .chat-list .chat-message.chat-style-abyss:has(+ .chat-message.is-grouped.chat-style-abyss){border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
html:not(#_) body .chat-list .chat-message.chat-style-slate:has(+ .chat-message.is-grouped.chat-style-slate)+.chat-message.is-grouped.chat-style-slate,html:not(#_) body .chat-list .chat-message.chat-style-bordeaux:has(+ .chat-message.is-grouped.chat-style-bordeaux)+.chat-message.is-grouped.chat-style-bordeaux,html:not(#_) body .chat-list .chat-message.chat-style-pinstripe:has(+ .chat-message.is-grouped.chat-style-pinstripe)+.chat-message.is-grouped.chat-style-pinstripe,html:not(#_) body .chat-list .chat-message.chat-style-sandstone:has(+ .chat-message.is-grouped.chat-style-sandstone)+.chat-message.is-grouped.chat-style-sandstone,html:not(#_) body .chat-list .chat-message.chat-style-jade:has(+ .chat-message.is-grouped.chat-style-jade)+.chat-message.is-grouped.chat-style-jade,html:not(#_) body .chat-list .chat-message.chat-style-copper:has(+ .chat-message.is-grouped.chat-style-copper)+.chat-message.is-grouped.chat-style-copper,html:not(#_) body .chat-list .chat-message.chat-style-moonlight:has(+ .chat-message.is-grouped.chat-style-moonlight)+.chat-message.is-grouped.chat-style-moonlight,html:not(#_) body .chat-list .chat-message.chat-style-rain:has(+ .chat-message.is-grouped.chat-style-rain)+.chat-message.is-grouped.chat-style-rain,html:not(#_) body .chat-list .chat-message.chat-style-snowfall:has(+ .chat-message.is-grouped.chat-style-snowfall)+.chat-message.is-grouped.chat-style-snowfall,html:not(#_) body .chat-list .chat-message.chat-style-fireflies:has(+ .chat-message.is-grouped.chat-style-fireflies)+.chat-message.is-grouped.chat-style-fireflies,html:not(#_) body .chat-list .chat-message.chat-style-pearl:has(+ .chat-message.is-grouped.chat-style-pearl)+.chat-message.is-grouped.chat-style-pearl,html:not(#_) body .chat-list .chat-message.chat-style-abyss:has(+ .chat-message.is-grouped.chat-style-abyss)+.chat-message.is-grouped.chat-style-abyss{margin-top:-6px;padding-top:2px;padding-bottom:2px;border-top-left-radius:0!important;border-top-right-radius:0!important}
html[data-cosmetic-motion="off"]:not(#_) body .chat-message:is(.chat-style-slate,.chat-style-bordeaux,.chat-style-pinstripe,.chat-style-sandstone,.chat-style-jade,.chat-style-copper,.chat-style-moonlight,.chat-style-rain,.chat-style-snowfall,.chat-style-fireflies,.chat-style-pearl,.chat-style-abyss),html.pk-low-motion:not(#_) body .chat-message:is(.chat-style-slate,.chat-style-bordeaux,.chat-style-pinstripe,.chat-style-sandstone,.chat-style-jade,.chat-style-copper,.chat-style-moonlight,.chat-style-rain,.chat-style-snowfall,.chat-style-fireflies,.chat-style-pearl,.chat-style-abyss){animation:none!important}
@media (prefers-reduced-motion:reduce){html:not(#_) body .chat-message:is(.chat-style-slate,.chat-style-bordeaux,.chat-style-pinstripe,.chat-style-sandstone,.chat-style-jade,.chat-style-copper,.chat-style-moonlight,.chat-style-rain,.chat-style-snowfall,.chat-style-fireflies,.chat-style-pearl,.chat-style-abyss){animation:none!important}}

body .chat-body .chat-internal-link{color:var(--theme-accent,#dff36a);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
body .chat-body .chat-internal-link:hover{text-decoration-thickness:2px}
body .chat-body .chat-internal-link:focus-visible{outline:2px solid var(--theme-accent,#dff36a);outline-offset:3px;border-radius:3px}

/* market-refinement.css */
body .market-page{min-width:0}
body .market-page>.page-heading{align-items:center;gap:24px;margin-bottom:26px}
body .market-page .page-heading-actions{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-end;gap:12px;margin:0}
body .market-page .page-heading-actions>.button{min-height:44px;margin:0;padding:12px 17px;line-height:1.3;white-space:normal}
body .market-browse{display:grid;gap:20px;margin-bottom:24px;padding:20px;border:1px solid #8fc4a522;border-radius:14px;background:linear-gradient(110deg,#183126a6,#10251bb8);box-shadow:0 12px 28px #030d0720;backdrop-filter:blur(12px)}
body .market-browse-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}
body .market-view-switch{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:9px;background:#081c147d}
body .market-view-switch>button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin:0;padding:10px 18px;border:0;border-radius:6px;background:transparent;color:#aac6b5;font:inherit;font-size:13px;font-weight:650;line-height:1.4;cursor:pointer;touch-action:manipulation}
body .market-view-switch>button:hover{color:#edf8f0;background:#91c5ac12}
body .market-view-switch>button[aria-pressed="true"]{color:#d9f5e5;background:#315943;box-shadow:0 1px 4px #0002}
body .market-own-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;max-width:100%;padding:10px 14px;margin:0;border:1px solid #8eb99f3b;border-radius:8px;background:#10291e;color:#c5dccd;font:inherit;font-size:13px;font-weight:600;line-height:1.4;cursor:pointer;touch-action:manipulation}
body .market-own-toggle>.icon{flex:0 0 17px;width:17px;height:17px}
body .market-own-toggle[aria-pressed="true"]{border-color:#a7ddbf83;background:#2a4c37;color:#e0f5e5}
body .market-own-toggle:hover{border-color:#a7ddbf83;color:#f0faf3}
body .market-view-switch>button:focus-visible,body .market-own-toggle:focus-visible{outline:2px solid #b4d59f;outline-offset:3px}
body .market-toolbar{display:grid;grid-template-columns:minmax(200px,1.6fr) minmax(150px,1fr) minmax(145px,.9fr) minmax(170px,1.1fr);align-items:end;gap:14px;min-width:0}
body .market-toolbar>.market-search{display:flex;align-items:center;gap:9px;width:100%;height:44px;min-height:44px;min-width:0;padding:0 13px;margin:0;border:1px solid #63816b5c;border-radius:8px;background:#0d2118;color:#aec8b9}
body .market-search>.icon{flex:0 0 18px;width:18px;height:18px}
body .market-search>input{width:100%;min-width:0;height:42px;margin:0;padding:0;border:0;background:transparent;color:#e7f3e9;font:inherit;font-size:13px;line-height:1.4;outline:none}
body .market-search>input::placeholder{color:#9fb8aa}
body .market-search:focus-within{outline:2px solid #b4d59f;outline-offset:3px;border-color:#a3c6ae}
body .market-filter-select{display:block;width:100%;min-width:0;max-width:100%}
body .market-filter-select::part(form-control-label){margin:0 0 7px;color:#b7cebf;font-size:12px;line-height:1.4}
body .market-filter-select::part(combobox){box-sizing:border-box;min-height:44px;height:44px;border:1px solid #63816b5c;border-radius:8px;background:#0d2118;color:#e2efe5;padding-inline:12px}
body .market-filter-select::part(display-input){min-width:0;font-size:13px;color:#e2efe5}
body .market-filter-select::part(listbox){min-width:190px;max-width:calc(100vw - 32px);border:1px solid #3e614b;border-radius:9px;background:#142a1e}
body .market-filter-select:hover::part(combobox){border-color:#95bda4}
body .market-filter-select:focus-within::part(combobox){outline:2px solid #b4d59f;outline-offset:3px}
body .market-result-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:0 0 18px;min-height:32px}
body .market-results-count{margin:0;color:#a9c2b1;font-size:13px;line-height:1.6}
body .market-result-heading>.text-link{min-height:32px;font-size:12px}
body .market-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;align-items:stretch;min-width:0}
body .market-page .market-item{display:flex;flex-direction:column;min-width:0;padding:12px;border:1px solid #81ab9226;border-radius:14px;background:#11271e91;box-shadow:0 7px 17px #030b071c}
body .market-page .market-item>.card-wrap{display:block;width:100%;min-width:0}
body .market-page .listing-footer{display:grid;gap:11px;min-width:0;margin:16px 0 0;padding:0}
body .market-page .listing-price{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:7px;min-height:28px;margin:0;line-height:1}
body .market-page .listing-price .coin,body .market-page .listing-price .coin>img{display:block;width:23px;height:23px;flex:0 0 23px;margin:0}
body .market-page .listing-price strong{font-family:Sora,sans-serif;font-size:19px;font-weight:650;line-height:1.3;color:#e7edcf}
body .market-page .listing-price small{font-size:12px;line-height:1.3;color:#b7cbb7}
body .market-page .listing-footer .listing-action{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;height:auto;width:100%;margin:0;padding:11px 9px;border-radius:8px;font-size:13px;line-height:1.5;white-space:normal;text-align:center}
body .market-page .listing-footer .listing-action:disabled{background:#1933267a;color:#a6bbaa;border-color:#6a8b7226;cursor:not-allowed;opacity:1}
body .market-page .auction-minimum{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px 5px;margin:0;color:#a7c2b1;font-size:12px;line-height:1.5;text-align:center}
body .market-page .auction-minimum strong{color:#d6e9db;font-size:12px;font-weight:600}
body .market-page .auction-date{margin:0;color:#a4bdad;font-size:12px;line-height:1.6;text-align:center}
body .market-page .seller-label{display:flex;justify-content:center;flex-wrap:wrap;gap:3px 5px;min-width:0;margin:13px 0 0;padding:0;color:#9fb9a8;font-size:12px;line-height:1.5;text-align:center;overflow-wrap:anywhere}
body .market-page .seller-label>[data-no-translate]{color:#cfdfd3}
body .market-more{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:28px;color:#a7c2b1;font-size:13px}
body .market-more>.button{min-height:44px;margin:0}
body .market-page .empty-state{padding:42px 24px}
body .market-page .empty-state>.button{margin-top:16px;min-height:44px}
@media(max-width:1120px){body .market-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}body .market-toolbar>.market-search{grid-column:1/-1}body .market-toolbar>.market-sort{grid-column:1/-1}body .market-page>.page-heading{align-items:flex-start}body .market-page .page-heading-actions{justify-content:flex-start}body .market-card-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:18px}}
@media(max-width:760px){body .market-page>.page-heading{gap:20px}body .market-page .page-heading-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:10px}body .market-page .page-heading-actions>.button{width:100%;min-width:0;padding-inline:12px;font-size:12px}body .market-browse{padding:15px;gap:16px;margin-bottom:20px;border-radius:12px}body .market-browse-top{align-items:stretch;gap:12px}body .market-view-switch{flex:1}body .market-view-switch>button{flex:1;padding-inline:12px;min-height:42px}body .market-own-toggle{width:100%}body .market-toolbar{gap:12px}body .market-search>input{font-size:16px}body .market-filter-select::part(display-input){font-size:13px}body .market-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}body .market-page .market-item{padding:8px;border-radius:11px}body .market-page .listing-footer{margin-top:12px;gap:9px}body .market-page .listing-footer .listing-action{font-size:12px;min-height:44px;padding-inline:7px}body .market-page .listing-price strong{font-size:18px}body .market-page .seller-label{font-size:12px}body .market-page .empty-state{padding:32px 18px}}
@media(max-width:400px){body .market-card-grid{grid-template-columns:minmax(0,1fr);max-width:300px;margin-inline:auto}body .market-page .market-item{padding:12px}body .market-toolbar{grid-template-columns:minmax(0,1fr)}body .market-toolbar>.market-search,body .market-toolbar>.market-sort{grid-column:auto}body .market-page .page-heading-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body .market-view-switch>button,body .market-own-toggle{transition:none}}
/* Market search: its focus frame follows the theme (it stayed green). */
html:not(#_) body .market-search:focus-within{outline:0;border-color:var(--theme-accent,#a3c6ae);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent,#a3c6ae) 22%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .market-toolbar>.market-search{border-color:color-mix(in srgb,var(--theme-line) 60%,transparent)}

.market-item.auction-item .auction-footer>.auction-pill{position:static;inset:auto;z-index:auto;display:flex;align-items:center;width:100%;min-height:29px;gap:7px;margin:0 0 8px;padding:6px 8px;border:0;border-radius:6px;background:var(--theme-soft,#24382b);color:var(--theme-text,#edf4e9);font-family:inherit;font-size:11px;line-height:1.3;backdrop-filter:none;-webkit-backdrop-filter:none}.market-item.auction-item .auction-footer>.auction-pill.is-empty{color:var(--theme-muted,#a9bdac);background:transparent}.market-item.auction-item .auction-pill-name{flex:1;text-align:left}.market-item.auction-item .auction-pill-count{color:var(--theme-muted,#a9bdac);font-size:10px}.market-item.auction-item .auction-footer>button.auction-pill:focus-visible{outline:2px solid var(--theme-accent,#bce8c8);outline-offset:2px}

/* card-layout.css */
body .card-wrap{container-name:pop-card;container-type:inline-size}
body .card-wrap .collectible-card{--card-layout-media:54%;--card-layout-frame:8px;--card-layout-gap:7px;--card-layout-copy:11px;--card-layout-title:clamp(15px,7.2cqi,22px);--card-layout-badge:26px;--card-layout-badge-inset:8px;--card-finish-top:calc(var(--card-layout-media) + var(--card-layout-frame));display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,var(--card-layout-media)) minmax(0,1fr)!important;align-content:stretch;align-items:stretch;justify-content:stretch;gap:var(--card-layout-gap);box-sizing:border-box;width:100%;height:auto!important;min-height:0!important;aspect-ratio:2/3!important;padding:var(--card-layout-frame)!important;overflow:hidden}
body .card-wrap .collectible-card .card-art{position:relative!important;inset:auto!important;grid-row:1;grid-column:1;width:100%!important;height:100%!important;min-width:0;min-height:0!important;aspect-ratio:auto;margin:0!important;flex:none;z-index:0;overflow:hidden}
body .card-wrap .collectible-card .card-body{position:relative!important;inset:auto!important;grid-row:2;grid-column:1;display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto!important;align-content:stretch;align-self:stretch;gap:5px;width:100%;height:auto!important;min-width:0;min-height:0!important;margin:0!important;padding:10px 8px 7px!important;box-sizing:border-box;overflow:hidden}
body .card-wrap .collectible-card .card-category{grid-row:1!important;display:block!important;align-self:start;min-width:0;min-height:0;max-height:1.5em;margin:0!important;padding:0!important;font-size:var(--card-layout-copy)!important;line-height:1.5!important;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .card-wrap .collectible-card .card-title{grid-row:2!important;display:-webkit-box;align-self:start;min-width:0;min-height:0;max-height:100%;margin:0!important;padding:0!important;font-size:var(--card-layout-title)!important;font-weight:650;line-height:1.25!important;letter-spacing:-.35px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;white-space:normal;text-wrap:pretty}
body .card-wrap .collectible-card .card-bottom{position:static!important;inset:auto!important;grid-row:3!important;display:flex;align-self:end;align-items:center;justify-content:space-between;flex-wrap:nowrap;column-gap:6px;row-gap:2px;width:100%;height:auto!important;min-width:0;min-height:0!important;margin:0!important;padding:4px 0 0!important;border:0;font-size:var(--card-layout-copy)!important;line-height:1.35!important}
body .card-wrap .collectible-card .card-bottom>:is(.card-number,.rarity-label){min-width:0;max-width:100%;margin:0!important;padding:0!important;font-size:inherit!important;line-height:inherit!important;white-space:nowrap}
body .card-wrap .collectible-card .card-bottom>.card-number{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis}
body .card-wrap .collectible-card .card-bottom>.rarity-label{flex:none}
body .card-wrap .collectible-card .rarity-label{display:inline-flex;align-items:center;gap:3px}
body .card-wrap .collectible-card:has(.card-body.has-description){--card-layout-media:44%}
body .card-wrap .collectible-card .card-body.has-description{grid-template-rows:auto auto minmax(0,1fr) auto!important}
body .card-wrap .collectible-card .card-body.has-description .card-title{-webkit-line-clamp:2;max-height:2.5em}
body .card-wrap .collectible-card .card-body.has-description .card-description{grid-row:3!important;display:-webkit-box!important;align-self:start;min-width:0;min-height:0;max-height:100%;margin:0!important;padding:0;font-size:var(--card-layout-copy)!important;line-height:1.5!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;overflow-wrap:anywhere}
body .card-wrap .collectible-card .card-body.has-description .card-bottom{grid-row:4!important}
body .card-wrap .collectible-card .card-body:not(:has(.card-category)){grid-template-rows:minmax(0,1fr) auto!important}
body .card-wrap .collectible-card .card-body:not(:has(.card-category)) .card-title{grid-row:1!important}
body .card-wrap .collectible-card .card-body:not(:has(.card-category)) .card-bottom{grid-row:2!important}
body .card-wrap .collectible-card .card-body.has-description:not(:has(.card-category)){grid-template-rows:auto minmax(0,1fr) auto!important}
body .card-wrap .collectible-card .card-body.has-description:not(:has(.card-category)) .card-description{grid-row:2!important}
body .card-wrap .collectible-card .card-body.has-description:not(:has(.card-category)) .card-bottom{grid-row:3!important}
body .card-wrap .collectible-card .card-topline{top:var(--card-layout-badge-inset)!important;left:var(--card-layout-badge-inset)!important;right:var(--card-layout-badge-inset)!important;display:flex;align-items:center;gap:6px;min-width:0;padding:0;line-height:1}
body .card-wrap.has-favorite .collectible-card .card-topline{padding-right:calc(var(--card-layout-badge) + 6px)}
body .card-wrap .collectible-card .card-universe{display:block!important;flex:0 1 auto;min-width:0;max-width:calc(100% - var(--card-layout-badge) - 6px);min-height:var(--card-layout-badge)!important;padding:6px!important;font-size:var(--card-layout-copy)!important;line-height:14px!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
body .card-wrap .collectible-card .rarity-mark{flex:0 0 var(--card-layout-badge);width:var(--card-layout-badge)!important;min-width:var(--card-layout-badge)!important;height:var(--card-layout-badge)!important;min-height:var(--card-layout-badge);margin-left:auto;display:grid;place-items:center;font-size:var(--card-layout-copy)!important;line-height:1!important}
body .card-wrap.has-favorite>.favorite-button{top:16px!important;right:16px!important;width:26px!important;height:26px!important;margin:0;padding:0;display:grid;place-items:center}
body .card-wrap.has-favorite>.favorite-button svg{width:15px!important;height:15px!important}
body .card-wrap .collectible-card .card-art:is(.media-contain,[data-image-kind="logo"],[data-image-kind="product"]) .card-image{inset:calc(var(--card-layout-badge-inset) + var(--card-layout-badge) + 8px) 8px 8px!important;width:calc(100% - 16px)!important;height:calc(100% - var(--card-layout-badge-inset) - var(--card-layout-badge) - 16px)!important;max-width:none;max-height:none;object-fit:contain!important;object-position:center!important;transform:none!important;filter:none}
body .card-wrap .collectible-card .card-art[data-image-surface="light"]::before{inset:calc(var(--card-layout-badge-inset) + var(--card-layout-badge) + 5px) 5px 5px!important;border-radius:5px}
body .card-wrap .collectible-card .card-art.media-contain::after{background:none}
body .card-wrap .collectible-card .card-art[data-image-size="compact"] .card-image{padding:8px 14%;box-sizing:border-box}
@container pop-card (max-width:190px){body .card-wrap .collectible-card{--card-layout-media:44%;--card-layout-frame:6px;--card-layout-gap:5px;--card-layout-title:15px;--card-layout-badge:24px;--card-layout-badge-inset:6px}body .card-wrap .collectible-card .card-body{gap:4px;padding:7px 5px 5px!important}body .card-wrap .collectible-card .card-title{-webkit-line-clamp:3;max-height:100%}body .card-wrap.has-favorite>.favorite-button{top:12px!important;right:12px!important;width:24px!important;height:24px!important}body .card-wrap .collectible-card .card-universe{padding:5px!important}body .card-wrap .collectible-card:has(.card-body.has-description){--card-layout-media:36%}body .card-wrap .collectible-card .card-body.has-description .card-description{-webkit-line-clamp:2}}
@container pop-card (max-width:150px){body .card-wrap .collectible-card{--card-layout-media:35%;--card-layout-frame:5px;--card-layout-gap:4px;--card-layout-title:14px;--card-layout-badge:22px;--card-layout-badge-inset:5px}body .card-wrap .collectible-card .card-body{gap:3px;padding:5px 4px 4px!important}body .card-wrap .collectible-card .card-universe{padding:4px!important}body .card-wrap.has-favorite>.favorite-button{top:10px!important;right:10px!important;width:22px!important;height:22px!important}body .card-wrap .collectible-card .card-art:is(.media-contain,[data-image-kind="logo"],[data-image-kind="product"]) .card-image{inset:34px 4px 4px!important;width:calc(100% - 8px)!important;height:calc(100% - 38px)!important}}
body :is(.collections-cover,.feed-hero-card,.hero-display-card) .card-wrap .collectible-card{--card-layout-media:51%;--card-layout-copy:9px;--card-layout-title:clamp(12px,7cqi,18px)}
body :is(.collections-cover,.feed-hero-card,.hero-display-card) .card-wrap .collectible-card .card-body{gap:3px;padding:6px 5px!important}
body .collections-cover .card-wrap .collectible-card .card-category,body .collections-cover .card-wrap .collectible-card .card-number{display:none!important}
body .collections-cover .card-wrap .collectible-card .card-body{grid-template-rows:minmax(0,1fr) auto!important}
body .collections-cover .card-wrap .collectible-card .card-title{grid-row:1!important;font-size:12px!important}
body .collections-cover .card-wrap .collectible-card .card-bottom{grid-row:2!important;justify-content:center;font-size:10px!important}
@media(max-width:760px){body .card-wrap .collectible-card{--card-layout-copy:12px;--card-layout-frame:6px;--card-layout-badge:26px;--card-layout-badge-inset:6px}body .card-wrap .collectible-card .card-universe{line-height:14px!important}body .card-wrap.has-favorite>.favorite-button{top:12px!important;right:12px!important;width:26px!important;height:26px!important}body :is(.collections-cover,.feed-hero-card,.hero-display-card) .card-wrap .collectible-card{--card-layout-copy:9px}body .card-wrap .collectible-card .card-art:is(.media-contain,[data-image-kind="logo"],[data-image-kind="product"]) .card-image{inset:40px 6px 6px!important;width:calc(100% - 12px)!important;height:calc(100% - 46px)!important}}
@media(prefers-reduced-motion:reduce){body .card-wrap .collectible-card .card-image{transform:none!important}}

@container pop-card (max-width:190px){body :is(.binder-pocket,.trade-choice,.social-trade-card) .card-wrap .collectible-card{--card-layout-media:54%;--card-layout-copy:10px;--card-layout-title:14px;--card-layout-frame:6px;--card-layout-gap:5px;--card-layout-badge:24px;--card-layout-badge-inset:6px}body :is(.binder-pocket,.trade-choice,.social-trade-card) .card-wrap .collectible-card .card-title{-webkit-line-clamp:2}body :is(.binder-pocket,.trade-choice,.social-trade-card) .card-wrap .collectible-card .card-art:is(.media-contain,[data-image-kind="logo"],[data-image-kind="product"]) .card-image{inset:calc(var(--card-layout-badge-inset) + var(--card-layout-badge) + 8px) 8px 8px!important;width:calc(100% - 16px)!important;height:calc(100% - var(--card-layout-badge-inset) - var(--card-layout-badge) - 16px)!important}}
@container pop-card (max-width:150px){body :is(.binder-pocket,.trade-choice,.social-trade-card) .card-wrap .collectible-card{--card-layout-media:55%;--card-layout-copy:9px;--card-layout-title:12px;--card-layout-frame:5px;--card-layout-gap:4px;--card-layout-badge:22px;--card-layout-badge-inset:5px}body :is(.binder-pocket,.trade-choice,.social-trade-card) .card-wrap .collectible-card .card-body{gap:3px;padding:5px 4px!important}}
body .card-wrap .collectible-card .card-topline{z-index:12!important}
body .card-wrap.is-tilting{z-index:40!important}

.collectible-card .card-body>.card-level,.collectible-card .card-art>.card-level{position:absolute;right:8px;bottom:calc(7px + 1.35em + 4px + 6px);z-index:3;display:inline-flex;align-items:baseline;gap:.32em;padding:.28em .62em .3em;border-radius:999px;border:1px solid #ffffff40;background:linear-gradient(180deg,rgb(12 20 16 / .82),rgb(12 20 16 / .94));box-shadow:inset 0 1px 0 #ffffff2e,0 2px 8px -3px #0008;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;text-shadow:0 1px 2px #0008;font-family:Sora,sans-serif;font-size:var(--card-layout-copy);line-height:1;white-space:nowrap}
.collectible-card .card-level i{font-style:normal;font-size:.78em;font-weight:600;letter-spacing:.09em;text-transform:uppercase;opacity:.9}.collectible-card .card-level b{font-size:1.18em;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}

html body .wish-grid .wish-board-item,html body .wish-grid .wish-board-item:hover,html body .wish-grid .wish-board-item.is-owned{border:0!important;background:none!important;box-shadow:none!important}
body .wish-board-item .wish-card.is-card-tilting>.wish-overlay{transform:perspective(600px) rotateX(var(--card-tilt-x,0deg)) rotateY(var(--card-tilt-y,0deg))!important;transform-origin:var(--wish-origin-x,50%) var(--wish-origin-y,50%);transition:opacity .18s ease}
body .wish-board-item .wish-card.is-card-tilting{z-index:6}
.card-wrap::part(base){background:transparent!important;border:0!important;box-shadow:none!important}
@media (max-width:760px),(hover:none) and (pointer:coarse){.auto-speed,.sound-volume{display:none!important}}
/* Level badge in the bottom-right corner of the picture: it never covers the title and does not change the card's layout */
body .collectible-card .card-art>.card-level{position:absolute!important;right:7px;bottom:7px;top:auto;left:auto;z-index:4;margin:0!important;box-shadow:0 2px 8px #0009}

.card-art[data-cardsource*="/RDR2_Artwork_Characters_"] .card-image{width:200%!important;height:160%!important;max-width:none;max-height:none;object-position:left top!important;transform-origin:left top}

body .card-wrap.card-wrapper.has-favorite>.favorite-button:is(.is-favorite,[aria-pressed="true"]){color:#f05263}body .card-wrap.card-wrapper.has-favorite>.favorite-button:is(.is-favorite,[aria-pressed="true"]) svg{fill:currentColor;stroke:currentColor}body .card-wrap.card-wrapper>.favorite-button[aria-pressed="false"] svg{fill:none}

/* shop-hub.css */
.shop-hub-heading{align-items:center;gap:20px}.shop-hub-heading>div{min-width:0}.shop-hub-heading h1{margin-bottom:10px}.shop-hub-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 30px;padding:8px;background:#15271f;border:1px solid #a3c38c24;border-radius:14px}.shop-hub-nav a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 20px;border-radius:9px;color:#d4dfcc;text-decoration:none;font-weight:600;font-size:13px;transition:background .16s,color .16s}.shop-hub-nav a:hover{background:#244435;color:#f0f6eb}.shop-hub-nav .icon{width:18px;height:18px}.shop-hub-nav a:focus-visible,.shop-help summary:focus-visible{outline:2px solid #bada9f;outline-offset:4px}.shop-help{margin-top:60px;padding-top:34px;border-top:1px solid #a0bd8e29}.shop-help h2{margin:0 0 24px;font-size:22px}.shop-help-questions{max-width:850px}.shop-help details{border-bottom:1px solid #a0bd8e25;padding:18px 0}.shop-help summary{cursor:pointer;min-height:24px;font-size:14px;font-weight:600;line-height:1.6;color:#dce6d6;list-style-position:inside}.shop-help details p{max-width:72ch;margin:14px 0 2px;color:#aebfa8;line-height:1.8;font-size:13px}.shop-support{display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap;margin-top:30px;padding:24px;border-radius:14px;background:#172b22}.shop-support strong{font-size:13px;color:#d5e2ca}.shop-support a{color:#bcd7ad;font-size:12px;text-underline-offset:4px;line-height:1.6}.cosmetic-checkout h3{font-size:22px;margin:0 0 16px}.cosmetic-checkout p{line-height:1.7;color:#b8c8b0;max-width:55ch}.cosmetic-checkout dl{margin:24px 0 0}.cosmetic-checkout dl>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #a4c29429}.cosmetic-checkout dd{margin:0;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}.cosmetic-checkout dl>div:last-child{border:0;color:#c6e3ab}.cosmetic-preview-button{min-height:42px;width:100%;margin-top:12px}.booster-shop,.popz-shop,.cosmetics-section,.plus-banner{scroll-margin-top:101px}@media(max-width:760px){.booster-shop,.popz-shop,.cosmetics-section,.plus-banner{scroll-margin-top:132px}}@media(max-width:600px){.shop-hub-heading{align-items:flex-start;flex-direction:column;gap:18px}.shop-hub-nav{gap:3px;padding:5px;flex-wrap:nowrap}.shop-hub-nav a{flex:1;min-width:0;padding:10px 7px;font-size:11px;gap:6px}.shop-hub-nav .icon{width:16px;height:16px}.shop-help{margin-top:40px}.shop-support{align-items:flex-start;flex-direction:column;gap:14px}.cosmetic-checkout dl>div{font-size:13px}}
.shop-hub-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.shop-hub-actions>.button{flex:none}.shop-rotation{display:flex;align-items:center;gap:11px;padding:9px 13px;border:1px solid #dfc37c44;border-radius:10px;background:#1b241e;color:#d7dbcb}.shop-rotation>span{display:inline-flex;align-items:center;gap:7px;font-size:11px}.shop-rotation .icon{width:15px;height:15px;color:#e8c77c}.shop-rotation strong{font-family:Sora,sans-serif;font-size:13px;font-variant-numeric:tabular-nums;color:#f0d999;white-space:nowrap}@media(max-width:760px){.shop-hub-heading{align-items:flex-start}.shop-hub-actions{width:100%;justify-content:space-between}.shop-rotation{min-height:43px}}@media(max-width:390px){.shop-hub-actions{gap:8px}.shop-rotation{padding:8px 10px}.shop-rotation>span{font-size:10px}.shop-rotation strong{font-size:11px}}

/* shop-experience.css */
.shop-explorer{margin:0 0 24px;padding:22px 24px 0;border:1px solid #85b49c26;border-radius:16px;background:#13271f80}
.shop-explorer-toolbar{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap}
.shop-explorer-search{display:grid;gap:9px;flex:1 1 240px;max-width:420px;color:#c6d8ce;font-size:12px;font-weight:600}
.shop-explorer-search-box{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 13px;border:1px solid #8eb9a33b;border-radius:10px;background:#0c1d17}
.shop-explorer-search-box:focus-within{border-color:#b8dca2;box-shadow:0 0 0 2px #b8dca21a}
.shop-explorer-search-box>svg{width:18px;height:18px;flex:none;color:#91b09e}
.shop-explorer-search-box input{width:100%;min-width:0;border:0!important;outline:none!important;box-shadow:none!important;background:transparent!important;padding:11px 0!important;color:#e1eee4;font:inherit;font-size:13px}
.shop-explorer-search-box input::placeholder{color:#8ba495}
.shop-explorer-filters{display:flex;gap:14px;flex-wrap:wrap}
.shop-explorer-filter-group{display:grid;gap:9px;min-width:0}
.shop-explorer-filter-label{color:#c6d8ce;font-size:12px;font-weight:600}
.shop-explorer-filter-count{display:grid;place-items:center;min-width:22px;min-height:22px;padding:0 4px;border-radius:5px;background:#ffffff0d;color:#c5d7c9;font-size:10px;font-variant-numeric:tabular-nums}
.shop-explorer-filter button[aria-pressed="true"] .shop-explorer-filter-count{background:#ffffff14;color:#eff9e6}
.shop-explorer-filter{display:flex;gap:3px;padding:4px;border:1px solid #85a99324;border-radius:10px;background:#0d2019}
.shop-explorer-filter button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 12px;border:0;border-radius:7px;background:transparent;color:#a4bbac;font:600 12px/1.3 'Plus Jakarta Sans',sans-serif;cursor:pointer;white-space:nowrap}
.shop-explorer-filter button:hover{background:#29463766;color:#e1eddd}
.shop-explorer-filter button[aria-pressed="true"]{background:#345541;color:#e5f2db;box-shadow:0 1px 3px #0002}
.shop-explorer-filter button:focus-visible,.shop-explorer-reset:focus-visible{outline:2px solid #bddba7;outline-offset:3px}
.shop-explorer-status{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px}
.shop-explorer-status p{margin:0;color:#9eb6a6;font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums}
.shop-explorer-reset{padding:7px 0;border:0;background:none;color:#c2dcb1;font:600 12px/1.5 'Plus Jakarta Sans',sans-serif;cursor:pointer}
.shop-explorer-empty{display:flex;flex-direction:column;align-items:center;padding:38px 20px 42px;border-top:1px solid #96b99f24;text-align:center}
.shop-explorer-empty>svg{width:30px;height:30px;margin-bottom:18px;color:#99c9b6}
.shop-explorer-empty h3{margin:0;font-size:18px;line-height:1.5;color:#dce9db}
.shop-explorer-empty p{max-width:460px;margin:10px 0 22px;color:#a9bcad;font-size:13px;line-height:1.7}
.shop-explorer [hidden],.cosmetic-product[hidden]{display:none!important}
.shop-style-preview{display:grid;grid-template-columns:minmax(230px,1fr) minmax(250px,1fr);gap:32px;align-items:center;padding:8px 0}
.shop-style-preview-art{display:grid;place-items:center;min-height:310px;padding:26px;border-radius:16px;background:radial-gradient(ellipse at center,#395d4938,transparent 70%),#10241b}
.shop-preview-avatar-stage{display:grid;place-items:center;width:100%;min-height:230px;padding:22px}
.shop-preview-avatar-stage .appearance-avatar{--avatar-size:148px;width:148px;height:148px;border-radius:50%;font:650 54px/1 Sora,sans-serif}
.shop-preview-banner-stage{width:100%;max-width:500px;border:1px solid #91ad9b33;border-radius:12px;overflow:hidden;background:#0d1c17;box-shadow:0 12px 30px #0003}
.shop-preview-banner-stage .appearance-banner{width:100%;aspect-ratio:3/1;min-height:100px}
.shop-preview-banner-identity{display:flex;align-items:center;gap:14px;padding:18px}
.shop-preview-mini-avatar{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;background:#a8cd9b;color:#173023;font:600 20px/1 Sora,sans-serif}
.shop-preview-banner-identity strong{font-size:18px;letter-spacing:-.6px}
.shop-style-preview-labels{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;color:#a6bfae;font-size:12px}
.shop-style-preview-info h3{margin:0 0 15px;font-family:Sora,sans-serif;font-size:27px;line-height:1.3;letter-spacing:-.8px}
.shop-style-preview-info>p{margin:0;color:#bccfbe;font-size:14px;line-height:1.85}
.shop-style-preview-cost{padding:24px 0 20px;color:#c4dfb3}
.shop-style-preview-cost strong{font-size:28px;letter-spacing:-1px}
.shop-style-preview-cost strong span{font-size:14px;letter-spacing:0;color:#b6c9b9}
.shop-style-preview-cost>span{font-size:13px}
.shop-style-preview-info>small{display:block;margin-top:8px;color:#94ac9b;font-size:12px;line-height:1.7}
@media(max-width:1050px){.shop-explorer-toolbar{align-items:stretch}.shop-explorer-search{max-width:none}.shop-explorer-filters{flex:1 1 100%;gap:12px}}
@media(max-width:640px){.shop-explorer{padding:18px 16px 0;margin-bottom:20px}.shop-explorer-toolbar{gap:15px}.shop-explorer-filters{display:grid;grid-template-columns:1fr;gap:9px}.shop-explorer-filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.shop-explorer-filter button{padding:8px 5px;min-height:46px;white-space:normal;flex-wrap:wrap;text-align:center}.shop-explorer-status{gap:10px;min-height:58px}.shop-explorer-status p{font-size:11px}.shop-explorer-reset{font-size:11px;text-align:right}.shop-explorer-empty{padding:28px 0 30px}.shop-explorer-empty h3{font-size:16px}.shop-style-preview{grid-template-columns:1fr;gap:22px}.shop-style-preview-art{min-height:230px;padding:20px}.shop-preview-avatar-stage{min-height:180px}.shop-preview-avatar-stage .appearance-avatar{--avatar-size:124px;width:124px;height:124px;font-size:44px}.shop-style-preview-info h3{font-size:23px}.shop-style-preview-cost{padding:18px 0 14px}.shop-style-preview-art[data-preview-slot="profileBanner"]{padding:12px;min-height:0}}

.shop-explorer-tools{display:flex;align-items:flex-end;gap:16px;flex:1 1 100%;padding-top:2px}.shop-explorer-tools wa-select{width:210px;max-width:100%;font-size:12px;--wa-form-control-height:42px}.shop-explorer-motion{min-height:42px;border:1px solid #80b49b33;border-radius:9px;padding:9px 13px;background:#183426;color:#c0d8ba;font:600 12px/1.4 "Plus Jakarta Sans",sans-serif;cursor:pointer}.shop-explorer-motion:hover{border-color:#afd69b88}.shop-explorer-motion:focus-visible{outline:2px solid #bddba7;outline-offset:3px}.shop-preview-avatar-stage .appearance-avatar-content{position:relative}.shop-preview-avatar-stage .appearance-avatar-content>img{position:absolute;inset:0}
@media(max-width:640px){.shop-explorer-tools{align-items:stretch;gap:10px}.shop-explorer-tools wa-select{flex:1;min-width:0;width:auto}.shop-explorer-motion{align-self:flex-end;flex:1;min-width:0;font-size:11px;min-height:46px;padding:9px}}

.shop-preview-mini-avatar{position:relative;isolation:isolate;overflow:hidden}.shop-preview-mini-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.shop-preview-banner-identity strong{overflow-wrap:anywhere;min-width:0}.cosmetics-section:has([data-action="cosmetic-filter"][aria-pressed="true"]:not([data-slot="cardFinish"]))>.cosmetic-source{display:none}
/* Companion accessories in the shop: the accessory alone on a soft stage, with its slot underneath. */
.companion-gear-scene{position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:180px;background:radial-gradient(ellipse at 50% 70%,#ffffff10,transparent 70%)}
.companion-gear-scene .companion-gear-art{width:min(150px,70%);height:auto;filter:drop-shadow(0 8px 14px #0007)}
.companion-gear-scene .companion-gear-slot{position:absolute;left:12px;bottom:10px;padding:3px 8px;border-radius:6px;background:#0006;color:#f2eee2;font-size:11px;font-weight:700;letter-spacing:.02em}
.companion-gear-scene.is-large{min-height:280px}
.companion-gear-scene.is-large .companion-gear-art{width:min(240px,80%)}
.companion-gear-scene.is-try-on .shop-preview-creature{position:relative;display:block;width:min(300px,90%);aspect-ratio:1}
.companion-gear-scene.is-try-on .shop-preview-creature canvas{position:absolute;inset:0;width:100%;height:100%}
/* Styles explorer: search, filters and « Trier par » on one line on wide screens (the sort control dropped below and the
   search box left an empty strip on its right). */
@media(min-width:1101px){
  html:not(#_) body .shop-explorer-toolbar{flex-wrap:nowrap;align-items:flex-end;gap:18px}
  html:not(#_) body .shop-explorer-search{flex:1 1 260px;max-width:360px;min-width:200px}
  html:not(#_) body .shop-explorer-filters{flex:none;flex-wrap:nowrap}
  html:not(#_) body .shop-explorer-tools{flex:none;margin-left:auto}
}
.companion-gear-scene.is-try-on .shop-creature{position:relative;display:block;width:min(200px,85%);aspect-ratio:1}
.companion-gear-scene.is-try-on .shop-creature canvas{position:absolute;inset:0;width:100%;height:100%}
/* Product cards: the action row sits at the same height on every card (« Équipé » now replaces « Possédé » next to the
   button, and the line under it keeps the same height even when empty), so « Retirer » is exactly where « Obtenir » is. */
html:not(#_) body .cosmetic-product .cosmetic-status-line{display:block;min-height:20px;margin-top:8px}
html:not(#_) body .cosmetic-product .cosmetic-price .cosmetic-equipped{display:inline-flex;align-items:center;gap:5px;margin:0;font-size:13px;font-weight:700;color:var(--theme-accent,#d0eab8)}
html:not(#_) body .cosmetic-product .cosmetic-status-line .cosmetic-unavailable{margin:0}
/* Banner tile: the player's own picture and name on the banner. */
html:not(#_) body .cosmetic-banner-profile .cosmetic-banner-avatar{position:relative;overflow:hidden;flex:none}
html:not(#_) body .cosmetic-banner-profile .cosmetic-banner-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
html:not(#_) body .cosmetic-banner-profile .cosmetic-banner-avatar>span{width:auto;height:auto;background:none;color:inherit;font-size:16px}
/* Binder covers in the shop: a real binder — the artwork covers the whole front (it was shrunk into a corner), a darker spine
   with its rings on the left, and a label plate with the binder name. Flat, no tilt. */
html:not(#_) body .finish-sample-album{position:relative;display:block;overflow:hidden;width:168px;height:231px;margin:auto;padding:0;border:0!important;border-radius:4px 12px 12px 4px;background:#0c1a16;box-shadow:0 18px 34px #000a}
html:not(#_) body .finish-sample-album>.album-cover-art{position:absolute!important;inset:0!important;display:block;width:100%!important;height:100%!important}
html:not(#_) body .finish-sample-album>.album-cover-art svg{display:block;width:100%;height:100%}
html:not(#_) body .finish-sample-album::before{content:"";position:absolute;z-index:1;top:0;bottom:0;left:0;width:16px;background:linear-gradient(90deg,#0009,#0005 70%,#ffffff1a 72%,#0000 100%)}
html:not(#_) body .finish-sample-album::after{content:"";position:absolute;z-index:2;top:0;bottom:0;left:4px;width:8px;background:radial-gradient(circle at 50% 50%,#d9d2bf 0 2.6px,#7d776a 3.2px,transparent 3.8px) 0 22%/8px 28% no-repeat,radial-gradient(circle at 50% 50%,#d9d2bf 0 2.6px,#7d776a 3.2px,transparent 3.8px) 0 50%/8px 28% no-repeat,radial-gradient(circle at 50% 50%,#d9d2bf 0 2.6px,#7d776a 3.2px,transparent 3.8px) 0 78%/8px 28% no-repeat}
html:not(#_) body .finish-sample-album strong,html:not(#_) body .finish-sample-album small{position:absolute;z-index:3;left:26px;right:12px;margin:0;text-align:center;color:#fff;text-shadow:0 1px 6px #000c}
html:not(#_) body .finish-sample-album strong{bottom:34px;padding-top:9px;font:800 18px/1 Sora,sans-serif;letter-spacing:-.5px;background:linear-gradient(#0000,#0000)}
html:not(#_) body .finish-sample-album small{bottom:14px;padding:0 0 9px;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.85}
html:not(#_) body .finish-sample-album strong::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;height:52px;border-radius:7px;background:#0007;backdrop-filter:blur(2px)}
html:not(#_) body .shop-style-preview-art .finish-sample-album{width:230px;height:316px}
html:not(#_) body .shop-style-preview-art .finish-sample-album strong{font-size:23px;bottom:44px}
html:not(#_) body .shop-style-preview-art .finish-sample-album small{font-size:11px;bottom:20px}
html:not(#_) body .shop-style-preview-art .finish-sample-album strong::before{height:64px}
@media(max-width:760px){html:not(#_) body .finish-sample-album{width:126px;height:173px}html:not(#_) body .finish-sample-album strong{font-size:14px;bottom:28px}html:not(#_) body .finish-sample-album small{font-size:8px;bottom:11px}html:not(#_) body .finish-sample-album strong::before{height:42px}}
/* Card finish preview: three of the player's cards side by side with the finish, at a comfortable size (they tilt and shine
   under the mouse like in the collection). */
html:not(#_) body .shop-style-preview-art.is-stage{display:block;padding:18px 10px}
.finish-preview-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start;max-width:720px;margin:0 auto}
.finish-preview-slot{min-width:0}
.finish-preview-slot .card-wrap{width:100%}
@media(max-width:760px){.finish-preview-stage{grid-template-columns:repeat(2,minmax(0,1fr))}.finish-preview-slot:nth-child(3){display:none}}
/* « Voir l'aperçu » keeps some room from the text below it. */
html:not(#_) body .cosmetic-product:not(.cosmetic-product-album) .cosmetic-preview-button{margin-bottom:14px}
/* Banner and decoration tiles: the banner takes the tile width (it was 336 px in a 320 px tile, so its right edge was cut). */
html:not(#_) body .cosmetic-banner-scene .appearance-banner{width:100%;height:auto;aspect-ratio:3/1}
html:not(#_) body .shop-preview-banner-stage .appearance-banner{height:auto;min-height:0}
/* Style tabs span the full width of the shop column (they were sized to their content and stopped short). */
html:not(#_) body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs{width:100%!important;max-width:100%!important;justify-content:stretch!important}
/* Style finder toolbar: every label looks the same (the sort label was larger and lighter), every control is 44px high on one
   baseline, the sort field has no orange border, the search field keeps room for its placeholder. */
html:not(#_) body .shop-explorer-toolbar{display:grid!important;grid-template-columns:minmax(220px,1.2fr) auto minmax(180px,.8fr) auto;align-items:end!important;gap:16px!important}
html:not(#_) body .shop-explorer-filters{display:flex;gap:16px;align-items:end}
html:not(#_) body .shop-explorer-tools{display:contents}
html:not(#_) body .shop-explorer-search>span:first-child,html:not(#_) body .shop-explorer-filter-label,html:not(#_) body #shop-style-sort::part(form-control-label){display:block;margin:0 0 8px!important;color:var(--theme-text,#c6d8ce)!important;font-size:12.5px!important;font-weight:650!important;line-height:1.3!important}
html:not(#_) body .shop-explorer-search-box{height:44px;box-sizing:border-box}
html:not(#_) body .shop-explorer-search input{min-width:0;width:100%}
html:not(#_) body #shop-style-sort{width:100%;min-width:0}
html:not(#_) body #shop-style-sort::part(combobox){height:44px!important;min-height:44px!important;border:0!important;border-radius:10px!important;background:color-mix(in srgb,var(--theme-text,#eef5ef) 6%,transparent)!important;box-shadow:none!important;outline:0!important}
html:not(#_) body #shop-style-sort:is(:hover,:focus-within,[open])::part(combobox){background:color-mix(in srgb,var(--theme-text,#eef5ef) 10%,transparent)!important;border:0!important;outline:0!important;box-shadow:none!important}
html:not(#_) body .shop-explorer-motion{height:44px!important;min-height:44px!important;padding:0 14px!important;border:0!important;border-radius:10px!important;white-space:nowrap;align-self:end}
@media(max-width:1100px){html:not(#_) body .shop-explorer-toolbar{grid-template-columns:1fr 1fr}html:not(#_) body .shop-explorer-filters{grid-column:1 / -1;flex-wrap:wrap}}
@media(max-width:620px){html:not(#_) body .shop-explorer-toolbar{grid-template-columns:1fr}}
/* Style finder toolbar, responsive: wide screens keep one row; medium widths put search + sort on the first row, the filters
   and the pause button on the second; phones stack everything at full width. The pause button never overflows. */
html:not(#_) body .shop-explorer-motion{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1380px){
  html:not(#_) body .shop-explorer-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  html:not(#_) body .shop-explorer-filters{grid-column:1 / 2;flex-wrap:wrap}
  html:not(#_) body .shop-explorer-motion{grid-column:2 / 3;justify-self:end;width:auto}
}
@media(max-width:820px){
  html:not(#_) body .shop-explorer-toolbar{grid-template-columns:minmax(0,1fr)!important}
  html:not(#_) body .shop-explorer-filters,html:not(#_) body .shop-explorer-motion,html:not(#_) body #shop-style-sort,html:not(#_) body .shop-explorer-search{grid-column:1 / -1!important}
  html:not(#_) body .shop-explorer-motion{justify-self:stretch;width:100%!important;white-space:normal}
}
/* Single-row toolbar only on very wide screens: below 1760 px (content column narrowed by the sidebar) it uses the two-row layout. */
@media(max-width:1760px){
  html:not(#_) body .shop-explorer-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  html:not(#_) body .shop-explorer-search{grid-column:1 / 2}
  html:not(#_) body #shop-style-sort{grid-column:2 / 3}
  html:not(#_) body .shop-explorer-filters{grid-column:1 / 2;flex-wrap:wrap}
  html:not(#_) body .shop-explorer-motion{grid-column:2 / 3;justify-self:end;width:auto}
}
@media(max-width:820px){
  html:not(#_) body .shop-explorer-toolbar{grid-template-columns:minmax(0,1fr)!important}
  html:not(#_) body :is(.shop-explorer-filters,.shop-explorer-motion,#shop-style-sort,.shop-explorer-search){grid-column:1 / -1!important}
  html:not(#_) body .shop-explorer-motion{justify-self:stretch;width:100%!important;white-space:normal}
}

/* shop-orders.css */
.shop-orders{min-width:0;color:var(--text,#e4ecdf)}
.shop-orders-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.shop-orders-heading p{margin:0;max-width:58ch;color:var(--muted,#a9bba9);font-size:13px;line-height:1.65}
.shop-orders-heading .button{flex-shrink:0;min-height:42px}
.shop-orders-list{list-style:none;padding:0;margin:0;border-top:1px solid rgba(186,214,171,.16)}
.shop-order{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:20px 2px;border-bottom:1px solid rgba(186,214,171,.16)}
.shop-order-main,.shop-order-total{display:flex;flex-direction:column;gap:7px;min-width:0}
.shop-order-main strong,.shop-order-total>strong{font-family:inherit;font-size:16px;line-height:1.4;font-weight:700;font-variant-numeric:tabular-nums}
.shop-order-main span{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.shop-order-main time,.shop-order small{color:var(--muted,#a9bba9);font-size:12px;line-height:1.5}
.shop-order-total{align-items:flex-end;text-align:right;font-variant-numeric:tabular-nums;max-width:210px}
.shop-order-status{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:7px;background:rgba(172,196,171,.1);color:#c7d9c5;font-size:12px;font-weight:600;line-height:1.4;white-space:normal}
.shop-order-status-paid{background:rgba(128,211,169,.12);color:#a0e4bf}
.shop-order-status-pending{background:rgba(224,184,102,.12);color:#ead19e}
.shop-order-status-refunded,.shop-order-status-partially_refunded{background:rgba(116,200,212,.12);color:#a8dfe7}
.shop-orders-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}
.shop-orders-pagination span{font-size:13px;font-variant-numeric:tabular-nums;color:var(--muted,#a9bba9)}
.shop-orders-pagination .button{min-height:44px;min-width:108px}
.shop-orders-message{padding:28px 8px;text-align:center;color:var(--muted,#a9bba9);font-size:14px;line-height:1.7}
.shop-orders-message p{margin:0 0 18px}
.shop-orders button:focus-visible{outline:2px solid #b8dca3;outline-offset:4px}
.shop-orders button{touch-action:manipulation}
@media(max-width:540px){.shop-orders-heading{align-items:flex-start;gap:14px;flex-direction:column}.shop-orders-heading .button{align-self:flex-end}.shop-order{gap:12px;padding:18px 0}.shop-order-main strong,.shop-order-total>strong{font-size:14px}.shop-order-total{max-width:135px}.shop-orders-pagination{gap:8px}.shop-orders-pagination .button{min-width:0;padding-inline:12px}.shop-orders-pagination span{font-size:12px}}

/* appearance.css */
.appearance-avatar{position:relative;display:inline-grid;place-items:center;flex:none;width:var(--avatar-size,72px);height:var(--avatar-size,72px);border-radius:50%;aspect-ratio:1;box-sizing:border-box;isolation:isolate;overflow:visible;background:#253f32;color:#e7f1df}
.appearance-avatar-content{display:grid;place-items:center;width:100%;height:100%;border-radius:inherit;overflow:hidden;background:#253f32;font-family:Sora,sans-serif;font-weight:600;line-height:1}
.appearance-avatar-content>img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.appearance-avatar-content>span{display:grid;place-items:center;width:100%;height:100%;line-height:1}
.appearance-avatar:where([data-avatar-frame]:not([data-avatar-frame=""]))::before{content:"";position:absolute;inset:-5px;border:3px solid transparent;border-radius:50%;box-sizing:border-box;pointer-events:none;z-index:-1}
.appearance-avatar[data-avatar-frame="frame-orbit"]::before{border-color:#78c6ce;box-shadow:0 0 0 2px #10261e}
.appearance-avatar[data-avatar-frame="frame-arcade"]::before{border-radius:50%;border-color:#e9907d;box-shadow:0 0 0 3px #743d39,0 0 0 5px #eebc88;transform:rotate(-5deg)}
.appearance-avatar[data-avatar-frame="frame-neon"]::before{border-color:#7ee2c1;box-shadow:0 0 13px #55d7b438,inset 0 0 0 1px #162d26}
.appearance-avatar[data-avatar-frame="frame-circuit"]::before{border:3px dashed #76a9ed;box-shadow:0 0 0 2px #1c3448}
.appearance-avatar[data-avatar-frame="frame-laurel"]::before{border:5px double #d7c17d;box-shadow:0 0 0 2px #453e28}
.appearance-avatar[data-avatar-frame="frame-crown"]::before{border-color:#edc571;box-shadow:0 0 0 2px #4b3b20,inset 0 0 0 1px #fff1bb}
.appearance-avatar[data-avatar-frame="frame-crown"]::after{content:"";position:absolute;left:calc(50% - 10px);top:-13px;width:20px;height:15px;background:#edc571;clip-path:polygon(0 10%,28% 42%,50% 0,72% 42%,100% 10%,87% 100%,13% 100%);pointer-events:none}
.appearance-banner{position:relative;isolation:isolate;overflow:hidden;background-color:#19392c;background-image:radial-gradient(ellipse at 18% 10%,#437b6055,transparent 65%),linear-gradient(120deg,#162e24,#28503c);aspect-ratio:3/1}
.appearance-banner>img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:1}

.public-profile .public-profile-banner{width:100%;max-width:100%;border-radius:12px;margin-bottom:0;max-height:220px;min-height:92px}
.public-profile .public-profile-identity{position:relative;padding:20px 6px 0;align-items:center}
.public-profile-avatar.appearance-avatar{--avatar-size:76px;width:var(--avatar-size);height:var(--avatar-size);overflow:visible;margin-top:-46px;box-shadow:0 0 0 6px #16271e}
.public-profile .public-profile-awards{margin:22px 0 0;gap:9px}
.public-profile .profile-badge>span[aria-hidden]{display:inline-flex;flex:none}
@media(max-width:600px){.public-profile-avatar.appearance-avatar{--avatar-size:64px;margin-top:-34px}.public-profile .public-profile-identity{padding-top:16px}.public-profile .public-profile-awards{gap:8px}}

body .sidebar-bottom>.avatar.appearance-avatar,body .topbar-actions>.avatar.appearance-avatar{overflow:visible}
.appearance-avatar[data-avatar-frame="frame-pixel"]::before{inset:-6px;border:4px dotted #7edfd8;border-radius:50%;box-shadow:0 0 0 2px #18464b,inset 0 0 0 1px #a2e9de}
.appearance-avatar[data-avatar-frame="frame-glacier"]::before{border:4px solid #b9e9fa;border-top-color:#5789b7;border-bottom-color:#6eb9d6;border-radius:50%;transform:rotate(45deg)}
.appearance-avatar[data-avatar-frame="frame-ember"]::before{border:3px solid #b96c4d;border-left-color:#ffc991;border-right-color:#ffc991;box-shadow:0 0 0 2px #502f28}
.appearance-avatar[data-avatar-frame="frame-sakura"]::before{border:3px solid #eed9c8;box-shadow:0 0 0 2px #7a565b}
.appearance-avatar[data-avatar-frame="frame-sakura"]::after{content:"";position:absolute;right:-4px;bottom:2px;width:12px;height:12px;border-radius:50% 0 50% 0;background:#e9a6ac;transform:rotate(-25deg);box-shadow:-10px 5px 0 -2px #d98c9a,3px -9px 0 -2px #f2c6c9;pointer-events:none}
.appearance-avatar[data-avatar-frame="frame-obsidian"]::before{border:5px ridge #5f7476;border-radius:50%;box-shadow:0 0 0 2px #101e22}
.appearance-avatar[data-avatar-frame="frame-hex"]::before{border:5px dashed #76c6a1;border-radius:50%;box-shadow:0 0 0 1px #315c4c,inset 0 0 0 1px #315c4c}
.appearance-avatar[data-avatar-frame="frame-compass"]::before{border:2px solid #b99c65;box-shadow:0 0 0 3px #273c35}
.appearance-avatar[data-avatar-frame="frame-compass"]::after{content:"";position:absolute;inset:-8px;background:linear-gradient(#e5ca91,#e5ca91) center top/3px 9px no-repeat,linear-gradient(#e5ca91,#e5ca91) center bottom/3px 9px no-repeat,linear-gradient(#e5ca91,#e5ca91) left center/9px 3px no-repeat,linear-gradient(#e5ca91,#e5ca91) right center/9px 3px no-repeat;pointer-events:none}
.appearance-avatar[data-avatar-frame="frame-pearl"]::before{border:5px dotted #e4dfc9;box-shadow:0 0 0 1px #77775a,inset 0 0 0 1px #77775a}
.appearance-avatar[data-avatar-frame="frame-sticker"]::before{border:5px solid #ede9d7;border-radius:50%;box-shadow:0 0 0 3px #c46d59}
.appearance-avatar[data-avatar-frame="frame-pulse"]::before{border-color:#67d7d7}
.appearance-avatar[data-avatar-frame="frame-comet"]::before{border:2px solid #507f99;box-shadow:0 0 0 2px #19343e}
.appearance-avatar[data-avatar-frame="frame-sonar"]::before{border:3px dotted #6ebd8e;box-shadow:0 0 0 2px #244736}
.appearance-avatar[data-avatar-frame="frame-reactor"]::before{border:4px solid #3a646c;box-shadow:0 0 0 2px #122b31}
.appearance-avatar[data-avatar-frame="frame-prism"]::before{border:3px solid #81d2ce;box-shadow:0 0 0 2px #4e6b6e}
.appearance-avatar[data-avatar-frame="frame-sparks"]::before{border:3px solid #a86b4c;border-top-color:#e7ac70;border-bottom-color:#e7ac70}
.appearance-avatar[data-avatar-frame="frame-vinyl"]::before{border:6px double #415957;box-shadow:0 0 0 2px #182a2a}
.appearance-avatar[data-avatar-frame="frame-signal"]::before{border:2px dashed #6b9cc9;box-shadow:0 0 0 2px #1c3449}
.appearance-avatar[data-avatar-frame="frame-eclipse"]::before{border:2px solid #a28c58;box-shadow:0 0 0 2px #343827}
.appearance-avatar[data-avatar-frame="frame-firefly"]::before{border:2px solid #6a9b64;box-shadow:0 0 0 2px #293e28}
.appearance-avatar:is([data-avatar-frame="frame-pulse"],[data-avatar-frame="frame-comet"],[data-avatar-frame="frame-sonar"],[data-avatar-frame="frame-reactor"],[data-avatar-frame="frame-prism"],[data-avatar-frame="frame-sparks"],[data-avatar-frame="frame-vinyl"],[data-avatar-frame="frame-signal"],[data-avatar-frame="frame-eclipse"],[data-avatar-frame="frame-firefly"])::after{content:"";position:absolute;inset:-7px;border-radius:inherit;pointer-events:none;animation:var(--profile-animation,profile-orbit) var(--profile-duration,12s) linear infinite;transform-origin:center}
.appearance-avatar[data-avatar-frame="frame-pulse"]::after{border:2px solid #6edada;--profile-animation:profile-breathe;--profile-duration:5s;box-shadow:0 0 10px #68dbd52b}
.appearance-avatar[data-avatar-frame="frame-comet"]::after{border:3px solid transparent;border-top-color:#d7eff1;--profile-duration:9s;filter:drop-shadow(0 0 2px #8dd9ec)}
.appearance-avatar[data-avatar-frame="frame-sonar"]::after{background:radial-gradient(circle at 50% 3%,#c2e5a0 0 3px,transparent 4px);--profile-duration:14s}
.appearance-avatar[data-avatar-frame="frame-reactor"]::after{border:4px dashed #80e3de;clip-path:polygon(50% 50%,0 0,100% 0,50% 50%,100% 100%,70% 100%,50% 50%,0 70%,0 30%);--profile-duration:18s}
.appearance-avatar[data-avatar-frame="frame-prism"]::after{border:4px solid transparent;border-top-color:#f3bdc4;border-right-color:#88e2da;border-bottom-color:#e9ca8a;border-left-color:#97bdec;--profile-duration:24s}
.appearance-avatar[data-avatar-frame="frame-sparks"]::after{background:radial-gradient(circle at 50% 2%,#eab47c 0 2px,transparent 3px),radial-gradient(circle at 10% 78%,#edc692 0 2px,transparent 3px),radial-gradient(circle at 87% 80%,#d88b60 0 3px,transparent 4px);--profile-duration:15s}
.appearance-avatar[data-avatar-frame="frame-vinyl"]::after{border:2px solid transparent;border-left-color:#df8b76;border-right-color:#df8b76;--profile-duration:11s}
.appearance-avatar[data-avatar-frame="frame-signal"]::after{background:linear-gradient(#88c2f1,#88c2f1) 50% 0/15px 4px no-repeat,linear-gradient(#88c2f1,#88c2f1) 50% 100%/15px 4px no-repeat;--profile-duration:16s}
.appearance-avatar[data-avatar-frame="frame-eclipse"]::after{border:4px solid transparent;border-left-color:#edcc83;border-top-color:#bfa363;--profile-duration:22s;filter:drop-shadow(0 0 3px #d4af5628)}
.appearance-avatar[data-avatar-frame="frame-firefly"]::after{background:radial-gradient(circle at 20% 12%,#c1db82 0 2px,transparent 3px),radial-gradient(circle at 96% 50%,#8ecf79 0 2px,transparent 3px),radial-gradient(circle at 26% 96%,#c1db82 0 2px,transparent 3px);--profile-animation:profile-sway;--profile-duration:7s}
.cosmetic-motion-badge{display:inline-flex;align-items:center;gap:6px;flex:none;padding:4px 8px;border:1px solid #80bcb035;border-radius:6px;color:#c3dfd5;background:#16332c;font-size:10px;font-weight:600;line-height:1.25;white-space:nowrap;letter-spacing:.025em}
.cosmetic-motion-badge[data-animated="true"]{color:#a8e6e0;border-color:#79ccc447;background:#183c3c}
.cosmetic-motion-badge[data-animated="true"]::before{content:"";width:5px;height:5px;border-radius:50%;background:#8edcd5}
@keyframes profile-orbit{to{transform:rotate(360deg)}}
@keyframes profile-breathe{0%,100%{transform:scale(1);opacity:.65}50%{transform:scale(1.045);opacity:.95}}
@keyframes profile-sway{0%,100%{transform:rotate(-12deg);opacity:.72}50%{transform:rotate(12deg);opacity:1}}
@keyframes profile-drift{from{transform:translateX(-5%)}to{transform:translateX(5%)}}
@keyframes profile-float{from{transform:translate(-2%,3%)}to{transform:translate(2%,-3%)}}
@keyframes profile-rain{from{transform:translateY(-7%)}to{transform:translateY(7%)}}
@keyframes profile-scan{from{transform:translateX(-14%)}to{transform:translateX(14%)}}
@keyframes profile-rise{from{transform:translateY(7%)}to{transform:translateY(-7%)}}
:root[data-cosmetic-motion="off"] .appearance-avatar::before,:root[data-cosmetic-motion="off"] .appearance-avatar::after,:root[data-cosmetic-motion="off"] .appearance-banner::before,:root[data-cosmetic-motion="off"] .appearance-banner::after{animation:none!important}
@media(prefers-reduced-motion:reduce){.appearance-avatar::before,.appearance-avatar::after,.appearance-banner::before,.appearance-banner::after{animation:none!important}}

.appearance-avatar[data-avatar-frame="frame-orbit"]::after{content:"";position:absolute;inset:-9px;border-radius:inherit;background:radial-gradient(circle at 50% 3%,#a6e5dd 0 3px,transparent 4px);animation:profile-orbit 14s linear infinite;pointer-events:none}
.appearance-avatar[data-avatar-frame="frame-arcade"]::before{animation:profile-arcade 8s ease-in-out infinite}
.appearance-avatar[data-avatar-frame="frame-neon"]::after{content:"";position:absolute;inset:-7px;border:2px solid #7ee2c166;border-radius:inherit;box-shadow:0 0 11px #6dd7b555;animation:profile-breathe 5s ease-in-out infinite;pointer-events:none}
.appearance-avatar[data-avatar-frame="frame-circuit"]::before{animation:profile-orbit 28s linear infinite}
.appearance-avatar[data-avatar-frame="frame-laurel"]::after{content:"";position:absolute;inset:-6px;border:3px solid transparent;border-top-color:#f4e5b1;border-radius:inherit;animation:profile-orbit 18s linear infinite;pointer-events:none}
@keyframes profile-arcade{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(3deg)}}

.finish-preview{position:relative}
.finish-preview>.cosmetic-motion-badge{position:absolute;top:14px;right:14px;z-index:2}

.appearance-banner:where([data-profile-banner^="banner-"]){container-type:inline-size;background-image:var(--scene-image);background-size:cover;background-position:center;image-rendering:pixelated}
.appearance-banner:where([data-profile-banner^="banner-"])::after{content:var(--scene-content,none);position:absolute;left:0;bottom:var(--scene-bottom,7%);width:var(--scene-size,clamp(48px,9cqw,86px));height:auto;aspect-ratio:var(--scene-ratio,16/9);background-image:var(--scene-sprite);background-size:calc(var(--scene-frames)*100%) 100%;background-repeat:no-repeat;background-position:0 0;pointer-events:none;image-rendering:pixelated;animation:profile-scene-frames var(--scene-cycle,.65s) steps(var(--scene-frames)) infinite,profile-scene-cross var(--scene-duration,15s) linear infinite;animation-delay:0s,-5s;will-change:transform}
.appearance-banner[data-profile-banner="banner-forest"]{--scene-image:url("/assets/profile-scenes/forest-09aefa299b6a.webp");--scene-content:"";--scene-sprite:url("/assets/profile-scenes/fox-8f1cf8e79776.webp");--scene-frames:6;--scene-ratio:64/36;--scene-end:120.0000000%}
.appearance-banner[data-profile-banner="banner-grid"]{--scene-image:url("/assets/profile-scenes/grid-821435ebe823.webp");--scene-content:"";--scene-sprite:url("/assets/profile-scenes/bird-74701426a083.webp");--scene-frames:7;--scene-ratio:32/32;--scene-end:116.6666667%;--scene-bottom:48%;--scene-size:clamp(20px,5cqw,44px);--scene-duration:19s;--scene-cycle:.8s}
.appearance-banner[data-profile-banner="banner-tide"]{--scene-image:url("/assets/profile-scenes/tide-4b5e5ba1f0c9.webp");--scene-content:"";--scene-sprite:url("/assets/profile-scenes/bird-74701426a083.webp");--scene-frames:7;--scene-ratio:32/32;--scene-end:116.6666667%;--scene-bottom:48%;--scene-size:clamp(20px,5cqw,44px);--scene-duration:19s;--scene-cycle:.8s}
.appearance-banner[data-profile-banner="banner-sunset"]{--scene-image:url("/assets/profile-scenes/sunset-3f998ec80d0b.webp")}
.appearance-banner[data-profile-banner="banner-cosmic"]{--scene-image:url("/assets/profile-scenes/cosmic-7277117738bc.webp");--scene-content:"";--scene-sprite:url("/assets/profile-scenes/bird-74701426a083.webp");--scene-frames:7;--scene-ratio:32/32;--scene-end:116.6666667%;--scene-bottom:48%;--scene-size:clamp(20px,5cqw,44px);--scene-duration:19s;--scene-cycle:.8s}
.appearance-banner[data-profile-banner="banner-aurora"]{--scene-image:url("/assets/profile-scenes/aurora-dfa686a26d5b.webp");--scene-content:"";--scene-sprite:url("/assets/profile-scenes/wolf-5bab10d141dd.webp");--scene-frames:6;--scene-ratio:64/40;--scene-end:120.0000000%}
.appearance-banner[data-profile-banner="banner-dunes"]{--scene-image:url("/assets/profile-scenes/dunes-188835dc02de.webp")}
.appearance-banner[data-profile-banner="banner-checker"]{--scene-image:url("/assets/profile-scenes/checker-d2812877a8a7.webp")}
.appearance-banner[data-profile-banner="banner-blueprint"]{--scene-image:url("/assets/profile-scenes/blueprint-5ccc1adc5047.webp")}
.appearance-banner[data-profile-banner="banner-paper"]{--scene-image:url("/assets/profile-scenes/paper-ab9aa710fc1b.webp")}
.appearance-banner[data-profile-banner="banner-peaks"]{--scene-image:url("/assets/profile-scenes/peaks-646278d32819.webp")}
.appearance-banner[data-profile-banner="banner-terrazzo"]{--scene-image:url("/assets/profile-scenes/terrazzo-fafaf8ea3352.webp")}
.appearance-banner[data-profile-banner="banner-mosaic"]{--scene-image:url("/assets/profile-scenes/mosaic-a5127d060b86.webp")}
.appearance-banner[data-profile-banner="banner-velvet"]{--scene-image:url("/assets/profile-scenes/velvet-df387fc75c32.webp")}
.appearance-banner[data-profile-banner="banner-stadium"]{--scene-image:url("/assets/profile-scenes/stadium-8b5ba9a8b9e0.webp")}
.appearance-banner[data-profile-banner="banner-horizon"]{--scene-image:url("/assets/profile-scenes/horizon-b7362c8f1212.webp");--scene-content:"";--scene-sprite:url("/assets/profile-scenes/deer-46bd3f4f7e23.webp");--scene-frames:6;--scene-ratio:72/52;--scene-end:120.0000000%;--scene-size:clamp(46px,9cqw,90px);--scene-cycle:.75s}
.appearance-banner[data-profile-banner="banner-rain"]{--scene-image:url("/assets/profile-scenes/rain-e89ceccc862d.webp");--scene-content:"";--scene-sprite:url("/assets/profile-scenes/boar-5b2d740ed509.webp");--scene-frames:6;--scene-ratio:64/40;--scene-end:120.0000000%}
.appearance-banner[data-profile-banner="banner-fireflies"]{--scene-image:url("/assets/profile-scenes/fireflies-8bbfac3fc7f3.webp");--scene-content:"";--scene-sprite:url("/assets/profile-scenes/fox-8f1cf8e79776.webp");--scene-frames:6;--scene-ratio:64/36;--scene-end:120.0000000%}
.appearance-banner[data-profile-banner="banner-waveform"]{--scene-image:url("/assets/profile-scenes/waveform-69f158500e5e.webp");--scene-content:"";--scene-sprite:url("/assets/profile-scenes/dragon-5f0765ebb2c4.webp");--scene-frames:9;--scene-ratio:192/176;--scene-end:112.5000000%;--scene-bottom:27%;--scene-size:clamp(30px,15cqw,130px);--scene-duration:20s;--scene-cycle:1.1s}
.appearance-banner[data-profile-banner="banner-circuit"]{--scene-image:url("/assets/profile-scenes/circuit-dfbcff3c1f0b.webp");--scene-content:"";--scene-sprite:url("/assets/profile-scenes/bird-74701426a083.webp");--scene-frames:7;--scene-ratio:1;--scene-end:116.6666667%;--scene-bottom:48%;--scene-size:clamp(20px,5cqw,44px);--scene-duration:19s;--scene-cycle:.8s}
.appearance-banner[data-profile-banner="banner-constellation"]{--scene-image:url("/assets/profile-scenes/constellation-057ff276f6c6.webp");--scene-content:"";--scene-sprite:url("/assets/profile-scenes/bird-74701426a083.webp");--scene-frames:7;--scene-ratio:32/32;--scene-end:116.6666667%;--scene-bottom:48%;--scene-size:clamp(20px,5cqw,44px);--scene-duration:19s;--scene-cycle:.8s}
.appearance-banner[data-profile-banner="banner-lava"]{--scene-image:url("/assets/profile-scenes/lava-5b4fb7853e3c.webp");--scene-content:"";--scene-sprite:url("/assets/profile-scenes/dragon-5f0765ebb2c4.webp");--scene-frames:9;--scene-ratio:192/176;--scene-end:112.5000000%;--scene-bottom:27%;--scene-size:clamp(30px,15cqw,130px);--scene-duration:20s;--scene-cycle:1.1s}
.appearance-banner[data-profile-banner="banner-scanlines"]{--scene-image:url("/assets/profile-scenes/scanlines-dd4d5cb401ac.webp");--scene-content:"";--scene-sprite:url("/assets/profile-scenes/bird-74701426a083.webp");--scene-frames:7;--scene-ratio:32/32;--scene-end:116.6666667%;--scene-bottom:48%;--scene-size:clamp(20px,5cqw,44px);--scene-duration:19s;--scene-cycle:.8s}
.appearance-banner[data-profile-banner="banner-bubbles"]{--scene-image:url("/assets/profile-scenes/bubbles-3a46e41056eb.webp");--scene-content:"";--scene-sprite:url("/assets/profile-scenes/rabbit-5bee00c015b3.webp");--scene-frames:6;--scene-ratio:32/26;--scene-end:120.0000000%;--scene-size:clamp(26px,6cqw,48px);--scene-duration:12s}
.appearance-banner[data-profile-banner="banner-stream"]{--scene-image:url("/assets/profile-scenes/stream-a0b177a0f876.webp");--scene-content:"";--scene-sprite:url("/assets/profile-scenes/deer-46bd3f4f7e23.webp");--scene-frames:6;--scene-ratio:72/52;--scene-end:120.0000000%;--scene-size:clamp(46px,9cqw,90px);--scene-cycle:.75s}
@keyframes profile-scene-frames{to{background-position-x:var(--scene-end)}}
@keyframes profile-scene-cross{from{transform:translateX(-120px)}to{transform:translateX(calc(100cqw + 120px))}}
:root[data-cosmetic-motion="off"] .appearance-banner::after{left:35%;transform:none;background-position:0 0;will-change:auto}
@media(prefers-reduced-motion:reduce){.appearance-banner::after{left:35%;transform:none;background-position:0 0;will-change:auto}}
/* October 2026 profile batch: ten frames, ten banners and the profile decorations (slot profileDecoration). */
.appearance-avatar[data-avatar-frame="frame-filigree"]::before{border:2px solid #d9bd7a;box-shadow:0 0 0 1px #3d3220,0 0 0 3px #d9bd7a40}
.appearance-avatar[data-avatar-frame="frame-filigree"]::after{content:"";position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle at 50% 3px,#f3dc9f 0 2px,transparent 2.6px),radial-gradient(circle at calc(100% - 3px) 50%,#f3dc9f 0 2px,transparent 2.6px),radial-gradient(circle at 50% calc(100% - 3px),#f3dc9f 0 2px,transparent 2.6px),radial-gradient(circle at 3px 50%,#f3dc9f 0 2px,transparent 2.6px);pointer-events:none}
.appearance-avatar[data-avatar-frame="frame-marble"]::before{inset:-6px;border:0;background:conic-gradient(from 30deg,#f1eee8,#c9c4ba 12%,#f7f5f0 24%,#b9b3a7 33%,#ece8e0 47%,#d5d0c6 60%,#faf8f4 72%,#bfb9ae 86%,#f1eee8);box-shadow:0 0 0 1px #5f5a50}
.appearance-avatar[data-avatar-frame="frame-bronze"]::before{border:4px solid #a7744a;border-top-color:#cf9f6c;border-bottom-color:#7b5434;box-shadow:0 0 0 1px #3b2a1c,0 0 0 3px #5f94844d}
.appearance-avatar[data-avatar-frame="frame-jade"]::before{inset:-6px;border:0;background:conic-gradient(from 200deg,#3f8f6f,#8fd1b0 18%,#2f6f55 36%,#6fbd98 55%,#255e48 74%,#7cc4a0 88%,#3f8f6f);box-shadow:0 0 0 1px #d8c27a,0 0 0 2px #1d3a2e}
.appearance-avatar[data-avatar-frame="frame-onyx"]::before{border:4px solid #17191b;box-shadow:0 0 0 1.5px #c9ced3,inset 0 0 0 1px #c9ced3}
.appearance-avatar[data-avatar-frame="frame-halo"]::before{border:2px solid #e9c97a;box-shadow:0 0 0 1px #4a3a1c}
.appearance-avatar[data-avatar-frame="frame-halo"]::after{content:"";position:absolute;inset:-9px;border:1px solid #f2d79066;border-radius:50%;box-shadow:0 0 12px 2px #f0cf7d55;pointer-events:none;animation:profile-breathe 6s ease-in-out infinite}
.appearance-avatar[data-avatar-frame="frame-astrolabe"]::before{border:2px solid #b8a06a;box-shadow:0 0 0 1px #2c261a}
.appearance-avatar[data-avatar-frame="frame-astrolabe"]::after{content:"";position:absolute;inset:-11px;border-radius:50%;background:repeating-conic-gradient(#e0cb93 0 1.6deg,transparent 1.6deg 10deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 4px));pointer-events:none;animation:profile-orbit 48s linear infinite}
.appearance-avatar[data-avatar-frame="frame-aurora-ring"]::before{inset:-7px;border:1px solid #9be7d44d}
.appearance-avatar[data-avatar-frame="frame-aurora-ring"]::after{content:"";position:absolute;inset:-5px;border-radius:50%;z-index:-1;background:conic-gradient(#4fd1b0,#5b8cff,#a77cff,#4fd1b0,#7fe0c6,#5b8cff,#4fd1b0);pointer-events:none;animation:profile-orbit 14s linear infinite}
.appearance-avatar[data-avatar-frame="frame-moonstone"]::before{border:3px solid #dfe6ee;box-shadow:0 0 0 1px #6f7c8a,0 0 8px #b9d3ff40}
.appearance-avatar[data-avatar-frame="frame-moonstone"]::after{content:"";position:absolute;inset:-7px;border-radius:50%;background:radial-gradient(circle at 50% 3px,#fff 0 1.6px,#d6e7ffaa 2.6px,transparent 6px);pointer-events:none;animation:profile-orbit 12s linear infinite}
.appearance-avatar[data-avatar-frame="frame-sapphire"]::before{border:3px solid #2f5fb3;border-top-color:#6e9be6;box-shadow:0 0 0 1px #0f1f3d,inset 0 0 0 1px #9fc0ff40}
.appearance-avatar[data-avatar-frame="frame-sapphire"]::after{content:"";position:absolute;inset:-9px;border-radius:50%;background:radial-gradient(circle at 18% 16%,#e9f1ff 0 1.4px,transparent 2.4px),radial-gradient(circle at 88% 30%,#cfe0ff 0 1.2px,transparent 2.2px),radial-gradient(circle at 80% 88%,#e9f1ff 0 1.5px,transparent 2.5px),radial-gradient(circle at 8% 66%,#cfe0ff 0 1.1px,transparent 2px);pointer-events:none;animation:profile-twinkle 4.5s ease-in-out infinite}
@keyframes profile-twinkle{0%,100%{opacity:.3}50%{opacity:1}}
.appearance-banner[data-profile-banner="banner-art-deco"]{image-rendering:auto;background-color:#0f1a2e;background-image:radial-gradient(ellipse at 50% 45%,transparent 35%,#08101fd9 100%),radial-gradient(circle at 50% 100%,#132340 0 16px,#d6b86a 16px 17px,#132340 17px 24px,#d6b86ab3 24px 25px,#132340 25px 32px,#e2c57d 32px 33.5px,transparent 34px),radial-gradient(circle at 50% 100%,#132340 0 16px,#d6b86a 16px 17px,#132340 17px 24px,#d6b86ab3 24px 25px,#132340 25px 32px,#e2c57d 32px 33.5px,transparent 34px);background-size:100% 100%,68px 34px,68px 34px;background-position:0 0,0 0,34px 17px;background-repeat:no-repeat,repeat,repeat}
.appearance-banner[data-profile-banner="banner-midnight-silk"]{image-rendering:auto;background-color:#0c1430;background-image:linear-gradient(115deg,transparent 18%,#7f9de038 30%,transparent 42%,transparent 55%,#9db8ff2b 66%,transparent 80%),linear-gradient(100deg,transparent 40%,#c8d6ff14 48%,transparent 56%),radial-gradient(ellipse at 18% 0%,#3a4f8a 0,transparent 60%),radial-gradient(ellipse at 88% 110%,#2b3c70 0,transparent 55%),linear-gradient(160deg,#0c1430,#18234a 55%,#0b1129);background-size:100% 100%}
.appearance-banner[data-profile-banner="banner-terracotta"]{image-rendering:auto;background-color:#a9532f;background-image:radial-gradient(ellipse at 15% 0%,#ffd9a855 0,transparent 55%),linear-gradient(transparent 90%,#7a3a22 90%),radial-gradient(circle at 48px 42px,#f0d6b0 0 28px,transparent 28.5px),linear-gradient(90deg,transparent 20px,#00000022 20px 27px,transparent 27px),linear-gradient(90deg,transparent 20px,#ebcba0 20px 76px,transparent 76px),linear-gradient(#bb6340,#a4502f 60%,#8e4227);background-size:100% 100%,100% 100%,96px 100%,96px 100%,96px 100%,100% 100%;background-position:0 0,0 0,center 0,center 42px,center 42px,0 0;background-repeat:no-repeat,no-repeat,repeat-x,repeat-x,repeat-x,no-repeat}
.appearance-banner[data-profile-banner="banner-ink"]{image-rendering:auto;background-color:#efe8d8;background-image:radial-gradient(ellipse 4% 12% at 74% 30%,#b8423a 0 92%,transparent 100%),radial-gradient(ellipse 60% 22% at 50% 100%,#efe8d8 0,#efe8d899 45%,transparent 75%),radial-gradient(ellipse 22% 70% at 86% 100%,#1f1f1fd9 0,#2a2a2a80 42%,transparent 72%),radial-gradient(ellipse 18% 58% at 60% 100%,#3b3b3bb3 0,#3b3b3b4d 45%,transparent 72%),radial-gradient(ellipse 26% 80% at 22% 100%,#262626cc 0,#2c2c2c66 40%,transparent 70%),radial-gradient(ellipse 30% 45% at 42% 100%,#5a5a5a66 0,transparent 70%),linear-gradient(#f4eee2,#e7dec9);background-size:100% 100%}
.appearance-banner[data-profile-banner="banner-pinstripe"]{image-rendering:auto;background-color:#24272c;background-image:radial-gradient(ellipse at 30% 0%,#ffffff12 0,transparent 60%),repeating-linear-gradient(90deg,#e8e2d424 0 1px,transparent 1px 14px),linear-gradient(180deg,#2c2f35,#1c1e22);background-size:100% 100%}
.appearance-banner[data-profile-banner="banner-aurora-veil"]{image-rendering:auto;background-color:#071423;background-image:radial-gradient(circle at 12% 20%,#ffffffb3 0 .8px,transparent 1.4px),radial-gradient(circle at 63% 12%,#ffffff99 0 .8px,transparent 1.4px),radial-gradient(circle at 84% 28%,#ffffffb3 0 .9px,transparent 1.5px),radial-gradient(circle at 38% 8%,#ffffff80 0 .7px,transparent 1.3px),linear-gradient(#061220,#0c2236 62%,#14374f);background-size:100% 100%}
.appearance-banner[data-profile-banner="banner-aurora-veil"]::before{content:"";position:absolute;pointer-events:none;z-index:0;left:0;top:0;width:200%;height:100%;background-image:radial-gradient(ellipse 20% 46% at 22% 42%,#3ee6b07a,transparent 70%),radial-gradient(ellipse 15% 40% at 58% 30%,#6fa8ff66,transparent 70%),radial-gradient(ellipse 18% 44% at 82% 46%,#9b7bff4d,transparent 70%);background-size:50% 100%;background-repeat:repeat-x;-webkit-mask-image:linear-gradient(#000 40%,transparent 92%);mask-image:linear-gradient(#000 40%,transparent 92%);animation:profile-deco-flow 34s linear infinite;will-change:transform}
.appearance-banner[data-profile-banner="banner-gold-dust"]{image-rendering:auto;background-color:#120e08;background-image:radial-gradient(ellipse at 50% 125%,#5a4219 0,transparent 62%),radial-gradient(ellipse at 10% -10%,#3a2c1266 0,transparent 50%),linear-gradient(#110d07,#1e170c);background-size:100% 100%}
.appearance-banner[data-profile-banner="banner-gold-dust"]::before{content:"";position:absolute;pointer-events:none;z-index:0;left:0;top:0;width:100%;height:200%;background-image:radial-gradient(circle at 12% 18%,#f3d58a 0 1.2px,transparent 2px),radial-gradient(circle at 58% 56%,#e8c46d 0 1px,transparent 1.8px),radial-gradient(circle at 82% 12%,#fff0c0 0 .9px,transparent 1.6px),radial-gradient(circle at 34% 86%,#d9b45e 0 1.3px,transparent 2.1px);background-size:20% 25%;opacity:.85;animation:profile-deco-rise 26s linear infinite;will-change:transform}
.appearance-banner[data-profile-banner="banner-silver-swell"]{image-rendering:auto;background-color:#0b1622;background-image:radial-gradient(ellipse 3.4% 10% at 78% 24%,#eef3f8 0 90%,transparent 100%),radial-gradient(ellipse 14% 40% at 78% 24%,#cfdbe733 0,transparent 70%),linear-gradient(#0a1520,#112233 50%,#0a141d);background-size:100% 100%}
.appearance-banner[data-profile-banner="banner-silver-swell"]::before{content:"";position:absolute;pointer-events:none;z-index:0;left:0;top:0;width:calc(100% + 64px);height:100%;background-image:radial-gradient(circle at 32px 22px,transparent 0 19px,#c6d4e159 19px 20.5px,transparent 21px),radial-gradient(circle at 32px 22px,transparent 0 19px,#c6d4e159 19px 20.5px,transparent 21px);background-size:64px 22px;background-position:0 0,32px 11px;-webkit-mask-image:linear-gradient(transparent 38%,#000 70%);mask-image:linear-gradient(transparent 38%,#000 70%);animation:profile-deco-wave 7s linear infinite;will-change:transform}
.appearance-banner[data-profile-banner="banner-starlight"]{image-rendering:auto;background-color:#060a18;background-image:radial-gradient(circle at 8% 22%,#fff 0 1.1px,transparent 2px),radial-gradient(circle at 19% 64%,#fff 0 .8px,transparent 1.5px),radial-gradient(circle at 31% 14%,#fff 0 .8px,transparent 1.5px),radial-gradient(circle at 44% 48%,#fff 0 1.1px,transparent 2px),radial-gradient(circle at 57% 26%,#fff 0 .8px,transparent 1.5px),radial-gradient(circle at 69% 70%,#fff 0 .8px,transparent 1.5px),radial-gradient(circle at 81% 12%,#fff 0 1.1px,transparent 2px),radial-gradient(circle at 93% 40%,#fff 0 .8px,transparent 1.5px),radial-gradient(circle at 25% 84%,#fff 0 .8px,transparent 1.5px),radial-gradient(circle at 63% 90%,#fff 0 1.1px,transparent 2px),radial-gradient(ellipse at 30% 120%,#1d2f5a 0,transparent 60%),linear-gradient(#060a18,#0d1530);background-size:100% 100%}
.appearance-banner[data-profile-banner="banner-starlight"]::before{content:"";position:absolute;pointer-events:none;z-index:0;inset:0;background-image:radial-gradient(circle at 55% 16%,#fff 0 1.1px,transparent 2px),radial-gradient(circle at 66% 58%,#fff 0 .8px,transparent 1.5px),radial-gradient(circle at 78% 8%,#fff 0 .8px,transparent 1.5px),radial-gradient(circle at 91% 42%,#fff 0 1.1px,transparent 2px),radial-gradient(circle at 4% 20%,#fff 0 .8px,transparent 1.5px),radial-gradient(circle at 16% 64%,#fff 0 .8px,transparent 1.5px),radial-gradient(circle at 28% 6%,#fff 0 1.1px,transparent 2px),radial-gradient(circle at 40% 34%,#fff 0 .8px,transparent 1.5px),radial-gradient(circle at 72% 78%,#fff 0 .8px,transparent 1.5px),radial-gradient(circle at 10% 84%,#fff 0 1.1px,transparent 2px);animation:profile-twinkle 5s ease-in-out infinite}
.appearance-banner[data-profile-banner="banner-prism-light"]{image-rendering:auto;background-color:#1b1d22;background-image:repeating-linear-gradient(135deg,#ffffff08 0 1px,transparent 1px 22px),linear-gradient(135deg,#1b1d22,#2a2d34 50%,#17191d);background-size:100% 100%}
.appearance-banner[data-profile-banner="banner-prism-light"]::before{content:"";position:absolute;pointer-events:none;z-index:0;left:0;top:0;width:50%;height:100%;background:linear-gradient(100deg,transparent 15%,#ff9ac21f 32%,#ffd98a2b 44%,#8cf0d02b 56%,#8fb4ff24 68%,transparent 85%);animation:profile-deco-sweep 11s ease-in-out infinite;will-change:transform}
.profile-decoration{position:absolute;inset:0;z-index:2;display:block;pointer-events:none;border-radius:inherit;background-repeat:no-repeat}
.profile-decoration:not([data-profile-decoration^="deco-"]){display:none}
.profile-decoration::before,.profile-decoration::after{pointer-events:none}
.profile-decoration[data-profile-decoration="deco-gilded-corners"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' fill='none'%3E%3Cpath d='M4 58V4h54' stroke='%23100c06' stroke-width='4.4' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M4 58V4h54' stroke='%23e4c77f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M12 38V12h26' stroke='%23100c06' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M12 38V12h26' stroke='%23e4c77f' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' stroke-opacity='.75'/%3E%3Cpath d='M21 14l7 7-7 7-7-7z' fill='%23f0d792' stroke='%23100c06' stroke-opacity='.4'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' fill='none'%3E%3Cg transform='matrix(-1 0 0 1 100 0)'%3E%3Cpath d='M4 58V4h54' stroke='%23100c06' stroke-width='4.4' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M4 58V4h54' stroke='%23e4c77f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M12 38V12h26' stroke='%23100c06' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M12 38V12h26' stroke='%23e4c77f' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' stroke-opacity='.75'/%3E%3Cpath d='M21 14l7 7-7 7-7-7z' fill='%23f0d792' stroke='%23100c06' stroke-opacity='.4'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' fill='none'%3E%3Cg transform='matrix(1 0 0 -1 0 100)'%3E%3Cpath d='M4 58V4h54' stroke='%23100c06' stroke-width='4.4' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M4 58V4h54' stroke='%23e4c77f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M12 38V12h26' stroke='%23100c06' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M12 38V12h26' stroke='%23e4c77f' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' stroke-opacity='.75'/%3E%3Cpath d='M21 14l7 7-7 7-7-7z' fill='%23f0d792' stroke='%23100c06' stroke-opacity='.4'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' fill='none'%3E%3Cg transform='matrix(-1 0 0 -1 100 100)'%3E%3Cpath d='M4 58V4h54' stroke='%23100c06' stroke-width='4.4' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M4 58V4h54' stroke='%23e4c77f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M12 38V12h26' stroke='%23100c06' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M12 38V12h26' stroke='%23e4c77f' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' stroke-opacity='.75'/%3E%3Cpath d='M21 14l7 7-7 7-7-7z' fill='%23f0d792' stroke='%23100c06' stroke-opacity='.4'/%3E%3C/g%3E%3C/svg%3E");background-position:left 7px top 7px,right 7px top 7px,left 7px bottom 7px,right 7px bottom 7px;background-size:auto clamp(26px,30%,82px);background-repeat:no-repeat}
.profile-decoration[data-profile-decoration="deco-filigree"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' fill='none'%3E%3Cpath d='M4 80C4 38 38 4 80 4' stroke='%23100c06' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M4 80C4 38 38 4 80 4' stroke='%23e2c27a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M4 80c0-9 9-13 14-8s0 12-6 9' stroke='%23100c06' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M4 80c0-9 9-13 14-8s0 12-6 9' stroke='%23e2c27a' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M80 4c-9 0-13 9-8 14s12 0 9-6' stroke='%23100c06' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M80 4c-9 0-13 9-8 14s12 0 9-6' stroke='%23e2c27a' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M15 54C17 33 33 17 54 15' stroke='%23100c06' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M15 54C17 33 33 17 54 15' stroke='%23e2c27a' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' stroke-opacity='.8'/%3E%3Cpath d='M9 9c13 2 21 10 23 23c-13-2-21-10-23-23z' fill='%23e2c27a' stroke='%23100c06' stroke-opacity='.35'/%3E%3Ccircle cx='28' cy='50' r='1.8' fill='%23e2c27a'/%3E%3Ccircle cx='50' cy='28' r='1.8' fill='%23e2c27a'/%3E%3Ccircle cx='38' cy='38' r='2.2' fill='%23f2dca0'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' fill='none'%3E%3Cg transform='matrix(-1 0 0 1 100 0)'%3E%3Cpath d='M4 80C4 38 38 4 80 4' stroke='%23100c06' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M4 80C4 38 38 4 80 4' stroke='%23e2c27a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M4 80c0-9 9-13 14-8s0 12-6 9' stroke='%23100c06' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M4 80c0-9 9-13 14-8s0 12-6 9' stroke='%23e2c27a' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M80 4c-9 0-13 9-8 14s12 0 9-6' stroke='%23100c06' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M80 4c-9 0-13 9-8 14s12 0 9-6' stroke='%23e2c27a' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M15 54C17 33 33 17 54 15' stroke='%23100c06' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M15 54C17 33 33 17 54 15' stroke='%23e2c27a' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' stroke-opacity='.8'/%3E%3Cpath d='M9 9c13 2 21 10 23 23c-13-2-21-10-23-23z' fill='%23e2c27a' stroke='%23100c06' stroke-opacity='.35'/%3E%3Ccircle cx='28' cy='50' r='1.8' fill='%23e2c27a'/%3E%3Ccircle cx='50' cy='28' r='1.8' fill='%23e2c27a'/%3E%3Ccircle cx='38' cy='38' r='2.2' fill='%23f2dca0'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' fill='none'%3E%3Cg transform='matrix(1 0 0 -1 0 100)'%3E%3Cpath d='M4 80C4 38 38 4 80 4' stroke='%23100c06' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M4 80C4 38 38 4 80 4' stroke='%23e2c27a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M4 80c0-9 9-13 14-8s0 12-6 9' stroke='%23100c06' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M4 80c0-9 9-13 14-8s0 12-6 9' stroke='%23e2c27a' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M80 4c-9 0-13 9-8 14s12 0 9-6' stroke='%23100c06' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M80 4c-9 0-13 9-8 14s12 0 9-6' stroke='%23e2c27a' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M15 54C17 33 33 17 54 15' stroke='%23100c06' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M15 54C17 33 33 17 54 15' stroke='%23e2c27a' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' stroke-opacity='.8'/%3E%3Cpath d='M9 9c13 2 21 10 23 23c-13-2-21-10-23-23z' fill='%23e2c27a' stroke='%23100c06' stroke-opacity='.35'/%3E%3Ccircle cx='28' cy='50' r='1.8' fill='%23e2c27a'/%3E%3Ccircle cx='50' cy='28' r='1.8' fill='%23e2c27a'/%3E%3Ccircle cx='38' cy='38' r='2.2' fill='%23f2dca0'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' fill='none'%3E%3Cg transform='matrix(-1 0 0 -1 100 100)'%3E%3Cpath d='M4 80C4 38 38 4 80 4' stroke='%23100c06' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M4 80C4 38 38 4 80 4' stroke='%23e2c27a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M4 80c0-9 9-13 14-8s0 12-6 9' stroke='%23100c06' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M4 80c0-9 9-13 14-8s0 12-6 9' stroke='%23e2c27a' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M80 4c-9 0-13 9-8 14s12 0 9-6' stroke='%23100c06' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M80 4c-9 0-13 9-8 14s12 0 9-6' stroke='%23e2c27a' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M15 54C17 33 33 17 54 15' stroke='%23100c06' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M15 54C17 33 33 17 54 15' stroke='%23e2c27a' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' stroke-opacity='.8'/%3E%3Cpath d='M9 9c13 2 21 10 23 23c-13-2-21-10-23-23z' fill='%23e2c27a' stroke='%23100c06' stroke-opacity='.35'/%3E%3Ccircle cx='28' cy='50' r='1.8' fill='%23e2c27a'/%3E%3Ccircle cx='50' cy='28' r='1.8' fill='%23e2c27a'/%3E%3Ccircle cx='38' cy='38' r='2.2' fill='%23f2dca0'/%3E%3C/g%3E%3C/svg%3E");background-position:left 5px top 5px,right 5px top 5px,left 5px bottom 5px,right 5px bottom 5px;background-size:auto clamp(30px,40%,104px);background-repeat:no-repeat}
.profile-decoration[data-profile-decoration="deco-art-deco"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='24' viewBox='0 0 120 24' fill='none'%3E%3Cpath d='M2 12h42l8-8h16l8 8h42' stroke='%23100c06' stroke-width='3.6' opacity='.4'/%3E%3Cpath d='M2 12h42l8-8h16l8 8h42' stroke='%23d8bc78' stroke-width='1.6'/%3E%3Cpath d='M52 12l8 8 8-8' stroke='%23d8bc78' stroke-width='1.2'/%3E%3Ccircle cx='60' cy='9' r='2.2' fill='%23f0d692'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' fill='none'%3E%3Cpath d='M4 56V16h12V4h40' stroke='%23100c06' stroke-width='4.2' stroke-linecap='square' stroke-linejoin='miter' opacity='.45'/%3E%3Cpath d='M4 56V16h12V4h40' stroke='%23d8bc78' stroke-width='2.2' stroke-linecap='square' stroke-linejoin='miter' /%3E%3Cpath d='M11 56V23h12V11h33' stroke='%23100c06' stroke-width='3' stroke-linecap='square' stroke-linejoin='miter' opacity='.45'/%3E%3Cpath d='M11 56V23h12V11h33' stroke='%23d8bc78' stroke-width='1' stroke-linecap='square' stroke-linejoin='miter' stroke-opacity='.8'/%3E%3Cpath d='M23 23l13 4M23 23l10 10M23 23l4 13' stroke='%23d8bc78' stroke-width='1' stroke-opacity='.85'/%3E%3Ccircle cx='23' cy='23' r='2.4' fill='%23f0d692'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' fill='none'%3E%3Cg transform='matrix(-1 0 0 1 100 0)'%3E%3Cpath d='M4 56V16h12V4h40' stroke='%23100c06' stroke-width='4.2' stroke-linecap='square' stroke-linejoin='miter' opacity='.45'/%3E%3Cpath d='M4 56V16h12V4h40' stroke='%23d8bc78' stroke-width='2.2' stroke-linecap='square' stroke-linejoin='miter' /%3E%3Cpath d='M11 56V23h12V11h33' stroke='%23100c06' stroke-width='3' stroke-linecap='square' stroke-linejoin='miter' opacity='.45'/%3E%3Cpath d='M11 56V23h12V11h33' stroke='%23d8bc78' stroke-width='1' stroke-linecap='square' stroke-linejoin='miter' stroke-opacity='.8'/%3E%3Cpath d='M23 23l13 4M23 23l10 10M23 23l4 13' stroke='%23d8bc78' stroke-width='1' stroke-opacity='.85'/%3E%3Ccircle cx='23' cy='23' r='2.4' fill='%23f0d692'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' fill='none'%3E%3Cg transform='matrix(1 0 0 -1 0 100)'%3E%3Cpath d='M4 56V16h12V4h40' stroke='%23100c06' stroke-width='4.2' stroke-linecap='square' stroke-linejoin='miter' opacity='.45'/%3E%3Cpath d='M4 56V16h12V4h40' stroke='%23d8bc78' stroke-width='2.2' stroke-linecap='square' stroke-linejoin='miter' /%3E%3Cpath d='M11 56V23h12V11h33' stroke='%23100c06' stroke-width='3' stroke-linecap='square' stroke-linejoin='miter' opacity='.45'/%3E%3Cpath d='M11 56V23h12V11h33' stroke='%23d8bc78' stroke-width='1' stroke-linecap='square' stroke-linejoin='miter' stroke-opacity='.8'/%3E%3Cpath d='M23 23l13 4M23 23l10 10M23 23l4 13' stroke='%23d8bc78' stroke-width='1' stroke-opacity='.85'/%3E%3Ccircle cx='23' cy='23' r='2.4' fill='%23f0d692'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' fill='none'%3E%3Cg transform='matrix(-1 0 0 -1 100 100)'%3E%3Cpath d='M4 56V16h12V4h40' stroke='%23100c06' stroke-width='4.2' stroke-linecap='square' stroke-linejoin='miter' opacity='.45'/%3E%3Cpath d='M4 56V16h12V4h40' stroke='%23d8bc78' stroke-width='2.2' stroke-linecap='square' stroke-linejoin='miter' /%3E%3Cpath d='M11 56V23h12V11h33' stroke='%23100c06' stroke-width='3' stroke-linecap='square' stroke-linejoin='miter' opacity='.45'/%3E%3Cpath d='M11 56V23h12V11h33' stroke='%23d8bc78' stroke-width='1' stroke-linecap='square' stroke-linejoin='miter' stroke-opacity='.8'/%3E%3Cpath d='M23 23l13 4M23 23l10 10M23 23l4 13' stroke='%23d8bc78' stroke-width='1' stroke-opacity='.85'/%3E%3Ccircle cx='23' cy='23' r='2.4' fill='%23f0d692'/%3E%3C/g%3E%3C/svg%3E");background-position:center top 6px,left 6px top 6px,right 6px top 6px,left 6px bottom 6px,right 6px bottom 6px;background-size:auto clamp(12px,9%,28px),auto clamp(26px,32%,88px),auto clamp(26px,32%,88px),auto clamp(26px,32%,88px),auto clamp(26px,32%,88px);background-repeat:no-repeat}
.profile-decoration[data-profile-decoration="deco-ivy"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='90' viewBox='0 0 150 90' fill='none'%3E%3Cdefs%3E%3Cpath id='l' d='M0 0c4-6 12-7 17-2c-4 6-12 7-17 2z' stroke='%2314240f' stroke-opacity='.45' stroke-width='.7'/%3E%3C/defs%3E%3Cpath d='M0 14C26 18 44 6 70 12S112 30 150 18' stroke='%23100c06' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M0 14C26 18 44 6 70 12S112 30 150 18' stroke='%234f7a45' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M13 0C17 24 7 44 14 72' stroke='%23100c06' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M13 0C17 24 7 44 14 72' stroke='%234f7a45' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cuse href='%23l' transform='translate(22 16) rotate(-30)' fill='%237fae6e'/%3E%3Cuse href='%23l' transform='translate(36 11) rotate(28)' fill='%235f9255'/%3E%3Cuse href='%23l' transform='translate(52 9) rotate(-24)' fill='%2386b574'/%3E%3Cuse href='%23l' transform='translate(66 12) rotate(32)' fill='%235f9255'/%3E%3Cuse href='%23l' transform='translate(82 17) rotate(-28)' fill='%237fae6e'/%3E%3Cuse href='%23l' transform='translate(98 22) rotate(26)' fill='%236a9d5d'/%3E%3Cuse href='%23l' transform='translate(116 22) rotate(-22)' fill='%2386b574'/%3E%3Cuse href='%23l' transform='translate(132 19) rotate(30)' fill='%235f9255'/%3E%3Cuse href='%23l' transform='translate(15 22) rotate(70)' fill='%236a9d5d'/%3E%3Cuse href='%23l' transform='translate(11 36) rotate(118)' fill='%237fae6e'/%3E%3Cuse href='%23l' transform='translate(10 50) rotate(64)' fill='%235f9255'/%3E%3Cuse href='%23l' transform='translate(12 63) rotate(112)' fill='%2386b574'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='90' viewBox='0 0 150 90' fill='none'%3E%3Cg transform='matrix(-1 0 0 -1 150 90)'%3E%3Cdefs%3E%3Cpath id='l' d='M0 0c4-6 12-7 17-2c-4 6-12 7-17 2z' stroke='%2314240f' stroke-opacity='.45' stroke-width='.7'/%3E%3C/defs%3E%3Cpath d='M0 14C26 18 44 6 70 12S112 30 150 18' stroke='%23100c06' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M0 14C26 18 44 6 70 12S112 30 150 18' stroke='%234f7a45' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M13 0C17 24 7 44 14 72' stroke='%23100c06' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M13 0C17 24 7 44 14 72' stroke='%234f7a45' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cuse href='%23l' transform='translate(22 16) rotate(-30)' fill='%237fae6e'/%3E%3Cuse href='%23l' transform='translate(36 11) rotate(28)' fill='%235f9255'/%3E%3Cuse href='%23l' transform='translate(52 9) rotate(-24)' fill='%2386b574'/%3E%3Cuse href='%23l' transform='translate(66 12) rotate(32)' fill='%235f9255'/%3E%3Cuse href='%23l' transform='translate(82 17) rotate(-28)' fill='%237fae6e'/%3E%3Cuse href='%23l' transform='translate(98 22) rotate(26)' fill='%236a9d5d'/%3E%3Cuse href='%23l' transform='translate(116 22) rotate(-22)' fill='%2386b574'/%3E%3Cuse href='%23l' transform='translate(132 19) rotate(30)' fill='%235f9255'/%3E%3Cuse href='%23l' transform='translate(15 22) rotate(70)' fill='%236a9d5d'/%3E%3Cuse href='%23l' transform='translate(11 36) rotate(118)' fill='%237fae6e'/%3E%3Cuse href='%23l' transform='translate(10 50) rotate(64)' fill='%235f9255'/%3E%3Cuse href='%23l' transform='translate(12 63) rotate(112)' fill='%2386b574'/%3E%3C/g%3E%3C/svg%3E");background-position:left 0 top 0,right 0 bottom 0;background-size:auto clamp(34px,48%,132px);background-repeat:no-repeat}
.profile-decoration[data-profile-decoration="deco-sakura"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='56' viewBox='0 0 160 56' fill='none'%3E%3Cdefs%3E%3Cg id='f'%3E%3Cg fill='%23f3cfd6' stroke='%23b98290' stroke-opacity='.5' stroke-width='.5'%3E%3Ccircle cx='0' cy='-3.4' r='3.1'/%3E%3Ccircle cx='3.23' cy='-1.05' r='3.1'/%3E%3Ccircle cx='2' cy='2.75' r='3.1'/%3E%3Ccircle cx='-2' cy='2.75' r='3.1'/%3E%3Ccircle cx='-3.23' cy='-1.05' r='3.1'/%3E%3C/g%3E%3Ccircle r='1.5' fill='%23d9879b'/%3E%3C/g%3E%3C/defs%3E%3Cpath d='M160 5C132 9 114 19 94 18S60 26 40 42' stroke='%23100c06' stroke-width='4.4' opacity='.35' stroke-linecap='round'/%3E%3Cpath d='M160 5C132 9 114 19 94 18S60 26 40 42' stroke='%235b4038' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='M110 17c-6 9-4 17 2 25' stroke='%235b4038' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M72 24c-2-8 2-14 8-18' stroke='%235b4038' stroke-width='1.2' stroke-linecap='round'/%3E%3Cuse href='%23f' transform='translate(96 16) scale(1.15)'/%3E%3Cuse href='%23f' transform='translate(74 24) scale(1)'/%3E%3Cuse href='%23f' transform='translate(52 33) scale(0.9)'/%3E%3Cuse href='%23f' transform='translate(112 42) scale(0.95)'/%3E%3Cuse href='%23f' transform='translate(128 10) scale(1.05)'/%3E%3Cuse href='%23f' transform='translate(81 6) scale(0.8)'/%3E%3Cuse href='%23f' transform='translate(40 42) scale(0.75)'/%3E%3Ccircle cx='60' cy='26' r='1.8' fill='%23e9a3b4'/%3E%3Ccircle cx='142' cy='14' r='1.9' fill='%23e9a3b4'/%3E%3Ccircle cx='104' cy='30' r='1.6' fill='%23e9a3b4'/%3E%3C/svg%3E");background-position:right 0 top 0;background-size:auto clamp(30px,42%,120px);background-repeat:no-repeat}
.profile-decoration[data-profile-decoration="deco-light-trim"]{inset:7px;padding:1.5px;border-radius:6px;overflow:hidden;background:#f6e7b880;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.profile-decoration[data-profile-decoration="deco-light-trim"]::before{content:"";position:absolute;left:50%;top:50%;width:130%;aspect-ratio:1;margin:-65% 0 0 -65%;background:conic-gradient(transparent 0 34%,#fff1c4 46%,transparent 50% 84%,#fff1c4 96%,transparent 100%);animation:profile-orbit 10s linear infinite;will-change:transform}
.profile-decoration[data-profile-decoration="deco-fireflies"]::before,.profile-decoration[data-profile-decoration="deco-fireflies"]::after{content:"";position:absolute;inset:0;animation:profile-deco-glow 4.6s ease-in-out infinite alternate}
.profile-decoration[data-profile-decoration="deco-fireflies"]::before{background:radial-gradient(circle at 4% 12%,#fff6c8 0 1.4px,#f3d77a73 2.4px,transparent 6.4px),radial-gradient(circle at 18% 7%,#fff6c8 0 1.1px,#f3d77a73 2.1px,transparent 6.1px),radial-gradient(circle at 39% 10%,#fff6c8 0 1.3px,#f3d77a73 2.3px,transparent 6.3px),radial-gradient(circle at 63% 6%,#fff6c8 0 1.1px,#f3d77a73 2.1px,transparent 6.1px),radial-gradient(circle at 84% 11%,#fff6c8 0 1.4px,#f3d77a73 2.4px,transparent 6.4px),radial-gradient(circle at 96% 30%,#fff6c8 0 1.2px,#f3d77a73 2.2px,transparent 6.2px),radial-gradient(circle at 97% 72%,#fff6c8 0 1.3px,#f3d77a73 2.3px,transparent 6.3px),radial-gradient(circle at 70% 92%,#fff6c8 0 1.2px,#f3d77a73 2.2px,transparent 6.2px),radial-gradient(circle at 46% 90%,#fff6c8 0 1.1px,#f3d77a73 2.1px,transparent 6.1px),radial-gradient(circle at 3% 58%,#fff6c8 0 1.2px,#f3d77a73 2.2px,transparent 6.2px)}
.profile-decoration[data-profile-decoration="deco-fireflies"]::after{background:radial-gradient(circle at 10% 20%,#fff6c8 0 1.1px,#f3d77a73 2.1px,transparent 6.1px),radial-gradient(circle at 29% 5%,#fff6c8 0 1.3px,#f3d77a73 2.3px,transparent 6.3px),radial-gradient(circle at 52% 13%,#fff6c8 0 1.1px,#f3d77a73 2.1px,transparent 6.1px),radial-gradient(circle at 75% 8%,#fff6c8 0 1.3px,#f3d77a73 2.3px,transparent 6.3px),radial-gradient(circle at 92% 16%,#fff6c8 0 1.1px,#f3d77a73 2.1px,transparent 6.1px),radial-gradient(circle at 95% 52%,#fff6c8 0 1.4px,#f3d77a73 2.4px,transparent 6.4px),radial-gradient(circle at 88% 88%,#fff6c8 0 1.2px,#f3d77a73 2.2px,transparent 6.2px),radial-gradient(circle at 58% 94%,#fff6c8 0 1.3px,#f3d77a73 2.3px,transparent 6.3px),radial-gradient(circle at 24% 92%,#fff6c8 0 1.1px,#f3d77a73 2.1px,transparent 6.1px),radial-gradient(circle at 5% 36%,#fff6c8 0 1.3px,#f3d77a73 2.3px,transparent 6.3px);animation-duration:6.2s;animation-delay:-3s}
.profile-decoration[data-profile-decoration="deco-frost"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Cg opacity='.3' transform='translate(.6 .8)'%3E%3Cpath d='M2 2L47 10M21 5l5 -3M21 5l4 4M33 7l3 -2M33 7l2 2M2 2L53 29M24 13l5 -1M24 13l2 5M37 21l3 -1M37 21l1 3M2 2L30 30M14 14l5 1M14 14l1 5M21 21l3 0M21 21l0 3M2 2L28 51M13 23l5 2M13 23l-1 5M20 36l3 1M20 36l-1 3M2 2L10 45M5 20l4 4M5 20l-3 5M7 31l2 2M7 31l-2 3M53 26L63 26M56 22L61 30M61 22L56 30M20 60L28 60M22 57L26 63M26 57L22 63' stroke='%230b2030' stroke-width='1.1' stroke-linecap='round'/%3E%3C/g%3E%3Cg opacity='.9'%3E%3Cpath d='M2 2L47 10M21 5l5 -3M21 5l4 4M33 7l3 -2M33 7l2 2M2 2L53 29M24 13l5 -1M24 13l2 5M37 21l3 -1M37 21l1 3M2 2L30 30M14 14l5 1M14 14l1 5M21 21l3 0M21 21l0 3M2 2L28 51M13 23l5 2M13 23l-1 5M20 36l3 1M20 36l-1 3M2 2L10 45M5 20l4 4M5 20l-3 5M7 31l2 2M7 31l-2 3M53 26L63 26M56 22L61 30M61 22L56 30M20 60L28 60M22 57L26 63M26 57L22 63' stroke='%23e6f6ff' stroke-width='1.1' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Cg transform='matrix(-1 0 0 1 80 0)'%3E%3Cg opacity='.3' transform='translate(.6 .8)'%3E%3Cpath d='M2 2L47 10M21 5l5 -3M21 5l4 4M33 7l3 -2M33 7l2 2M2 2L53 29M24 13l5 -1M24 13l2 5M37 21l3 -1M37 21l1 3M2 2L30 30M14 14l5 1M14 14l1 5M21 21l3 0M21 21l0 3M2 2L28 51M13 23l5 2M13 23l-1 5M20 36l3 1M20 36l-1 3M2 2L10 45M5 20l4 4M5 20l-3 5M7 31l2 2M7 31l-2 3M53 26L63 26M56 22L61 30M61 22L56 30M20 60L28 60M22 57L26 63M26 57L22 63' stroke='%230b2030' stroke-width='1.1' stroke-linecap='round'/%3E%3C/g%3E%3Cg opacity='.9'%3E%3Cpath d='M2 2L47 10M21 5l5 -3M21 5l4 4M33 7l3 -2M33 7l2 2M2 2L53 29M24 13l5 -1M24 13l2 5M37 21l3 -1M37 21l1 3M2 2L30 30M14 14l5 1M14 14l1 5M21 21l3 0M21 21l0 3M2 2L28 51M13 23l5 2M13 23l-1 5M20 36l3 1M20 36l-1 3M2 2L10 45M5 20l4 4M5 20l-3 5M7 31l2 2M7 31l-2 3M53 26L63 26M56 22L61 30M61 22L56 30M20 60L28 60M22 57L26 63M26 57L22 63' stroke='%23e6f6ff' stroke-width='1.1' stroke-linecap='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Cg transform='matrix(1 0 0 -1 0 80)'%3E%3Cg opacity='.3' transform='translate(.6 .8)'%3E%3Cpath d='M2 2L47 10M21 5l5 -3M21 5l4 4M33 7l3 -2M33 7l2 2M2 2L53 29M24 13l5 -1M24 13l2 5M37 21l3 -1M37 21l1 3M2 2L30 30M14 14l5 1M14 14l1 5M21 21l3 0M21 21l0 3M2 2L28 51M13 23l5 2M13 23l-1 5M20 36l3 1M20 36l-1 3M2 2L10 45M5 20l4 4M5 20l-3 5M7 31l2 2M7 31l-2 3M53 26L63 26M56 22L61 30M61 22L56 30M20 60L28 60M22 57L26 63M26 57L22 63' stroke='%230b2030' stroke-width='1.1' stroke-linecap='round'/%3E%3C/g%3E%3Cg opacity='.9'%3E%3Cpath d='M2 2L47 10M21 5l5 -3M21 5l4 4M33 7l3 -2M33 7l2 2M2 2L53 29M24 13l5 -1M24 13l2 5M37 21l3 -1M37 21l1 3M2 2L30 30M14 14l5 1M14 14l1 5M21 21l3 0M21 21l0 3M2 2L28 51M13 23l5 2M13 23l-1 5M20 36l3 1M20 36l-1 3M2 2L10 45M5 20l4 4M5 20l-3 5M7 31l2 2M7 31l-2 3M53 26L63 26M56 22L61 30M61 22L56 30M20 60L28 60M22 57L26 63M26 57L22 63' stroke='%23e6f6ff' stroke-width='1.1' stroke-linecap='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Cg transform='matrix(-1 0 0 -1 80 80)'%3E%3Cg opacity='.3' transform='translate(.6 .8)'%3E%3Cpath d='M2 2L47 10M21 5l5 -3M21 5l4 4M33 7l3 -2M33 7l2 2M2 2L53 29M24 13l5 -1M24 13l2 5M37 21l3 -1M37 21l1 3M2 2L30 30M14 14l5 1M14 14l1 5M21 21l3 0M21 21l0 3M2 2L28 51M13 23l5 2M13 23l-1 5M20 36l3 1M20 36l-1 3M2 2L10 45M5 20l4 4M5 20l-3 5M7 31l2 2M7 31l-2 3M53 26L63 26M56 22L61 30M61 22L56 30M20 60L28 60M22 57L26 63M26 57L22 63' stroke='%230b2030' stroke-width='1.1' stroke-linecap='round'/%3E%3C/g%3E%3Cg opacity='.9'%3E%3Cpath d='M2 2L47 10M21 5l5 -3M21 5l4 4M33 7l3 -2M33 7l2 2M2 2L53 29M24 13l5 -1M24 13l2 5M37 21l3 -1M37 21l1 3M2 2L30 30M14 14l5 1M14 14l1 5M21 21l3 0M21 21l0 3M2 2L28 51M13 23l5 2M13 23l-1 5M20 36l3 1M20 36l-1 3M2 2L10 45M5 20l4 4M5 20l-3 5M7 31l2 2M7 31l-2 3M53 26L63 26M56 22L61 30M61 22L56 30M20 60L28 60M22 57L26 63M26 57L22 63' stroke='%23e6f6ff' stroke-width='1.1' stroke-linecap='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-position:left 4px top 4px,right 4px top 4px,left 4px bottom 4px,right 4px bottom 4px;background-size:auto clamp(26px,34%,90px);background-repeat:no-repeat}
.profile-decoration[data-profile-decoration="deco-frost"]::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Cpath d='M2 2L47 10M21 5l5 -3M21 5l4 4M33 7l3 -2M33 7l2 2M2 2L53 29M24 13l5 -1M24 13l2 5M37 21l3 -1M37 21l1 3M2 2L30 30M14 14l5 1M14 14l1 5M21 21l3 0M21 21l0 3M2 2L28 51M13 23l5 2M13 23l-1 5M20 36l3 1M20 36l-1 3M2 2L10 45M5 20l4 4M5 20l-3 5M7 31l2 2M7 31l-2 3M53 26L63 26M56 22L61 30M61 22L56 30M20 60L28 60M22 57L26 63M26 57L22 63' stroke='%23ffffff' stroke-width='1.1' stroke-linecap='round'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Cg transform='matrix(-1 0 0 1 80 0)'%3E%3Cpath d='M2 2L47 10M21 5l5 -3M21 5l4 4M33 7l3 -2M33 7l2 2M2 2L53 29M24 13l5 -1M24 13l2 5M37 21l3 -1M37 21l1 3M2 2L30 30M14 14l5 1M14 14l1 5M21 21l3 0M21 21l0 3M2 2L28 51M13 23l5 2M13 23l-1 5M20 36l3 1M20 36l-1 3M2 2L10 45M5 20l4 4M5 20l-3 5M7 31l2 2M7 31l-2 3M53 26L63 26M56 22L61 30M61 22L56 30M20 60L28 60M22 57L26 63M26 57L22 63' stroke='%23ffffff' stroke-width='1.1' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Cg transform='matrix(1 0 0 -1 0 80)'%3E%3Cpath d='M2 2L47 10M21 5l5 -3M21 5l4 4M33 7l3 -2M33 7l2 2M2 2L53 29M24 13l5 -1M24 13l2 5M37 21l3 -1M37 21l1 3M2 2L30 30M14 14l5 1M14 14l1 5M21 21l3 0M21 21l0 3M2 2L28 51M13 23l5 2M13 23l-1 5M20 36l3 1M20 36l-1 3M2 2L10 45M5 20l4 4M5 20l-3 5M7 31l2 2M7 31l-2 3M53 26L63 26M56 22L61 30M61 22L56 30M20 60L28 60M22 57L26 63M26 57L22 63' stroke='%23ffffff' stroke-width='1.1' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Cg transform='matrix(-1 0 0 -1 80 80)'%3E%3Cpath d='M2 2L47 10M21 5l5 -3M21 5l4 4M33 7l3 -2M33 7l2 2M2 2L53 29M24 13l5 -1M24 13l2 5M37 21l3 -1M37 21l1 3M2 2L30 30M14 14l5 1M14 14l1 5M21 21l3 0M21 21l0 3M2 2L28 51M13 23l5 2M13 23l-1 5M20 36l3 1M20 36l-1 3M2 2L10 45M5 20l4 4M5 20l-3 5M7 31l2 2M7 31l-2 3M53 26L63 26M56 22L61 30M61 22L56 30M20 60L28 60M22 57L26 63M26 57L22 63' stroke='%23ffffff' stroke-width='1.1' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");background-position:left 4px top 4px,right 4px top 4px,left 4px bottom 4px,right 4px bottom 4px;background-size:auto clamp(26px,34%,90px);background-repeat:no-repeat;filter:drop-shadow(0 0 3px #bfe9ff);opacity:0;animation:profile-deco-shimmer 5.5s ease-in-out infinite}
.profile-decoration[data-profile-decoration="deco-celestial"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='80' viewBox='0 0 140 80' fill='none'%3E%3Cpath d='M12 14L34 9L52 22L46 44M52 22L74 36L96 12L118 24M46 44L30 62' stroke='%23cfd8e6' stroke-opacity='.55' stroke-width='.8'/%3E%3Ccircle cx='12' cy='14' r='1.8' fill='%23eef3ff'/%3E%3Ccircle cx='34' cy='9' r='1.4' fill='%23eef3ff'/%3E%3Ccircle cx='52' cy='22' r='2.1' fill='%23eef3ff'/%3E%3Ccircle cx='46' cy='44' r='1.5' fill='%23eef3ff'/%3E%3Ccircle cx='74' cy='36' r='1.7' fill='%23eef3ff'/%3E%3Ccircle cx='96' cy='12' r='1.4' fill='%23eef3ff'/%3E%3Ccircle cx='118' cy='24' r='1.9' fill='%23eef3ff'/%3E%3Ccircle cx='30' cy='62' r='1.2' fill='%23eef3ff'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='80' viewBox='0 0 140 80' fill='none'%3E%3Cg transform='matrix(-1 0 0 1 140 0)'%3E%3Cpath d='M12 14L34 9L52 22L46 44M52 22L74 36L96 12L118 24M46 44L30 62' stroke='%23cfd8e6' stroke-opacity='.55' stroke-width='.8'/%3E%3Ccircle cx='12' cy='14' r='1.8' fill='%23eef3ff'/%3E%3Ccircle cx='34' cy='9' r='1.4' fill='%23eef3ff'/%3E%3Ccircle cx='52' cy='22' r='2.1' fill='%23eef3ff'/%3E%3Ccircle cx='46' cy='44' r='1.5' fill='%23eef3ff'/%3E%3Ccircle cx='74' cy='36' r='1.7' fill='%23eef3ff'/%3E%3Ccircle cx='96' cy='12' r='1.4' fill='%23eef3ff'/%3E%3Ccircle cx='118' cy='24' r='1.9' fill='%23eef3ff'/%3E%3Ccircle cx='30' cy='62' r='1.2' fill='%23eef3ff'/%3E%3C/g%3E%3C/svg%3E");background-position:left 6px top 6px,right 6px top 6px;background-size:auto clamp(28px,40%,112px);background-repeat:no-repeat}
.profile-decoration[data-profile-decoration="deco-celestial"]::before,.profile-decoration[data-profile-decoration="deco-celestial"]::after{content:"";position:absolute;inset:0;background-position:left 6px top 6px,right 6px top 6px;background-size:auto clamp(28px,40%,112px);background-repeat:no-repeat;animation:profile-twinkle 4.8s ease-in-out infinite}
.profile-decoration[data-profile-decoration="deco-celestial"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='80' viewBox='0 0 140 80' fill='none'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23dfe8ff' stop-opacity='.8'/%3E%3Cstop offset='1' stop-color='%23dfe8ff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='12' cy='14' r='5.760000000000001' fill='url(%23g)'/%3E%3Cpath d='M12 7.88L12.99 13.01L18.12 14L12.99 14.99L12 20.12L11.01 14.99L5.88 14L11.01 13.01z' fill='%23ffffff' opacity='.9'/%3E%3Ccircle cx='52' cy='22' r='6.720000000000001' fill='url(%23g)'/%3E%3Cpath d='M52 14.86L53.155 20.845L59.14 22L53.155 23.155L52 29.14L50.845 23.155L44.86 22L50.845 20.845z' fill='%23ffffff' opacity='.9'/%3E%3Ccircle cx='74' cy='36' r='5.44' fill='url(%23g)'/%3E%3Cpath d='M74 30.22L74.935 35.065L79.78 36L74.935 36.935L74 41.78L73.065 36.935L68.22 36L73.065 35.065z' fill='%23ffffff' opacity='.9'/%3E%3Ccircle cx='118' cy='24' r='6.08' fill='url(%23g)'/%3E%3Cpath d='M118 17.54L119.045 22.955L124.46 24L119.045 25.045L118 30.46L116.955 25.045L111.54 24L116.955 22.955z' fill='%23ffffff' opacity='.9'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='80' viewBox='0 0 140 80' fill='none'%3E%3Cg transform='matrix(-1 0 0 1 140 0)'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23dfe8ff' stop-opacity='.8'/%3E%3Cstop offset='1' stop-color='%23dfe8ff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='12' cy='14' r='5.760000000000001' fill='url(%23g)'/%3E%3Cpath d='M12 7.88L12.99 13.01L18.12 14L12.99 14.99L12 20.12L11.01 14.99L5.88 14L11.01 13.01z' fill='%23ffffff' opacity='.9'/%3E%3Ccircle cx='52' cy='22' r='6.720000000000001' fill='url(%23g)'/%3E%3Cpath d='M52 14.86L53.155 20.845L59.14 22L53.155 23.155L52 29.14L50.845 23.155L44.86 22L50.845 20.845z' fill='%23ffffff' opacity='.9'/%3E%3Ccircle cx='74' cy='36' r='5.44' fill='url(%23g)'/%3E%3Cpath d='M74 30.22L74.935 35.065L79.78 36L74.935 36.935L74 41.78L73.065 36.935L68.22 36L73.065 35.065z' fill='%23ffffff' opacity='.9'/%3E%3Ccircle cx='118' cy='24' r='6.08' fill='url(%23g)'/%3E%3Cpath d='M118 17.54L119.045 22.955L124.46 24L119.045 25.045L118 30.46L116.955 25.045L111.54 24L116.955 22.955z' fill='%23ffffff' opacity='.9'/%3E%3C/g%3E%3C/svg%3E")}
.profile-decoration[data-profile-decoration="deco-celestial"]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='80' viewBox='0 0 140 80' fill='none'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23dfe8ff' stop-opacity='.8'/%3E%3Cstop offset='1' stop-color='%23dfe8ff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='34' cy='9' r='4.4799999999999995' fill='url(%23g)'/%3E%3Cpath d='M34 4.24L34.77 8.23L38.76 9L34.77 9.77L34 13.76L33.23 9.77L29.240000000000002 9L33.23 8.23z' fill='%23ffffff' opacity='.9'/%3E%3Ccircle cx='46' cy='44' r='4.800000000000001' fill='url(%23g)'/%3E%3Cpath d='M46 38.9L46.825 43.175L51.1 44L46.825 44.825L46 49.1L45.175 44.825L40.9 44L45.175 43.175z' fill='%23ffffff' opacity='.9'/%3E%3Ccircle cx='96' cy='12' r='4.4799999999999995' fill='url(%23g)'/%3E%3Cpath d='M96 7.24L96.77 11.23L100.76 12L96.77 12.77L96 16.759999999999998L95.23 12.77L91.24 12L95.23 11.23z' fill='%23ffffff' opacity='.9'/%3E%3Ccircle cx='30' cy='62' r='3.84' fill='url(%23g)'/%3E%3Cpath d='M30 57.92L30.66 61.34L34.08 62L30.66 62.66L30 66.08L29.34 62.66L25.92 62L29.34 61.34z' fill='%23ffffff' opacity='.9'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='80' viewBox='0 0 140 80' fill='none'%3E%3Cg transform='matrix(-1 0 0 1 140 0)'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23dfe8ff' stop-opacity='.8'/%3E%3Cstop offset='1' stop-color='%23dfe8ff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='34' cy='9' r='4.4799999999999995' fill='url(%23g)'/%3E%3Cpath d='M34 4.24L34.77 8.23L38.76 9L34.77 9.77L34 13.76L33.23 9.77L29.240000000000002 9L33.23 8.23z' fill='%23ffffff' opacity='.9'/%3E%3Ccircle cx='46' cy='44' r='4.800000000000001' fill='url(%23g)'/%3E%3Cpath d='M46 38.9L46.825 43.175L51.1 44L46.825 44.825L46 49.1L45.175 44.825L40.9 44L45.175 43.175z' fill='%23ffffff' opacity='.9'/%3E%3Ccircle cx='96' cy='12' r='4.4799999999999995' fill='url(%23g)'/%3E%3Cpath d='M96 7.24L96.77 11.23L100.76 12L96.77 12.77L96 16.759999999999998L95.23 12.77L91.24 12L95.23 11.23z' fill='%23ffffff' opacity='.9'/%3E%3Ccircle cx='30' cy='62' r='3.84' fill='url(%23g)'/%3E%3Cpath d='M30 57.92L30.66 61.34L34.08 62L30.66 62.66L30 66.08L29.34 62.66L25.92 62L29.34 61.34z' fill='%23ffffff' opacity='.9'/%3E%3C/g%3E%3C/svg%3E");animation-delay:-2.4s}
.profile-decoration[data-profile-decoration="deco-aurora-edge"]{overflow:hidden;background:linear-gradient(90deg,transparent,#c8f7ea99 30%,#d6ccffaa 70%,transparent) top/100% 1.5px no-repeat,linear-gradient(90deg,transparent,#c8f7ea55 30%,#d6ccff55 70%,transparent) bottom/100% 1px no-repeat}
.profile-decoration[data-profile-decoration="deco-aurora-edge"]::before,.profile-decoration[data-profile-decoration="deco-aurora-edge"]::after{content:"";position:absolute;left:0;width:200%;background:linear-gradient(90deg,#45e0b0,#5b8cff 12.5%,#b48cff 25%,#6be8cf 37.5%,#45e0b0 50%,#5b8cff 62.5%,#b48cff 75%,#6be8cf 87.5%,#45e0b0);will-change:transform}
.profile-decoration[data-profile-decoration="deco-aurora-edge"]::before{top:0;height:34%;opacity:.5;-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent);animation:profile-deco-flow 18s linear infinite}
.profile-decoration[data-profile-decoration="deco-aurora-edge"]::after{bottom:0;height:16%;opacity:.28;-webkit-mask-image:linear-gradient(transparent,#000);mask-image:linear-gradient(transparent,#000);animation:profile-deco-flow 26s linear infinite reverse}
@keyframes profile-deco-flow{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes profile-deco-rise{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes profile-deco-wave{from{transform:translateX(0)}to{transform:translateX(-64px)}}
@keyframes profile-deco-sweep{0%{transform:translateX(-110%)}60%,100%{transform:translateX(220%)}}
@keyframes profile-deco-glow{from{opacity:.25;transform:translateY(1px)}to{opacity:1;transform:translateY(-2px)}}
@keyframes profile-deco-shimmer{0%,100%{opacity:0}50%{opacity:.85}}
:root[data-cosmetic-motion="off"] .profile-decoration::before,:root[data-cosmetic-motion="off"] .profile-decoration::after{animation:none!important}
@media(prefers-reduced-motion:reduce){.profile-decoration::before,.profile-decoration::after{animation:none!important}}
html.pk-low-motion .profile-decoration::before,html.pk-low-motion .profile-decoration::after,html.pk-low-motion .appearance-banner::before{animation:none!important}
body .cosmetics-section .cosmetic-tabs .cosmetic-tab-profileDecoration{--tab:#e8c98a}
.chat-message .chat-avatar-wrap.appearance-avatar:is([data-avatar-frame="frame-filigree"],[data-avatar-frame="frame-halo"],[data-avatar-frame="frame-astrolabe"],[data-avatar-frame="frame-aurora-ring"],[data-avatar-frame="frame-moonstone"],[data-avatar-frame="frame-sapphire"])::after{transform:none;inset:-5px}
/* Profile decorations, batch 2: 25 more ornaments for the banner edges. Animations only move pseudo-elements (transform/opacity), so the motion-off rules above stop them. */
.profile-decoration[data-profile-decoration="deco-baroque"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Cpath d='M9 9C27 4 45 5 59 10C71 14 75 27 65 31C58 34 52 27 57 23C60 21 64 22 63 26' stroke='%23100c06' stroke-width='3.7' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M9 9C27 4 45 5 59 10C71 14 75 27 65 31C58 34 52 27 57 23C60 21 64 22 63 26' stroke='%23e4c77f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 15C28 12 38 13 44 18C49 22 46 29 40 28C36 27 37 22 41 22' stroke='%23100c06' stroke-width='3.1' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M18 15C28 12 38 13 44 18C49 22 46 29 40 28C36 27 37 22 41 22' stroke='%23e4c77f' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='60' cy='25.5' r='1.6' fill='%23f0d792'/%3E%3Ccircle cx='41.5' cy='24.5' r='1.1' fill='%23f0d792'/%3E%3Cpath d='M50 8.2c3-3 7-3 9-1' stroke='%23e4c77f' stroke-width='1' stroke-linecap='round'/%3E%3Cg transform='matrix(0 1 1 0 0 0)'%3E%3Cpath d='M9 9C27 4 45 5 59 10C71 14 75 27 65 31C58 34 52 27 57 23C60 21 64 22 63 26' stroke='%23100c06' stroke-width='3.7' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M9 9C27 4 45 5 59 10C71 14 75 27 65 31C58 34 52 27 57 23C60 21 64 22 63 26' stroke='%23e4c77f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 15C28 12 38 13 44 18C49 22 46 29 40 28C36 27 37 22 41 22' stroke='%23100c06' stroke-width='3.1' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M18 15C28 12 38 13 44 18C49 22 46 29 40 28C36 27 37 22 41 22' stroke='%23e4c77f' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='60' cy='25.5' r='1.6' fill='%23f0d792'/%3E%3Ccircle cx='41.5' cy='24.5' r='1.1' fill='%23f0d792'/%3E%3Cpath d='M50 8.2c3-3 7-3 9-1' stroke='%23e4c77f' stroke-width='1' stroke-linecap='round'/%3E%3C/g%3E%3Cpath d='M11 11C21 13 31 21 35 35C25 33 15 25 11 11Z' fill='%23f0d792' stroke='%23100c06' stroke-opacity='.45' stroke-width='1.2'/%3E%3Cpath d='M12 12L33 33M18 20l4-1M21 25l5-1M20 18l-1-4M25 21l-1-5' stroke='%238a6a2c' stroke-width='.8' stroke-linecap='round'/%3E%3Ccircle cx='9' cy='9' r='3.6' fill='%23f0d792' stroke='%23100c06' stroke-opacity='.45'/%3E%3Ccircle cx='9' cy='9' r='1.4' fill='%238a6a2c'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Cg transform='matrix(-1 0 0 1 80 0)'%3E%3Cpath d='M9 9C27 4 45 5 59 10C71 14 75 27 65 31C58 34 52 27 57 23C60 21 64 22 63 26' stroke='%23100c06' stroke-width='3.7' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M9 9C27 4 45 5 59 10C71 14 75 27 65 31C58 34 52 27 57 23C60 21 64 22 63 26' stroke='%23e4c77f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 15C28 12 38 13 44 18C49 22 46 29 40 28C36 27 37 22 41 22' stroke='%23100c06' stroke-width='3.1' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M18 15C28 12 38 13 44 18C49 22 46 29 40 28C36 27 37 22 41 22' stroke='%23e4c77f' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='60' cy='25.5' r='1.6' fill='%23f0d792'/%3E%3Ccircle cx='41.5' cy='24.5' r='1.1' fill='%23f0d792'/%3E%3Cpath d='M50 8.2c3-3 7-3 9-1' stroke='%23e4c77f' stroke-width='1' stroke-linecap='round'/%3E%3Cg transform='matrix(0 1 1 0 0 0)'%3E%3Cpath d='M9 9C27 4 45 5 59 10C71 14 75 27 65 31C58 34 52 27 57 23C60 21 64 22 63 26' stroke='%23100c06' stroke-width='3.7' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M9 9C27 4 45 5 59 10C71 14 75 27 65 31C58 34 52 27 57 23C60 21 64 22 63 26' stroke='%23e4c77f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 15C28 12 38 13 44 18C49 22 46 29 40 28C36 27 37 22 41 22' stroke='%23100c06' stroke-width='3.1' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M18 15C28 12 38 13 44 18C49 22 46 29 40 28C36 27 37 22 41 22' stroke='%23e4c77f' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='60' cy='25.5' r='1.6' fill='%23f0d792'/%3E%3Ccircle cx='41.5' cy='24.5' r='1.1' fill='%23f0d792'/%3E%3Cpath d='M50 8.2c3-3 7-3 9-1' stroke='%23e4c77f' stroke-width='1' stroke-linecap='round'/%3E%3C/g%3E%3Cpath d='M11 11C21 13 31 21 35 35C25 33 15 25 11 11Z' fill='%23f0d792' stroke='%23100c06' stroke-opacity='.45' stroke-width='1.2'/%3E%3Cpath d='M12 12L33 33M18 20l4-1M21 25l5-1M20 18l-1-4M25 21l-1-5' stroke='%238a6a2c' stroke-width='.8' stroke-linecap='round'/%3E%3Ccircle cx='9' cy='9' r='3.6' fill='%23f0d792' stroke='%23100c06' stroke-opacity='.45'/%3E%3Ccircle cx='9' cy='9' r='1.4' fill='%238a6a2c'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Cg transform='matrix(1 0 0 -1 0 80)'%3E%3Cpath d='M9 9C27 4 45 5 59 10C71 14 75 27 65 31C58 34 52 27 57 23C60 21 64 22 63 26' stroke='%23100c06' stroke-width='3.7' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M9 9C27 4 45 5 59 10C71 14 75 27 65 31C58 34 52 27 57 23C60 21 64 22 63 26' stroke='%23e4c77f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 15C28 12 38 13 44 18C49 22 46 29 40 28C36 27 37 22 41 22' stroke='%23100c06' stroke-width='3.1' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M18 15C28 12 38 13 44 18C49 22 46 29 40 28C36 27 37 22 41 22' stroke='%23e4c77f' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='60' cy='25.5' r='1.6' fill='%23f0d792'/%3E%3Ccircle cx='41.5' cy='24.5' r='1.1' fill='%23f0d792'/%3E%3Cpath d='M50 8.2c3-3 7-3 9-1' stroke='%23e4c77f' stroke-width='1' stroke-linecap='round'/%3E%3Cg transform='matrix(0 1 1 0 0 0)'%3E%3Cpath d='M9 9C27 4 45 5 59 10C71 14 75 27 65 31C58 34 52 27 57 23C60 21 64 22 63 26' stroke='%23100c06' stroke-width='3.7' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M9 9C27 4 45 5 59 10C71 14 75 27 65 31C58 34 52 27 57 23C60 21 64 22 63 26' stroke='%23e4c77f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 15C28 12 38 13 44 18C49 22 46 29 40 28C36 27 37 22 41 22' stroke='%23100c06' stroke-width='3.1' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M18 15C28 12 38 13 44 18C49 22 46 29 40 28C36 27 37 22 41 22' stroke='%23e4c77f' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='60' cy='25.5' r='1.6' fill='%23f0d792'/%3E%3Ccircle cx='41.5' cy='24.5' r='1.1' fill='%23f0d792'/%3E%3Cpath d='M50 8.2c3-3 7-3 9-1' stroke='%23e4c77f' stroke-width='1' stroke-linecap='round'/%3E%3C/g%3E%3Cpath d='M11 11C21 13 31 21 35 35C25 33 15 25 11 11Z' fill='%23f0d792' stroke='%23100c06' stroke-opacity='.45' stroke-width='1.2'/%3E%3Cpath d='M12 12L33 33M18 20l4-1M21 25l5-1M20 18l-1-4M25 21l-1-5' stroke='%238a6a2c' stroke-width='.8' stroke-linecap='round'/%3E%3Ccircle cx='9' cy='9' r='3.6' fill='%23f0d792' stroke='%23100c06' stroke-opacity='.45'/%3E%3Ccircle cx='9' cy='9' r='1.4' fill='%238a6a2c'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Cg transform='matrix(-1 0 0 -1 80 80)'%3E%3Cpath d='M9 9C27 4 45 5 59 10C71 14 75 27 65 31C58 34 52 27 57 23C60 21 64 22 63 26' stroke='%23100c06' stroke-width='3.7' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M9 9C27 4 45 5 59 10C71 14 75 27 65 31C58 34 52 27 57 23C60 21 64 22 63 26' stroke='%23e4c77f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 15C28 12 38 13 44 18C49 22 46 29 40 28C36 27 37 22 41 22' stroke='%23100c06' stroke-width='3.1' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M18 15C28 12 38 13 44 18C49 22 46 29 40 28C36 27 37 22 41 22' stroke='%23e4c77f' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='60' cy='25.5' r='1.6' fill='%23f0d792'/%3E%3Ccircle cx='41.5' cy='24.5' r='1.1' fill='%23f0d792'/%3E%3Cpath d='M50 8.2c3-3 7-3 9-1' stroke='%23e4c77f' stroke-width='1' stroke-linecap='round'/%3E%3Cg transform='matrix(0 1 1 0 0 0)'%3E%3Cpath d='M9 9C27 4 45 5 59 10C71 14 75 27 65 31C58 34 52 27 57 23C60 21 64 22 63 26' stroke='%23100c06' stroke-width='3.7' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M9 9C27 4 45 5 59 10C71 14 75 27 65 31C58 34 52 27 57 23C60 21 64 22 63 26' stroke='%23e4c77f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 15C28 12 38 13 44 18C49 22 46 29 40 28C36 27 37 22 41 22' stroke='%23100c06' stroke-width='3.1' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M18 15C28 12 38 13 44 18C49 22 46 29 40 28C36 27 37 22 41 22' stroke='%23e4c77f' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='60' cy='25.5' r='1.6' fill='%23f0d792'/%3E%3Ccircle cx='41.5' cy='24.5' r='1.1' fill='%23f0d792'/%3E%3Cpath d='M50 8.2c3-3 7-3 9-1' stroke='%23e4c77f' stroke-width='1' stroke-linecap='round'/%3E%3C/g%3E%3Cpath d='M11 11C21 13 31 21 35 35C25 33 15 25 11 11Z' fill='%23f0d792' stroke='%23100c06' stroke-opacity='.45' stroke-width='1.2'/%3E%3Cpath d='M12 12L33 33M18 20l4-1M21 25l5-1M20 18l-1-4M25 21l-1-5' stroke='%238a6a2c' stroke-width='.8' stroke-linecap='round'/%3E%3Ccircle cx='9' cy='9' r='3.6' fill='%23f0d792' stroke='%23100c06' stroke-opacity='.45'/%3E%3Ccircle cx='9' cy='9' r='1.4' fill='%238a6a2c'/%3E%3C/g%3E%3C/svg%3E");background-position:left 5px top 5px,right 5px top 5px,left 5px bottom 5px,right 5px bottom 5px;background-size:auto clamp(30px,44%,116px);background-repeat:no-repeat}
.profile-decoration[data-profile-decoration="deco-laurel"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='70' viewBox='0 0 160 70' fill='none'%3E%3Cdefs%3E%3Cg id='a'%3E%3Cpath d='M0 0C3 -2.8 8 -2.9 11.5 0C8 2.9 3 2.8 0 0Z' fill='%23e4c77f' stroke='%23100c06' stroke-opacity='.5' stroke-width='.9'/%3E%3Cpath d='M.8 0H9.5' stroke='%237d5f25' stroke-width='.55'/%3E%3C/g%3E%3Cg id='b'%3E%3Cpath d='M0 0C3 -2.8 8 -2.9 11.5 0C8 2.9 3 2.8 0 0Z' fill='%23f0d792' stroke='%23100c06' stroke-opacity='.5' stroke-width='.9'/%3E%3Cpath d='M.8 0H9.5' stroke='%237d5f25' stroke-width='.55'/%3E%3C/g%3E%3C/defs%3E%3Cpath d='M9 9C50 6 100 8 150 15' stroke='%23100c06' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M9 9C50 6 100 8 150 15' stroke='%23c9a85a' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cuse href='%23a' transform='translate(22.1 8.23) rotate(-40.55) scale(1)'/%3E%3Cuse href='%23b' transform='translate(22.1 8.23) rotate(35.45) scale(1)'/%3E%3Cuse href='%23b' transform='translate(35.72 7.78) rotate(-39.12) scale(0.96)'/%3E%3Cuse href='%23a' transform='translate(35.72 7.78) rotate(36.88) scale(0.96)'/%3E%3Ccircle cx='35.79' cy='11.78' r='1.3' fill='%23f6e2a8' stroke='%23100c06' stroke-opacity='.4' stroke-width='.5'/%3E%3Cuse href='%23a' transform='translate(49.8 7.65) rotate(-37.78) scale(0.91)'/%3E%3Cuse href='%23b' transform='translate(49.8 7.65) rotate(38.22) scale(0.91)'/%3E%3Cuse href='%23b' transform='translate(64.29 7.85) rotate(-36.52) scale(0.86)'/%3E%3Cuse href='%23a' transform='translate(64.29 7.85) rotate(39.48) scale(0.86)'/%3E%3Cuse href='%23a' transform='translate(79.12 8.38) rotate(-35.3) scale(0.82)'/%3E%3Cuse href='%23b' transform='translate(79.12 8.38) rotate(40.7) scale(0.82)'/%3E%3Ccircle cx='78.93' cy='12.38' r='1.3' fill='%23f6e2a8' stroke='%23100c06' stroke-opacity='.4' stroke-width='.5'/%3E%3Cuse href='%23b' transform='translate(94.22 9.23) rotate(-34.13) scale(0.77)'/%3E%3Cuse href='%23a' transform='translate(94.22 9.23) rotate(41.87) scale(0.77)'/%3E%3Cuse href='%23a' transform='translate(109.55 10.41) rotate(-32.97) scale(0.72)'/%3E%3Cuse href='%23b' transform='translate(109.55 10.41) rotate(43.03) scale(0.72)'/%3E%3Cuse href='%23b' transform='translate(125.04 11.92) rotate(-31.83) scale(0.68)'/%3E%3Cuse href='%23a' transform='translate(125.04 11.92) rotate(44.17) scale(0.68)'/%3E%3Ccircle cx='124.61' cy='15.89' r='1.3' fill='%23f6e2a8' stroke='%23100c06' stroke-opacity='.4' stroke-width='.5'/%3E%3Cuse href='%23a' transform='translate(140.63 13.75) rotate(-30.67) scale(0.63)'/%3E%3Cuse href='%23b' transform='translate(140.63 13.75) rotate(45.33) scale(0.63)'/%3E%3Cuse href='%23b' transform='translate(147.75 14.69) rotate(7.89) scale(0.55)'/%3E%3Cpath d='M9 9C6 26 7 42 12 60' stroke='%23100c06' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M9 9C6 26 7 42 12 60' stroke='%23c9a85a' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cuse href='%23a' transform='translate(7.61 19.98) rotate(56.18) scale(0.95)'/%3E%3Cuse href='%23b' transform='translate(7.61 19.98) rotate(132.18) scale(0.95)'/%3E%3Cuse href='%23b' transform='translate(7.36 30.85) rotate(50.22) scale(0.85)'/%3E%3Cuse href='%23a' transform='translate(7.36 30.85) rotate(126.22) scale(0.85)'/%3E%3Ccircle cx='3.36' cy='30.98' r='1.3' fill='%23f6e2a8' stroke='%23100c06' stroke-opacity='.4' stroke-width='.5'/%3E%3Cuse href='%23a' transform='translate(8.23 41.82) rotate(44.43) scale(0.76)'/%3E%3Cuse href='%23b' transform='translate(8.23 41.82) rotate(120.43) scale(0.76)'/%3E%3Cuse href='%23b' transform='translate(10.25 53.05) rotate(39.17) scale(0.66)'/%3E%3Cuse href='%23a' transform='translate(10.25 53.05) rotate(115.17) scale(0.66)'/%3E%3Cuse href='%23b' transform='translate(11.78 59.19) rotate(74.63) scale(0.55)'/%3E%3Ccircle cx='9' cy='9' r='3.4' fill='%23f0d792' stroke='%23100c06' stroke-opacity='.45'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='70' viewBox='0 0 160 70' fill='none'%3E%3Cdefs%3E%3Cg id='a'%3E%3Cpath d='M0 0C3 -2.8 8 -2.9 11.5 0C8 2.9 3 2.8 0 0Z' fill='%23e4c77f' stroke='%23100c06' stroke-opacity='.5' stroke-width='.9'/%3E%3Cpath d='M.8 0H9.5' stroke='%237d5f25' stroke-width='.55'/%3E%3C/g%3E%3Cg id='b'%3E%3Cpath d='M0 0C3 -2.8 8 -2.9 11.5 0C8 2.9 3 2.8 0 0Z' fill='%23f0d792' stroke='%23100c06' stroke-opacity='.5' stroke-width='.9'/%3E%3Cpath d='M.8 0H9.5' stroke='%237d5f25' stroke-width='.55'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='matrix(-1 0 0 1 160 0)'%3E%3Cpath d='M9 9C50 6 100 8 150 15' stroke='%23100c06' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M9 9C50 6 100 8 150 15' stroke='%23c9a85a' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cuse href='%23a' transform='translate(22.1 8.23) rotate(-40.55) scale(1)'/%3E%3Cuse href='%23b' transform='translate(22.1 8.23) rotate(35.45) scale(1)'/%3E%3Cuse href='%23b' transform='translate(35.72 7.78) rotate(-39.12) scale(0.96)'/%3E%3Cuse href='%23a' transform='translate(35.72 7.78) rotate(36.88) scale(0.96)'/%3E%3Ccircle cx='35.79' cy='11.78' r='1.3' fill='%23f6e2a8' stroke='%23100c06' stroke-opacity='.4' stroke-width='.5'/%3E%3Cuse href='%23a' transform='translate(49.8 7.65) rotate(-37.78) scale(0.91)'/%3E%3Cuse href='%23b' transform='translate(49.8 7.65) rotate(38.22) scale(0.91)'/%3E%3Cuse href='%23b' transform='translate(64.29 7.85) rotate(-36.52) scale(0.86)'/%3E%3Cuse href='%23a' transform='translate(64.29 7.85) rotate(39.48) scale(0.86)'/%3E%3Cuse href='%23a' transform='translate(79.12 8.38) rotate(-35.3) scale(0.82)'/%3E%3Cuse href='%23b' transform='translate(79.12 8.38) rotate(40.7) scale(0.82)'/%3E%3Ccircle cx='78.93' cy='12.38' r='1.3' fill='%23f6e2a8' stroke='%23100c06' stroke-opacity='.4' stroke-width='.5'/%3E%3Cuse href='%23b' transform='translate(94.22 9.23) rotate(-34.13) scale(0.77)'/%3E%3Cuse href='%23a' transform='translate(94.22 9.23) rotate(41.87) scale(0.77)'/%3E%3Cuse href='%23a' transform='translate(109.55 10.41) rotate(-32.97) scale(0.72)'/%3E%3Cuse href='%23b' transform='translate(109.55 10.41) rotate(43.03) scale(0.72)'/%3E%3Cuse href='%23b' transform='translate(125.04 11.92) rotate(-31.83) scale(0.68)'/%3E%3Cuse href='%23a' transform='translate(125.04 11.92) rotate(44.17) scale(0.68)'/%3E%3Ccircle cx='124.61' cy='15.89' r='1.3' fill='%23f6e2a8' stroke='%23100c06' stroke-opacity='.4' stroke-width='.5'/%3E%3Cuse href='%23a' transform='translate(140.63 13.75) rotate(-30.67) scale(0.63)'/%3E%3Cuse href='%23b' transform='translate(140.63 13.75) rotate(45.33) scale(0.63)'/%3E%3Cuse href='%23b' transform='translate(147.75 14.69) rotate(7.89) scale(0.55)'/%3E%3Cpath d='M9 9C6 26 7 42 12 60' stroke='%23100c06' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M9 9C6 26 7 42 12 60' stroke='%23c9a85a' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cuse href='%23a' transform='translate(7.61 19.98) rotate(56.18) scale(0.95)'/%3E%3Cuse href='%23b' transform='translate(7.61 19.98) rotate(132.18) scale(0.95)'/%3E%3Cuse href='%23b' transform='translate(7.36 30.85) rotate(50.22) scale(0.85)'/%3E%3Cuse href='%23a' transform='translate(7.36 30.85) rotate(126.22) scale(0.85)'/%3E%3Ccircle cx='3.36' cy='30.98' r='1.3' fill='%23f6e2a8' stroke='%23100c06' stroke-opacity='.4' stroke-width='.5'/%3E%3Cuse href='%23a' transform='translate(8.23 41.82) rotate(44.43) scale(0.76)'/%3E%3Cuse href='%23b' transform='translate(8.23 41.82) rotate(120.43) scale(0.76)'/%3E%3Cuse href='%23b' transform='translate(10.25 53.05) rotate(39.17) scale(0.66)'/%3E%3Cuse href='%23a' transform='translate(10.25 53.05) rotate(115.17) scale(0.66)'/%3E%3Cuse href='%23b' transform='translate(11.78 59.19) rotate(74.63) scale(0.55)'/%3E%3Ccircle cx='9' cy='9' r='3.4' fill='%23f0d792' stroke='%23100c06' stroke-opacity='.45'/%3E%3C/g%3E%3C/svg%3E");background-position:left 5px top 5px,right 5px top 5px;background-size:auto clamp(28px,38%,104px);background-repeat:no-repeat}
.profile-decoration[data-profile-decoration="deco-gothic"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' fill='none'%3E%3Cpath d='M6 92V6H92' stroke='%23100c06' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M6 92V6H92' stroke='%23dcdde3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 74A68 68 0 0 1 74 6' stroke='%23100c06' stroke-width='3.3' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M6 74A68 68 0 0 1 74 6' stroke='%23dcdde3' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 74A63 63 0 0 1 74 11' stroke='%23100c06' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M11 74A63 63 0 0 1 74 11' stroke='%23dcdde3' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M74 6v8M6 74h8' stroke='%23100c06' stroke-width='3.1' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M74 6v8M6 74h8' stroke='%23dcdde3' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='17' cy='17' r='8' stroke='%23100c06' stroke-opacity='.45' stroke-width='3'/%3E%3Ccircle cx='17' cy='17' r='8' stroke='%23dcdde3' stroke-width='1.1'/%3E%3Cpath d='M20.3 13.7A3.3 3.3 0 1 1 20.3 20.3A3.3 3.3 0 1 1 13.7 20.3A3.3 3.3 0 1 1 13.7 13.7A3.3 3.3 0 1 1 20.3 13.7Z' stroke='%23dcdde3' stroke-width='.9' fill='%23dcdde3' fill-opacity='.18'/%3E%3Ccircle cx='40' cy='10.6' r='2.8' stroke='%23dcdde3' stroke-width='.9'/%3E%3Cpath d='M40 9.06a1.12 1.12 0 1 1 0.01 0M38.6 11.44a1.12 1.12 0 1 1 0.01 0M41.4 11.44a1.12 1.12 0 1 1 0.01 0' stroke='%23dcdde3' stroke-width='.7'/%3E%3Ccircle cx='10.6' cy='40' r='2.8' stroke='%23dcdde3' stroke-width='.9'/%3E%3Cpath d='M10.6 38.46a1.12 1.12 0 1 1 0.01 0M9.2 40.84a1.12 1.12 0 1 1 0.01 0M12 40.84a1.12 1.12 0 1 1 0.01 0' stroke='%23dcdde3' stroke-width='.7'/%3E%3Cpath d='M92 3.5l2.5 2.5-2.5 2.5-2.5-2.5zM3.5 92l2.5 2.5 2.5-2.5-2.5-2.5z' fill='%23dcdde3' stroke='%23100c06' stroke-opacity='.4' stroke-width='.6'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' fill='none'%3E%3Cg transform='matrix(-1 0 0 1 100 0)'%3E%3Cpath d='M6 92V6H92' stroke='%23100c06' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M6 92V6H92' stroke='%23dcdde3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 74A68 68 0 0 1 74 6' stroke='%23100c06' stroke-width='3.3' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M6 74A68 68 0 0 1 74 6' stroke='%23dcdde3' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 74A63 63 0 0 1 74 11' stroke='%23100c06' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M11 74A63 63 0 0 1 74 11' stroke='%23dcdde3' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M74 6v8M6 74h8' stroke='%23100c06' stroke-width='3.1' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M74 6v8M6 74h8' stroke='%23dcdde3' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='17' cy='17' r='8' stroke='%23100c06' stroke-opacity='.45' stroke-width='3'/%3E%3Ccircle cx='17' cy='17' r='8' stroke='%23dcdde3' stroke-width='1.1'/%3E%3Cpath d='M20.3 13.7A3.3 3.3 0 1 1 20.3 20.3A3.3 3.3 0 1 1 13.7 20.3A3.3 3.3 0 1 1 13.7 13.7A3.3 3.3 0 1 1 20.3 13.7Z' stroke='%23dcdde3' stroke-width='.9' fill='%23dcdde3' fill-opacity='.18'/%3E%3Ccircle cx='40' cy='10.6' r='2.8' stroke='%23dcdde3' stroke-width='.9'/%3E%3Cpath d='M40 9.06a1.12 1.12 0 1 1 0.01 0M38.6 11.44a1.12 1.12 0 1 1 0.01 0M41.4 11.44a1.12 1.12 0 1 1 0.01 0' stroke='%23dcdde3' stroke-width='.7'/%3E%3Ccircle cx='10.6' cy='40' r='2.8' stroke='%23dcdde3' stroke-width='.9'/%3E%3Cpath d='M10.6 38.46a1.12 1.12 0 1 1 0.01 0M9.2 40.84a1.12 1.12 0 1 1 0.01 0M12 40.84a1.12 1.12 0 1 1 0.01 0' stroke='%23dcdde3' stroke-width='.7'/%3E%3Cpath d='M92 3.5l2.5 2.5-2.5 2.5-2.5-2.5zM3.5 92l2.5 2.5 2.5-2.5-2.5-2.5z' fill='%23dcdde3' stroke='%23100c06' stroke-opacity='.4' stroke-width='.6'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' fill='none'%3E%3Cg transform='matrix(1 0 0 -1 0 100)'%3E%3Cpath d='M6 92V6H92' stroke='%23100c06' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M6 92V6H92' stroke='%23dcdde3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 74A68 68 0 0 1 74 6' stroke='%23100c06' stroke-width='3.3' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M6 74A68 68 0 0 1 74 6' stroke='%23dcdde3' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 74A63 63 0 0 1 74 11' stroke='%23100c06' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M11 74A63 63 0 0 1 74 11' stroke='%23dcdde3' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M74 6v8M6 74h8' stroke='%23100c06' stroke-width='3.1' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M74 6v8M6 74h8' stroke='%23dcdde3' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='17' cy='17' r='8' stroke='%23100c06' stroke-opacity='.45' stroke-width='3'/%3E%3Ccircle cx='17' cy='17' r='8' stroke='%23dcdde3' stroke-width='1.1'/%3E%3Cpath d='M20.3 13.7A3.3 3.3 0 1 1 20.3 20.3A3.3 3.3 0 1 1 13.7 20.3A3.3 3.3 0 1 1 13.7 13.7A3.3 3.3 0 1 1 20.3 13.7Z' stroke='%23dcdde3' stroke-width='.9' fill='%23dcdde3' fill-opacity='.18'/%3E%3Ccircle cx='40' cy='10.6' r='2.8' stroke='%23dcdde3' stroke-width='.9'/%3E%3Cpath d='M40 9.06a1.12 1.12 0 1 1 0.01 0M38.6 11.44a1.12 1.12 0 1 1 0.01 0M41.4 11.44a1.12 1.12 0 1 1 0.01 0' stroke='%23dcdde3' stroke-width='.7'/%3E%3Ccircle cx='10.6' cy='40' r='2.8' stroke='%23dcdde3' stroke-width='.9'/%3E%3Cpath d='M10.6 38.46a1.12 1.12 0 1 1 0.01 0M9.2 40.84a1.12 1.12 0 1 1 0.01 0M12 40.84a1.12 1.12 0 1 1 0.01 0' stroke='%23dcdde3' stroke-width='.7'/%3E%3Cpath d='M92 3.5l2.5 2.5-2.5 2.5-2.5-2.5zM3.5 92l2.5 2.5 2.5-2.5-2.5-2.5z' fill='%23dcdde3' stroke='%23100c06' stroke-opacity='.4' stroke-width='.6'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' fill='none'%3E%3Cg transform='matrix(-1 0 0 -1 100 100)'%3E%3Cpath d='M6 92V6H92' stroke='%23100c06' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M6 92V6H92' stroke='%23dcdde3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 74A68 68 0 0 1 74 6' stroke='%23100c06' stroke-width='3.3' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M6 74A68 68 0 0 1 74 6' stroke='%23dcdde3' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 74A63 63 0 0 1 74 11' stroke='%23100c06' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M11 74A63 63 0 0 1 74 11' stroke='%23dcdde3' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M74 6v8M6 74h8' stroke='%23100c06' stroke-width='3.1' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M74 6v8M6 74h8' stroke='%23dcdde3' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='17' cy='17' r='8' stroke='%23100c06' stroke-opacity='.45' stroke-width='3'/%3E%3Ccircle cx='17' cy='17' r='8' stroke='%23dcdde3' stroke-width='1.1'/%3E%3Cpath d='M20.3 13.7A3.3 3.3 0 1 1 20.3 20.3A3.3 3.3 0 1 1 13.7 20.3A3.3 3.3 0 1 1 13.7 13.7A3.3 3.3 0 1 1 20.3 13.7Z' stroke='%23dcdde3' stroke-width='.9' fill='%23dcdde3' fill-opacity='.18'/%3E%3Ccircle cx='40' cy='10.6' r='2.8' stroke='%23dcdde3' stroke-width='.9'/%3E%3Cpath d='M40 9.06a1.12 1.12 0 1 1 0.01 0M38.6 11.44a1.12 1.12 0 1 1 0.01 0M41.4 11.44a1.12 1.12 0 1 1 0.01 0' stroke='%23dcdde3' stroke-width='.7'/%3E%3Ccircle cx='10.6' cy='40' r='2.8' stroke='%23dcdde3' stroke-width='.9'/%3E%3Cpath d='M10.6 38.46a1.12 1.12 0 1 1 0.01 0M9.2 40.84a1.12 1.12 0 1 1 0.01 0M12 40.84a1.12 1.12 0 1 1 0.01 0' stroke='%23dcdde3' stroke-width='.7'/%3E%3Cpath d='M92 3.5l2.5 2.5-2.5 2.5-2.5-2.5zM3.5 92l2.5 2.5 2.5-2.5-2.5-2.5z' fill='%23dcdde3' stroke='%23100c06' stroke-opacity='.4' stroke-width='.6'/%3E%3C/g%3E%3C/svg%3E");background-position:left 4px top 4px,right 4px top 4px,left 4px bottom 4px,right 4px bottom 4px;background-size:auto clamp(28px,36%,96px);background-repeat:no-repeat}
.profile-decoration[data-profile-decoration="deco-celtic"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' fill='none'%3E%3Ccircle cx='22' cy='22' r='15.5' stroke='%23100c06' stroke-opacity='.45' stroke-width='3.6'/%3E%3Ccircle cx='22' cy='22' r='15.5' stroke='%23d4a66a' stroke-width='1.4'/%3E%3Cpath d='M32.5 15.94A10.5 10.5 0 0 1 16.87 24.96A10.5 10.5 0 0 1 32.5 15.94ZM22 34.12A10.5 10.5 0 0 1 22 16.08A10.5 10.5 0 0 1 22 34.12ZM11.5 15.94A10.5 10.5 0 0 1 27.13 24.96A10.5 10.5 0 0 1 11.5 15.94Z' stroke='%23100c06' stroke-opacity='.55' stroke-width='3.8' stroke-linejoin='round'/%3E%3Cpath d='M32.5 15.94A10.5 10.5 0 0 1 16.87 24.96A10.5 10.5 0 0 1 32.5 15.94ZM22 34.12A10.5 10.5 0 0 1 22 16.08A10.5 10.5 0 0 1 22 34.12ZM11.5 15.94A10.5 10.5 0 0 1 27.13 24.96A10.5 10.5 0 0 1 11.5 15.94Z' stroke='%23d4a66a' stroke-width='1.7' stroke-linejoin='round'/%3E%3Cpath d='M22 6.5H94M6.5 22V94' stroke='%23100c06' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M22 6.5H94M6.5 22V94' stroke='%23d4a66a' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M37.5 11H78M11 37.5V78' stroke='%23100c06' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M37.5 11H78M11 37.5V78' stroke='%23d4a66a' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M82 11l3-3 3 3-3 3zM11 82l3 3-3 3-3-3z' fill='%23d4a66a'/%3E%3Ccircle cx='94' cy='6.5' r='1.6' fill='%23d4a66a'/%3E%3Ccircle cx='6.5' cy='94' r='1.6' fill='%23d4a66a'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' fill='none'%3E%3Cg transform='matrix(-1 0 0 1 100 0)'%3E%3Ccircle cx='22' cy='22' r='15.5' stroke='%23100c06' stroke-opacity='.45' stroke-width='3.6'/%3E%3Ccircle cx='22' cy='22' r='15.5' stroke='%23d4a66a' stroke-width='1.4'/%3E%3Cpath d='M32.5 15.94A10.5 10.5 0 0 1 16.87 24.96A10.5 10.5 0 0 1 32.5 15.94ZM22 34.12A10.5 10.5 0 0 1 22 16.08A10.5 10.5 0 0 1 22 34.12ZM11.5 15.94A10.5 10.5 0 0 1 27.13 24.96A10.5 10.5 0 0 1 11.5 15.94Z' stroke='%23100c06' stroke-opacity='.55' stroke-width='3.8' stroke-linejoin='round'/%3E%3Cpath d='M32.5 15.94A10.5 10.5 0 0 1 16.87 24.96A10.5 10.5 0 0 1 32.5 15.94ZM22 34.12A10.5 10.5 0 0 1 22 16.08A10.5 10.5 0 0 1 22 34.12ZM11.5 15.94A10.5 10.5 0 0 1 27.13 24.96A10.5 10.5 0 0 1 11.5 15.94Z' stroke='%23d4a66a' stroke-width='1.7' stroke-linejoin='round'/%3E%3Cpath d='M22 6.5H94M6.5 22V94' stroke='%23100c06' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M22 6.5H94M6.5 22V94' stroke='%23d4a66a' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M37.5 11H78M11 37.5V78' stroke='%23100c06' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M37.5 11H78M11 37.5V78' stroke='%23d4a66a' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M82 11l3-3 3 3-3 3zM11 82l3 3-3 3-3-3z' fill='%23d4a66a'/%3E%3Ccircle cx='94' cy='6.5' r='1.6' fill='%23d4a66a'/%3E%3Ccircle cx='6.5' cy='94' r='1.6' fill='%23d4a66a'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' fill='none'%3E%3Cg transform='matrix(1 0 0 -1 0 100)'%3E%3Ccircle cx='22' cy='22' r='15.5' stroke='%23100c06' stroke-opacity='.45' stroke-width='3.6'/%3E%3Ccircle cx='22' cy='22' r='15.5' stroke='%23d4a66a' stroke-width='1.4'/%3E%3Cpath d='M32.5 15.94A10.5 10.5 0 0 1 16.87 24.96A10.5 10.5 0 0 1 32.5 15.94ZM22 34.12A10.5 10.5 0 0 1 22 16.08A10.5 10.5 0 0 1 22 34.12ZM11.5 15.94A10.5 10.5 0 0 1 27.13 24.96A10.5 10.5 0 0 1 11.5 15.94Z' stroke='%23100c06' stroke-opacity='.55' stroke-width='3.8' stroke-linejoin='round'/%3E%3Cpath d='M32.5 15.94A10.5 10.5 0 0 1 16.87 24.96A10.5 10.5 0 0 1 32.5 15.94ZM22 34.12A10.5 10.5 0 0 1 22 16.08A10.5 10.5 0 0 1 22 34.12ZM11.5 15.94A10.5 10.5 0 0 1 27.13 24.96A10.5 10.5 0 0 1 11.5 15.94Z' stroke='%23d4a66a' stroke-width='1.7' stroke-linejoin='round'/%3E%3Cpath d='M22 6.5H94M6.5 22V94' stroke='%23100c06' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M22 6.5H94M6.5 22V94' stroke='%23d4a66a' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M37.5 11H78M11 37.5V78' stroke='%23100c06' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M37.5 11H78M11 37.5V78' stroke='%23d4a66a' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M82 11l3-3 3 3-3 3zM11 82l3 3-3 3-3-3z' fill='%23d4a66a'/%3E%3Ccircle cx='94' cy='6.5' r='1.6' fill='%23d4a66a'/%3E%3Ccircle cx='6.5' cy='94' r='1.6' fill='%23d4a66a'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' fill='none'%3E%3Cg transform='matrix(-1 0 0 -1 100 100)'%3E%3Ccircle cx='22' cy='22' r='15.5' stroke='%23100c06' stroke-opacity='.45' stroke-width='3.6'/%3E%3Ccircle cx='22' cy='22' r='15.5' stroke='%23d4a66a' stroke-width='1.4'/%3E%3Cpath d='M32.5 15.94A10.5 10.5 0 0 1 16.87 24.96A10.5 10.5 0 0 1 32.5 15.94ZM22 34.12A10.5 10.5 0 0 1 22 16.08A10.5 10.5 0 0 1 22 34.12ZM11.5 15.94A10.5 10.5 0 0 1 27.13 24.96A10.5 10.5 0 0 1 11.5 15.94Z' stroke='%23100c06' stroke-opacity='.55' stroke-width='3.8' stroke-linejoin='round'/%3E%3Cpath d='M32.5 15.94A10.5 10.5 0 0 1 16.87 24.96A10.5 10.5 0 0 1 32.5 15.94ZM22 34.12A10.5 10.5 0 0 1 22 16.08A10.5 10.5 0 0 1 22 34.12ZM11.5 15.94A10.5 10.5 0 0 1 27.13 24.96A10.5 10.5 0 0 1 11.5 15.94Z' stroke='%23d4a66a' stroke-width='1.7' stroke-linejoin='round'/%3E%3Cpath d='M22 6.5H94M6.5 22V94' stroke='%23100c06' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M22 6.5H94M6.5 22V94' stroke='%23d4a66a' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M37.5 11H78M11 37.5V78' stroke='%23100c06' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M37.5 11H78M11 37.5V78' stroke='%23d4a66a' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M82 11l3-3 3 3-3 3zM11 82l3 3-3 3-3-3z' fill='%23d4a66a'/%3E%3Ccircle cx='94' cy='6.5' r='1.6' fill='%23d4a66a'/%3E%3Ccircle cx='6.5' cy='94' r='1.6' fill='%23d4a66a'/%3E%3C/g%3E%3C/svg%3E");background-position:left 4px top 4px,right 4px top 4px,left 4px bottom 4px,right 4px bottom 4px;background-size:auto clamp(28px,36%,96px);background-repeat:no-repeat}
.profile-decoration[data-profile-decoration="deco-seigaiha"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='50' viewBox='0 0 150 50' fill='none'%3E%3Cdefs%3E%3Cg id='s'%3E%3Ccircle r='10' fill='%2317294a' stroke='%23100c06' stroke-opacity='.5' stroke-width='2'/%3E%3Ccircle r='10' stroke='%23eef2f7' stroke-width='1'/%3E%3Ccircle r='7.199999999999999' stroke='%23eef2f7' stroke-opacity='.85' stroke-width='.8'/%3E%3Ccircle r='4.5' stroke='%23d9b870' stroke-width='.8'/%3E%3Ccircle r='1.7999999999999998' fill='%23d9b870'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='matrix(-1 0 0 1 150 0)'%3E%3Cuse href='%23s' x='140' y='25'/%3E%3Cuse href='%23s' x='150' y='30'/%3E%3Cuse href='%23s' x='130' y='30'/%3E%3Cuse href='%23s' x='110' y='30'/%3E%3Cuse href='%23s' x='140' y='35'/%3E%3Cuse href='%23s' x='120' y='35'/%3E%3Cuse href='%23s' x='100' y='35'/%3E%3Cuse href='%23s' x='150' y='40'/%3E%3Cuse href='%23s' x='130' y='40'/%3E%3Cuse href='%23s' x='110' y='40'/%3E%3Cuse href='%23s' x='90' y='40'/%3E%3Cuse href='%23s' x='70' y='40'/%3E%3Cuse href='%23s' x='140' y='45'/%3E%3Cuse href='%23s' x='120' y='45'/%3E%3Cuse href='%23s' x='100' y='45'/%3E%3Cuse href='%23s' x='80' y='45'/%3E%3Cuse href='%23s' x='60' y='45'/%3E%3Cuse href='%23s' x='40' y='45'/%3E%3Cuse href='%23s' x='150' y='50'/%3E%3Cuse href='%23s' x='130' y='50'/%3E%3Cuse href='%23s' x='110' y='50'/%3E%3Cuse href='%23s' x='90' y='50'/%3E%3Cuse href='%23s' x='70' y='50'/%3E%3Cuse href='%23s' x='50' y='50'/%3E%3Cuse href='%23s' x='30' y='50'/%3E%3Cuse href='%23s' x='10' y='50'/%3E%3Cpath d='M0 49.4H150' stroke='%23d9b870' stroke-width='1.2'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='50' viewBox='0 0 150 50' fill='none'%3E%3Cdefs%3E%3Cg id='s'%3E%3Ccircle r='10' fill='%2317294a' stroke='%23100c06' stroke-opacity='.5' stroke-width='2'/%3E%3Ccircle r='10' stroke='%23eef2f7' stroke-width='1'/%3E%3Ccircle r='7.199999999999999' stroke='%23eef2f7' stroke-opacity='.85' stroke-width='.8'/%3E%3Ccircle r='4.5' stroke='%23d9b870' stroke-width='.8'/%3E%3Ccircle r='1.7999999999999998' fill='%23d9b870'/%3E%3C/g%3E%3C/defs%3E%3Cuse href='%23s' x='140' y='25'/%3E%3Cuse href='%23s' x='150' y='30'/%3E%3Cuse href='%23s' x='130' y='30'/%3E%3Cuse href='%23s' x='110' y='30'/%3E%3Cuse href='%23s' x='140' y='35'/%3E%3Cuse href='%23s' x='120' y='35'/%3E%3Cuse href='%23s' x='100' y='35'/%3E%3Cuse href='%23s' x='150' y='40'/%3E%3Cuse href='%23s' x='130' y='40'/%3E%3Cuse href='%23s' x='110' y='40'/%3E%3Cuse href='%23s' x='90' y='40'/%3E%3Cuse href='%23s' x='70' y='40'/%3E%3Cuse href='%23s' x='140' y='45'/%3E%3Cuse href='%23s' x='120' y='45'/%3E%3Cuse href='%23s' x='100' y='45'/%3E%3Cuse href='%23s' x='80' y='45'/%3E%3Cuse href='%23s' x='60' y='45'/%3E%3Cuse href='%23s' x='40' y='45'/%3E%3Cuse href='%23s' x='150' y='50'/%3E%3Cuse href='%23s' x='130' y='50'/%3E%3Cuse href='%23s' x='110' y='50'/%3E%3Cuse href='%23s' x='90' y='50'/%3E%3Cuse href='%23s' x='70' y='50'/%3E%3Cuse href='%23s' x='50' y='50'/%3E%3Cuse href='%23s' x='30' y='50'/%3E%3Cuse href='%23s' x='10' y='50'/%3E%3Cpath d='M0 49.4H150' stroke='%23d9b870' stroke-width='1.2'/%3E%3C/svg%3E");background-position:left 4px bottom 4px,right 4px bottom 4px;background-size:auto clamp(20px,26%,70px);background-repeat:no-repeat}
.profile-decoration[data-profile-decoration="deco-stained-glass"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' viewBox='0 0 70 70' fill='none'%3E%3Cpath d='M4 4L24 4A20 20 0 0 1 4 24Z' fill='%23e0a43a' fill-opacity='.85' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M24 4L44 4A40 40 0 0 1 38.64 24L21.32 14A20 20 0 0 0 24 4Z' fill='%232f5fb8' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M21.32 14L38.64 24A40 40 0 0 1 24 38.64L14 21.32A20 20 0 0 0 21.32 14Z' fill='%232f9a6a' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M14 21.32L24 38.64A40 40 0 0 1 4 44L4 24A20 20 0 0 0 14 21.32Z' fill='%23e0a43a' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M44 4L66 4A62 62 0 0 1 62.97 23.16L42.04 16.36A40 40 0 0 0 44 4Z' fill='%232f9a6a' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M42.04 16.36L62.97 23.16A62 62 0 0 1 54.16 40.44L36.36 27.51A40 40 0 0 0 42.04 16.36Z' fill='%23e0a43a' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M36.36 27.51L54.16 40.44A62 62 0 0 1 40.44 54.16L27.51 36.36A40 40 0 0 0 36.36 27.51Z' fill='%237f4fb5' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M27.51 36.36L40.44 54.16A62 62 0 0 1 23.16 62.97L16.36 42.04A40 40 0 0 0 27.51 36.36Z' fill='%23c2304a' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M16.36 42.04L23.16 62.97A62 62 0 0 1 4 66L4 44A40 40 0 0 0 16.36 42.04Z' fill='%232f5fb8' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M66 4A62 62 0 0 1 4 66' stroke='%23d9b86c' stroke-width='1.4'/%3E%3Cpath d='M30 9A26 26 0 0 1 9 30M52 12A49 49 0 0 1 32 40' stroke='%23fff' stroke-opacity='.35' stroke-width='.8' stroke-linecap='round'/%3E%3Cpath d='M10.5 6L11.49 9.51L15 10.5L11.49 11.49L10.5 15L9.51 11.49L6 10.5L9.51 9.51Z' fill='%23fff3cf' opacity='0.9'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' viewBox='0 0 70 70' fill='none'%3E%3Cg transform='matrix(-1 0 0 1 70 0)'%3E%3Cpath d='M4 4L24 4A20 20 0 0 1 4 24Z' fill='%23e0a43a' fill-opacity='.85' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M24 4L44 4A40 40 0 0 1 38.64 24L21.32 14A20 20 0 0 0 24 4Z' fill='%232f5fb8' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M21.32 14L38.64 24A40 40 0 0 1 24 38.64L14 21.32A20 20 0 0 0 21.32 14Z' fill='%232f9a6a' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M14 21.32L24 38.64A40 40 0 0 1 4 44L4 24A20 20 0 0 0 14 21.32Z' fill='%23e0a43a' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M44 4L66 4A62 62 0 0 1 62.97 23.16L42.04 16.36A40 40 0 0 0 44 4Z' fill='%232f9a6a' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M42.04 16.36L62.97 23.16A62 62 0 0 1 54.16 40.44L36.36 27.51A40 40 0 0 0 42.04 16.36Z' fill='%23e0a43a' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M36.36 27.51L54.16 40.44A62 62 0 0 1 40.44 54.16L27.51 36.36A40 40 0 0 0 36.36 27.51Z' fill='%237f4fb5' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M27.51 36.36L40.44 54.16A62 62 0 0 1 23.16 62.97L16.36 42.04A40 40 0 0 0 27.51 36.36Z' fill='%23c2304a' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M16.36 42.04L23.16 62.97A62 62 0 0 1 4 66L4 44A40 40 0 0 0 16.36 42.04Z' fill='%232f5fb8' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M66 4A62 62 0 0 1 4 66' stroke='%23d9b86c' stroke-width='1.4'/%3E%3Cpath d='M30 9A26 26 0 0 1 9 30M52 12A49 49 0 0 1 32 40' stroke='%23fff' stroke-opacity='.35' stroke-width='.8' stroke-linecap='round'/%3E%3Cpath d='M10.5 6L11.49 9.51L15 10.5L11.49 11.49L10.5 15L9.51 11.49L6 10.5L9.51 9.51Z' fill='%23fff3cf' opacity='0.9'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' viewBox='0 0 70 70' fill='none'%3E%3Cg transform='matrix(1 0 0 -1 0 70)'%3E%3Cpath d='M4 4L24 4A20 20 0 0 1 4 24Z' fill='%23e0a43a' fill-opacity='.85' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M24 4L44 4A40 40 0 0 1 38.64 24L21.32 14A20 20 0 0 0 24 4Z' fill='%232f5fb8' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M21.32 14L38.64 24A40 40 0 0 1 24 38.64L14 21.32A20 20 0 0 0 21.32 14Z' fill='%232f9a6a' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M14 21.32L24 38.64A40 40 0 0 1 4 44L4 24A20 20 0 0 0 14 21.32Z' fill='%23e0a43a' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M44 4L66 4A62 62 0 0 1 62.97 23.16L42.04 16.36A40 40 0 0 0 44 4Z' fill='%232f9a6a' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M42.04 16.36L62.97 23.16A62 62 0 0 1 54.16 40.44L36.36 27.51A40 40 0 0 0 42.04 16.36Z' fill='%23e0a43a' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M36.36 27.51L54.16 40.44A62 62 0 0 1 40.44 54.16L27.51 36.36A40 40 0 0 0 36.36 27.51Z' fill='%237f4fb5' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M27.51 36.36L40.44 54.16A62 62 0 0 1 23.16 62.97L16.36 42.04A40 40 0 0 0 27.51 36.36Z' fill='%23c2304a' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M16.36 42.04L23.16 62.97A62 62 0 0 1 4 66L4 44A40 40 0 0 0 16.36 42.04Z' fill='%232f5fb8' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M66 4A62 62 0 0 1 4 66' stroke='%23d9b86c' stroke-width='1.4'/%3E%3Cpath d='M30 9A26 26 0 0 1 9 30M52 12A49 49 0 0 1 32 40' stroke='%23fff' stroke-opacity='.35' stroke-width='.8' stroke-linecap='round'/%3E%3Cpath d='M10.5 6L11.49 9.51L15 10.5L11.49 11.49L10.5 15L9.51 11.49L6 10.5L9.51 9.51Z' fill='%23fff3cf' opacity='0.9'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' viewBox='0 0 70 70' fill='none'%3E%3Cg transform='matrix(-1 0 0 -1 70 70)'%3E%3Cpath d='M4 4L24 4A20 20 0 0 1 4 24Z' fill='%23e0a43a' fill-opacity='.85' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M24 4L44 4A40 40 0 0 1 38.64 24L21.32 14A20 20 0 0 0 24 4Z' fill='%232f5fb8' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M21.32 14L38.64 24A40 40 0 0 1 24 38.64L14 21.32A20 20 0 0 0 21.32 14Z' fill='%232f9a6a' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M14 21.32L24 38.64A40 40 0 0 1 4 44L4 24A20 20 0 0 0 14 21.32Z' fill='%23e0a43a' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M44 4L66 4A62 62 0 0 1 62.97 23.16L42.04 16.36A40 40 0 0 0 44 4Z' fill='%232f9a6a' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M42.04 16.36L62.97 23.16A62 62 0 0 1 54.16 40.44L36.36 27.51A40 40 0 0 0 42.04 16.36Z' fill='%23e0a43a' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M36.36 27.51L54.16 40.44A62 62 0 0 1 40.44 54.16L27.51 36.36A40 40 0 0 0 36.36 27.51Z' fill='%237f4fb5' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M27.51 36.36L40.44 54.16A62 62 0 0 1 23.16 62.97L16.36 42.04A40 40 0 0 0 27.51 36.36Z' fill='%23c2304a' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M16.36 42.04L23.16 62.97A62 62 0 0 1 4 66L4 44A40 40 0 0 0 16.36 42.04Z' fill='%232f5fb8' fill-opacity='.8' stroke='%2317130e' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M66 4A62 62 0 0 1 4 66' stroke='%23d9b86c' stroke-width='1.4'/%3E%3Cpath d='M30 9A26 26 0 0 1 9 30M52 12A49 49 0 0 1 32 40' stroke='%23fff' stroke-opacity='.35' stroke-width='.8' stroke-linecap='round'/%3E%3Cpath d='M10.5 6L11.49 9.51L15 10.5L11.49 11.49L10.5 15L9.51 11.49L6 10.5L9.51 9.51Z' fill='%23fff3cf' opacity='0.9'/%3E%3C/g%3E%3C/svg%3E");background-position:left 5px top 5px,right 5px top 5px,left 5px bottom 5px,right 5px bottom 5px;background-size:auto clamp(24px,30%,82px);background-repeat:no-repeat}
.profile-decoration[data-profile-decoration="deco-nautical"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='124' height='62' viewBox='0 0 124 62' fill='none'%3E%3Cpath d='M22 15.5V56M13 21H31' stroke='%23100c06' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M22 15.5V56M13 21H31' stroke='%23d9b56a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 45Q10 57 22 57Q34 57 35 45' stroke='%23100c06' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M9 45Q10 57 22 57Q34 57 35 45' stroke='%23d9b56a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.5 48.5L9 42L12.5 47M38.5 48.5L35 42L31.5 47' stroke='%23100c06' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M5.5 48.5L9 42L12.5 47M38.5 48.5L35 42L31.5 47' stroke='%23d9b56a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='13' cy='21' r='1.8' fill='%23d9b56a'/%3E%3Ccircle cx='31' cy='21' r='1.8' fill='%23d9b56a'/%3E%3Cpath d='M7 9H113' stroke='%23100c06' stroke-opacity='.5' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M7 9H113' stroke='%23cfae78' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M8 11.3L10.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M11 11.3L13.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M14 11.3L16.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M17 11.3L19.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M20 11.3L22.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M23 11.3L25.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M26 11.3L28.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M29 11.3L31.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M32 11.3L34.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M35 11.3L37.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M38 11.3L40.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M41 11.3L43.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M44 11.3L46.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M47 11.3L49.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M50 11.3L52.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M53 11.3L55.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M56 11.3L58.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M59 11.3L61.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M62 11.3L64.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M65 11.3L67.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M68 11.3L70.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M71 11.3L73.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M74 11.3L76.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M77 11.3L79.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M80 11.3L82.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M83 11.3L85.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M86 11.3L88.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M89 11.3L91.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M92 11.3L94.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M95 11.3L97.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M98 11.3L100.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M101 11.3L103.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M104 11.3L106.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M107 11.3L109.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M110 11.3L112.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M110 6v6M112 6v6M8 6v6' stroke='%233c2a14' stroke-width='1.1'/%3E%3Cpath d='M114 9l5-2.4M114 9h5.5M114 9l5 2.4' stroke='%23cfae78' stroke-width='.9' stroke-linecap='round'/%3E%3Ccircle cx='22' cy='10' r='4.6' stroke='%23100c06' stroke-opacity='.5' stroke-width='3.6'/%3E%3Ccircle cx='22' cy='10' r='4.6' stroke='%23d9b56a' stroke-width='1.6'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='124' height='62' viewBox='0 0 124 62' fill='none'%3E%3Cg transform='matrix(-1 0 0 1 124 0)'%3E%3Cpath d='M22 15.5V56M13 21H31' stroke='%23100c06' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M22 15.5V56M13 21H31' stroke='%23d9b56a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 45Q10 57 22 57Q34 57 35 45' stroke='%23100c06' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M9 45Q10 57 22 57Q34 57 35 45' stroke='%23d9b56a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.5 48.5L9 42L12.5 47M38.5 48.5L35 42L31.5 47' stroke='%23100c06' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M5.5 48.5L9 42L12.5 47M38.5 48.5L35 42L31.5 47' stroke='%23d9b56a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='13' cy='21' r='1.8' fill='%23d9b56a'/%3E%3Ccircle cx='31' cy='21' r='1.8' fill='%23d9b56a'/%3E%3Cpath d='M7 9H113' stroke='%23100c06' stroke-opacity='.5' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M7 9H113' stroke='%23cfae78' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M8 11.3L10.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M11 11.3L13.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M14 11.3L16.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M17 11.3L19.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M20 11.3L22.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M23 11.3L25.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M26 11.3L28.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M29 11.3L31.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M32 11.3L34.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M35 11.3L37.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M38 11.3L40.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M41 11.3L43.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M44 11.3L46.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M47 11.3L49.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M50 11.3L52.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M53 11.3L55.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M56 11.3L58.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M59 11.3L61.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M62 11.3L64.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M65 11.3L67.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M68 11.3L70.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M71 11.3L73.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M74 11.3L76.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M77 11.3L79.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M80 11.3L82.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M83 11.3L85.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M86 11.3L88.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M89 11.3L91.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M92 11.3L94.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M95 11.3L97.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M98 11.3L100.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M101 11.3L103.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M104 11.3L106.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M107 11.3L109.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M110 11.3L112.4 6.7' stroke='%237d5c32' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M110 6v6M112 6v6M8 6v6' stroke='%233c2a14' stroke-width='1.1'/%3E%3Cpath d='M114 9l5-2.4M114 9h5.5M114 9l5 2.4' stroke='%23cfae78' stroke-width='.9' stroke-linecap='round'/%3E%3Ccircle cx='22' cy='10' r='4.6' stroke='%23100c06' stroke-opacity='.5' stroke-width='3.6'/%3E%3Ccircle cx='22' cy='10' r='4.6' stroke='%23d9b56a' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'%3E%3Ccircle cx='22' cy='22' r='12' stroke='%23100c06' stroke-opacity='.45' stroke-width='3'/%3E%3Ccircle cx='22' cy='22' r='12' stroke='%23d9b56a' stroke-width='1.1'/%3E%3Cg stroke='%23100c06' stroke-opacity='.35' stroke-width='.5'%3E%3Cpath d='M22 22L22 18.6L40 22Z' fill='%23f3e6c6'/%3E%3Cpath d='M22 22L22 25.4L40 22Z' fill='%23d9b56a'/%3E%3Cpath d='M22 22L25.4 22L22 40Z' fill='%23f3e6c6'/%3E%3Cpath d='M22 22L18.6 22L22 40Z' fill='%23d9b56a'/%3E%3Cpath d='M22 22L22 25.4L4 22Z' fill='%23f3e6c6'/%3E%3Cpath d='M22 22L22 18.6L4 22Z' fill='%23d9b56a'/%3E%3Cpath d='M22 22L18.6 22L22 4Z' fill='%23f3e6c6'/%3E%3Cpath d='M22 22L25.4 22L22 4Z' fill='%23d9b56a'/%3E%3Cpath d='M22 22L23.7 20.3L28.36 28.36Z' fill='%23f3e6c6'/%3E%3Cpath d='M22 22L20.3 23.7L28.36 28.36Z' fill='%23d9b56a'/%3E%3Cpath d='M22 22L23.7 23.7L15.64 28.36Z' fill='%23f3e6c6'/%3E%3Cpath d='M22 22L20.3 20.3L15.64 28.36Z' fill='%23d9b56a'/%3E%3Cpath d='M22 22L20.3 23.7L15.64 15.64Z' fill='%23f3e6c6'/%3E%3Cpath d='M22 22L23.7 20.3L15.64 15.64Z' fill='%23d9b56a'/%3E%3Cpath d='M22 22L20.3 20.3L28.36 15.64Z' fill='%23f3e6c6'/%3E%3Cpath d='M22 22L23.7 23.7L28.36 15.64Z' fill='%23d9b56a'/%3E%3C/g%3E%3Ccircle cx='22' cy='22' r='1.6' fill='%233c2a14'/%3E%3C/svg%3E");background-position:left 5px top 5px,right 5px top 5px,right 6px bottom 6px;background-size:auto clamp(24px,32%,88px),auto clamp(24px,32%,88px),auto clamp(18px,22%,58px);background-repeat:no-repeat}
.profile-decoration[data-profile-decoration="deco-feathers"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Cg transform='translate(7 7) rotate(12)'%3E%3Cpath d='M4.8 0C18 -6.9 46.8 -7.93 60 0C46.8 7.25 18 6.21 4.8 0Z' fill='%23f2ede3' fill-opacity='.95' stroke='%23100c06' stroke-opacity='.5' stroke-width='1.4'/%3E%3Cpath d='M10.8 0L14.4 -5.52M10.8 0L14.4 5.11M14.76 0L18.36 -5.52M14.76 0L18.36 5.11M18.72 0L22.32 -5.52M18.72 0L22.32 5.11M22.68 0L26.28 -5.52M22.68 0L26.28 5.11M26.64 0L30.24 -5.52M26.64 0L30.24 5.11M30.6 0L34.2 -5.52M30.6 0L34.2 5.11M34.56 0L38.16 -5.52M34.56 0L38.16 5.11M38.52 0L42.12 -5.52M38.52 0L42.12 5.11M42.48 0L46.08 -5.52M42.48 0L46.08 5.11M46.44 0L50.04 -5.52M46.44 0L50.04 5.11M50.4 0L54 -5.52M50.4 0L54 5.11' stroke='%23b4a88f' stroke-width='.5' stroke-linecap='round'/%3E%3Cpath d='M0 0L58.2 0' stroke='%23d4af62' stroke-width='1.1' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(7 7) rotate(78)'%3E%3Cpath d='M4.8 0C18 -6.9 46.8 -7.93 60 0C46.8 7.25 18 6.21 4.8 0Z' fill='%23f2ede3' fill-opacity='.95' stroke='%23100c06' stroke-opacity='.5' stroke-width='1.4'/%3E%3Cpath d='M10.8 0L14.4 -5.52M10.8 0L14.4 5.11M14.76 0L18.36 -5.52M14.76 0L18.36 5.11M18.72 0L22.32 -5.52M18.72 0L22.32 5.11M22.68 0L26.28 -5.52M22.68 0L26.28 5.11M26.64 0L30.24 -5.52M26.64 0L30.24 5.11M30.6 0L34.2 -5.52M30.6 0L34.2 5.11M34.56 0L38.16 -5.52M34.56 0L38.16 5.11M38.52 0L42.12 -5.52M38.52 0L42.12 5.11M42.48 0L46.08 -5.52M42.48 0L46.08 5.11M46.44 0L50.04 -5.52M46.44 0L50.04 5.11M50.4 0L54 -5.52M50.4 0L54 5.11' stroke='%23b4a88f' stroke-width='.5' stroke-linecap='round'/%3E%3Cpath d='M0 0L58.2 0' stroke='%23d4af62' stroke-width='1.1' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(7 7) rotate(45)'%3E%3Cpath d='M6.56 0C24.6 -9.43 63.96 -10.84 82 0C63.96 9.9 24.6 8.49 6.56 0Z' fill='%235f7f55' fill-opacity='.95' stroke='%23100c06' stroke-opacity='.5' stroke-width='1.4'/%3E%3Cpath d='M14.76 0L19.68 -7.54M14.76 0L19.68 6.98M20.17 0L25.09 -7.54M20.17 0L25.09 6.98M25.58 0L30.5 -7.54M25.58 0L30.5 6.98M31 0L35.92 -7.54M31 0L35.92 6.98M36.41 0L41.33 -7.54M36.41 0L41.33 6.98M41.82 0L46.74 -7.54M41.82 0L46.74 6.98M47.23 0L52.15 -7.54M47.23 0L52.15 6.98M52.64 0L57.56 -7.54M52.64 0L57.56 6.98M58.06 0L62.98 -7.54M58.06 0L62.98 6.98M63.47 0L68.39 -7.54M63.47 0L68.39 6.98M68.88 0L73.8 -7.54M68.88 0L73.8 6.98' stroke='%23c8b46a' stroke-width='.5' stroke-linecap='round'/%3E%3Cellipse cx='65.6' cy='0' rx='10.66' ry='8.96' fill='%23c9a24a'/%3E%3Cellipse cx='66.42' cy='0' rx='7.79' ry='6.79' fill='%231f8c86'/%3E%3Cellipse cx='66.83' cy='0' rx='4.92' ry='4.72' fill='%231d3f8f'/%3E%3Cellipse cx='67.24' cy='0' rx='2.46' ry='2.55' fill='%230d1838'/%3E%3Cpath d='M0 0L54.12 0' stroke='%23d4af62' stroke-width='1.1' stroke-linecap='round'/%3E%3C/g%3E%3Ccircle cx='7' cy='7' r='4' fill='%23f0d792' stroke='%23100c06' stroke-opacity='.45'/%3E%3Ccircle cx='7' cy='7' r='1.5' fill='%238a6a2c'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Cg transform='matrix(-1 0 0 1 80 0)'%3E%3Cg transform='translate(7 7) rotate(12)'%3E%3Cpath d='M4.8 0C18 -6.9 46.8 -7.93 60 0C46.8 7.25 18 6.21 4.8 0Z' fill='%23f2ede3' fill-opacity='.95' stroke='%23100c06' stroke-opacity='.5' stroke-width='1.4'/%3E%3Cpath d='M10.8 0L14.4 -5.52M10.8 0L14.4 5.11M14.76 0L18.36 -5.52M14.76 0L18.36 5.11M18.72 0L22.32 -5.52M18.72 0L22.32 5.11M22.68 0L26.28 -5.52M22.68 0L26.28 5.11M26.64 0L30.24 -5.52M26.64 0L30.24 5.11M30.6 0L34.2 -5.52M30.6 0L34.2 5.11M34.56 0L38.16 -5.52M34.56 0L38.16 5.11M38.52 0L42.12 -5.52M38.52 0L42.12 5.11M42.48 0L46.08 -5.52M42.48 0L46.08 5.11M46.44 0L50.04 -5.52M46.44 0L50.04 5.11M50.4 0L54 -5.52M50.4 0L54 5.11' stroke='%23b4a88f' stroke-width='.5' stroke-linecap='round'/%3E%3Cpath d='M0 0L58.2 0' stroke='%23d4af62' stroke-width='1.1' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(7 7) rotate(78)'%3E%3Cpath d='M4.8 0C18 -6.9 46.8 -7.93 60 0C46.8 7.25 18 6.21 4.8 0Z' fill='%23f2ede3' fill-opacity='.95' stroke='%23100c06' stroke-opacity='.5' stroke-width='1.4'/%3E%3Cpath d='M10.8 0L14.4 -5.52M10.8 0L14.4 5.11M14.76 0L18.36 -5.52M14.76 0L18.36 5.11M18.72 0L22.32 -5.52M18.72 0L22.32 5.11M22.68 0L26.28 -5.52M22.68 0L26.28 5.11M26.64 0L30.24 -5.52M26.64 0L30.24 5.11M30.6 0L34.2 -5.52M30.6 0L34.2 5.11M34.56 0L38.16 -5.52M34.56 0L38.16 5.11M38.52 0L42.12 -5.52M38.52 0L42.12 5.11M42.48 0L46.08 -5.52M42.48 0L46.08 5.11M46.44 0L50.04 -5.52M46.44 0L50.04 5.11M50.4 0L54 -5.52M50.4 0L54 5.11' stroke='%23b4a88f' stroke-width='.5' stroke-linecap='round'/%3E%3Cpath d='M0 0L58.2 0' stroke='%23d4af62' stroke-width='1.1' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(7 7) rotate(45)'%3E%3Cpath d='M6.56 0C24.6 -9.43 63.96 -10.84 82 0C63.96 9.9 24.6 8.49 6.56 0Z' fill='%235f7f55' fill-opacity='.95' stroke='%23100c06' stroke-opacity='.5' stroke-width='1.4'/%3E%3Cpath d='M14.76 0L19.68 -7.54M14.76 0L19.68 6.98M20.17 0L25.09 -7.54M20.17 0L25.09 6.98M25.58 0L30.5 -7.54M25.58 0L30.5 6.98M31 0L35.92 -7.54M31 0L35.92 6.98M36.41 0L41.33 -7.54M36.41 0L41.33 6.98M41.82 0L46.74 -7.54M41.82 0L46.74 6.98M47.23 0L52.15 -7.54M47.23 0L52.15 6.98M52.64 0L57.56 -7.54M52.64 0L57.56 6.98M58.06 0L62.98 -7.54M58.06 0L62.98 6.98M63.47 0L68.39 -7.54M63.47 0L68.39 6.98M68.88 0L73.8 -7.54M68.88 0L73.8 6.98' stroke='%23c8b46a' stroke-width='.5' stroke-linecap='round'/%3E%3Cellipse cx='65.6' cy='0' rx='10.66' ry='8.96' fill='%23c9a24a'/%3E%3Cellipse cx='66.42' cy='0' rx='7.79' ry='6.79' fill='%231f8c86'/%3E%3Cellipse cx='66.83' cy='0' rx='4.92' ry='4.72' fill='%231d3f8f'/%3E%3Cellipse cx='67.24' cy='0' rx='2.46' ry='2.55' fill='%230d1838'/%3E%3Cpath d='M0 0L54.12 0' stroke='%23d4af62' stroke-width='1.1' stroke-linecap='round'/%3E%3C/g%3E%3Ccircle cx='7' cy='7' r='4' fill='%23f0d792' stroke='%23100c06' stroke-opacity='.45'/%3E%3Ccircle cx='7' cy='7' r='1.5' fill='%238a6a2c'/%3E%3C/g%3E%3C/svg%3E");background-position:left 4px top 4px,right 4px top 4px;background-size:auto clamp(30px,46%,124px);background-repeat:no-repeat}
.profile-decoration[data-profile-decoration="deco-ink"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='74' viewBox='0 0 140 74' fill='none'%3E%3Cg fill='%23100c06' opacity='.45' transform='translate(.7 .9)'%3E%3Cpath d='M6 8C30 3 80 4 134 9C100 10.5 60 12 10 14.5C7 13.5 5 11 6 8Z'/%3E%3Cpath d='M7 10C4 26 5 46 9 70C10 50 11 30 12.5 14Z'/%3E%3Ccircle cx='24' cy='22' r='1.7'/%3E%3Ccircle cx='31' cy='18.5' r='.9'/%3E%3Ccircle cx='18' cy='30' r='1.2'/%3E%3Ccircle cx='42' cy='17' r='.7'/%3E%3Ccircle cx='118' cy='14' r='.8'/%3E%3C/g%3E%3Cg fill='%23e2c27c'%3E%3Cpath d='M6 8C30 3 80 4 134 9C100 10.5 60 12 10 14.5C7 13.5 5 11 6 8Z'/%3E%3Cpath d='M7 10C4 26 5 46 9 70C10 50 11 30 12.5 14Z'/%3E%3Ccircle cx='24' cy='22' r='1.7'/%3E%3Ccircle cx='31' cy='18.5' r='.9'/%3E%3Ccircle cx='18' cy='30' r='1.2'/%3E%3Ccircle cx='42' cy='17' r='.7'/%3E%3Ccircle cx='118' cy='14' r='.8'/%3E%3C/g%3E%3Cpath d='M70 10.4L132 9.2M80 11.6L126 10.2M8.6 40L10 66M10.3 30L11.2 52' stroke='%23100c06' stroke-opacity='.55' stroke-width='.6' stroke-linecap='round'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Crect x='2' y='2' width='24' height='24' rx='2' fill='%23b3302a' stroke='%23100c06' stroke-opacity='.45' stroke-width='1.2'/%3E%3Crect x='5' y='5' width='18' height='18' rx='.8' stroke='%23f6e6d6' stroke-width='.9'/%3E%3Cpath d='M9 8.5V19.5M9 14H13M15.5 8.5H19V19.5H15.5M13 8.5V11M13 17V19.5' stroke='%23f6e6d6' stroke-width='1.3' stroke-linecap='square'/%3E%3C/svg%3E");background-position:left 4px top 4px,right 8px bottom 8px;background-size:auto clamp(26px,34%,92px),auto clamp(16px,15%,40px);background-repeat:no-repeat}
.profile-decoration[data-profile-decoration="deco-royal-crest"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='54' viewBox='0 0 180 54' fill='none'%3E%3Cpath d='M76 25C66 25 59 20 50 20C41 20 35 26 39 30C42 33 47 30 45 27' stroke='%23100c06' stroke-width='3.3' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M76 25C66 25 59 20 50 20C41 20 35 26 39 30C42 33 47 30 45 27' stroke='%23e4c77f' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M50 20H18' stroke='%23100c06' stroke-width='2.9' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M50 20H18' stroke='%23e4c77f' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 20l3-3 3 3-3 3z' fill='%23f0d792' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Ccircle cx='29' cy='20' r='1.2' fill='%23f0d792'/%3E%3Cg transform='matrix(-1 0 0 1 180 0)'%3E%3Cpath d='M76 25C66 25 59 20 50 20C41 20 35 26 39 30C42 33 47 30 45 27' stroke='%23100c06' stroke-width='3.3' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M76 25C66 25 59 20 50 20C41 20 35 26 39 30C42 33 47 30 45 27' stroke='%23e4c77f' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M50 20H18' stroke='%23100c06' stroke-width='2.9' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M50 20H18' stroke='%23e4c77f' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 20l3-3 3 3-3 3z' fill='%23f0d792' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Ccircle cx='29' cy='20' r='1.2' fill='%23f0d792'/%3E%3C/g%3E%3Cpath d='M76 15L73.5 5.5L82 10.5L90 3L98 10.5L106.5 5.5L104 15Z' fill='%23e4c77f' stroke='%23100c06' stroke-opacity='.5' stroke-width='1.2' stroke-linejoin='round'/%3E%3Cpath d='M76 15.5H104V18.5H76Z' fill='%23f0d792' stroke='%23100c06' stroke-opacity='.5' stroke-width='1'/%3E%3Ccircle cx='73.5' cy='5.2' r='1.7' fill='%23f0d792'/%3E%3Ccircle cx='90' cy='2.6' r='1.9' fill='%23f0d792'/%3E%3Ccircle cx='106.5' cy='5.2' r='1.7' fill='%23f0d792'/%3E%3Ccircle cx='83' cy='17' r='.9' fill='%23b3302a'/%3E%3Ccircle cx='90' cy='17' r='1' fill='%232f5fb8'/%3E%3Ccircle cx='97' cy='17' r='.9' fill='%23b3302a'/%3E%3Cpath d='M78 20H102V33C102 42 96 47 90 50C84 47 78 42 78 33Z' fill='%231c2340' stroke='%23100c06' stroke-opacity='.5' stroke-width='2.6'/%3E%3Cpath d='M78 20H102V33C102 42 96 47 90 50C84 47 78 42 78 33Z' stroke='%23e4c77f' stroke-width='1.3'/%3E%3Cpath d='M80.5 22.5H99.5V33C99.5 40.5 94.5 44.5 90 47C85.5 44.5 80.5 40.5 80.5 33Z' stroke='%23e4c77f' stroke-opacity='.5' stroke-width='.6'/%3E%3Cpath d='M90 22.5C87.6 25.5 87.6 29.5 90 33C92.4 29.5 92.4 25.5 90 22.5ZM89 33C85 33.5 82.5 30 84.5 27.5C85 30 86.5 31 88.5 31ZM91 33C95 33.5 97.5 30 95.5 27.5C95 30 93.5 31 91.5 31ZM85.5 34.6H94.5M88.5 35.5L87 40M91.5 35.5L93 40' fill='%23f0d792' stroke='%23f0d792' stroke-width='.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M4 30V4H30' stroke='%23100c06' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M4 30V4H30' stroke='%23e4c77f' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 9l2.5-2.5L14 9l-2.5 2.5z' fill='%23f0d792'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cg transform='matrix(-1 0 0 1 40 0)'%3E%3Cpath d='M4 30V4H30' stroke='%23100c06' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M4 30V4H30' stroke='%23e4c77f' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 9l2.5-2.5L14 9l-2.5 2.5z' fill='%23f0d792'/%3E%3C/g%3E%3C/svg%3E");background-position:center top 4px,left 6px top 6px,right 6px top 6px;background-size:auto clamp(24px,26%,72px),auto clamp(16px,18%,44px),auto clamp(16px,18%,44px);background-repeat:no-repeat}
.profile-decoration[data-profile-decoration="deco-pearls"]::before{content:"";position:absolute;left:6px;right:6px;top:5px;height:clamp(16px,15%,36px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='28' viewBox='0 0 120 28' fill='none'%3E%3Cdefs%3E%3CradialGradient id='p' cx='.36' cy='.32' r='.75'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.45' stop-color='%23ece6dd'/%3E%3Cstop offset='1' stop-color='%23a59c90'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M6 4Q60 34 114 4' stroke='%23b9a98a' stroke-width='.5' opacity='.6'/%3E%3Ccircle cx='6' cy='4' r='1.9' fill='url(%23p)' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Ccircle cx='9.9' cy='6.09' r='1.94' fill='url(%23p)' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Ccircle cx='13.9' cy='8.07' r='1.97' fill='url(%23p)' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Ccircle cx='18' cy='9.93' r='2.01' fill='url(%23p)' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Ccircle cx='22.1' cy='11.61' r='2.05' fill='url(%23p)' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Ccircle cx='26.3' cy='13.16' r='2.09' fill='url(%23p)' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Ccircle cx='30.5' cy='14.52' r='2.13' fill='url(%23p)' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Ccircle cx='34.8' cy='15.73' r='2.17' fill='url(%23p)' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Ccircle cx='39.1' cy='16.75' r='2.21' fill='url(%23p)' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Ccircle cx='43.5' cy='17.6' r='2.25' fill='url(%23p)' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Ccircle cx='47.9' cy='18.25' r='2.29' fill='url(%23p)' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Ccircle cx='52.3' cy='18.7' r='2.33' fill='url(%23p)' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Ccircle cx='56.7' cy='18.94' r='2.37' fill='url(%23p)' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Ccircle cx='61.1' cy='18.99' r='2.39' fill='url(%23p)' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Ccircle cx='65.5' cy='18.84' r='2.35' fill='url(%23p)' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Ccircle cx='69.9' cy='18.5' r='2.31' fill='url(%23p)' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Ccircle cx='74.3' cy='17.95' r='2.27' fill='url(%23p)' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Ccircle cx='78.7' cy='17.2' r='2.23' fill='url(%23p)' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Ccircle cx='83.1' cy='16.26' r='2.19' fill='url(%23p)' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Ccircle cx='87.4' cy='15.14' r='2.15' fill='url(%23p)' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Ccircle cx='91.7' cy='13.83' r='2.11' fill='url(%23p)' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Ccircle cx='95.9' cy='12.37' r='2.07' fill='url(%23p)' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Ccircle cx='100' cy='10.77' r='2.03' fill='url(%23p)' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Ccircle cx='104.1' cy='9' r='1.99' fill='url(%23p)' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Ccircle cx='108.1' cy='7.1' r='1.95' fill='url(%23p)' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Ccircle cx='112.1' cy='5.04' r='1.92' fill='url(%23p)' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Cpath d='M60 21.5V23.5' stroke='%23d6b56a' stroke-width='.8'/%3E%3Ccircle cx='60' cy='25.3' r='2.5' fill='url(%23p)' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Ccircle cx='118' cy='4' r='1.5' fill='url(%23p)' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Ccircle cx='2' cy='4' r='1.5' fill='url(%23p)' stroke='%23100c06' stroke-opacity='.45' stroke-width='.6'/%3E%3Cpath d='M3.5 4l2.5-2.6L8.5 4 6 6.6z' fill='%23e2c27c' stroke='%23100c06' stroke-opacity='.45' stroke-width='.5'/%3E%3Cpath d='M111.5 4l2.5-2.6 2.5 2.6-2.5 2.6z' fill='%23e2c27c' stroke='%23100c06' stroke-opacity='.45' stroke-width='.5'/%3E%3C/svg%3E");background-size:auto 100%;background-repeat:round no-repeat}
.profile-decoration[data-profile-decoration="deco-meander"]::before{content:"";position:absolute;left:7px;right:7px;height:clamp(8px,6.5%,15px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M0 1.2H12M0 10.8H12M1.8 10.8V3.6H10.2V8.4H5.4V6H7.8' stroke='%23100c06' stroke-opacity='.45' stroke-width='2.6' stroke-linejoin='miter'/%3E%3Cpath d='M0 1.2H12M0 10.8H12M1.8 10.8V3.6H10.2V8.4H5.4V6H7.8' stroke='%23e4c77f' stroke-width='1.1' stroke-linejoin='miter'/%3E%3C/svg%3E");background-size:auto 100%;background-repeat:round no-repeat;top:6px}
.profile-decoration[data-profile-decoration="deco-meander"]::after{content:"";position:absolute;left:7px;right:7px;height:clamp(8px,6.5%,15px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M0 1.2H12M0 10.8H12M1.8 10.8V3.6H10.2V8.4H5.4V6H7.8' stroke='%23100c06' stroke-opacity='.45' stroke-width='2.6' stroke-linejoin='miter'/%3E%3Cpath d='M0 1.2H12M0 10.8H12M1.8 10.8V3.6H10.2V8.4H5.4V6H7.8' stroke='%23e4c77f' stroke-width='1.1' stroke-linejoin='miter'/%3E%3C/svg%3E");background-size:auto 100%;background-repeat:round no-repeat;bottom:6px}
.profile-decoration[data-profile-decoration="deco-embers"]{overflow:hidden;-webkit-mask-image:linear-gradient(0deg,transparent 2%,#000 8%,#000 16%,transparent 62%);mask-image:linear-gradient(0deg,transparent 2%,#000 8%,#000 16%,transparent 62%);background-image:linear-gradient(90deg,transparent,#ff9a4a80 25%,#ffd28acc 50%,#ff9a4a80 75%,transparent);background-position:center bottom 5px;background-size:92% 1.5px}
.profile-decoration[data-profile-decoration="deco-embers"]::before{content:"";position:absolute;left:4px;right:4px;bottom:-150px;height:calc(62% + 150px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150' fill='none'%3E%3Cdefs%3E%3CradialGradient id='h'%3E%3Cstop offset='0' stop-color='%23ffb054' stop-opacity='.75'/%3E%3Cstop offset='1' stop-color='%23ff7a2a' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='6.01' cy='138.11' r='5.08' fill='url(%23h)'/%3E%3Ccircle cx='6.01' cy='138.11' r='1.13' fill='%23ffe6ad'/%3E%3Ccircle cx='35.06' cy='109.41' r='5.57' fill='url(%23h)'/%3E%3Ccircle cx='35.06' cy='109.41' r='1.33' fill='%23ffe6ad'/%3E%3Ccircle cx='51.45' cy='112.81' r='6.01' fill='url(%23h)'/%3E%3Ccircle cx='51.45' cy='112.81' r='1.5' fill='%23ffe6ad'/%3E%3Ccircle cx='80.91' cy='102.68' r='5.77' fill='url(%23h)'/%3E%3Ccircle cx='80.91' cy='102.68' r='1.41' fill='%23ffe6ad'/%3E%3Ccircle cx='118.71' cy='36.3' r='5.25' fill='url(%23h)'/%3E%3Ccircle cx='118.71' cy='36.3' r='1.2' fill='%23ffe6ad'/%3E%3Ccircle cx='103.69' cy='104.71' r='4.61' fill='url(%23h)'/%3E%3Ccircle cx='103.69' cy='104.71' r='0.94' fill='%23ffe6ad'/%3E%3Ccircle cx='100.38' cy='70.18' r='6.34' fill='url(%23h)'/%3E%3Ccircle cx='100.38' cy='70.18' r='1.64' fill='%23ffe6ad'/%3E%3Ccircle cx='117.42' cy='18.43' r='5.53' fill='url(%23h)'/%3E%3Ccircle cx='117.42' cy='18.43' r='1.31' fill='%23ffe6ad'/%3E%3Ccircle cx='133.4' cy='103.28' r='5.79' fill='url(%23h)'/%3E%3Ccircle cx='133.4' cy='103.28' r='1.42' fill='%23ffe6ad'/%3E%3C/svg%3E");background-size:150px 150px;animation:deco2-up-150 11s linear infinite;will-change:transform}
.profile-decoration[data-profile-decoration="deco-embers"]::after{content:"";position:absolute;left:4px;right:4px;bottom:-110px;height:calc(62% + 110px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='110' viewBox='0 0 110 110' fill='none'%3E%3Cdefs%3E%3CradialGradient id='h'%3E%3Cstop offset='0' stop-color='%23ffb054' stop-opacity='.75'/%3E%3Cstop offset='1' stop-color='%23ff7a2a' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='62.59' cy='100.32' r='5.02' fill='url(%23h)'/%3E%3Ccircle cx='62.59' cy='100.32' r='1.33' fill='%23ffe6ad'/%3E%3Ccircle cx='42.48' cy='36.89' r='4.87' fill='url(%23h)'/%3E%3Ccircle cx='42.48' cy='36.89' r='1.27' fill='%23ffe6ad'/%3E%3Ccircle cx='38.56' cy='16.78' r='3.8' fill='url(%23h)'/%3E%3Ccircle cx='38.56' cy='16.78' r='0.84' fill='%23ffe6ad'/%3E%3Ccircle cx='47.99' cy='32.44' r='5.07' fill='url(%23h)'/%3E%3Ccircle cx='47.99' cy='32.44' r='1.35' fill='%23ffe6ad'/%3E%3Ccircle cx='60.62' cy='80.22' r='4.96' fill='url(%23h)'/%3E%3Ccircle cx='60.62' cy='80.22' r='1.3' fill='%23ffe6ad'/%3E%3Ccircle cx='11.75' cy='30.08' r='4.32' fill='url(%23h)'/%3E%3Ccircle cx='11.75' cy='30.08' r='1.05' fill='%23ffe6ad'/%3E%3Ccircle cx='55.86' cy='46.36' r='3.59' fill='url(%23h)'/%3E%3Ccircle cx='55.86' cy='46.36' r='0.75' fill='%23ffe6ad'/%3E%3C/svg%3E");background-size:110px 110px;opacity:.75;animation:deco2-up-110 7.5s linear infinite;will-change:transform}
.profile-decoration[data-profile-decoration="deco-golden-rain"]{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 4%,transparent 19%,transparent 81%,#000 96%,#000);mask-image:linear-gradient(90deg,#000 0,#000 4%,transparent 19%,transparent 81%,#000 96%,#000)}
.profile-decoration[data-profile-decoration="deco-golden-rain"]::before{content:"";position:absolute;top:-140px;height:calc(100% + 140px);width:17%;background-size:48px 140px;will-change:transform;animation:deco2-down-140 linear infinite;left:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='140' viewBox='0 0 48 140' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f0d792' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff1c4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M39.5 7.68L40 28.45H39Z' fill='url(%23g)'/%3E%3Ccircle cx='39.5' cy='28.45' r='1.02' fill='%23fff4d0'/%3E%3Cpath d='M18.5 93.02L19.25 127.2H17.75Z' fill='url(%23g)'/%3E%3Ccircle cx='18.5' cy='127.2' r='1.35' fill='%23fff4d0'/%3E%3Cpath d='M25.5 23.18L26 44.91H25Z' fill='url(%23g)'/%3E%3Ccircle cx='25.5' cy='44.91' r='1.04' fill='%23fff4d0'/%3E%3Cpath d='M16.5 51.02L17 73.2H16Z' fill='url(%23g)'/%3E%3Ccircle cx='16.5' cy='73.2' r='1.05' fill='%23fff4d0'/%3E%3Cpath d='M18.5 74.43L19.25 101.17H17.75Z' fill='url(%23g)'/%3E%3Ccircle cx='18.5' cy='101.17' r='1.17' fill='%23fff4d0'/%3E%3C/svg%3E");animation-duration:6.5s}
.profile-decoration[data-profile-decoration="deco-golden-rain"]::after{content:"";position:absolute;top:-140px;height:calc(100% + 140px);width:17%;background-size:48px 140px;will-change:transform;animation:deco2-down-140 linear infinite;right:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='140' viewBox='0 0 48 140' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f0d792' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff1c4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M14.5 126.91L15 149.9H14Z' fill='url(%23g)'/%3E%3Ccircle cx='14.5' cy='149.9' r='1.07' fill='%23fff4d0'/%3E%3Cpath d='M37.5 88.92L38.25 116.14H36.75Z' fill='url(%23g)'/%3E%3Ccircle cx='37.5' cy='116.14' r='1.18' fill='%23fff4d0'/%3E%3Cpath d='M25.5 70.69L26.25 99.23H24.75Z' fill='url(%23g)'/%3E%3Ccircle cx='25.5' cy='99.23' r='1.21' fill='%23fff4d0'/%3E%3Cpath d='M40.5 55.54L41.25 84.54H39.75Z' fill='url(%23g)'/%3E%3Ccircle cx='40.5' cy='84.54' r='1.22' fill='%23fff4d0'/%3E%3Cpath d='M15.5 82.16L16 102.57H15Z' fill='url(%23g)'/%3E%3Ccircle cx='15.5' cy='102.57' r='1.01' fill='%23fff4d0'/%3E%3C/svg%3E");animation-duration:8s;animation-delay:-3s}
.profile-decoration[data-profile-decoration="deco-snowfall"]{overflow:hidden;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='50' viewBox='0 0 70 50' fill='none'%3E%3Cpath d='M14 14L14 5M14 8.78L11.96 6.74M14 8.78L16.04 6.74M14 14L21.79 9.5M18.52 11.39L19.27 8.61M18.52 11.39L21.3 12.14M14 14L21.79 18.5M18.52 16.61L21.3 15.86M18.52 16.61L19.27 19.39M14 14L14 23M14 19.22L16.04 21.26M14 19.22L11.96 21.26M14 14L6.21 18.5M9.48 16.61L8.73 19.39M9.48 16.61L6.7 15.86M14 14L6.21 9.5M9.48 11.39L6.7 12.14M9.48 11.39L8.73 8.61' stroke='%23100c06' stroke-width='2.9' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M14 14L14 5M14 8.78L11.96 6.74M14 8.78L16.04 6.74M14 14L21.79 9.5M18.52 11.39L19.27 8.61M18.52 11.39L21.3 12.14M14 14L21.79 18.5M18.52 16.61L21.3 15.86M18.52 16.61L19.27 19.39M14 14L14 23M14 19.22L16.04 21.26M14 19.22L11.96 21.26M14 14L6.21 18.5M9.48 16.61L8.73 19.39M9.48 16.61L6.7 15.86M14 14L6.21 9.5M9.48 11.39L6.7 12.14M9.48 11.39L8.73 8.61' stroke='%23f4f9ff' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M38 10L38 5M38 7.1L36.87 5.97M38 7.1L39.13 5.97M38 10L42.33 7.5M40.51 8.55L40.93 7M40.51 8.55L42.06 8.96M38 10L42.33 12.5M40.51 11.45L42.06 11.04M40.51 11.45L40.93 13M38 10L38 15M38 12.9L39.13 14.03M38 12.9L36.87 14.03M38 10L33.67 12.5M35.49 11.45L35.07 13M35.49 11.45L33.94 11.04M38 10L33.67 7.5M35.49 8.55L33.94 8.96M35.49 8.55L35.07 7' stroke='%23100c06' stroke-width='2.9' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M38 10L38 5M38 7.1L36.87 5.97M38 7.1L39.13 5.97M38 10L42.33 7.5M40.51 8.55L40.93 7M40.51 8.55L42.06 8.96M38 10L42.33 12.5M40.51 11.45L42.06 11.04M40.51 11.45L40.93 13M38 10L38 15M38 12.9L39.13 14.03M38 12.9L36.87 14.03M38 10L33.67 12.5M35.49 11.45L35.07 13M35.49 11.45L33.94 11.04M38 10L33.67 7.5M35.49 8.55L33.94 8.96M35.49 8.55L35.07 7' stroke='%23f4f9ff' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 38L12 33.5M12 35.39L10.98 34.37M12 35.39L13.02 34.37M12 38L15.9 35.75M14.26 36.7L14.63 35.3M14.26 36.7L15.65 37.07M12 38L15.9 40.25M14.26 39.31L15.65 38.93M14.26 39.31L14.63 40.7M12 38L12 42.5M12 40.61L13.02 41.63M12 40.61L10.98 41.63M12 38L8.1 40.25M9.74 39.31L9.37 40.7M9.74 39.31L8.35 38.93M12 38L8.1 35.75M9.74 36.7L8.35 37.07M9.74 36.7L9.37 35.3' stroke='%23100c06' stroke-width='2.9' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M12 38L12 33.5M12 35.39L10.98 34.37M12 35.39L13.02 34.37M12 38L15.9 35.75M14.26 36.7L14.63 35.3M14.26 36.7L15.65 37.07M12 38L15.9 40.25M14.26 39.31L15.65 38.93M14.26 39.31L14.63 40.7M12 38L12 42.5M12 40.61L13.02 41.63M12 40.61L10.98 41.63M12 38L8.1 40.25M9.74 39.31L9.37 40.7M9.74 39.31L8.35 38.93M12 38L8.1 35.75M9.74 36.7L8.35 37.07M9.74 36.7L9.37 35.3' stroke='%23f4f9ff' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='54' cy='18' r='1.2' fill='%23fff'/%3E%3Ccircle cx='26' cy='28' r='1' fill='%23fff' fill-opacity='.8'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='50' viewBox='0 0 70 50' fill='none'%3E%3Cg transform='matrix(-1 0 0 1 70 0)'%3E%3Cpath d='M14 14L14 5M14 8.78L11.96 6.74M14 8.78L16.04 6.74M14 14L21.79 9.5M18.52 11.39L19.27 8.61M18.52 11.39L21.3 12.14M14 14L21.79 18.5M18.52 16.61L21.3 15.86M18.52 16.61L19.27 19.39M14 14L14 23M14 19.22L16.04 21.26M14 19.22L11.96 21.26M14 14L6.21 18.5M9.48 16.61L8.73 19.39M9.48 16.61L6.7 15.86M14 14L6.21 9.5M9.48 11.39L6.7 12.14M9.48 11.39L8.73 8.61' stroke='%23100c06' stroke-width='2.9' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M14 14L14 5M14 8.78L11.96 6.74M14 8.78L16.04 6.74M14 14L21.79 9.5M18.52 11.39L19.27 8.61M18.52 11.39L21.3 12.14M14 14L21.79 18.5M18.52 16.61L21.3 15.86M18.52 16.61L19.27 19.39M14 14L14 23M14 19.22L16.04 21.26M14 19.22L11.96 21.26M14 14L6.21 18.5M9.48 16.61L8.73 19.39M9.48 16.61L6.7 15.86M14 14L6.21 9.5M9.48 11.39L6.7 12.14M9.48 11.39L8.73 8.61' stroke='%23f4f9ff' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M38 10L38 5M38 7.1L36.87 5.97M38 7.1L39.13 5.97M38 10L42.33 7.5M40.51 8.55L40.93 7M40.51 8.55L42.06 8.96M38 10L42.33 12.5M40.51 11.45L42.06 11.04M40.51 11.45L40.93 13M38 10L38 15M38 12.9L39.13 14.03M38 12.9L36.87 14.03M38 10L33.67 12.5M35.49 11.45L35.07 13M35.49 11.45L33.94 11.04M38 10L33.67 7.5M35.49 8.55L33.94 8.96M35.49 8.55L35.07 7' stroke='%23100c06' stroke-width='2.9' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M38 10L38 5M38 7.1L36.87 5.97M38 7.1L39.13 5.97M38 10L42.33 7.5M40.51 8.55L40.93 7M40.51 8.55L42.06 8.96M38 10L42.33 12.5M40.51 11.45L42.06 11.04M40.51 11.45L40.93 13M38 10L38 15M38 12.9L39.13 14.03M38 12.9L36.87 14.03M38 10L33.67 12.5M35.49 11.45L35.07 13M35.49 11.45L33.94 11.04M38 10L33.67 7.5M35.49 8.55L33.94 8.96M35.49 8.55L35.07 7' stroke='%23f4f9ff' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 38L12 33.5M12 35.39L10.98 34.37M12 35.39L13.02 34.37M12 38L15.9 35.75M14.26 36.7L14.63 35.3M14.26 36.7L15.65 37.07M12 38L15.9 40.25M14.26 39.31L15.65 38.93M14.26 39.31L14.63 40.7M12 38L12 42.5M12 40.61L13.02 41.63M12 40.61L10.98 41.63M12 38L8.1 40.25M9.74 39.31L9.37 40.7M9.74 39.31L8.35 38.93M12 38L8.1 35.75M9.74 36.7L8.35 37.07M9.74 36.7L9.37 35.3' stroke='%23100c06' stroke-width='2.9' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M12 38L12 33.5M12 35.39L10.98 34.37M12 35.39L13.02 34.37M12 38L15.9 35.75M14.26 36.7L14.63 35.3M14.26 36.7L15.65 37.07M12 38L15.9 40.25M14.26 39.31L15.65 38.93M14.26 39.31L14.63 40.7M12 38L12 42.5M12 40.61L13.02 41.63M12 40.61L10.98 41.63M12 38L8.1 40.25M9.74 39.31L9.37 40.7M9.74 39.31L8.35 38.93M12 38L8.1 35.75M9.74 36.7L8.35 37.07M9.74 36.7L9.37 35.3' stroke='%23f4f9ff' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='54' cy='18' r='1.2' fill='%23fff'/%3E%3Ccircle cx='26' cy='28' r='1' fill='%23fff' fill-opacity='.8'/%3E%3C/g%3E%3C/svg%3E");background-position:left 4px top 4px,right 4px top 4px;background-size:auto clamp(22px,28%,74px);background-repeat:no-repeat;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 18%,transparent 64%);mask-image:linear-gradient(180deg,#000 0,#000 18%,transparent 64%)}
.profile-decoration[data-profile-decoration="deco-snowfall"]::before{content:"";position:absolute;left:4px;right:4px;top:-140px;height:calc(64% + 140px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140' fill='none'%3E%3Ccircle cx='48.32' cy='54.8' r='2.05' fill='%23fff' fill-opacity='0.92'/%3E%3Ccircle cx='118.33' cy='15.55' r='2.08' fill='%23fff' fill-opacity='0.93'/%3E%3Ccircle cx='15.95' cy='56.95' r='1.28' fill='%23fff' fill-opacity='0.66'/%3E%3Ccircle cx='15.97' cy='139.47' r='1.36' fill='%23fff' fill-opacity='0.69'/%3E%3Ccircle cx='86.94' cy='20.2' r='1.65' fill='%23fff' fill-opacity='0.78'/%3E%3Ccircle cx='81.89' cy='19.29' r='2.21' fill='%23fff' fill-opacity='0.97'/%3E%3Ccircle cx='119.22' cy='124.68' r='2.16' fill='%23fff' fill-opacity='0.95'/%3E%3Ccircle cx='122.19' cy='106.56' r='1.43' fill='%23fff' fill-opacity='0.71'/%3E%3Ccircle cx='7.34' cy='34.76' r='1.19' fill='%23fff' fill-opacity='0.63'/%3E%3Ccircle cx='6.2' cy='86.36' r='1.38' fill='%23fff' fill-opacity='0.69'/%3E%3Ccircle cx='100.87' cy='68.51' r='1.93' fill='%23fff' fill-opacity='0.88'/%3E%3C/svg%3E");background-size:140px 140px;animation:deco2-down-140 13s linear infinite;will-change:transform}
.profile-decoration[data-profile-decoration="deco-snowfall"]::after{content:"";position:absolute;left:4px;right:4px;top:-90px;height:calc(64% + 90px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90' fill='none'%3E%3Ccircle cx='24.57' cy='79.39' r='0.86' fill='%23fff' fill-opacity='0.69'/%3E%3Ccircle cx='35.17' cy='80.48' r='0.78' fill='%23fff' fill-opacity='0.65'/%3E%3Ccircle cx='44.16' cy='0.27' r='1.34' fill='%23fff' fill-opacity='0.97'/%3E%3Ccircle cx='55.68' cy='82.99' r='0.71' fill='%23fff' fill-opacity='0.61'/%3E%3Ccircle cx='76.2' cy='16.93' r='1.38' fill='%23fff' fill-opacity='0.99'/%3E%3Ccircle cx='50.09' cy='61.14' r='0.89' fill='%23fff' fill-opacity='0.71'/%3E%3Ccircle cx='23.38' cy='18.8' r='1.1' fill='%23fff' fill-opacity='0.83'/%3E%3C/svg%3E");background-size:90px 90px;opacity:.8;animation:deco2-down-90 8s linear infinite;will-change:transform}
.profile-decoration[data-profile-decoration="deco-ripple"]{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 1%,#000 18%,#000 82%,transparent 99%);mask-image:linear-gradient(90deg,transparent 1%,#000 18%,#000 82%,transparent 99%)}
.profile-decoration[data-profile-decoration="deco-ripple"]::before{content:"";position:absolute;left:0;right:-64px;bottom:13px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='14' viewBox='0 0 64 14' fill='none'%3E%3Cpath d='M0 7C8 4.5 24 4.5 32 7S56 9.5 64 7' stroke='%23100c06' stroke-opacity='.35' stroke-width='2.5'/%3E%3Cpath d='M0 7C8 4.5 24 4.5 32 7S56 9.5 64 7' stroke='%23d4f3f7' stroke-opacity='0.55' stroke-width='0.9'/%3E%3Cpath d='M10 5.2h6' stroke='%23fff' stroke-width='0.9' stroke-linecap='round' opacity='0.55'/%3E%3C/svg%3E");background-size:64px 14px;background-repeat:repeat-x;animation:deco2-wave-l 7s linear infinite;will-change:transform}
.profile-decoration[data-profile-decoration="deco-ripple"]::after{content:"";position:absolute;left:-64px;right:0;bottom:5px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='14' viewBox='0 0 64 14' fill='none'%3E%3Cpath d='M0 7C8 3.5 24 3.5 32 7S56 10.5 64 7' stroke='%23100c06' stroke-opacity='.35' stroke-width='2.9000000000000004'/%3E%3Cpath d='M0 7C8 3.5 24 3.5 32 7S56 10.5 64 7' stroke='%23d4f3f7' stroke-opacity='0.95' stroke-width='1.3'/%3E%3Cpath d='M10 4.48h6' stroke='%23fff' stroke-width='1.3' stroke-linecap='round' opacity='0.95'/%3E%3C/svg%3E");background-size:64px 14px;background-repeat:repeat-x;animation:deco2-wave-r 5s linear infinite;will-change:transform}
.profile-decoration[data-profile-decoration="deco-neon"]{inset:9px;border-radius:5px}
.profile-decoration[data-profile-decoration="deco-neon"]::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1.5px #ffe4f7,0 0 1px 1px #ff5ccf,inset 0 0 1px 1px #ff5ccf}
.profile-decoration[data-profile-decoration="deco-neon"]::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 9px 1px #ff4fcbb3,inset 0 0 9px 1px #ff4fcb80;opacity:.85;animation:deco2-neon 7s linear infinite;will-change:opacity}
.profile-decoration[data-profile-decoration="deco-lightning"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='60' viewBox='0 0 72 60' fill='none'%3E%3Cpath d='M5 6L19 9L15 12.5L33 14L29 17.5L50 19L45 21.5L66 22M15 12.5L22 21L19 23L27 31M5 6L8 20L4.5 23L10 37L6.5 40L11 54' stroke='%236fb8ff' stroke-opacity='0.18' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 6L19 9L15 12.5L33 14L29 17.5L50 19L45 21.5L66 22M15 12.5L22 21L19 23L27 31M5 6L8 20L4.5 23L10 37L6.5 40L11 54' stroke='%23100c06' stroke-opacity='.3' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 6L19 9L15 12.5L33 14L29 17.5L50 19L45 21.5L66 22M15 12.5L22 21L19 23L27 31M5 6L8 20L4.5 23L10 37L6.5 40L11 54' stroke='%23eef6ff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='60' viewBox='0 0 72 60' fill='none'%3E%3Cg transform='matrix(-1 0 0 1 72 0)'%3E%3Cpath d='M5 6L19 9L15 12.5L33 14L29 17.5L50 19L45 21.5L66 22M15 12.5L22 21L19 23L27 31M5 6L8 20L4.5 23L10 37L6.5 40L11 54' stroke='%236fb8ff' stroke-opacity='0.18' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 6L19 9L15 12.5L33 14L29 17.5L50 19L45 21.5L66 22M15 12.5L22 21L19 23L27 31M5 6L8 20L4.5 23L10 37L6.5 40L11 54' stroke='%23100c06' stroke-opacity='.3' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 6L19 9L15 12.5L33 14L29 17.5L50 19L45 21.5L66 22M15 12.5L22 21L19 23L27 31M5 6L8 20L4.5 23L10 37L6.5 40L11 54' stroke='%23eef6ff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='60' viewBox='0 0 72 60' fill='none'%3E%3Cg transform='matrix(1 0 0 -1 0 60)'%3E%3Cpath d='M5 6L19 9L15 12.5L33 14L29 17.5L50 19L45 21.5L66 22M15 12.5L22 21L19 23L27 31M5 6L8 20L4.5 23L10 37L6.5 40L11 54' stroke='%236fb8ff' stroke-opacity='0.18' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 6L19 9L15 12.5L33 14L29 17.5L50 19L45 21.5L66 22M15 12.5L22 21L19 23L27 31M5 6L8 20L4.5 23L10 37L6.5 40L11 54' stroke='%23100c06' stroke-opacity='.3' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 6L19 9L15 12.5L33 14L29 17.5L50 19L45 21.5L66 22M15 12.5L22 21L19 23L27 31M5 6L8 20L4.5 23L10 37L6.5 40L11 54' stroke='%23eef6ff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='60' viewBox='0 0 72 60' fill='none'%3E%3Cg transform='matrix(-1 0 0 -1 72 60)'%3E%3Cpath d='M5 6L19 9L15 12.5L33 14L29 17.5L50 19L45 21.5L66 22M15 12.5L22 21L19 23L27 31M5 6L8 20L4.5 23L10 37L6.5 40L11 54' stroke='%236fb8ff' stroke-opacity='0.18' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 6L19 9L15 12.5L33 14L29 17.5L50 19L45 21.5L66 22M15 12.5L22 21L19 23L27 31M5 6L8 20L4.5 23L10 37L6.5 40L11 54' stroke='%23100c06' stroke-opacity='.3' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 6L19 9L15 12.5L33 14L29 17.5L50 19L45 21.5L66 22M15 12.5L22 21L19 23L27 31M5 6L8 20L4.5 23L10 37L6.5 40L11 54' stroke='%23eef6ff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");background-position:left 5px top 5px,right 5px top 5px,left 5px bottom 5px,right 5px bottom 5px;background-size:auto clamp(24px,34%,92px);background-repeat:no-repeat}
.profile-decoration[data-profile-decoration="deco-lightning"]::before{content:"";position:absolute;inset:0;background-size:auto clamp(24px,34%,92px);background-repeat:no-repeat;filter:drop-shadow(0 0 3px #7cc4ff);opacity:0;animation:deco2-flash 6s linear infinite;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='60' viewBox='0 0 72 60' fill='none'%3E%3Cpath d='M5 6L19 9L15 12.5L33 14L29 17.5L50 19L45 21.5L66 22M15 12.5L22 21L19 23L27 31M5 6L8 20L4.5 23L10 37L6.5 40L11 54' stroke='%236fb8ff' stroke-opacity='0.5' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 6L19 9L15 12.5L33 14L29 17.5L50 19L45 21.5L66 22M15 12.5L22 21L19 23L27 31M5 6L8 20L4.5 23L10 37L6.5 40L11 54' stroke='%23100c06' stroke-opacity='.3' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 6L19 9L15 12.5L33 14L29 17.5L50 19L45 21.5L66 22M15 12.5L22 21L19 23L27 31M5 6L8 20L4.5 23L10 37L6.5 40L11 54' stroke='%23eef6ff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='60' viewBox='0 0 72 60' fill='none'%3E%3Cg transform='matrix(-1 0 0 -1 72 60)'%3E%3Cpath d='M5 6L19 9L15 12.5L33 14L29 17.5L50 19L45 21.5L66 22M15 12.5L22 21L19 23L27 31M5 6L8 20L4.5 23L10 37L6.5 40L11 54' stroke='%236fb8ff' stroke-opacity='0.5' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 6L19 9L15 12.5L33 14L29 17.5L50 19L45 21.5L66 22M15 12.5L22 21L19 23L27 31M5 6L8 20L4.5 23L10 37L6.5 40L11 54' stroke='%23100c06' stroke-opacity='.3' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 6L19 9L15 12.5L33 14L29 17.5L50 19L45 21.5L66 22M15 12.5L22 21L19 23L27 31M5 6L8 20L4.5 23L10 37L6.5 40L11 54' stroke='%23eef6ff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");background-position:left 5px top 5px,right 5px bottom 5px}
.profile-decoration[data-profile-decoration="deco-lightning"]::after{content:"";position:absolute;inset:0;background-size:auto clamp(24px,34%,92px);background-repeat:no-repeat;filter:drop-shadow(0 0 3px #7cc4ff);opacity:0;animation:deco2-flash 6s linear infinite;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='60' viewBox='0 0 72 60' fill='none'%3E%3Cg transform='matrix(-1 0 0 1 72 0)'%3E%3Cpath d='M5 6L19 9L15 12.5L33 14L29 17.5L50 19L45 21.5L66 22M15 12.5L22 21L19 23L27 31M5 6L8 20L4.5 23L10 37L6.5 40L11 54' stroke='%236fb8ff' stroke-opacity='0.5' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 6L19 9L15 12.5L33 14L29 17.5L50 19L45 21.5L66 22M15 12.5L22 21L19 23L27 31M5 6L8 20L4.5 23L10 37L6.5 40L11 54' stroke='%23100c06' stroke-opacity='.3' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 6L19 9L15 12.5L33 14L29 17.5L50 19L45 21.5L66 22M15 12.5L22 21L19 23L27 31M5 6L8 20L4.5 23L10 37L6.5 40L11 54' stroke='%23eef6ff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='60' viewBox='0 0 72 60' fill='none'%3E%3Cg transform='matrix(1 0 0 -1 0 60)'%3E%3Cpath d='M5 6L19 9L15 12.5L33 14L29 17.5L50 19L45 21.5L66 22M15 12.5L22 21L19 23L27 31M5 6L8 20L4.5 23L10 37L6.5 40L11 54' stroke='%236fb8ff' stroke-opacity='0.5' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 6L19 9L15 12.5L33 14L29 17.5L50 19L45 21.5L66 22M15 12.5L22 21L19 23L27 31M5 6L8 20L4.5 23L10 37L6.5 40L11 54' stroke='%23100c06' stroke-opacity='.3' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 6L19 9L15 12.5L33 14L29 17.5L50 19L45 21.5L66 22M15 12.5L22 21L19 23L27 31M5 6L8 20L4.5 23L10 37L6.5 40L11 54' stroke='%23eef6ff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");background-position:right 5px top 5px,left 5px bottom 5px;animation-delay:-3.1s;animation-duration:7.4s}
.profile-decoration[data-profile-decoration="deco-holo-glint"]{overflow:hidden;background-image:linear-gradient(90deg,#ff9ad5cc,#9fe3ffcc 25%,#c8a8ffcc 50%,#a8ffd8cc 75%,#ffe39acc),linear-gradient(90deg,#ff9ad5cc,#9fe3ffcc 25%,#c8a8ffcc 50%,#a8ffd8cc 75%,#ffe39acc),linear-gradient(180deg,#a8ffd8cc,#c8a8ffcc 50%,#ff9ad5cc),linear-gradient(180deg,#a8ffd8cc,#c8a8ffcc 50%,#ff9ad5cc),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 2L11.76 8.24L18 10L11.76 11.76L10 18L8.24 11.76L2 10L8.24 8.24Z' fill='%23ffffff' opacity='0.95'/%3E%3Ccircle cx='10' cy='10' r='3.5' fill='%23d9c8ff' fill-opacity='.35'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 2L11.76 8.24L18 10L11.76 11.76L10 18L8.24 11.76L2 10L8.24 8.24Z' fill='%23ffffff' opacity='0.95'/%3E%3Ccircle cx='10' cy='10' r='3.5' fill='%23d9c8ff' fill-opacity='.35'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 2L11.76 8.24L18 10L11.76 11.76L10 18L8.24 11.76L2 10L8.24 8.24Z' fill='%23ffffff' opacity='0.95'/%3E%3Ccircle cx='10' cy='10' r='3.5' fill='%23d9c8ff' fill-opacity='.35'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 2L11.76 8.24L18 10L11.76 11.76L10 18L8.24 11.76L2 10L8.24 8.24Z' fill='%23ffffff' opacity='0.95'/%3E%3Ccircle cx='10' cy='10' r='3.5' fill='%23d9c8ff' fill-opacity='.35'/%3E%3C/svg%3E");background-position:left 9px top 9px,left 9px bottom 9px,left 9px top 9px,right 9px top 9px,left 3px top 3px,right 3px top 3px,left 3px bottom 3px,right 3px bottom 3px;background-size:calc(100% - 18px) 1px,calc(100% - 18px) 1px,1px calc(100% - 18px),1px calc(100% - 18px),12px 12px,12px 12px,12px 12px,12px 12px;background-repeat:no-repeat}
.profile-decoration[data-profile-decoration="deco-holo-glint"]::before{content:"";position:absolute;left:0;width:26%;height:5px;background-image:linear-gradient(90deg,transparent,#fff 50%,transparent),linear-gradient(90deg,transparent,#ffffff59 50%,transparent);background-position:center,center;background-size:100% 1.5px,100% 5px;background-repeat:no-repeat;transform:translateX(-110%);will-change:transform;top:7px;animation:deco2-glint 7s ease-in-out infinite}
.profile-decoration[data-profile-decoration="deco-holo-glint"]::after{content:"";position:absolute;left:0;width:26%;height:5px;background-image:linear-gradient(90deg,transparent,#fff 50%,transparent),linear-gradient(90deg,transparent,#ffffff59 50%,transparent);background-position:center,center;background-size:100% 1.5px,100% 5px;background-repeat:no-repeat;transform:translateX(-110%);will-change:transform;bottom:7px;animation:deco2-glint-rev 7s ease-in-out infinite;animation-delay:-3.5s}
.profile-decoration[data-profile-decoration="deco-comet"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='40' viewBox='0 0 90 40' fill='none'%3E%3Cpath d='M10 6L10.88 9.12L14 10L10.88 10.88L10 14L9.12 10.88L6 10L9.12 9.12Z' fill='%23eef4ff' opacity='0.9'/%3E%3Cpath d='M30 19.5L30.55 21.45L32.5 22L30.55 22.55L30 24.5L29.45 22.55L27.5 22L29.45 21.45Z' fill='%23eef4ff' opacity='0.7'/%3E%3Cpath d='M62 6L62.66 8.34L65 9L62.66 9.66L62 12L61.34 9.66L59 9L61.34 8.34Z' fill='%23eef4ff' opacity='0.8'/%3E%3Ccircle cx='46' cy='30' r='.9' fill='%23fff'/%3E%3Ccircle cx='80' cy='18' r='.8' fill='%23fff' fill-opacity='.7'/%3E%3Ccircle cx='18' cy='32' r='.8' fill='%23fff' fill-opacity='.7'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='40' viewBox='0 0 90 40' fill='none'%3E%3Cg transform='matrix(-1 0 0 1 90 0)'%3E%3Cpath d='M10 6L10.88 9.12L14 10L10.88 10.88L10 14L9.12 10.88L6 10L9.12 9.12Z' fill='%23eef4ff' opacity='0.9'/%3E%3Cpath d='M30 19.5L30.55 21.45L32.5 22L30.55 22.55L30 24.5L29.45 22.55L27.5 22L29.45 21.45Z' fill='%23eef4ff' opacity='0.7'/%3E%3Cpath d='M62 6L62.66 8.34L65 9L62.66 9.66L62 12L61.34 9.66L59 9L61.34 8.34Z' fill='%23eef4ff' opacity='0.8'/%3E%3Ccircle cx='46' cy='30' r='.9' fill='%23fff'/%3E%3Ccircle cx='80' cy='18' r='.8' fill='%23fff' fill-opacity='.7'/%3E%3Ccircle cx='18' cy='32' r='.8' fill='%23fff' fill-opacity='.7'/%3E%3C/g%3E%3C/svg%3E");background-position:left 5px top 5px,right 5px bottom 5px;background-size:auto clamp(16px,24%,60px);background-repeat:no-repeat;overflow:hidden}
.profile-decoration[data-profile-decoration="deco-comet"]::before{content:"";position:absolute;left:0;top:7px;width:100%;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='14' viewBox='0 0 240 14' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='t' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23bcd4ff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23eef4ff' stop-opacity='.95'/%3E%3C/linearGradient%3E%3CradialGradient id='h'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.9'/%3E%3Cstop offset='1' stop-color='%23bcd4ff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M0 7L230 5.3L230 8.7Z' fill='url(%23t)'/%3E%3Ccircle cx='230' cy='7' r='6.5' fill='url(%23h)'/%3E%3Ccircle cx='230' cy='7' r='2.1' fill='%23fff'/%3E%3C/svg%3E");background-position:right center;background-size:240px 14px;background-repeat:no-repeat;transform:translateX(-10px);animation:deco2-comet 10s cubic-bezier(.45,0,.3,1) infinite;will-change:transform}
.profile-decoration[data-profile-decoration="deco-petal-drift"]{overflow:hidden;-webkit-mask-image:radial-gradient(140% 130% at 100% 0,#000 18%,transparent 60%);mask-image:radial-gradient(140% 130% at 100% 0,#000 18%,transparent 60%)}
.profile-decoration[data-profile-decoration="deco-petal-drift"]::before{content:"";position:absolute;left:0;right:-240px;top:-120px;height:calc(70% + 120px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120' fill='none'%3E%3Cpath transform='translate(11.65 92.33) rotate(252) scale(1.33)' d='M0 -5C3 -4 3.6 1 1.3 4.6L0 3.5L-1.3 4.6C-3.6 1 -3 -4 0 -5Z' fill='%23f1b6c4' stroke='%235a1f2c' stroke-opacity='.45' stroke-width='.6'/%3E%3Cpath transform='translate(11.65 92.33) rotate(252) scale(1.33)' d='M0 -3.4V1.6' stroke='%23fff' stroke-opacity='.55' stroke-width='.6' stroke-linecap='round'/%3E%3Cpath transform='translate(83.12 59.78) rotate(12) scale(0.96)' d='M0 -5C3 -4 3.6 1 1.3 4.6L0 3.5L-1.3 4.6C-3.6 1 -3 -4 0 -5Z' fill='%23e48aa2' stroke='%235a1f2c' stroke-opacity='.45' stroke-width='.6'/%3E%3Cpath transform='translate(83.12 59.78) rotate(12) scale(0.96)' d='M0 -3.4V1.6' stroke='%23fff' stroke-opacity='.55' stroke-width='.6' stroke-linecap='round'/%3E%3Cpath transform='translate(17.91 110.28) rotate(47) scale(1.01)' d='M0 -5C3 -4 3.6 1 1.3 4.6L0 3.5L-1.3 4.6C-3.6 1 -3 -4 0 -5Z' fill='%23e48aa2' stroke='%235a1f2c' stroke-opacity='.45' stroke-width='.6'/%3E%3Cpath transform='translate(17.91 110.28) rotate(47) scale(1.01)' d='M0 -3.4V1.6' stroke='%23fff' stroke-opacity='.55' stroke-width='.6' stroke-linecap='round'/%3E%3Cpath transform='translate(80.29 107.16) rotate(13) scale(0.96)' d='M0 -5C3 -4 3.6 1 1.3 4.6L0 3.5L-1.3 4.6C-3.6 1 -3 -4 0 -5Z' fill='%23e48aa2' stroke='%235a1f2c' stroke-opacity='.45' stroke-width='.6'/%3E%3Cpath transform='translate(80.29 107.16) rotate(13) scale(0.96)' d='M0 -3.4V1.6' stroke='%23fff' stroke-opacity='.55' stroke-width='.6' stroke-linecap='round'/%3E%3Cpath transform='translate(101.38 103.36) rotate(357) scale(1.5)' d='M0 -5C3 -4 3.6 1 1.3 4.6L0 3.5L-1.3 4.6C-3.6 1 -3 -4 0 -5Z' fill='%23f1b6c4' stroke='%235a1f2c' stroke-opacity='.45' stroke-width='.6'/%3E%3Cpath transform='translate(101.38 103.36) rotate(357) scale(1.5)' d='M0 -3.4V1.6' stroke='%23fff' stroke-opacity='.55' stroke-width='.6' stroke-linecap='round'/%3E%3Cpath transform='translate(109.06 91.79) rotate(151) scale(1.17)' d='M0 -5C3 -4 3.6 1 1.3 4.6L0 3.5L-1.3 4.6C-3.6 1 -3 -4 0 -5Z' fill='%23e48aa2' stroke='%235a1f2c' stroke-opacity='.45' stroke-width='.6'/%3E%3Cpath transform='translate(109.06 91.79) rotate(151) scale(1.17)' d='M0 -3.4V1.6' stroke='%23fff' stroke-opacity='.55' stroke-width='.6' stroke-linecap='round'/%3E%3C/svg%3E");background-size:120px 120px;animation:deco2-drift-120 16s linear infinite;will-change:transform}
.profile-decoration[data-profile-decoration="deco-petal-drift"]::after{content:"";position:absolute;left:0;right:-160px;top:-80px;height:calc(70% + 80px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Cpath transform='translate(22.88 58.21) rotate(318) scale(1.03)' d='M0 -5C3 -4 3.6 1 1.3 4.6L0 3.5L-1.3 4.6C-3.6 1 -3 -4 0 -5Z' fill='%23f1b6c4' stroke='%235a1f2c' stroke-opacity='.45' stroke-width='.6'/%3E%3Cpath transform='translate(22.88 58.21) rotate(318) scale(1.03)' d='M0 -3.4V1.6' stroke='%23fff' stroke-opacity='.55' stroke-width='.6' stroke-linecap='round'/%3E%3Cpath transform='translate(33.08 18.78) rotate(146) scale(0.84)' d='M0 -5C3 -4 3.6 1 1.3 4.6L0 3.5L-1.3 4.6C-3.6 1 -3 -4 0 -5Z' fill='%23e48aa2' stroke='%235a1f2c' stroke-opacity='.45' stroke-width='.6'/%3E%3Cpath transform='translate(33.08 18.78) rotate(146) scale(0.84)' d='M0 -3.4V1.6' stroke='%23fff' stroke-opacity='.55' stroke-width='.6' stroke-linecap='round'/%3E%3Cpath transform='translate(66.31 44.7) rotate(127) scale(0.82)' d='M0 -5C3 -4 3.6 1 1.3 4.6L0 3.5L-1.3 4.6C-3.6 1 -3 -4 0 -5Z' fill='%23e48aa2' stroke='%235a1f2c' stroke-opacity='.45' stroke-width='.6'/%3E%3Cpath transform='translate(66.31 44.7) rotate(127) scale(0.82)' d='M0 -3.4V1.6' stroke='%23fff' stroke-opacity='.55' stroke-width='.6' stroke-linecap='round'/%3E%3Cpath transform='translate(48.26 58.79) rotate(121) scale(0.81)' d='M0 -5C3 -4 3.6 1 1.3 4.6L0 3.5L-1.3 4.6C-3.6 1 -3 -4 0 -5Z' fill='%23e48aa2' stroke='%235a1f2c' stroke-opacity='.45' stroke-width='.6'/%3E%3Cpath transform='translate(48.26 58.79) rotate(121) scale(0.81)' d='M0 -3.4V1.6' stroke='%23fff' stroke-opacity='.55' stroke-width='.6' stroke-linecap='round'/%3E%3C/svg%3E");background-size:80px 80px;opacity:.8;animation:deco2-drift-80 11s linear infinite;will-change:transform}
.profile-decoration[data-profile-decoration="deco-circuit"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='60' viewBox='0 0 84 60' fill='none'%3E%3Cpath d='M6 6H40L48 14H76M6 6V30L14 38V52M14 11H26L33 18H46M11 14V22L19 30' stroke='%23100c06' stroke-width='3.1' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M6 6H40L48 14H76M6 6V30L14 38V52M14 11H26L33 18H46M11 14V22L19 30' stroke='%237fe0c8' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='79' cy='14' r='2.6' fill='%230b1d1a' stroke='%23100c06' stroke-opacity='.45' stroke-width='3'/%3E%3Ccircle cx='79' cy='14' r='2.6' fill='%230b1d1a' stroke='%237fe0c8' stroke-width='1.1'/%3E%3Ccircle cx='14' cy='55' r='2.6' fill='%230b1d1a' stroke='%23100c06' stroke-opacity='.45' stroke-width='3'/%3E%3Ccircle cx='14' cy='55' r='2.6' fill='%230b1d1a' stroke='%237fe0c8' stroke-width='1.1'/%3E%3Ccircle cx='49' cy='18' r='2.6' fill='%230b1d1a' stroke='%23100c06' stroke-opacity='.45' stroke-width='3'/%3E%3Ccircle cx='49' cy='18' r='2.6' fill='%230b1d1a' stroke='%237fe0c8' stroke-width='1.1'/%3E%3Ccircle cx='19' cy='33' r='2.6' fill='%230b1d1a' stroke='%23100c06' stroke-opacity='.45' stroke-width='3'/%3E%3Ccircle cx='19' cy='33' r='2.6' fill='%230b1d1a' stroke='%237fe0c8' stroke-width='1.1'/%3E%3Cpath d='M2.5 2.5h7v7h-7z' fill='%237fe0c8' stroke='%23100c06' stroke-opacity='.45'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='60' viewBox='0 0 84 60' fill='none'%3E%3Cg transform='matrix(-1 0 0 1 84 0)'%3E%3Cpath d='M6 6H40L48 14H76M6 6V30L14 38V52M14 11H26L33 18H46M11 14V22L19 30' stroke='%23100c06' stroke-width='3.1' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M6 6H40L48 14H76M6 6V30L14 38V52M14 11H26L33 18H46M11 14V22L19 30' stroke='%237fe0c8' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='79' cy='14' r='2.6' fill='%230b1d1a' stroke='%23100c06' stroke-opacity='.45' stroke-width='3'/%3E%3Ccircle cx='79' cy='14' r='2.6' fill='%230b1d1a' stroke='%237fe0c8' stroke-width='1.1'/%3E%3Ccircle cx='14' cy='55' r='2.6' fill='%230b1d1a' stroke='%23100c06' stroke-opacity='.45' stroke-width='3'/%3E%3Ccircle cx='14' cy='55' r='2.6' fill='%230b1d1a' stroke='%237fe0c8' stroke-width='1.1'/%3E%3Ccircle cx='49' cy='18' r='2.6' fill='%230b1d1a' stroke='%23100c06' stroke-opacity='.45' stroke-width='3'/%3E%3Ccircle cx='49' cy='18' r='2.6' fill='%230b1d1a' stroke='%237fe0c8' stroke-width='1.1'/%3E%3Ccircle cx='19' cy='33' r='2.6' fill='%230b1d1a' stroke='%23100c06' stroke-opacity='.45' stroke-width='3'/%3E%3Ccircle cx='19' cy='33' r='2.6' fill='%230b1d1a' stroke='%237fe0c8' stroke-width='1.1'/%3E%3Cpath d='M2.5 2.5h7v7h-7z' fill='%237fe0c8' stroke='%23100c06' stroke-opacity='.45'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='60' viewBox='0 0 84 60' fill='none'%3E%3Cg transform='matrix(1 0 0 -1 0 60)'%3E%3Cpath d='M6 6H40L48 14H76M6 6V30L14 38V52M14 11H26L33 18H46M11 14V22L19 30' stroke='%23100c06' stroke-width='3.1' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M6 6H40L48 14H76M6 6V30L14 38V52M14 11H26L33 18H46M11 14V22L19 30' stroke='%237fe0c8' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='79' cy='14' r='2.6' fill='%230b1d1a' stroke='%23100c06' stroke-opacity='.45' stroke-width='3'/%3E%3Ccircle cx='79' cy='14' r='2.6' fill='%230b1d1a' stroke='%237fe0c8' stroke-width='1.1'/%3E%3Ccircle cx='14' cy='55' r='2.6' fill='%230b1d1a' stroke='%23100c06' stroke-opacity='.45' stroke-width='3'/%3E%3Ccircle cx='14' cy='55' r='2.6' fill='%230b1d1a' stroke='%237fe0c8' stroke-width='1.1'/%3E%3Ccircle cx='49' cy='18' r='2.6' fill='%230b1d1a' stroke='%23100c06' stroke-opacity='.45' stroke-width='3'/%3E%3Ccircle cx='49' cy='18' r='2.6' fill='%230b1d1a' stroke='%237fe0c8' stroke-width='1.1'/%3E%3Ccircle cx='19' cy='33' r='2.6' fill='%230b1d1a' stroke='%23100c06' stroke-opacity='.45' stroke-width='3'/%3E%3Ccircle cx='19' cy='33' r='2.6' fill='%230b1d1a' stroke='%237fe0c8' stroke-width='1.1'/%3E%3Cpath d='M2.5 2.5h7v7h-7z' fill='%237fe0c8' stroke='%23100c06' stroke-opacity='.45'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='60' viewBox='0 0 84 60' fill='none'%3E%3Cg transform='matrix(-1 0 0 -1 84 60)'%3E%3Cpath d='M6 6H40L48 14H76M6 6V30L14 38V52M14 11H26L33 18H46M11 14V22L19 30' stroke='%23100c06' stroke-width='3.1' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M6 6H40L48 14H76M6 6V30L14 38V52M14 11H26L33 18H46M11 14V22L19 30' stroke='%237fe0c8' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='79' cy='14' r='2.6' fill='%230b1d1a' stroke='%23100c06' stroke-opacity='.45' stroke-width='3'/%3E%3Ccircle cx='79' cy='14' r='2.6' fill='%230b1d1a' stroke='%237fe0c8' stroke-width='1.1'/%3E%3Ccircle cx='14' cy='55' r='2.6' fill='%230b1d1a' stroke='%23100c06' stroke-opacity='.45' stroke-width='3'/%3E%3Ccircle cx='14' cy='55' r='2.6' fill='%230b1d1a' stroke='%237fe0c8' stroke-width='1.1'/%3E%3Ccircle cx='49' cy='18' r='2.6' fill='%230b1d1a' stroke='%23100c06' stroke-opacity='.45' stroke-width='3'/%3E%3Ccircle cx='49' cy='18' r='2.6' fill='%230b1d1a' stroke='%237fe0c8' stroke-width='1.1'/%3E%3Ccircle cx='19' cy='33' r='2.6' fill='%230b1d1a' stroke='%23100c06' stroke-opacity='.45' stroke-width='3'/%3E%3Ccircle cx='19' cy='33' r='2.6' fill='%230b1d1a' stroke='%237fe0c8' stroke-width='1.1'/%3E%3Cpath d='M2.5 2.5h7v7h-7z' fill='%237fe0c8' stroke='%23100c06' stroke-opacity='.45'/%3E%3C/g%3E%3C/svg%3E");background-position:left 5px top 5px,right 5px top 5px,left 5px bottom 5px,right 5px bottom 5px;background-size:auto clamp(24px,34%,92px);background-repeat:no-repeat}
.profile-decoration[data-profile-decoration="deco-circuit"]::before{content:"";position:absolute;inset:0;background-size:auto clamp(24px,34%,92px);background-repeat:no-repeat;opacity:.35;animation:deco2-pulse 3.6s ease-in-out infinite;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='60' viewBox='0 0 84 60' fill='none'%3E%3Ccircle cx='79' cy='14' r='5' fill='%237fffe0' fill-opacity='.28'/%3E%3Ccircle cx='79' cy='14' r='1.7' fill='%23eafff8'/%3E%3Ccircle cx='14' cy='55' r='5' fill='%237fffe0' fill-opacity='.28'/%3E%3Ccircle cx='14' cy='55' r='1.7' fill='%23eafff8'/%3E%3Ccircle cx='49' cy='18' r='5' fill='%237fffe0' fill-opacity='.28'/%3E%3Ccircle cx='49' cy='18' r='1.7' fill='%23eafff8'/%3E%3Ccircle cx='19' cy='33' r='5' fill='%237fffe0' fill-opacity='.28'/%3E%3Ccircle cx='19' cy='33' r='1.7' fill='%23eafff8'/%3E%3Cpath d='M6 6H40L48 14H76M6 6V30L14 38V52M14 11H26L33 18H46M11 14V22L19 30' stroke='%23c8fff0' stroke-width='.9' stroke-linecap='round' stroke-linejoin='round' opacity='.75'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='60' viewBox='0 0 84 60' fill='none'%3E%3Cg transform='matrix(-1 0 0 -1 84 60)'%3E%3Ccircle cx='79' cy='14' r='5' fill='%237fffe0' fill-opacity='.28'/%3E%3Ccircle cx='79' cy='14' r='1.7' fill='%23eafff8'/%3E%3Ccircle cx='14' cy='55' r='5' fill='%237fffe0' fill-opacity='.28'/%3E%3Ccircle cx='14' cy='55' r='1.7' fill='%23eafff8'/%3E%3Ccircle cx='49' cy='18' r='5' fill='%237fffe0' fill-opacity='.28'/%3E%3Ccircle cx='49' cy='18' r='1.7' fill='%23eafff8'/%3E%3Ccircle cx='19' cy='33' r='5' fill='%237fffe0' fill-opacity='.28'/%3E%3Ccircle cx='19' cy='33' r='1.7' fill='%23eafff8'/%3E%3Cpath d='M6 6H40L48 14H76M6 6V30L14 38V52M14 11H26L33 18H46M11 14V22L19 30' stroke='%23c8fff0' stroke-width='.9' stroke-linecap='round' stroke-linejoin='round' opacity='.75'/%3E%3C/g%3E%3C/svg%3E");background-position:left 5px top 5px,right 5px bottom 5px}
.profile-decoration[data-profile-decoration="deco-circuit"]::after{content:"";position:absolute;inset:0;background-size:auto clamp(24px,34%,92px);background-repeat:no-repeat;opacity:.35;animation:deco2-pulse 3.6s ease-in-out infinite;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='60' viewBox='0 0 84 60' fill='none'%3E%3Cg transform='matrix(-1 0 0 1 84 0)'%3E%3Ccircle cx='79' cy='14' r='5' fill='%237fffe0' fill-opacity='.28'/%3E%3Ccircle cx='79' cy='14' r='1.7' fill='%23eafff8'/%3E%3Ccircle cx='14' cy='55' r='5' fill='%237fffe0' fill-opacity='.28'/%3E%3Ccircle cx='14' cy='55' r='1.7' fill='%23eafff8'/%3E%3Ccircle cx='49' cy='18' r='5' fill='%237fffe0' fill-opacity='.28'/%3E%3Ccircle cx='49' cy='18' r='1.7' fill='%23eafff8'/%3E%3Ccircle cx='19' cy='33' r='5' fill='%237fffe0' fill-opacity='.28'/%3E%3Ccircle cx='19' cy='33' r='1.7' fill='%23eafff8'/%3E%3Cpath d='M6 6H40L48 14H76M6 6V30L14 38V52M14 11H26L33 18H46M11 14V22L19 30' stroke='%23c8fff0' stroke-width='.9' stroke-linecap='round' stroke-linejoin='round' opacity='.75'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='60' viewBox='0 0 84 60' fill='none'%3E%3Cg transform='matrix(1 0 0 -1 0 60)'%3E%3Ccircle cx='79' cy='14' r='5' fill='%237fffe0' fill-opacity='.28'/%3E%3Ccircle cx='79' cy='14' r='1.7' fill='%23eafff8'/%3E%3Ccircle cx='14' cy='55' r='5' fill='%237fffe0' fill-opacity='.28'/%3E%3Ccircle cx='14' cy='55' r='1.7' fill='%23eafff8'/%3E%3Ccircle cx='49' cy='18' r='5' fill='%237fffe0' fill-opacity='.28'/%3E%3Ccircle cx='49' cy='18' r='1.7' fill='%23eafff8'/%3E%3Ccircle cx='19' cy='33' r='5' fill='%237fffe0' fill-opacity='.28'/%3E%3Ccircle cx='19' cy='33' r='1.7' fill='%23eafff8'/%3E%3Cpath d='M6 6H40L48 14H76M6 6V30L14 38V52M14 11H26L33 18H46M11 14V22L19 30' stroke='%23c8fff0' stroke-width='.9' stroke-linecap='round' stroke-linejoin='round' opacity='.75'/%3E%3C/g%3E%3C/svg%3E");background-position:right 5px top 5px,left 5px bottom 5px;animation-delay:-1.8s}
.profile-decoration[data-profile-decoration="deco-film"]{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 1%,#000 12%,#000 88%,transparent 99%);mask-image:linear-gradient(90deg,transparent 1%,#000 12%,#000 88%,transparent 99%)}
.profile-decoration[data-profile-decoration="deco-film"]::before{content:"";position:absolute;left:0;right:-16px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Crect width='16' height='12' fill='%230b0b0d' fill-opacity='.82'/%3E%3Crect x='5' y='3.5' width='6' height='5' rx='.9' fill='%23efe6d2' fill-opacity='.92'/%3E%3Cpath d='M0 .5H16M0 11.5H16' stroke='%23efe6d2' stroke-opacity='.25' stroke-width='.6'/%3E%3C/svg%3E");background-size:16px 12px;background-repeat:repeat-x;animation:deco2-film 3.2s linear infinite;will-change:transform;top:6px}
.profile-decoration[data-profile-decoration="deco-film"]::after{content:"";position:absolute;left:0;right:-16px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Crect width='16' height='12' fill='%230b0b0d' fill-opacity='.82'/%3E%3Crect x='5' y='3.5' width='6' height='5' rx='.9' fill='%23efe6d2' fill-opacity='.92'/%3E%3Cpath d='M0 .5H16M0 11.5H16' stroke='%23efe6d2' stroke-opacity='.25' stroke-width='.6'/%3E%3C/svg%3E");background-size:16px 12px;background-repeat:repeat-x;animation:deco2-film 3.2s linear infinite;will-change:transform;bottom:6px}
.profile-decoration[data-profile-decoration="deco-crystal"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='70' viewBox='0 0 90 70' fill='none'%3E%3Cg transform='matrix(-1 0 0 -1 90 70)'%3E%3Cpath d='M33 70V57.6L36 54L39 57.6V70Z' stroke='%23100c06' stroke-opacity='.5' stroke-width='2'/%3E%3Cpath d='M33 70V57.6L36 54V70Z' fill='%23d8c6ff' fill-opacity='.92'/%3E%3Cpath d='M36 70V54L39 57.6V70Z' fill='%238a64d6' fill-opacity='.92'/%3E%3Cpath d='M33 57.6L36 54L39 57.6M34.5 68V60.6' stroke='%23f6f0ff' stroke-opacity='.8' stroke-width='.6'/%3E%3Cpath d='M44 70V47.8L48 43L52 47.8V70Z' stroke='%23100c06' stroke-opacity='.5' stroke-width='2'/%3E%3Cpath d='M44 70V47.8L48 43V70Z' fill='%23d8c6ff' fill-opacity='.92'/%3E%3Cpath d='M48 70V43L52 47.8V70Z' fill='%238a64d6' fill-opacity='.92'/%3E%3Cpath d='M44 47.8L48 43L52 47.8M46 68V50.8' stroke='%23f6f0ff' stroke-opacity='.8' stroke-width='.6'/%3E%3Cpath d='M80 70V43.8L84 39L88 43.8V70Z' stroke='%23100c06' stroke-opacity='.5' stroke-width='2'/%3E%3Cpath d='M80 70V43.8L84 39V70Z' fill='%23d8c6ff' fill-opacity='.92'/%3E%3Cpath d='M84 70V39L88 43.8V70Z' fill='%238a64d6' fill-opacity='.92'/%3E%3Cpath d='M80 43.8L84 39L88 43.8M82 68V46.8' stroke='%23f6f0ff' stroke-opacity='.8' stroke-width='.6'/%3E%3Cpath d='M55 70V33L60 27L65 33V70Z' stroke='%23100c06' stroke-opacity='.5' stroke-width='2'/%3E%3Cpath d='M55 70V33L60 27V70Z' fill='%23d8c6ff' fill-opacity='.92'/%3E%3Cpath d='M60 70V27L65 33V70Z' fill='%238a64d6' fill-opacity='.92'/%3E%3Cpath d='M55 33L60 27L65 33M57.5 68V36' stroke='%23f6f0ff' stroke-opacity='.8' stroke-width='.6'/%3E%3Cpath d='M66.5 70V15.8L73 8L79.5 15.8V70Z' stroke='%23100c06' stroke-opacity='.5' stroke-width='2'/%3E%3Cpath d='M66.5 70V15.8L73 8V70Z' fill='%23d8c6ff' fill-opacity='.92'/%3E%3Cpath d='M73 70V8L79.5 15.8V70Z' fill='%238a64d6' fill-opacity='.92'/%3E%3Cpath d='M66.5 15.8L73 8L79.5 15.8M69.75 68V18.8' stroke='%23f6f0ff' stroke-opacity='.8' stroke-width='.6'/%3E%3Cpath d='M24 70C25 63 31 60.5 38 61.5C44 57 54 57.5 60 60.5C67 56 79 56.5 85 60L90 61.5V70Z' fill='%232a2340' stroke='%23100c06' stroke-opacity='.5' stroke-width='1.6'/%3E%3Cpath d='M25.5 64C28 61.5 33 61 38 61.5C44 57 54 57.5 60 60.5C67 56 79 56.5 85 60' stroke='%238d78c4' stroke-opacity='.7' stroke-width='.7'/%3E%3Cpath d='M28.5 72V61L31 58L33.5 61V70Z' stroke='%23100c06' stroke-opacity='.5' stroke-width='2'/%3E%3Cpath d='M28.5 72V61L31 58V70Z' fill='%23d8c6ff' fill-opacity='.92'/%3E%3Cpath d='M31 72V58L33.5 61V70Z' fill='%238a64d6' fill-opacity='.92'/%3E%3Cpath d='M28.5 61L31 58L33.5 61M29.75 68V64' stroke='%23f6f0ff' stroke-opacity='.8' stroke-width='.6'/%3E%3Cpath d='M63 71V58.6L66 55L69 58.6V70Z' stroke='%23100c06' stroke-opacity='.5' stroke-width='2'/%3E%3Cpath d='M63 71V58.6L66 55V70Z' fill='%23d8c6ff' fill-opacity='.92'/%3E%3Cpath d='M66 71V55L69 58.6V70Z' fill='%238a64d6' fill-opacity='.92'/%3E%3Cpath d='M63 58.6L66 55L69 58.6M64.5 68V61.6' stroke='%23f6f0ff' stroke-opacity='.8' stroke-width='.6'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='70' viewBox='0 0 90 70' fill='none'%3E%3Cpath d='M33 70V57.6L36 54L39 57.6V70Z' stroke='%23100c06' stroke-opacity='.5' stroke-width='2'/%3E%3Cpath d='M33 70V57.6L36 54V70Z' fill='%23d8c6ff' fill-opacity='.92'/%3E%3Cpath d='M36 70V54L39 57.6V70Z' fill='%238a64d6' fill-opacity='.92'/%3E%3Cpath d='M33 57.6L36 54L39 57.6M34.5 68V60.6' stroke='%23f6f0ff' stroke-opacity='.8' stroke-width='.6'/%3E%3Cpath d='M44 70V47.8L48 43L52 47.8V70Z' stroke='%23100c06' stroke-opacity='.5' stroke-width='2'/%3E%3Cpath d='M44 70V47.8L48 43V70Z' fill='%23d8c6ff' fill-opacity='.92'/%3E%3Cpath d='M48 70V43L52 47.8V70Z' fill='%238a64d6' fill-opacity='.92'/%3E%3Cpath d='M44 47.8L48 43L52 47.8M46 68V50.8' stroke='%23f6f0ff' stroke-opacity='.8' stroke-width='.6'/%3E%3Cpath d='M80 70V43.8L84 39L88 43.8V70Z' stroke='%23100c06' stroke-opacity='.5' stroke-width='2'/%3E%3Cpath d='M80 70V43.8L84 39V70Z' fill='%23d8c6ff' fill-opacity='.92'/%3E%3Cpath d='M84 70V39L88 43.8V70Z' fill='%238a64d6' fill-opacity='.92'/%3E%3Cpath d='M80 43.8L84 39L88 43.8M82 68V46.8' stroke='%23f6f0ff' stroke-opacity='.8' stroke-width='.6'/%3E%3Cpath d='M55 70V33L60 27L65 33V70Z' stroke='%23100c06' stroke-opacity='.5' stroke-width='2'/%3E%3Cpath d='M55 70V33L60 27V70Z' fill='%23d8c6ff' fill-opacity='.92'/%3E%3Cpath d='M60 70V27L65 33V70Z' fill='%238a64d6' fill-opacity='.92'/%3E%3Cpath d='M55 33L60 27L65 33M57.5 68V36' stroke='%23f6f0ff' stroke-opacity='.8' stroke-width='.6'/%3E%3Cpath d='M66.5 70V15.8L73 8L79.5 15.8V70Z' stroke='%23100c06' stroke-opacity='.5' stroke-width='2'/%3E%3Cpath d='M66.5 70V15.8L73 8V70Z' fill='%23d8c6ff' fill-opacity='.92'/%3E%3Cpath d='M73 70V8L79.5 15.8V70Z' fill='%238a64d6' fill-opacity='.92'/%3E%3Cpath d='M66.5 15.8L73 8L79.5 15.8M69.75 68V18.8' stroke='%23f6f0ff' stroke-opacity='.8' stroke-width='.6'/%3E%3Cpath d='M24 70C25 63 31 60.5 38 61.5C44 57 54 57.5 60 60.5C67 56 79 56.5 85 60L90 61.5V70Z' fill='%232a2340' stroke='%23100c06' stroke-opacity='.5' stroke-width='1.6'/%3E%3Cpath d='M25.5 64C28 61.5 33 61 38 61.5C44 57 54 57.5 60 60.5C67 56 79 56.5 85 60' stroke='%238d78c4' stroke-opacity='.7' stroke-width='.7'/%3E%3Cpath d='M28.5 72V61L31 58L33.5 61V70Z' stroke='%23100c06' stroke-opacity='.5' stroke-width='2'/%3E%3Cpath d='M28.5 72V61L31 58V70Z' fill='%23d8c6ff' fill-opacity='.92'/%3E%3Cpath d='M31 72V58L33.5 61V70Z' fill='%238a64d6' fill-opacity='.92'/%3E%3Cpath d='M28.5 61L31 58L33.5 61M29.75 68V64' stroke='%23f6f0ff' stroke-opacity='.8' stroke-width='.6'/%3E%3Cpath d='M63 71V58.6L66 55L69 58.6V70Z' stroke='%23100c06' stroke-opacity='.5' stroke-width='2'/%3E%3Cpath d='M63 71V58.6L66 55V70Z' fill='%23d8c6ff' fill-opacity='.92'/%3E%3Cpath d='M66 71V55L69 58.6V70Z' fill='%238a64d6' fill-opacity='.92'/%3E%3Cpath d='M63 58.6L66 55L69 58.6M64.5 68V61.6' stroke='%23f6f0ff' stroke-opacity='.8' stroke-width='.6'/%3E%3C/svg%3E");background-position:left 4px top 4px,right 4px bottom 4px;background-size:auto clamp(26px,40%,104px);background-repeat:no-repeat}
.profile-decoration[data-profile-decoration="deco-crystal"]::before{content:"";position:absolute;inset:0;background-position:left 4px top 4px,right 4px bottom 4px;background-size:auto clamp(26px,40%,104px);background-repeat:no-repeat;opacity:.2;animation:deco2-twinkle 4.2s ease-in-out infinite;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='70' viewBox='0 0 90 70' fill='none'%3E%3Cg transform='matrix(-1 0 0 -1 90 70)'%3E%3Cpath d='M73 5L74.1 8.9L78 10L74.1 11.1L73 15L71.9 11.1L68 10L71.9 8.9Z' fill='%23fff' opacity='0.95'/%3E%3Cpath d='M48 40L49.1 43.9L53 45L49.1 46.1L48 50L46.9 46.1L43 45L46.9 43.9Z' fill='%23fff' opacity='0.95'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='70' viewBox='0 0 90 70' fill='none'%3E%3Cpath d='M73 5L74.1 8.9L78 10L74.1 11.1L73 15L71.9 11.1L68 10L71.9 8.9Z' fill='%23fff' opacity='0.95'/%3E%3Cpath d='M48 40L49.1 43.9L53 45L49.1 46.1L48 50L46.9 46.1L43 45L46.9 43.9Z' fill='%23fff' opacity='0.95'/%3E%3C/svg%3E")}
.profile-decoration[data-profile-decoration="deco-crystal"]::after{content:"";position:absolute;inset:0;background-position:left 4px top 4px,right 4px bottom 4px;background-size:auto clamp(26px,40%,104px);background-repeat:no-repeat;opacity:.2;animation:deco2-twinkle 4.2s ease-in-out infinite;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='70' viewBox='0 0 90 70' fill='none'%3E%3Cg transform='matrix(-1 0 0 -1 90 70)'%3E%3Cpath d='M60 24L61.1 27.9L65 29L61.1 30.1L60 34L58.9 30.1L55 29L58.9 27.9Z' fill='%23fff' opacity='0.95'/%3E%3Cpath d='M84 36L85.1 39.9L89 41L85.1 42.1L84 46L82.9 42.1L79 41L82.9 39.9Z' fill='%23fff' opacity='0.95'/%3E%3Cpath d='M36 51L37.1 54.9L41 56L37.1 57.1L36 61L34.9 57.1L31 56L34.9 54.9Z' fill='%23fff' opacity='0.95'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='70' viewBox='0 0 90 70' fill='none'%3E%3Cpath d='M60 24L61.1 27.9L65 29L61.1 30.1L60 34L58.9 30.1L55 29L58.9 27.9Z' fill='%23fff' opacity='0.95'/%3E%3Cpath d='M84 36L85.1 39.9L89 41L85.1 42.1L84 46L82.9 42.1L79 41L82.9 39.9Z' fill='%23fff' opacity='0.95'/%3E%3Cpath d='M36 51L37.1 54.9L41 56L37.1 57.1L36 61L34.9 57.1L31 56L34.9 54.9Z' fill='%23fff' opacity='0.95'/%3E%3C/svg%3E");animation-delay:-2.1s;animation-duration:5s}
.profile-decoration[data-profile-decoration="deco-runes"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='92' height='92' viewBox='0 0 92 92' fill='none'%3E%3Ccircle cx='30' cy='30' r='22' stroke='%238ff3e0' stroke-opacity='0' stroke-width='4'/%3E%3Cpath d='M30 19V41M30 24L36 20M30 30L24 26M30 36L36 32' stroke='%238ff3e0' stroke-opacity='0' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='30' cy='30' r='22' stroke='%23100c06' stroke-opacity='.45' stroke-width='3.2'/%3E%3Ccircle cx='30' cy='30' r='22' stroke='%238ff3e0' stroke-width='1.2'/%3E%3Ccircle cx='30' cy='30' r='15.5' stroke='%238ff3e0' stroke-opacity='.7' stroke-width='.7'/%3E%3Cpath d='M47.5 30L51 30M46.9 34.53L48.84 35.05M45.16 38.75L46.89 39.75M42.37 42.37L43.79 43.79M38.75 45.16L39.75 46.89M34.53 46.9L35.05 48.84M30 47.5L30 51M25.47 46.9L24.95 48.84M21.25 45.16L20.25 46.89M17.63 42.37L16.21 43.79M14.84 38.75L13.11 39.75M13.1 34.53L11.16 35.05M12.5 30L9 30M13.1 25.47L11.16 24.95M14.84 21.25L13.11 20.25M17.63 17.63L16.21 16.21M21.25 14.84L20.25 13.11M25.47 13.1L24.95 11.16M30 12.5L30 9M34.53 13.1L35.05 11.16M38.75 14.84L39.75 13.11M42.37 17.63L43.79 16.21M45.16 21.25L46.89 20.25M46.9 25.47L48.84 24.95' stroke='%238ff3e0' stroke-width='.8'/%3E%3Cpath d='M30 19V41M30 24L36 20M30 30L24 26M30 36L36 32' stroke='%23100c06' stroke-width='3.3' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M30 19V41M30 24L36 20M30 30L24 26M30 36L36 32' stroke='%238ff3e0' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30 8H88M8 30V88' stroke='%23100c06' stroke-width='2.9' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M30 8H88M8 30V88' stroke='%238ff3e0' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M88 5l3 3-3 3-3-3zM5 88l3 3 3-3-3-3z' fill='%238ff3e0'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='92' height='92' viewBox='0 0 92 92' fill='none'%3E%3Cg transform='matrix(-1 0 0 1 92 0)'%3E%3Ccircle cx='30' cy='30' r='22' stroke='%238ff3e0' stroke-opacity='0' stroke-width='4'/%3E%3Cpath d='M30 19V41M30 24L36 20M30 30L24 26M30 36L36 32' stroke='%238ff3e0' stroke-opacity='0' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='30' cy='30' r='22' stroke='%23100c06' stroke-opacity='.45' stroke-width='3.2'/%3E%3Ccircle cx='30' cy='30' r='22' stroke='%238ff3e0' stroke-width='1.2'/%3E%3Ccircle cx='30' cy='30' r='15.5' stroke='%238ff3e0' stroke-opacity='.7' stroke-width='.7'/%3E%3Cpath d='M47.5 30L51 30M46.9 34.53L48.84 35.05M45.16 38.75L46.89 39.75M42.37 42.37L43.79 43.79M38.75 45.16L39.75 46.89M34.53 46.9L35.05 48.84M30 47.5L30 51M25.47 46.9L24.95 48.84M21.25 45.16L20.25 46.89M17.63 42.37L16.21 43.79M14.84 38.75L13.11 39.75M13.1 34.53L11.16 35.05M12.5 30L9 30M13.1 25.47L11.16 24.95M14.84 21.25L13.11 20.25M17.63 17.63L16.21 16.21M21.25 14.84L20.25 13.11M25.47 13.1L24.95 11.16M30 12.5L30 9M34.53 13.1L35.05 11.16M38.75 14.84L39.75 13.11M42.37 17.63L43.79 16.21M45.16 21.25L46.89 20.25M46.9 25.47L48.84 24.95' stroke='%238ff3e0' stroke-width='.8'/%3E%3Cpath d='M30 19V41M30 24L36 20M30 30L24 26M30 36L36 32' stroke='%23100c06' stroke-width='3.3' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M30 19V41M30 24L36 20M30 30L24 26M30 36L36 32' stroke='%238ff3e0' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30 8H88M8 30V88' stroke='%23100c06' stroke-width='2.9' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M30 8H88M8 30V88' stroke='%238ff3e0' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M88 5l3 3-3 3-3-3zM5 88l3 3 3-3-3-3z' fill='%238ff3e0'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='92' height='92' viewBox='0 0 92 92' fill='none'%3E%3Cg transform='matrix(1 0 0 -1 0 92)'%3E%3Ccircle cx='30' cy='30' r='22' stroke='%238ff3e0' stroke-opacity='0' stroke-width='4'/%3E%3Cpath d='M30 19V41M30 24L36 20M30 30L24 26M30 36L36 32' stroke='%238ff3e0' stroke-opacity='0' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='30' cy='30' r='22' stroke='%23100c06' stroke-opacity='.45' stroke-width='3.2'/%3E%3Ccircle cx='30' cy='30' r='22' stroke='%238ff3e0' stroke-width='1.2'/%3E%3Ccircle cx='30' cy='30' r='15.5' stroke='%238ff3e0' stroke-opacity='.7' stroke-width='.7'/%3E%3Cpath d='M47.5 30L51 30M46.9 34.53L48.84 35.05M45.16 38.75L46.89 39.75M42.37 42.37L43.79 43.79M38.75 45.16L39.75 46.89M34.53 46.9L35.05 48.84M30 47.5L30 51M25.47 46.9L24.95 48.84M21.25 45.16L20.25 46.89M17.63 42.37L16.21 43.79M14.84 38.75L13.11 39.75M13.1 34.53L11.16 35.05M12.5 30L9 30M13.1 25.47L11.16 24.95M14.84 21.25L13.11 20.25M17.63 17.63L16.21 16.21M21.25 14.84L20.25 13.11M25.47 13.1L24.95 11.16M30 12.5L30 9M34.53 13.1L35.05 11.16M38.75 14.84L39.75 13.11M42.37 17.63L43.79 16.21M45.16 21.25L46.89 20.25M46.9 25.47L48.84 24.95' stroke='%238ff3e0' stroke-width='.8'/%3E%3Cpath d='M30 19V41M30 24L36 20M30 30L24 26M30 36L36 32' stroke='%23100c06' stroke-width='3.3' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M30 19V41M30 24L36 20M30 30L24 26M30 36L36 32' stroke='%238ff3e0' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30 8H88M8 30V88' stroke='%23100c06' stroke-width='2.9' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M30 8H88M8 30V88' stroke='%238ff3e0' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M88 5l3 3-3 3-3-3zM5 88l3 3 3-3-3-3z' fill='%238ff3e0'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='92' height='92' viewBox='0 0 92 92' fill='none'%3E%3Cg transform='matrix(-1 0 0 -1 92 92)'%3E%3Ccircle cx='30' cy='30' r='22' stroke='%238ff3e0' stroke-opacity='0' stroke-width='4'/%3E%3Cpath d='M30 19V41M30 24L36 20M30 30L24 26M30 36L36 32' stroke='%238ff3e0' stroke-opacity='0' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='30' cy='30' r='22' stroke='%23100c06' stroke-opacity='.45' stroke-width='3.2'/%3E%3Ccircle cx='30' cy='30' r='22' stroke='%238ff3e0' stroke-width='1.2'/%3E%3Ccircle cx='30' cy='30' r='15.5' stroke='%238ff3e0' stroke-opacity='.7' stroke-width='.7'/%3E%3Cpath d='M47.5 30L51 30M46.9 34.53L48.84 35.05M45.16 38.75L46.89 39.75M42.37 42.37L43.79 43.79M38.75 45.16L39.75 46.89M34.53 46.9L35.05 48.84M30 47.5L30 51M25.47 46.9L24.95 48.84M21.25 45.16L20.25 46.89M17.63 42.37L16.21 43.79M14.84 38.75L13.11 39.75M13.1 34.53L11.16 35.05M12.5 30L9 30M13.1 25.47L11.16 24.95M14.84 21.25L13.11 20.25M17.63 17.63L16.21 16.21M21.25 14.84L20.25 13.11M25.47 13.1L24.95 11.16M30 12.5L30 9M34.53 13.1L35.05 11.16M38.75 14.84L39.75 13.11M42.37 17.63L43.79 16.21M45.16 21.25L46.89 20.25M46.9 25.47L48.84 24.95' stroke='%238ff3e0' stroke-width='.8'/%3E%3Cpath d='M30 19V41M30 24L36 20M30 30L24 26M30 36L36 32' stroke='%23100c06' stroke-width='3.3' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M30 19V41M30 24L36 20M30 30L24 26M30 36L36 32' stroke='%238ff3e0' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30 8H88M8 30V88' stroke='%23100c06' stroke-width='2.9' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M30 8H88M8 30V88' stroke='%238ff3e0' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M88 5l3 3-3 3-3-3zM5 88l3 3 3-3-3-3z' fill='%238ff3e0'/%3E%3C/g%3E%3C/svg%3E");background-position:left 4px top 4px,right 4px top 4px,left 4px bottom 4px,right 4px bottom 4px;background-size:auto clamp(26px,36%,96px);background-repeat:no-repeat}
.profile-decoration[data-profile-decoration="deco-runes"]::before{content:"";position:absolute;inset:0;background-size:auto clamp(26px,36%,96px);background-repeat:no-repeat;opacity:.15;animation:deco2-rune 5.6s ease-in-out infinite;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='92' height='92' viewBox='0 0 92 92' fill='none'%3E%3Ccircle cx='30' cy='30' r='22' stroke='%238ff3e0' stroke-opacity='0.35' stroke-width='4'/%3E%3Cpath d='M30 19V41M30 24L36 20M30 30L24 26M30 36L36 32' stroke='%238ff3e0' stroke-opacity='0.35' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='30' cy='30' r='22' stroke='%23100c06' stroke-opacity='.45' stroke-width='3.2'/%3E%3Ccircle cx='30' cy='30' r='22' stroke='%23eafffa' stroke-width='1.2'/%3E%3Ccircle cx='30' cy='30' r='15.5' stroke='%23eafffa' stroke-opacity='.7' stroke-width='.7'/%3E%3Cpath d='M47.5 30L51 30M46.9 34.53L48.84 35.05M45.16 38.75L46.89 39.75M42.37 42.37L43.79 43.79M38.75 45.16L39.75 46.89M34.53 46.9L35.05 48.84M30 47.5L30 51M25.47 46.9L24.95 48.84M21.25 45.16L20.25 46.89M17.63 42.37L16.21 43.79M14.84 38.75L13.11 39.75M13.1 34.53L11.16 35.05M12.5 30L9 30M13.1 25.47L11.16 24.95M14.84 21.25L13.11 20.25M17.63 17.63L16.21 16.21M21.25 14.84L20.25 13.11M25.47 13.1L24.95 11.16M30 12.5L30 9M34.53 13.1L35.05 11.16M38.75 14.84L39.75 13.11M42.37 17.63L43.79 16.21M45.16 21.25L46.89 20.25M46.9 25.47L48.84 24.95' stroke='%23eafffa' stroke-width='.8'/%3E%3Cpath d='M30 19V41M30 24L36 20M30 30L24 26M30 36L36 32' stroke='%23100c06' stroke-width='3.3' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M30 19V41M30 24L36 20M30 30L24 26M30 36L36 32' stroke='%23eafffa' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30 8H88M8 30V88' stroke='%23100c06' stroke-width='2.9' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M30 8H88M8 30V88' stroke='%23eafffa' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M88 5l3 3-3 3-3-3zM5 88l3 3 3-3-3-3z' fill='%23eafffa'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='92' height='92' viewBox='0 0 92 92' fill='none'%3E%3Cg transform='matrix(-1 0 0 -1 92 92)'%3E%3Ccircle cx='30' cy='30' r='22' stroke='%238ff3e0' stroke-opacity='0.35' stroke-width='4'/%3E%3Cpath d='M30 19V41M30 24L36 20M30 30L24 26M30 36L36 32' stroke='%238ff3e0' stroke-opacity='0.35' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='30' cy='30' r='22' stroke='%23100c06' stroke-opacity='.45' stroke-width='3.2'/%3E%3Ccircle cx='30' cy='30' r='22' stroke='%23eafffa' stroke-width='1.2'/%3E%3Ccircle cx='30' cy='30' r='15.5' stroke='%23eafffa' stroke-opacity='.7' stroke-width='.7'/%3E%3Cpath d='M47.5 30L51 30M46.9 34.53L48.84 35.05M45.16 38.75L46.89 39.75M42.37 42.37L43.79 43.79M38.75 45.16L39.75 46.89M34.53 46.9L35.05 48.84M30 47.5L30 51M25.47 46.9L24.95 48.84M21.25 45.16L20.25 46.89M17.63 42.37L16.21 43.79M14.84 38.75L13.11 39.75M13.1 34.53L11.16 35.05M12.5 30L9 30M13.1 25.47L11.16 24.95M14.84 21.25L13.11 20.25M17.63 17.63L16.21 16.21M21.25 14.84L20.25 13.11M25.47 13.1L24.95 11.16M30 12.5L30 9M34.53 13.1L35.05 11.16M38.75 14.84L39.75 13.11M42.37 17.63L43.79 16.21M45.16 21.25L46.89 20.25M46.9 25.47L48.84 24.95' stroke='%23eafffa' stroke-width='.8'/%3E%3Cpath d='M30 19V41M30 24L36 20M30 30L24 26M30 36L36 32' stroke='%23100c06' stroke-width='3.3' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M30 19V41M30 24L36 20M30 30L24 26M30 36L36 32' stroke='%23eafffa' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30 8H88M8 30V88' stroke='%23100c06' stroke-width='2.9' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M30 8H88M8 30V88' stroke='%23eafffa' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M88 5l3 3-3 3-3-3zM5 88l3 3 3-3-3-3z' fill='%23eafffa'/%3E%3C/g%3E%3C/svg%3E");background-position:left 4px top 4px,right 4px bottom 4px}
.profile-decoration[data-profile-decoration="deco-runes"]::after{content:"";position:absolute;inset:0;background-size:auto clamp(26px,36%,96px);background-repeat:no-repeat;opacity:.15;animation:deco2-rune 5.6s ease-in-out infinite;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='92' height='92' viewBox='0 0 92 92' fill='none'%3E%3Cg transform='matrix(-1 0 0 1 92 0)'%3E%3Ccircle cx='30' cy='30' r='22' stroke='%238ff3e0' stroke-opacity='0.35' stroke-width='4'/%3E%3Cpath d='M30 19V41M30 24L36 20M30 30L24 26M30 36L36 32' stroke='%238ff3e0' stroke-opacity='0.35' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='30' cy='30' r='22' stroke='%23100c06' stroke-opacity='.45' stroke-width='3.2'/%3E%3Ccircle cx='30' cy='30' r='22' stroke='%23eafffa' stroke-width='1.2'/%3E%3Ccircle cx='30' cy='30' r='15.5' stroke='%23eafffa' stroke-opacity='.7' stroke-width='.7'/%3E%3Cpath d='M47.5 30L51 30M46.9 34.53L48.84 35.05M45.16 38.75L46.89 39.75M42.37 42.37L43.79 43.79M38.75 45.16L39.75 46.89M34.53 46.9L35.05 48.84M30 47.5L30 51M25.47 46.9L24.95 48.84M21.25 45.16L20.25 46.89M17.63 42.37L16.21 43.79M14.84 38.75L13.11 39.75M13.1 34.53L11.16 35.05M12.5 30L9 30M13.1 25.47L11.16 24.95M14.84 21.25L13.11 20.25M17.63 17.63L16.21 16.21M21.25 14.84L20.25 13.11M25.47 13.1L24.95 11.16M30 12.5L30 9M34.53 13.1L35.05 11.16M38.75 14.84L39.75 13.11M42.37 17.63L43.79 16.21M45.16 21.25L46.89 20.25M46.9 25.47L48.84 24.95' stroke='%23eafffa' stroke-width='.8'/%3E%3Cpath d='M30 19V41M30 24L36 20M30 30L24 26M30 36L36 32' stroke='%23100c06' stroke-width='3.3' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M30 19V41M30 24L36 20M30 30L24 26M30 36L36 32' stroke='%23eafffa' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30 8H88M8 30V88' stroke='%23100c06' stroke-width='2.9' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M30 8H88M8 30V88' stroke='%23eafffa' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M88 5l3 3-3 3-3-3zM5 88l3 3 3-3-3-3z' fill='%23eafffa'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='92' height='92' viewBox='0 0 92 92' fill='none'%3E%3Cg transform='matrix(1 0 0 -1 0 92)'%3E%3Ccircle cx='30' cy='30' r='22' stroke='%238ff3e0' stroke-opacity='0.35' stroke-width='4'/%3E%3Cpath d='M30 19V41M30 24L36 20M30 30L24 26M30 36L36 32' stroke='%238ff3e0' stroke-opacity='0.35' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='30' cy='30' r='22' stroke='%23100c06' stroke-opacity='.45' stroke-width='3.2'/%3E%3Ccircle cx='30' cy='30' r='22' stroke='%23eafffa' stroke-width='1.2'/%3E%3Ccircle cx='30' cy='30' r='15.5' stroke='%23eafffa' stroke-opacity='.7' stroke-width='.7'/%3E%3Cpath d='M47.5 30L51 30M46.9 34.53L48.84 35.05M45.16 38.75L46.89 39.75M42.37 42.37L43.79 43.79M38.75 45.16L39.75 46.89M34.53 46.9L35.05 48.84M30 47.5L30 51M25.47 46.9L24.95 48.84M21.25 45.16L20.25 46.89M17.63 42.37L16.21 43.79M14.84 38.75L13.11 39.75M13.1 34.53L11.16 35.05M12.5 30L9 30M13.1 25.47L11.16 24.95M14.84 21.25L13.11 20.25M17.63 17.63L16.21 16.21M21.25 14.84L20.25 13.11M25.47 13.1L24.95 11.16M30 12.5L30 9M34.53 13.1L35.05 11.16M38.75 14.84L39.75 13.11M42.37 17.63L43.79 16.21M45.16 21.25L46.89 20.25M46.9 25.47L48.84 24.95' stroke='%23eafffa' stroke-width='.8'/%3E%3Cpath d='M30 19V41M30 24L36 20M30 30L24 26M30 36L36 32' stroke='%23100c06' stroke-width='3.3' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M30 19V41M30 24L36 20M30 30L24 26M30 36L36 32' stroke='%23eafffa' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30 8H88M8 30V88' stroke='%23100c06' stroke-width='2.9' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/%3E%3Cpath d='M30 8H88M8 30V88' stroke='%23eafffa' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M88 5l3 3-3 3-3-3zM5 88l3 3 3-3-3-3z' fill='%23eafffa'/%3E%3C/g%3E%3C/svg%3E");background-position:right 4px top 4px,left 4px bottom 4px;animation-delay:-2.8s}
@keyframes deco2-up-150{from{transform:translateY(0)}to{transform:translateY(-150px)}}
@keyframes deco2-up-110{from{transform:translateY(0)}to{transform:translateY(-110px)}}
@keyframes deco2-down-140{from{transform:translateY(0)}to{transform:translateY(140px)}}
@keyframes deco2-down-90{from{transform:translateY(0)}to{transform:translateY(90px)}}
@keyframes deco2-wave-l{from{transform:translateX(0)}to{transform:translateX(-64px)}}
@keyframes deco2-wave-r{from{transform:translateX(0)}to{transform:translateX(64px)}}
@keyframes deco2-film{from{transform:translateX(0)}to{transform:translateX(-16px)}}
@keyframes deco2-drift-120{from{transform:translate(0,0)}to{transform:translate(-240px,120px)}}
@keyframes deco2-drift-80{from{transform:translate(0,0)}to{transform:translate(-160px,80px)}}
@keyframes deco2-neon{0%,100%{opacity:.85}44%{opacity:.85}45%{opacity:.35}46%{opacity:.9}47.5%{opacity:.45}49%{opacity:.85}72%{opacity:1}}
@keyframes deco2-flash{0%,100%{opacity:0}3%{opacity:1}5%{opacity:.25}7%{opacity:.9}12%{opacity:0}}
@keyframes deco2-glint{0%{transform:translateX(-110%)}55%,100%{transform:translateX(400%)}}
@keyframes deco2-glint-rev{0%{transform:translateX(400%)}55%,100%{transform:translateX(-110%)}}
@keyframes deco2-comet{0%{transform:translateX(-100%)}38%,100%{transform:translateX(100%)}}
@keyframes deco2-pulse{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes deco2-twinkle{0%,100%{opacity:.1}50%{opacity:1}}
@keyframes deco2-rune{0%,100%{opacity:.1}50%{opacity:1}}

/* appearance-extra.css */
/* Second October 2026 batch: extra avatar frames and profile banners. */
.appearance-avatar:is([data-avatar-frame="frame-rose-gold"],[data-avatar-frame="frame-platinum"],[data-avatar-frame="frame-ruby"],[data-avatar-frame="frame-porcelain"],[data-avatar-frame="frame-bezel"],[data-avatar-frame="frame-sunburst"],[data-avatar-frame="frame-gold-glint"],[data-avatar-frame="frame-equinox"],[data-avatar-frame="frame-gyroscope"],[data-avatar-frame="frame-diamond-pave"],[data-avatar-frame="frame-tahiti-pearl"],[data-avatar-frame="frame-rosace"])::before{inset:calc(var(--avatar-size,72px)*-.055 - 1px);border:0;border-radius:50%;background-position:center;background-size:100% 100%;background-repeat:no-repeat}
.appearance-avatar:is([data-avatar-frame="frame-gold-glint"],[data-avatar-frame="frame-gyroscope"],[data-avatar-frame="frame-diamond-pave"],[data-avatar-frame="frame-tahiti-pearl"])::after{content:"";position:absolute;inset:calc(var(--avatar-size,72px)*-.055 - 1px);border-radius:50%;background-position:center;background-size:100% 100%;background-repeat:no-repeat;-webkit-mask:radial-gradient(farthest-side,transparent var(--pk-hole,89.5%),#000 calc(var(--pk-hole,89.5%) + .6%));mask:radial-gradient(farthest-side,transparent var(--pk-hole,89.5%),#000 calc(var(--pk-hole,89.5%) + .6%));pointer-events:none}
.appearance-avatar[data-avatar-frame="frame-rose-gold"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'%3E%3Cdefs%3E%3ClinearGradient id='m' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f8dccd'/%3E%3Cstop offset='0.3' stop-color='%23cf927c'/%3E%3Cstop offset='0.52' stop-color='%23fbe7dc'/%3E%3Cstop offset='0.78' stop-color='%23b4735f'/%3E%3Cstop offset='1' stop-color='%23e9bba7'/%3E%3C/linearGradient%3E%3CradialGradient id='bv' cx='0' cy='0' r='50' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.86' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='0.95' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='0.35'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect x='-50' y='-50' width='100' height='100' fill='url(%23m)'/%3E%3Crect x='-50' y='-50' width='100' height='100' fill='url(%23bv)'/%3E%3Ccircle r='47.1' fill='none' stroke='%239a5f4d' stroke-width='.75'/%3E%3Ccircle r='47.85' fill='none' stroke='%23fff3ec' stroke-opacity='.45' stroke-width='.45'/%3E%3C/svg%3E");box-shadow:0 0 0 1px #3b2620}
.appearance-avatar[data-avatar-frame="frame-platinum"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'%3E%3Cdefs%3E%3ClinearGradient id='m' x1='0' y1='0' x2='1' y2='0.8'%3E%3Cstop offset='0' stop-color='%23f4f6f8'/%3E%3Cstop offset='0.25' stop-color='%23b8c0c9'/%3E%3Cstop offset='0.5' stop-color='%23eef1f4'/%3E%3Cstop offset='0.72' stop-color='%23a3acb6'/%3E%3Cstop offset='1' stop-color='%23dde2e7'/%3E%3C/linearGradient%3E%3CradialGradient id='bv' cx='0' cy='0' r='50' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.86' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='0.95' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='0.35'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect x='-50' y='-50' width='100' height='100' fill='url(%23m)'/%3E%3Ccircle r='44.4' fill='none' stroke='%237d8894' stroke-opacity='0.18' stroke-width='.3'/%3E%3Ccircle r='45' fill='none' stroke='%23ffffff' stroke-opacity='0.28' stroke-width='.3'/%3E%3Ccircle r='45.6' fill='none' stroke='%237d8894' stroke-opacity='0.18' stroke-width='.3'/%3E%3Ccircle r='46.2' fill='none' stroke='%23ffffff' stroke-opacity='0.28' stroke-width='.3'/%3E%3Ccircle r='46.8' fill='none' stroke='%237d8894' stroke-opacity='0.18' stroke-width='.3'/%3E%3Ccircle r='47.4' fill='none' stroke='%23ffffff' stroke-opacity='0.28' stroke-width='.3'/%3E%3Ccircle r='48' fill='none' stroke='%237d8894' stroke-opacity='0.18' stroke-width='.3'/%3E%3Ccircle r='48.6' fill='none' stroke='%23ffffff' stroke-opacity='0.28' stroke-width='.3'/%3E%3Ccircle r='49.2' fill='none' stroke='%237d8894' stroke-opacity='0.18' stroke-width='.3'/%3E%3Ccircle r='49.8' fill='none' stroke='%23ffffff' stroke-opacity='0.28' stroke-width='.3'/%3E%3Crect x='-50' y='-50' width='100' height='100' fill='url(%23bv)'/%3E%3C/svg%3E");box-shadow:0 0 0 1px #2b3036}
.appearance-avatar[data-avatar-frame="frame-ruby"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23ffffff' stop-opacity='0.42'/%3E%3Cstop offset='0.42' stop-color='%23ffffff' stop-opacity='0'/%3E%3Cstop offset='0.7' stop-color='%232a0008' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%232a0008' stop-opacity='0.45'/%3E%3C/linearGradient%3E%3CradialGradient id='bv' cx='0' cy='0' r='50' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.86' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='0.95' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='0.35'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle r='51' fill='%23a3122c'/%3E%3Cpath fill='%23d23450' d='M0 0L0 -51A51 51 0 0 1 13.2 -49.26ZM0 0L25.5 -44.17A51 51 0 0 1 36.06 -36.06ZM0 0L44.17 -25.5A51 51 0 0 1 49.26 -13.2ZM0 0L51 0A51 51 0 0 1 49.26 13.2ZM0 0L44.17 25.5A51 51 0 0 1 36.06 36.06ZM0 0L25.5 44.17A51 51 0 0 1 13.2 49.26ZM0 0L0 51A51 51 0 0 1 -13.2 49.26ZM0 0L-25.5 44.17A51 51 0 0 1 -36.06 36.06ZM0 0L-44.17 25.5A51 51 0 0 1 -49.26 13.2ZM0 0L-51 0A51 51 0 0 1 -49.26 -13.2ZM0 0L-44.17 -25.5A51 51 0 0 1 -36.06 -36.06ZM0 0L-25.5 -44.17A51 51 0 0 1 -13.2 -49.26Z'/%3E%3Cpath fill='%237a0c20' d='M0 0L13.2 -49.26A51 51 0 0 1 17.44 -47.92ZM0 0L36.06 -36.06A51 51 0 0 1 39.07 -32.78ZM0 0L49.26 -13.2A51 51 0 0 1 50.23 -8.86ZM0 0L49.26 13.2A51 51 0 0 1 47.92 17.44ZM0 0L36.06 36.06A51 51 0 0 1 32.78 39.07ZM0 0L13.2 49.26A51 51 0 0 1 8.86 50.23ZM0 0L-13.2 49.26A51 51 0 0 1 -17.44 47.92ZM0 0L-36.06 36.06A51 51 0 0 1 -39.07 32.78ZM0 0L-49.26 13.2A51 51 0 0 1 -50.23 8.86ZM0 0L-49.26 -13.2A51 51 0 0 1 -47.92 -17.44ZM0 0L-36.06 -36.06A51 51 0 0 1 -32.78 -39.07ZM0 0L-13.2 -49.26A51 51 0 0 1 -8.86 -50.23Z'/%3E%3Crect x='-50' y='-50' width='100' height='100' fill='url(%23g)'/%3E%3Crect x='-50' y='-50' width='100' height='100' fill='url(%23bv)'/%3E%3C/svg%3E");box-shadow:0 0 0 1.5px #d6b264,0 0 0 2.5px #3a1b12}
.appearance-avatar[data-avatar-frame="frame-porcelain"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'%3E%3Cdefs%3E%3ClinearGradient id='m' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='0.45' stop-color='%23f1efe8'/%3E%3Cstop offset='1' stop-color='%23d9d5cb'/%3E%3C/linearGradient%3E%3CradialGradient id='bv' cx='0' cy='0' r='50' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.86' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='0.95' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='0.35'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect x='-50' y='-50' width='100' height='100' fill='url(%23m)'/%3E%3Ccircle r='48.7' fill='none' stroke='%2327489a' stroke-width='.9'/%3E%3Cg fill='%2327489a'%3E%3Ccircle r='.72' cx='0' cy='-46.1'/%3E%3Ccircle r='.72' cx='8.99' cy='-45.21'/%3E%3Ccircle r='.72' cx='17.64' cy='-42.59'/%3E%3Ccircle r='.72' cx='25.61' cy='-38.33'/%3E%3Ccircle r='.72' cx='32.6' cy='-32.6'/%3E%3Ccircle r='.72' cx='38.33' cy='-25.61'/%3E%3Ccircle r='.72' cx='42.59' cy='-17.64'/%3E%3Ccircle r='.72' cx='45.21' cy='-8.99'/%3E%3Ccircle r='.72' cx='46.1' cy='0'/%3E%3Ccircle r='.72' cx='45.21' cy='8.99'/%3E%3Ccircle r='.72' cx='42.59' cy='17.64'/%3E%3Ccircle r='.72' cx='38.33' cy='25.61'/%3E%3Ccircle r='.72' cx='32.6' cy='32.6'/%3E%3Ccircle r='.72' cx='25.61' cy='38.33'/%3E%3Ccircle r='.72' cx='17.64' cy='42.59'/%3E%3Ccircle r='.72' cx='8.99' cy='45.21'/%3E%3Ccircle r='.72' cx='0' cy='46.1'/%3E%3Ccircle r='.72' cx='-8.99' cy='45.21'/%3E%3Ccircle r='.72' cx='-17.64' cy='42.59'/%3E%3Ccircle r='.72' cx='-25.61' cy='38.33'/%3E%3Ccircle r='.72' cx='-32.6' cy='32.6'/%3E%3Ccircle r='.72' cx='-38.33' cy='25.61'/%3E%3Ccircle r='.72' cx='-42.59' cy='17.64'/%3E%3Ccircle r='.72' cx='-45.21' cy='8.99'/%3E%3Ccircle r='.72' cx='-46.1' cy='0'/%3E%3Ccircle r='.72' cx='-45.21' cy='-8.99'/%3E%3Ccircle r='.72' cx='-42.59' cy='-17.64'/%3E%3Ccircle r='.72' cx='-38.33' cy='-25.61'/%3E%3Ccircle r='.72' cx='-32.6' cy='-32.6'/%3E%3Ccircle r='.72' cx='-25.61' cy='-38.33'/%3E%3Ccircle r='.72' cx='-17.64' cy='-42.59'/%3E%3Ccircle r='.72' cx='-8.99' cy='-45.21'/%3E%3C/g%3E%3Crect x='-50' y='-50' width='100' height='100' fill='url(%23bv)'/%3E%3C/svg%3E");box-shadow:0 0 0 1px #1d3466}
.appearance-avatar[data-avatar-frame="frame-bezel"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'%3E%3Cdefs%3E%3ClinearGradient id='m' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%234a525c'/%3E%3Cstop offset='0.35' stop-color='%231f2328'/%3E%3Cstop offset='0.65' stop-color='%23363d45'/%3E%3Cstop offset='1' stop-color='%2316191d'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='-50' y='-50' width='100' height='100' fill='url(%23m)'/%3E%3Cpath stroke='%23c9d0d7' stroke-opacity='.55' stroke-width='.4' d='M4.98 -47.34L5.14 -48.93M9.9 -46.56L10.23 -48.12M14.71 -45.27L15.2 -46.79M19.36 -43.48L20.01 -44.95M27.98 -38.51L28.92 -39.8M31.85 -35.37L32.92 -36.56M35.37 -31.85L36.56 -32.92M38.51 -27.98L39.8 -28.92M43.48 -19.36L44.95 -20.01M45.27 -14.71L46.79 -15.2M46.56 -9.9L48.12 -10.23M47.34 -4.98L48.93 -5.14M47.34 4.98L48.93 5.14M46.56 9.9L48.12 10.23M45.27 14.71L46.79 15.2M43.48 19.36L44.95 20.01M38.51 27.98L39.8 28.92M35.37 31.85L36.56 32.92M31.85 35.37L32.92 36.56M27.98 38.51L28.92 39.8M19.36 43.48L20.01 44.95M14.71 45.27L15.2 46.79M9.9 46.56L10.23 48.12M4.98 47.34L5.14 48.93M-4.98 47.34L-5.14 48.93M-9.9 46.56L-10.23 48.12M-14.71 45.27L-15.2 46.79M-19.36 43.48L-20.01 44.95M-27.98 38.51L-28.92 39.8M-31.85 35.37L-32.92 36.56M-35.37 31.85L-36.56 32.92M-38.51 27.98L-39.8 28.92M-43.48 19.36L-44.95 20.01M-45.27 14.71L-46.79 15.2M-46.56 9.9L-48.12 10.23M-47.34 4.98L-48.93 5.14M-47.34 -4.98L-48.93 -5.14M-46.56 -9.9L-48.12 -10.23M-45.27 -14.71L-46.79 -15.2M-43.48 -19.36L-44.95 -20.01M-38.51 -27.98L-39.8 -28.92M-35.37 -31.85L-36.56 -32.92M-31.85 -35.37L-32.92 -36.56M-27.98 -38.51L-28.92 -39.8M-19.36 -43.48L-20.01 -44.95M-14.71 -45.27L-15.2 -46.79M-9.9 -46.56L-10.23 -48.12M-4.98 -47.34L-5.14 -48.93'/%3E%3Cpath stroke='%23eef1f4' stroke-width='1.3' d='M22.6 -39.14L24.6 -42.61M39.14 -22.6L42.61 -24.6M45.2 0L49.2 0M39.14 22.6L42.61 24.6M22.6 39.14L24.6 42.61M0 45.2L0 49.2M-22.6 39.14L-24.6 42.61M-39.14 22.6L-42.61 24.6M-45.2 0L-49.2 0M-39.14 -22.6L-42.61 -24.6M-22.6 -39.14L-24.6 -42.61'/%3E%3Cpath fill='%23dcbb6c' d='M-1.9 -49.2L1.9 -49.2L0 -45Z'/%3E%3Crect x='-50' y='-50' width='100' height='100' fill='url(%23bv)'/%3E%3C/svg%3E");box-shadow:0 0 0 1px #8c96a1}
.appearance-avatar[data-avatar-frame="frame-sunburst"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff6d6' stop-opacity='0.35'/%3E%3Cstop offset='0.5' stop-color='%23fff6d6' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%233a2a0c' stop-opacity='0.35'/%3E%3C/linearGradient%3E%3CradialGradient id='bv' cx='0' cy='0' r='50' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.86' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='0.95' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='0.35'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle r='51' fill='%23b98f3e'/%3E%3Cpath fill='%23e7c879' d='M0 0L0 -51A51 51 0 0 1 4.44 -50.81ZM0 0L8.86 -50.23A51 51 0 0 1 13.2 -49.26ZM0 0L17.44 -47.92A51 51 0 0 1 21.55 -46.22ZM0 0L25.5 -44.17A51 51 0 0 1 29.25 -41.78ZM0 0L32.78 -39.07A51 51 0 0 1 36.06 -36.06ZM0 0L39.07 -32.78A51 51 0 0 1 41.78 -29.25ZM0 0L44.17 -25.5A51 51 0 0 1 46.22 -21.55ZM0 0L47.92 -17.44A51 51 0 0 1 49.26 -13.2ZM0 0L50.23 -8.86A51 51 0 0 1 50.81 -4.44ZM0 0L51 0A51 51 0 0 1 50.81 4.44ZM0 0L50.23 8.86A51 51 0 0 1 49.26 13.2ZM0 0L47.92 17.44A51 51 0 0 1 46.22 21.55ZM0 0L44.17 25.5A51 51 0 0 1 41.78 29.25ZM0 0L39.07 32.78A51 51 0 0 1 36.06 36.06ZM0 0L32.78 39.07A51 51 0 0 1 29.25 41.78ZM0 0L25.5 44.17A51 51 0 0 1 21.55 46.22ZM0 0L17.44 47.92A51 51 0 0 1 13.2 49.26ZM0 0L8.86 50.23A51 51 0 0 1 4.44 50.81ZM0 0L0 51A51 51 0 0 1 -4.44 50.81ZM0 0L-8.86 50.23A51 51 0 0 1 -13.2 49.26ZM0 0L-17.44 47.92A51 51 0 0 1 -21.55 46.22ZM0 0L-25.5 44.17A51 51 0 0 1 -29.25 41.78ZM0 0L-32.78 39.07A51 51 0 0 1 -36.06 36.06ZM0 0L-39.07 32.78A51 51 0 0 1 -41.78 29.25ZM0 0L-44.17 25.5A51 51 0 0 1 -46.22 21.55ZM0 0L-47.92 17.44A51 51 0 0 1 -49.26 13.2ZM0 0L-50.23 8.86A51 51 0 0 1 -50.81 4.44ZM0 0L-51 0A51 51 0 0 1 -50.81 -4.44ZM0 0L-50.23 -8.86A51 51 0 0 1 -49.26 -13.2ZM0 0L-47.92 -17.44A51 51 0 0 1 -46.22 -21.55ZM0 0L-44.17 -25.5A51 51 0 0 1 -41.78 -29.25ZM0 0L-39.07 -32.78A51 51 0 0 1 -36.06 -36.06ZM0 0L-32.78 -39.07A51 51 0 0 1 -29.25 -41.78ZM0 0L-25.5 -44.17A51 51 0 0 1 -21.55 -46.22ZM0 0L-17.44 -47.92A51 51 0 0 1 -13.2 -49.26ZM0 0L-8.86 -50.23A51 51 0 0 1 -4.44 -50.81Z'/%3E%3Crect x='-50' y='-50' width='100' height='100' fill='url(%23g)'/%3E%3Ccircle r='49.2' fill='none' stroke='%23fbedc0' stroke-opacity='.6' stroke-width='.5'/%3E%3Crect x='-50' y='-50' width='100' height='100' fill='url(%23bv)'/%3E%3C/svg%3E");box-shadow:0 0 0 1px #2a2010}
.appearance-avatar[data-avatar-frame="frame-gold-glint"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'%3E%3Cdefs%3E%3ClinearGradient id='m' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f3da93'/%3E%3Cstop offset='0.3' stop-color='%23c0913a'/%3E%3Cstop offset='0.55' stop-color='%23f5df9e'/%3E%3Cstop offset='0.8' stop-color='%239a7128'/%3E%3Cstop offset='1' stop-color='%23e2c070'/%3E%3C/linearGradient%3E%3CradialGradient id='bv' cx='0' cy='0' r='50' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.86' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='0.95' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='0.35'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect x='-50' y='-50' width='100' height='100' fill='url(%23m)'/%3E%3Ccircle r='47.4' fill='none' stroke='%237c5a1e' stroke-opacity='.6' stroke-width='.5'/%3E%3Crect x='-50' y='-50' width='100' height='100' fill='url(%23bv)'/%3E%3C/svg%3E");box-shadow:0 0 0 1px #3d2d10}
.appearance-avatar[data-avatar-frame="frame-gold-glint"]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'%3E%3Cdefs%3E%3ClinearGradient id='s' gradientUnits='userSpaceOnUse' x1='-21' y1='0' x2='21' y2='0'%3E%3Cstop offset='0' stop-color='%23fffbe8' stop-opacity='0'/%3E%3Cstop offset='.4' stop-color='%23fffbe8' stop-opacity='.55'/%3E%3Cstop offset='.5' stop-color='%23ffffff' stop-opacity='.95'/%3E%3Cstop offset='.6' stop-color='%23fffbe8' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%23fffbe8' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23s)' d='M0 0L-21.15 -47.5A52 52 0 0 1 21.15 -47.5Z'/%3E%3C/svg%3E");animation:profile-x-spin 7s linear infinite}
.appearance-avatar[data-avatar-frame="frame-equinox"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'%3E%3Cdefs%3E%3ClinearGradient id='m' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f4f5f8'/%3E%3Cstop offset='0.4' stop-color='%23e2e6ee'/%3E%3Cstop offset='0.5' stop-color='%237f8aa3'/%3E%3Cstop offset='0.6' stop-color='%231d2645'/%3E%3Cstop offset='1' stop-color='%23121a33'/%3E%3C/linearGradient%3E%3CradialGradient id='bv' cx='0' cy='0' r='50' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.86' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='0.95' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='0.35'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect x='-50' y='-50' width='100' height='100' fill='url(%23m)'/%3E%3Ccircle cy='-47.2' r='1.7' fill='%23e3b95a'/%3E%3Cpath fill='%23eef2ff' d='M0 44.9L.55 46.65L2.3 47.2L.55 47.75L0 49.5L-.55 47.75L-2.3 47.2L-.55 46.65Z'/%3E%3Crect x='-50' y='-50' width='100' height='100' fill='url(%23bv)'/%3E%3C/svg%3E");box-shadow:0 0 0 1px #c7a75e;animation:profile-x-spin 40s linear infinite}
.appearance-avatar[data-avatar-frame="frame-gyroscope"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'%3E%3Cdefs%3E%3ClinearGradient id='m' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%235a636e'/%3E%3Cstop offset='0.5' stop-color='%232a3037'/%3E%3Cstop offset='1' stop-color='%23444c56'/%3E%3C/linearGradient%3E%3CradialGradient id='bv' cx='0' cy='0' r='50' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.86' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='0.95' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='0.35'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect x='-50' y='-50' width='100' height='100' fill='url(%23m)'/%3E%3Cpath stroke='%23a9b4c0' stroke-opacity='.5' stroke-width='.55' d='M0 -43L0 -51M3.75 -42.84L4.44 -50.81M7.47 -42.35L8.86 -50.23M11.13 -41.53L13.2 -49.26M14.71 -40.41L17.44 -47.92M18.17 -38.97L21.55 -46.22M21.5 -37.24L25.5 -44.17M24.66 -35.22L29.25 -41.78M27.64 -32.94L32.78 -39.07M30.41 -30.41L36.06 -36.06M32.94 -27.64L39.07 -32.78M35.22 -24.66L41.78 -29.25M37.24 -21.5L44.17 -25.5M38.97 -18.17L46.22 -21.55M40.41 -14.71L47.92 -17.44M41.53 -11.13L49.26 -13.2M42.35 -7.47L50.23 -8.86M42.84 -3.75L50.81 -4.44M43 0L51 0M42.84 3.75L50.81 4.44M42.35 7.47L50.23 8.86M41.53 11.13L49.26 13.2M40.41 14.71L47.92 17.44M38.97 18.17L46.22 21.55M37.24 21.5L44.17 25.5M35.22 24.66L41.78 29.25M32.94 27.64L39.07 32.78M30.41 30.41L36.06 36.06M27.64 32.94L32.78 39.07M24.66 35.22L29.25 41.78M21.5 37.24L25.5 44.17M18.17 38.97L21.55 46.22M14.71 40.41L17.44 47.92M11.13 41.53L13.2 49.26M7.47 42.35L8.86 50.23M3.75 42.84L4.44 50.81M0 43L0 51M-3.75 42.84L-4.44 50.81M-7.47 42.35L-8.86 50.23M-11.13 41.53L-13.2 49.26M-14.71 40.41L-17.44 47.92M-18.17 38.97L-21.55 46.22M-21.5 37.24L-25.5 44.17M-24.66 35.22L-29.25 41.78M-27.64 32.94L-32.78 39.07M-30.41 30.41L-36.06 36.06M-32.94 27.64L-39.07 32.78M-35.22 24.66L-41.78 29.25M-37.24 21.5L-44.17 25.5M-38.97 18.17L-46.22 21.55M-40.41 14.71L-47.92 17.44M-41.53 11.13L-49.26 13.2M-42.35 7.47L-50.23 8.86M-42.84 3.75L-50.81 4.44M-43 0L-51 0M-42.84 -3.75L-50.81 -4.44M-42.35 -7.47L-50.23 -8.86M-41.53 -11.13L-49.26 -13.2M-40.41 -14.71L-47.92 -17.44M-38.97 -18.17L-46.22 -21.55M-37.24 -21.5L-44.17 -25.5M-35.22 -24.66L-41.78 -29.25M-32.94 -27.64L-39.07 -32.78M-30.41 -30.41L-36.06 -36.06M-27.64 -32.94L-32.78 -39.07M-24.66 -35.22L-29.25 -41.78M-21.5 -37.24L-25.5 -44.17M-18.17 -38.97L-21.55 -46.22M-14.71 -40.41L-17.44 -47.92M-11.13 -41.53L-13.2 -49.26M-7.47 -42.35L-8.86 -50.23M-3.75 -42.84L-4.44 -50.81'/%3E%3Crect x='-50' y='-50' width='100' height='100' fill='url(%23bv)'/%3E%3C/svg%3E");box-shadow:0 0 0 1px #b6c0ca;animation:profile-x-spin-back 48s linear infinite}
.appearance-avatar[data-avatar-frame="frame-gyroscope"]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'%3E%3Ccircle r='47.3' fill='none' stroke='%23e2c16f' stroke-width='1.8' stroke-dasharray='62 86.6'/%3E%3C/svg%3E");animation:profile-x-spin 9s linear infinite}
.appearance-avatar[data-avatar-frame="frame-diamond-pave"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'%3E%3Cdefs%3E%3ClinearGradient id='m' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f2f4f7'/%3E%3Cstop offset='0.5' stop-color='%23b9c1cb'/%3E%3Cstop offset='1' stop-color='%23e4e8ed'/%3E%3C/linearGradient%3E%3CradialGradient id='d'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='0.55' stop-color='%23eef3fa'/%3E%3Cstop offset='1' stop-color='%2397a3b3'/%3E%3C/radialGradient%3E%3CradialGradient id='bv' cx='0' cy='0' r='50' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.86' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='0.95' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='0.35'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect x='-50' y='-50' width='100' height='100' fill='url(%23m)'/%3E%3Cg%3E%3Ccircle r='2.25' fill='url(%23d)' cx='0' cy='-47.2'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='4.93' cy='-46.94'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='9.81' cy='-46.17'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='14.59' cy='-44.89'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='19.2' cy='-43.12'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='23.6' cy='-40.88'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='27.74' cy='-38.19'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='31.58' cy='-35.08'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='35.08' cy='-31.58'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='38.19' cy='-27.74'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='40.88' cy='-23.6'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='43.12' cy='-19.2'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='44.89' cy='-14.59'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='46.17' cy='-9.81'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='46.94' cy='-4.93'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='47.2' cy='0'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='46.94' cy='4.93'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='46.17' cy='9.81'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='44.89' cy='14.59'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='43.12' cy='19.2'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='40.88' cy='23.6'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='38.19' cy='27.74'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='35.08' cy='31.58'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='31.58' cy='35.08'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='27.74' cy='38.19'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='23.6' cy='40.88'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='19.2' cy='43.12'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='14.59' cy='44.89'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='9.81' cy='46.17'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='4.93' cy='46.94'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='0' cy='47.2'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='-4.93' cy='46.94'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='-9.81' cy='46.17'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='-14.59' cy='44.89'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='-19.2' cy='43.12'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='-23.6' cy='40.88'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='-27.74' cy='38.19'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='-31.58' cy='35.08'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='-35.08' cy='31.58'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='-38.19' cy='27.74'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='-40.88' cy='23.6'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='-43.12' cy='19.2'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='-44.89' cy='14.59'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='-46.17' cy='9.81'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='-46.94' cy='4.93'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='-47.2' cy='0'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='-46.94' cy='-4.93'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='-46.17' cy='-9.81'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='-44.89' cy='-14.59'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='-43.12' cy='-19.2'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='-40.88' cy='-23.6'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='-38.19' cy='-27.74'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='-35.08' cy='-31.58'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='-31.58' cy='-35.08'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='-27.74' cy='-38.19'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='-23.6' cy='-40.88'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='-19.2' cy='-43.12'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='-14.59' cy='-44.89'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='-9.81' cy='-46.17'/%3E%3Ccircle r='2.25' fill='url(%23d)' cx='-4.93' cy='-46.94'/%3E%3C/g%3E%3Crect x='-50' y='-50' width='100' height='100' fill='url(%23bv)'/%3E%3C/svg%3E");box-shadow:0 0 0 1px #5a626c}
.appearance-avatar[data-avatar-frame="frame-diamond-pave"]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'%3E%3Cdefs%3E%3CradialGradient id='h'%3E%3Cstop offset='0' stop-color='%23ffffff' stop-opacity='0.9'/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg transform='translate(0 -47.2)'%3E%3Ccircle r='3.4' fill='url(%23h)'/%3E%3Cpath fill='%23fff' d='M0 -4.2L.45 -.45L4.2 0L.45 .45L0 4.2L-.45 .45L-4.2 0L-.45 -.45Z'/%3E%3C/g%3E%3Cg transform='translate(40.88 23.6)'%3E%3Ccircle r='3.4' fill='url(%23h)'/%3E%3Cpath fill='%23fff' d='M0 -4.2L.45 -.45L4.2 0L.45 .45L0 4.2L-.45 .45L-4.2 0L-.45 -.45Z'/%3E%3C/g%3E%3Cg transform='translate(-40.88 23.6)'%3E%3Ccircle r='3.4' fill='url(%23h)'/%3E%3Cpath fill='%23fff' d='M0 -4.2L.45 -.45L4.2 0L.45 .45L0 4.2L-.45 .45L-4.2 0L-.45 -.45Z'/%3E%3C/g%3E%3C/svg%3E");animation:profile-x-glint 4.2s ease-in-out infinite;opacity:.85}
.appearance-avatar[data-avatar-frame="frame-tahiti-pearl"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'%3E%3Cdefs%3E%3CradialGradient id='b0'%3E%3Cstop offset='0' stop-color='%233f8f86' stop-opacity='0.95'/%3E%3Cstop offset='1' stop-color='%233f8f86' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b1'%3E%3Cstop offset='0' stop-color='%237b5a92' stop-opacity='0.95'/%3E%3Cstop offset='1' stop-color='%237b5a92' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b2'%3E%3Cstop offset='0' stop-color='%234a76a8' stop-opacity='0.95'/%3E%3Cstop offset='1' stop-color='%234a76a8' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b3'%3E%3Cstop offset='0' stop-color='%23a68c58' stop-opacity='0.95'/%3E%3Cstop offset='1' stop-color='%23a68c58' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b4'%3E%3Cstop offset='0' stop-color='%235aa39a' stop-opacity='0.95'/%3E%3Cstop offset='1' stop-color='%235aa39a' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b5'%3E%3Cstop offset='0' stop-color='%238c5f8f' stop-opacity='0.95'/%3E%3Cstop offset='1' stop-color='%238c5f8f' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='bv' cx='0' cy='0' r='50' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.86' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='0.95' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='0.35'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect x='-50' y='-50' width='100' height='100' fill='%232b3138'/%3E%3Ccircle cx='-30' cy='-30' r='34' fill='url(%23b0)'/%3E%3Ccircle cx='32' cy='-20' r='34' fill='url(%23b1)'/%3E%3Ccircle cx='28' cy='34' r='34' fill='url(%23b2)'/%3E%3Ccircle cx='-32' cy='30' r='34' fill='url(%23b3)'/%3E%3Ccircle cx='0' cy='-44' r='34' fill='url(%23b4)'/%3E%3Ccircle cx='0' cy='44' r='34' fill='url(%23b5)'/%3E%3Crect x='-50' y='-50' width='100' height='100' fill='url(%23bv)'/%3E%3C/svg%3E");box-shadow:0 0 0 1px #0d0f12;animation:profile-x-spin 26s linear infinite}
.appearance-avatar[data-avatar-frame="frame-tahiti-pearl"]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'%3E%3Cdefs%3E%3CradialGradient id='h'%3E%3Cstop offset='0' stop-color='%23ffffff' stop-opacity='0.55'/%3E%3Cstop offset='0.5' stop-color='%23ffffff' stop-opacity='0.18'/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='-24' cy='-30' r='30' fill='url(%23h)'/%3E%3C/svg%3E")}
.appearance-avatar[data-avatar-frame="frame-rosace"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23ffffff' stop-opacity='0.32'/%3E%3Cstop offset='0.45' stop-color='%23ffffff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000000' stop-opacity='0.3'/%3E%3C/linearGradient%3E%3CradialGradient id='bv' cx='0' cy='0' r='50' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.86' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='0.95' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='0.35'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath fill='%2324427f' d='M0 0L0 -51A51 51 0 0 1 19.52 -47.12Z'/%3E%3Cpath fill='%237c2233' d='M0 0L19.52 -47.12A51 51 0 0 1 36.06 -36.06Z'/%3E%3Cpath fill='%2324427f' d='M0 0L36.06 -36.06A51 51 0 0 1 47.12 -19.52Z'/%3E%3Cpath fill='%231f5b4b' d='M0 0L47.12 -19.52A51 51 0 0 1 51 0Z'/%3E%3Cpath fill='%2324427f' d='M0 0L51 0A51 51 0 0 1 47.12 19.52Z'/%3E%3Cpath fill='%237c2233' d='M0 0L47.12 19.52A51 51 0 0 1 36.06 36.06Z'/%3E%3Cpath fill='%2324427f' d='M0 0L36.06 36.06A51 51 0 0 1 19.52 47.12Z'/%3E%3Cpath fill='%238b6b25' d='M0 0L19.52 47.12A51 51 0 0 1 0 51Z'/%3E%3Cpath fill='%2324427f' d='M0 0L0 51A51 51 0 0 1 -19.52 47.12Z'/%3E%3Cpath fill='%237c2233' d='M0 0L-19.52 47.12A51 51 0 0 1 -36.06 36.06Z'/%3E%3Cpath fill='%2324427f' d='M0 0L-36.06 36.06A51 51 0 0 1 -47.12 19.52Z'/%3E%3Cpath fill='%231f5b4b' d='M0 0L-47.12 19.52A51 51 0 0 1 -51 0Z'/%3E%3Cpath fill='%2324427f' d='M0 0L-51 0A51 51 0 0 1 -47.12 -19.52Z'/%3E%3Cpath fill='%237c2233' d='M0 0L-47.12 -19.52A51 51 0 0 1 -36.06 -36.06Z'/%3E%3Cpath fill='%2324427f' d='M0 0L-36.06 -36.06A51 51 0 0 1 -19.52 -47.12Z'/%3E%3Cpath fill='%238b6b25' d='M0 0L-19.52 -47.12A51 51 0 0 1 0 -51Z'/%3E%3Cpath fill='%231f5b4b' d='M0 0L9.17 -46.1A47 47 0 0 1 26.11 -39.08Z'/%3E%3Cpath fill='%2324427f' d='M0 0L26.11 -39.08A47 47 0 0 1 39.08 -26.11Z'/%3E%3Cpath fill='%237c2233' d='M0 0L39.08 -26.11A47 47 0 0 1 46.1 -9.17Z'/%3E%3Cpath fill='%2324427f' d='M0 0L46.1 -9.17A47 47 0 0 1 46.1 9.17Z'/%3E%3Cpath fill='%238b6b25' d='M0 0L46.1 9.17A47 47 0 0 1 39.08 26.11Z'/%3E%3Cpath fill='%2324427f' d='M0 0L39.08 26.11A47 47 0 0 1 26.11 39.08Z'/%3E%3Cpath fill='%237c2233' d='M0 0L26.11 39.08A47 47 0 0 1 9.17 46.1Z'/%3E%3Cpath fill='%2324427f' d='M0 0L9.17 46.1A47 47 0 0 1 -9.17 46.1Z'/%3E%3Cpath fill='%231f5b4b' d='M0 0L-9.17 46.1A47 47 0 0 1 -26.11 39.08Z'/%3E%3Cpath fill='%2324427f' d='M0 0L-26.11 39.08A47 47 0 0 1 -39.08 26.11Z'/%3E%3Cpath fill='%237c2233' d='M0 0L-39.08 26.11A47 47 0 0 1 -46.1 9.17Z'/%3E%3Cpath fill='%2324427f' d='M0 0L-46.1 9.17A47 47 0 0 1 -46.1 -9.17Z'/%3E%3Cpath fill='%238b6b25' d='M0 0L-46.1 -9.17A47 47 0 0 1 -39.08 -26.11Z'/%3E%3Cpath fill='%2324427f' d='M0 0L-39.08 -26.11A47 47 0 0 1 -26.11 -39.08Z'/%3E%3Cpath fill='%237c2233' d='M0 0L-26.11 -39.08A47 47 0 0 1 -9.17 -46.1Z'/%3E%3Cpath fill='%2324427f' d='M0 0L-9.17 -46.1A47 47 0 0 1 9.17 -46.1Z'/%3E%3Cg fill='none' stroke='%23cfa95c' stroke-width='.8'%3E%3Cpath d='M0 -47L0 -51M17.99 -43.42L19.52 -47.12M33.23 -33.23L36.06 -36.06M43.42 -17.99L47.12 -19.52M47 0L51 0M43.42 17.99L47.12 19.52M33.23 33.23L36.06 36.06M17.99 43.42L19.52 47.12M0 47L0 51M-17.99 43.42L-19.52 47.12M-33.23 33.23L-36.06 36.06M-43.42 17.99L-47.12 19.52M-47 0L-51 0M-43.42 -17.99L-47.12 -19.52M-33.23 -33.23L-36.06 -36.06M-17.99 -43.42L-19.52 -47.12M0 0L9.17 -46.1M0 0L26.11 -39.08M0 0L39.08 -26.11M0 0L46.1 -9.17M0 0L46.1 9.17M0 0L39.08 26.11M0 0L26.11 39.08M0 0L9.17 46.1M0 0L-9.17 46.1M0 0L-26.11 39.08M0 0L-39.08 26.11M0 0L-46.1 9.17M0 0L-46.1 -9.17M0 0L-39.08 -26.11M0 0L-26.11 -39.08M0 0L-9.17 -46.1'/%3E%3Ccircle r='47'/%3E%3C/g%3E%3Crect x='-50' y='-50' width='100' height='100' fill='url(%23g)'/%3E%3Crect x='-50' y='-50' width='100' height='100' fill='url(%23bv)'/%3E%3C/svg%3E");box-shadow:0 0 0 1px #c9a55a,0 0 0 2px #1d1a14;animation:profile-x-spin 90s linear infinite}
.chat-message .chat-avatar-wrap.appearance-avatar:is([data-avatar-frame="frame-gold-glint"],[data-avatar-frame="frame-gyroscope"],[data-avatar-frame="frame-diamond-pave"],[data-avatar-frame="frame-tahiti-pearl"])::after{inset:-3px;transform:none;--pk-hole:84%}
@keyframes profile-x-spin{to{transform:rotate(360deg)}}
@keyframes profile-x-spin-back{to{transform:rotate(-360deg)}}
@keyframes profile-x-glint{0%{opacity:0;transform:rotate(0deg)}50%{opacity:1}100%{opacity:0;transform:rotate(40deg)}}
.appearance-banner:is([data-profile-banner="banner-noir-marble"],[data-profile-banner="banner-facets"],[data-profile-banner="banner-bauhaus"],[data-profile-banner="banner-tuscany"],[data-profile-banner="banner-contour"],[data-profile-banner="banner-cannage"],[data-profile-banner="banner-cloud-sea"],[data-profile-banner="banner-snowfall"],[data-profile-banner="banner-lighthouse"],[data-profile-banner="banner-night-city"],[data-profile-banner="banner-shooting-star"],[data-profile-banner="banner-deep-sea"]){image-rendering:auto;background-position:center;background-size:100% 100%;background-repeat:no-repeat}
.appearance-banner[data-profile-banner="banner-noir-marble"]{background-color:#121315;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 300' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3CradialGradient id='a' cx='.3' cy='.35' r='.6'%3E%3Cstop offset='0' stop-color='%233a3c41' stop-opacity='0.75'/%3E%3Cstop offset='1' stop-color='%23121315' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='.8' cy='.75' r='.5'%3E%3Cstop offset='0' stop-color='%232a2c31' stop-opacity='0.6'/%3E%3Cstop offset='1' stop-color='%23121315' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='900' height='300' fill='%23121315'/%3E%3Crect width='900' height='300' fill='url(%23a)'/%3E%3Crect width='900' height='300' fill='url(%23b)'/%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.10' stroke-width='.8'%3E%3Cpath d='M-10 40C120 70 170 20 300 70S470 40 560 110 760 90 910 160'/%3E%3Cpath d='M80 310C160 250 230 260 320 200S500 210 600 150'/%3E%3Cpath d='M640 -10C660 60 720 80 760 140S830 240 900 260'/%3E%3C/g%3E%3Cg fill='none' stroke='%23d2ae62'%3E%3Cpath stroke-width='1.8' stroke-opacity='.9' d='M-10 210C90 190 140 230 230 190S380 120 470 150 640 230 740 170 860 120 910 130'/%3E%3Cpath stroke-width='.9' stroke-opacity='.7' d='M230 190C260 150 250 110 300 80S380 40 420 -10'/%3E%3Cpath stroke-width='.7' stroke-opacity='.6' d='M600 202C630 240 690 260 720 310'/%3E%3Cpath stroke-width='1.1' stroke-opacity='.55' d='M500 -10C520 40 500 80 540 120S600 150 640 216'/%3E%3C/g%3E%3C/svg%3E")}
.appearance-banner[data-profile-banner="banner-facets"]{background-color:#123049;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 300' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='v' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='0.6' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='0.35'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='%23133146' d='M0 0L100 0L0 100Z'/%3E%3Cpath fill='%23112c3f' d='M100 0L100 100L0 100Z'/%3E%3Cpath fill='%23122f45' d='M0 100L100 100L100 200Z'/%3E%3Cpath fill='%23112b3e' d='M0 100L100 200L0 200Z'/%3E%3Cpath fill='%23112841' d='M0 200L100 200L0 300Z'/%3E%3Cpath fill='%230f2439' d='M100 200L100 300L0 300Z'/%3E%3Cpath fill='%2314384b' d='M100 0L200 0L200 100Z'/%3E%3Cpath fill='%23133947' d='M100 0L200 100L100 100Z'/%3E%3Cpath fill='%2314384b' d='M100 100L200 100L100 200Z'/%3E%3Cpath fill='%23123041' d='M200 100L200 200L100 200Z'/%3E%3Cpath fill='%23133347' d='M100 200L200 200L200 300Z'/%3E%3Cpath fill='%23112f40' d='M100 200L200 300L100 300Z'/%3E%3Cpath fill='%23163f4f' d='M200 0L300 0L200 100Z'/%3E%3Cpath fill='%2316424c' d='M300 0L300 100L200 100Z'/%3E%3Cpath fill='%2314384b' d='M200 100L300 100L300 200Z'/%3E%3Cpath fill='%23123142' d='M200 100L300 200L200 200Z'/%3E%3Cpath fill='%23133348' d='M200 200L300 200L200 300Z'/%3E%3Cpath fill='%23102a3e' d='M300 200L300 300L200 300Z'/%3E%3Cpath fill='%231a525a' d='M300 0L400 0L400 100Z'/%3E%3Cpath fill='%2316444e' d='M300 0L400 100L300 100Z'/%3E%3Cpath fill='%23174553' d='M300 100L400 100L300 200Z'/%3E%3Cpath fill='%2315404b' d='M400 100L400 200L300 200Z'/%3E%3Cpath fill='%23153b4d' d='M300 200L400 200L400 300Z'/%3E%3Cpath fill='%23123243' d='M300 200L400 300L300 300Z'/%3E%3Cpath fill='%231b535b' d='M400 0L500 0L400 100Z'/%3E%3Cpath fill='%2316454e' d='M500 0L500 100L400 100Z'/%3E%3Cpath fill='%23174452' d='M400 100L500 100L500 200Z'/%3E%3Cpath fill='%23143b48' d='M400 100L500 200L400 200Z'/%3E%3Cpath fill='%23164251' d='M400 200L500 200L400 300Z'/%3E%3Cpath fill='%23123444' d='M500 200L500 300L400 300Z'/%3E%3Cpath fill='%231f6162' d='M500 0L600 0L600 100Z'/%3E%3Cpath fill='%231a5154' d='M500 0L600 100L500 100Z'/%3E%3Cpath fill='%23184a55' d='M500 100L600 100L500 200Z'/%3E%3Cpath fill='%2316424c' d='M600 100L600 200L500 200Z'/%3E%3Cpath fill='%231a4f59' d='M500 200L600 200L600 300Z'/%3E%3Cpath fill='%2315404b' d='M500 200L600 300L500 300Z'/%3E%3Cpath fill='%23206262' d='M600 0L700 0L600 100Z'/%3E%3Cpath fill='%231b5556' d='M700 0L700 100L600 100Z'/%3E%3Cpath fill='%231e5d60' d='M600 100L700 100L700 200Z'/%3E%3Cpath fill='%23184d53' d='M600 100L700 200L600 200Z'/%3E%3Cpath fill='%231a525a' d='M600 200L700 200L600 300Z'/%3E%3Cpath fill='%2317474f' d='M700 200L700 300L600 300Z'/%3E%3Cpath fill='%23226a66' d='M700 0L800 0L800 100Z'/%3E%3Cpath fill='%231d5a58' d='M700 0L800 100L700 100Z'/%3E%3Cpath fill='%23216664' d='M700 100L800 100L700 200Z'/%3E%3Cpath fill='%231c5757' d='M800 100L800 200L700 200Z'/%3E%3Cpath fill='%231b575d' d='M700 200L800 200L800 300Z'/%3E%3Cpath fill='%23184a51' d='M700 200L800 300L700 300Z'/%3E%3Cpath fill='%23236b66' d='M800 0L900 0L800 100Z'/%3E%3Cpath fill='%231e5b59' d='M900 0L900 100L800 100Z'/%3E%3Cpath fill='%23226765' d='M800 100L900 100L900 200Z'/%3E%3Cpath fill='%2320615c' d='M800 100L900 200L800 200Z'/%3E%3Cpath fill='%231e5c60' d='M800 200L900 200L800 300Z'/%3E%3Cpath fill='%23195054' d='M900 200L900 300L800 300Z'/%3E%3Cpath fill='none' stroke='%239fd6c8' stroke-opacity='.10' stroke-width='1' d='M100 0V300M200 0V300M300 0V300M400 0V300M500 0V300M600 0V300M700 0V300M800 0V300M0 100H900M0 200H900'/%3E%3Crect width='900' height='300' fill='url(%23v)'/%3E%3C/svg%3E")}
.appearance-banner[data-profile-banner="banner-bauhaus"]{background-color:#efe7d6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 300' preserveAspectRatio='xMidYMid slice'%3E%3Crect width='900' height='300' fill='%23efe7d6'/%3E%3Ccircle cx='75' cy='75' r='58' fill='%23c65b3d'/%3E%3Crect y='150' width='150' height='150' fill='%2322375a'/%3E%3Cpath fill='%23dca83c' d='M0 300V180A120 120 0 0 1 120 300Z'/%3E%3Cpath fill='%23dca83c' d='M160 150A140 140 0 0 1 300 10V150Z'/%3E%3Cg fill='%231d1d1d'%3E%3Crect x='170' y='196' width='110' height='5'/%3E%3Crect x='170' y='222' width='110' height='5'/%3E%3Crect x='170' y='248' width='110' height='5'/%3E%3C/g%3E%3Crect x='300' width='150' height='300' fill='%23c65b3d'/%3E%3Ccircle cx='375' cy='150' r='52' fill='%23efe7d6'/%3E%3Ccircle cx='375' cy='150' r='20' fill='%231d1d1d'/%3E%3Cpath fill='%2322375a' d='M450 0H600A150 150 0 0 1 450 150Z'/%3E%3Ccircle cx='525' cy='225' r='55' fill='%238aa38a'/%3E%3Crect x='600' y='150' width='150' height='150' fill='%23dca83c'/%3E%3Cpath fill='%2322375a' d='M600 300A75 75 0 0 1 750 300Z'/%3E%3Cg fill='%231d1d1d'%3E%3Crect x='620' y='30' width='6' height='100'/%3E%3Crect x='642' y='30' width='6' height='100'/%3E%3Crect x='664' y='30' width='6' height='100'/%3E%3C/g%3E%3Ccircle cx='715' cy='80' r='20' fill='%23c65b3d'/%3E%3Cpath fill='%23c65b3d' d='M900 0V150A150 150 0 0 1 750 0Z'/%3E%3Ccircle cx='825' cy='235' r='14' fill='%231d1d1d'/%3E%3Crect x='770' y='280' width='110' height='5' fill='%2322375a'/%3E%3Cpath fill='none' stroke='%231d1d1d' stroke-opacity='.18' stroke-width='1' d='M150 0V300M300 0V300M450 0V300M600 0V300M750 0V300M0 150H900'/%3E%3C/svg%3E")}
.appearance-banner[data-profile-banner="banner-tuscany"]{background-color:#e6a98d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 300' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%238d7fa6'/%3E%3Cstop offset='0.45' stop-color='%23e6a98d'/%3E%3Cstop offset='0.8' stop-color='%23f5cf9f'/%3E%3Cstop offset='1' stop-color='%23f7dcb0'/%3E%3C/linearGradient%3E%3CradialGradient id='gl'%3E%3Cstop offset='0' stop-color='%23fff1cf' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23fff1cf' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='900' height='300' fill='url(%23s)'/%3E%3Ccircle cx='640' cy='150' r='70' fill='url(%23gl)'/%3E%3Ccircle cx='640' cy='150' r='34' fill='%23fbe6bd'/%3E%3Cpath fill='%23b9a2a6' d='M0 175C120 150 210 165 300 158S520 130 640 160 820 150 900 140V300H0Z'/%3E%3Cpath fill='%2393986f' d='M0 205C110 180 220 200 330 186S560 170 700 196 840 180 900 176V300H0Z'/%3E%3Cpath fill='%236c7c4f' d='M0 236C150 214 260 236 400 222S640 206 760 230 870 222 900 220V300H0Z'/%3E%3Cpath fill='%234a5b36' d='M0 270C160 250 300 268 450 256S720 250 900 262V300H0Z'/%3E%3Cpath fill='%232c3a26' d='M212 130C219 146 218 170 212 176C206 170 205 146 212 130Z'/%3E%3Cpath fill='%232c3a26' d='M228 141.2C233.6 154 232.8 173.2 228 178C223.2 173.2 222.4 154 228 141.2Z'/%3E%3Cpath fill='%232c3a26' d='M244 135.6C250.3 150 249.4 171.6 244 177C238.6 171.6 237.7 150 244 135.6Z'/%3E%3Cpath fill='%232c3a26' d='M560 139.4C567.7 157 566.6 183.4 560 190C553.4 183.4 552.3 157 560 139.4Z'/%3E%3Cpath fill='%232c3a26' d='M576 151.9C581.95 165.5 581.1 185.9 576 191C570.9 185.9 570.05 165.5 576 151.9Z'/%3E%3Cpath fill='%232c3a26' d='M700 155.6C706.3 170 705.4 191.6 700 197C694.6 191.6 693.7 170 700 155.6Z'/%3E%3Cpath fill='%232c3a26' d='M118 166.5C126.75 186.5 125.5 216.5 118 224C110.5 216.5 109.25 186.5 118 166.5Z'/%3E%3Cpath fill='%232c3a26' d='M136 178C143 194 142 218 136 224C130 218 129 194 136 178Z'/%3E%3Cpath fill='%232c3a26' d='M802 171.8C810.4 191 809.2 219.8 802 227C794.8 219.8 793.6 191 802 171.8Z'/%3E%3Cpath fill='%232c3a26' d='M820 184.3C826.65 199.5 825.7 222.3 820 228C814.3 222.3 813.35 199.5 820 184.3Z'/%3E%3Cpath fill='%232c3a26' d='M838 178.4C845.7 196 844.6 222.4 838 229C831.4 222.4 830.3 196 838 178.4Z'/%3E%3C/svg%3E")}
.appearance-banner[data-profile-banner="banner-contour"]{background-color:#142a21;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 300' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23183126'/%3E%3Cstop offset='1' stop-color='%230f1f19'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='900' height='300' fill='url(%23g)'/%3E%3Cpath fill='none' stroke='%23cfdcb9' stroke-opacity='.26' stroke-width='1.1' d='M250 165C250 167 248 168 247 170C245 171 244 172 242 173C240 174 238 175 236 175C234 176 232 176 230 176C228 177 225 177 223 177C220 177 217 176 216 175C214 173 214 171 214 169C214 168 215 166 214 165C214 164 213 162 214 160C214 159 215 157 217 156C218 155 220 154 223 153C225 153 228 152 230 152C232 153 234 154 236 155C238 156 239 157 241 158C243 159 246 159 247 160C249 161 251 163 250 165M271 165C271 168 266 172 263 174C260 177 257 179 254 181C250 183 247 185 243 186C239 187 235 187 230 188C225 188 220 190 215 189C210 188 204 187 201 184C198 182 199 177 199 174C198 170 199 168 199 165C199 162 196 159 197 156C197 153 200 149 203 147C206 145 211 143 215 141C220 140 225 139 230 140C235 140 239 143 243 145C246 146 248 149 252 150C256 152 262 153 265 155C268 158 271 162 271 165M292 165C291 170 284 175 280 179C275 183 270 186 265 188C260 191 255 195 250 196C244 198 237 199 230 200C223 201 215 202 208 201C200 200 191 198 187 194C183 190 184 183 183 178C183 173 184 169 184 165C183 161 179 156 180 151C181 147 184 141 189 138C194 134 201 132 208 130C215 128 223 127 230 128C237 129 243 132 249 135C254 137 258 140 263 143C269 145 278 147 283 150C288 154 292 160 292 165M312 165C312 171 301 178 295 183C289 188 283 192 276 196C270 200 264 205 256 207C248 210 239 211 230 212C221 213 210 215 200 213C191 212 178 208 173 203C168 198 169 188 168 182C168 176 169 171 168 165C168 159 161 152 162 146C163 140 168 133 175 128C181 123 192 121 201 119C210 117 221 115 230 116C239 117 248 121 255 124C263 128 267 132 275 135C283 139 295 140 301 145C308 150 313 159 312 165M354 165C352 174 336 184 326 192C317 199 308 204 298 210C289 217 281 225 270 229C259 234 244 236 230 238C216 239 199 240 185 237C171 234 154 229 146 221C138 213 140 200 139 190C137 181 140 174 138 165C136 156 125 146 127 136C128 127 135 115 145 109C156 102 173 99 187 96C201 94 217 92 230 94C243 95 256 100 268 104C279 108 287 114 299 119C311 124 329 127 338 135C347 143 356 156 354 165M374 165C371 176 352 187 341 196C330 204 320 210 309 218C298 225 290 235 277 241C264 246 247 249 230 251C213 252 194 252 178 249C162 245 142 239 133 230C124 220 126 205 124 194C122 184 125 175 122 165C119 155 107 142 108 131C110 120 119 106 131 99C143 91 164 88 181 85C197 83 214 81 230 83C246 84 261 89 274 94C288 98 298 105 311 111C325 117 346 121 357 130C367 139 377 154 374 165M394 165C391 177 368 190 356 200C344 210 331 216 319 225C307 233 299 246 284 252C269 259 249 263 230 264C211 266 189 265 171 260C152 256 131 248 120 238C110 228 112 211 109 198C107 186 109 177 106 165C103 153 88 139 90 126C92 114 102 97 116 89C130 80 155 78 174 75C193 72 212 71 230 72C248 74 265 78 281 83C297 88 308 95 324 102C340 109 364 114 375 125C387 135 397 153 394 165M699 120C698 122 697 123 696 124C695 126 694 127 692 128C690 129 688 129 686 130C684 131 682 132 680 132C678 133 674 133 672 133C670 132 668 130 667 129C666 127 666 125 666 124C665 123 663 121 663 120C662 119 662 117 663 115C663 114 665 112 667 111C668 110 670 108 673 108C675 108 678 108 680 108C682 109 684 110 686 111C688 111 690 111 693 112C695 112 698 113 699 115C700 116 699 118 699 120M718 120C716 123 714 126 712 129C709 131 707 134 704 136C701 138 697 139 693 141C689 142 685 144 680 145C675 146 668 147 664 146C660 144 657 140 655 137C652 134 653 131 651 128C650 125 647 123 646 120C644 117 644 113 645 110C646 107 650 104 653 102C656 100 661 97 665 96C670 95 676 96 680 97C684 98 687 100 692 101C696 102 701 102 705 103C710 104 716 107 718 110C720 112 719 117 718 120M736 120C734 125 730 129 727 133C723 137 720 141 716 144C711 147 705 149 699 151C693 154 687 157 680 158C673 159 663 160 656 158C650 156 645 150 642 145C639 141 640 136 638 132C635 128 630 124 628 120C626 116 625 110 627 105C629 101 634 96 640 93C645 90 651 86 658 85C665 84 673 85 680 86C687 87 691 90 698 92C704 93 712 92 718 94C725 96 734 100 737 104C740 108 738 115 736 120M754 120C752 126 746 132 741 137C737 142 734 148 728 152C722 156 714 159 706 162C698 165 690 169 680 171C670 172 657 173 649 171C640 168 634 159 630 153C626 148 627 141 624 136C620 130 613 126 610 120C608 114 606 106 608 100C611 94 619 88 626 84C633 80 642 75 651 74C660 72 671 73 680 75C689 76 695 80 704 82C712 84 723 83 732 86C741 88 753 93 757 99C760 105 757 114 754 120M790 120C786 129 776 137 770 145C764 153 760 161 752 168C744 175 733 181 721 185C709 190 695 195 680 196C665 198 646 199 634 195C621 190 612 178 606 169C600 161 601 151 596 143C591 135 578 129 574 120C570 111 566 99 570 90C575 81 588 73 600 66C611 60 625 55 638 52C651 50 667 51 680 52C693 54 703 59 716 62C729 64 745 63 759 68C772 72 790 79 796 88C801 97 794 111 790 120M807 120C802 131 791 139 784 149C776 158 774 168 765 176C755 185 742 192 728 197C714 203 697 208 680 209C663 211 641 212 626 207C612 201 602 187 594 177C587 167 589 157 582 147C576 137 560 130 555 120C550 110 546 95 551 84C556 74 573 65 586 58C600 51 616 45 632 42C647 39 665 40 680 41C695 43 707 48 723 51C738 54 757 53 772 58C788 64 809 72 815 83C821 93 812 109 807 120M824 120C818 132 805 142 797 152C789 163 787 175 777 185C767 194 752 203 736 210C720 216 699 221 680 222C661 223 635 224 619 218C603 212 591 196 583 185C574 174 576 162 568 151C560 140 543 132 536 120C530 108 525 91 531 79C537 67 558 57 573 49C589 41 608 35 626 32C643 29 663 29 680 30C697 31 712 37 729 41C747 44 769 43 786 49C804 55 828 66 834 77C840 89 831 108 824 120M987 145C1002 171 979 207 946 230C912 253 839 268 786 283C733 298 684 311 628 319C573 327 514 330 455 330C396 331 340 329 276 325C213 320 123 321 72 305C21 289 -23 255 -30 229C-38 202 12 170 27 145C42 120 45 101 59 77C72 52 73 21 107 0C141 -21 203 -39 261 -50C319 -62 391 -70 455 -70C519 -69 594 -60 644 -45C693 -30 715 2 751 22C786 42 817 55 856 76C896 96 972 119 987 145M1112 145C1129 177 1098 221 1054 248C1010 276 914 291 848 309C783 327 729 343 663 354C598 366 527 374 455 376C383 379 310 375 232 369C155 363 50 359 -10 339C-70 318 -121 278 -129 246C-137 214 -76 176 -59 145C-42 114 -41 92 -28 62C-15 31 -20 -10 20 -36C61 -62 142 -84 215 -96C287 -109 377 -114 455 -112C533 -109 620 -99 680 -82C741 -64 773 -30 818 -6C863 17 904 34 953 59C1002 84 1096 113 1112 145M1175 145C1192 180 1156 228 1107 258C1058 287 950 302 879 322C808 341 751 359 680 372C610 385 533 397 455 400C377 403 294 399 210 392C125 384 14 379 -50 356C-115 333 -168 289 -177 254C-186 219 -119 178 -102 145C-84 112 -86 87 -73 54C-60 21 -68 -26 -24 -55C20 -84 112 -107 192 -120C272 -133 371 -135 455 -132C539 -129 632 -118 698 -100C764 -81 802 -46 853 -21C903 4 949 23 1003 50C1056 78 1158 110 1175 145M1238 145C1255 182 1214 235 1159 267C1104 298 985 313 908 334C831 354 773 374 698 389C622 404 540 420 455 425C370 429 277 424 187 415C96 406 -21 397 -90 372C-158 346 -214 300 -224 262C-233 224 -162 181 -145 145C-127 109 -130 83 -118 46C-105 10 -117 -42 -69 -74C-22 -105 81 -130 169 -143C256 -156 364 -156 455 -151C546 -147 644 -137 716 -117C788 -98 832 -62 888 -35C944 -9 995 12 1054 42C1112 72 1220 108 1238 145'/%3E%3Cpath fill='none' stroke='%23e2cf96' stroke-opacity='.55' stroke-width='1.6' d='M333 165C332 173 319 181 311 187C303 194 295 198 287 203C279 208 273 215 263 218C253 222 242 223 230 225C218 226 204 227 193 225C181 223 166 218 160 212C153 206 154 194 153 186C152 178 155 172 153 165C152 158 144 149 145 141C146 134 152 124 160 118C168 113 182 110 194 107C206 105 219 103 230 105C241 106 252 111 262 114C271 118 277 123 287 127C296 131 312 134 320 140C327 147 335 157 333 165M772 120C769 128 761 134 756 141C750 148 747 155 740 160C733 165 723 170 713 174C703 178 692 182 680 183C668 185 651 186 641 183C631 179 623 169 618 161C613 154 614 146 610 139C606 132 596 127 592 120C589 113 586 102 590 95C593 88 604 81 613 75C622 70 633 65 644 63C656 61 669 62 680 63C691 65 699 70 710 72C721 74 734 73 745 77C756 80 772 86 776 93C781 101 776 112 772 120M1050 145C1066 174 1039 214 1000 239C961 264 877 280 818 296C759 312 706 327 646 337C585 346 520 351 455 353C390 355 325 352 255 347C184 341 86 340 31 322C-25 304 -73 267 -80 237C-88 208 -32 173 -16 145C0 117 2 96 16 69C29 42 27 6 64 -18C101 -42 173 -61 238 -73C303 -85 384 -93 455 -91C526 -89 607 -80 662 -64C717 -47 744 -14 784 8C824 30 860 45 904 67C948 90 1034 116 1050 145'/%3E%3Cg fill='%23e2cf96'%3E%3Cpath d='M226 161h8v8h-8z'/%3E%3Cpath d='M676 116h8v8h-8z'/%3E%3C/g%3E%3C/svg%3E")}
.appearance-banner[data-profile-banner="banner-cannage"]{background-color:#2a2b2f;background-image:radial-gradient(ellipse at 50% 40%,transparent 40%,#00000080 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%232a2b2f'/%3E%3Cpath fill='url(%23q)' d='M20 1L39 20L20 39L1 20Z'/%3E%3Cpath fill='none' stroke='%23141518' stroke-width='1.6' d='M0 0L40 40M40 0L0 40'/%3E%3Cpath fill='none' stroke='%235a5c63' stroke-opacity='.7' stroke-width='.6' d='M1 -1L41 39M39 -1L-1 39'/%3E%3Cg fill='%23cdae6c'%3E%3Ccircle cx='20' cy='20' r='1.4'/%3E%3Ccircle r='1.4'/%3E%3Ccircle cx='40' r='1.4'/%3E%3Ccircle cy='40' r='1.4'/%3E%3Ccircle cx='40' cy='40' r='1.4'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='q' cx='.4' cy='.35' r='.7'%3E%3Cstop offset='0' stop-color='%233c3e44'/%3E%3Cstop offset='1' stop-color='%2326272b'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");background-size:100% 100%,54px 54px;background-repeat:no-repeat,repeat}
.appearance-banner[data-profile-banner="banner-cloud-sea"]{background-color:#5d4f72;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 300' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231d2848'/%3E%3Cstop offset='0.38' stop-color='%235d4f72'/%3E%3Cstop offset='0.66' stop-color='%23d9978a'/%3E%3Cstop offset='0.82' stop-color='%23f2c79a'/%3E%3Cstop offset='1' stop-color='%23f7dfba'/%3E%3C/linearGradient%3E%3CradialGradient id='gl'%3E%3Cstop offset='0' stop-color='%23fff0cf' stop-opacity='0.75'/%3E%3Cstop offset='1' stop-color='%23fff0cf' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='900' height='300' fill='url(%23s)'/%3E%3Ccircle cx='450' cy='215' r='170' fill='url(%23gl)'/%3E%3Ccircle cx='450' cy='208' r='16' fill='%23fff1d6'/%3E%3Cpath fill='%234a4160' d='M120 230L230 112L268 140L330 76L420 190L120 230Z'/%3E%3Cpath fill='%235f5373' d='M330 76L420 190L360 190L345 120Z'/%3E%3Cpath fill='%233e3755' d='M560 230L650 130L690 160L760 92L870 220Z'/%3E%3Cpath fill='%23544a6b' d='M760 92L870 220L800 220L780 130Z'/%3E%3C/svg%3E")}
.appearance-banner[data-profile-banner="banner-snowfall"]{background-color:#152a49;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 300' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%230b1730'/%3E%3Cstop offset='0.6' stop-color='%231b3456'/%3E%3Cstop offset='1' stop-color='%2330506f'/%3E%3C/linearGradient%3E%3CradialGradient id='gl'%3E%3Cstop offset='0' stop-color='%23dbe6f5' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='%23dbe6f5' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='900' height='300' fill='url(%23s)'/%3E%3Ccircle cx='720' cy='70' r='60' fill='url(%23gl)'/%3E%3Ccircle cx='720' cy='70' r='20' fill='%23eef2f7'/%3E%3Cg fill='%23ffffff'%3E%3Ccircle cx='0' cy='99' r='1.2' fill-opacity='0.53'/%3E%3Ccircle cx='597' cy='14' r='0.71' fill-opacity='0.59'/%3E%3Ccircle cx='357' cy='101' r='1.33' fill-opacity='0.71'/%3E%3Ccircle cx='139' cy='26' r='0.74' fill-opacity='0.74'/%3E%3Ccircle cx='320' cy='6' r='1.33' fill-opacity='0.55'/%3E%3Ccircle cx='79' cy='65' r='1.35' fill-opacity='0.74'/%3E%3Ccircle cx='208' cy='95' r='0.91' fill-opacity='0.51'/%3E%3Ccircle cx='72' cy='76' r='1' fill-opacity='0.84'/%3E%3Ccircle cx='281' cy='36' r='1.11' fill-opacity='0.73'/%3E%3Ccircle cx='147' cy='117' r='1.36' fill-opacity='0.85'/%3E%3Ccircle cx='212' cy='137' r='1.05' fill-opacity='0.81'/%3E%3Ccircle cx='232' cy='55' r='0.64' fill-opacity='0.6'/%3E%3Ccircle cx='327' cy='27' r='1.25' fill-opacity='0.58'/%3E%3Ccircle cx='170' cy='56' r='1.22' fill-opacity='0.85'/%3E%3Ccircle cx='389' cy='73' r='0.99' fill-opacity='0.53'/%3E%3Ccircle cx='471' cy='78' r='1.02' fill-opacity='0.71'/%3E%3Ccircle cx='840' cy='70' r='0.8' fill-opacity='0.62'/%3E%3Ccircle cx='665' cy='55' r='0.95' fill-opacity='0.9'/%3E%3Ccircle cx='347' cy='85' r='1.08' fill-opacity='0.54'/%3E%3Ccircle cx='634' cy='38' r='1.23' fill-opacity='0.86'/%3E%3Ccircle cx='125' cy='94' r='0.57' fill-opacity='0.62'/%3E%3Ccircle cx='307' cy='22' r='1.11' fill-opacity='0.73'/%3E%3Ccircle cx='898' cy='66' r='0.65' fill-opacity='0.67'/%3E%3Ccircle cx='680' cy='85' r='1.36' fill-opacity='0.49'/%3E%3Ccircle cx='54' cy='31' r='0.81' fill-opacity='0.4'/%3E%3Ccircle cx='618' cy='51' r='0.89' fill-opacity='0.88'/%3E%3C/g%3E%3Cpath fill='%231e3756' d='M40 150L50.16 186.96L29.84 186.96ZM40 172.88L54.23 209.84L25.77 209.84ZM40 195.76L58.3 232.72L21.7 232.72ZM38.5 227.44h3v12.32h-3zM90 128L102.71 174.2L77.3 174.2ZM90 156.6L107.79 202.8L72.21 202.8ZM90 185.2L112.87 231.4L67.13 231.4ZM88.5 224.8h3v15.4h-3zM150 155.5L159.53 190.15L140.47 190.15ZM150 176.95L163.34 211.6L136.66 211.6ZM150 198.4L167.15 233.05L132.85 233.05ZM148.5 228.1h3v11.55h-3zM205 133.5L217.07 177.39L192.93 177.39ZM205 160.67L221.9 204.56L188.1 204.56ZM205 187.84L226.73 231.73L183.27 231.73ZM203.5 225.46h3v14.63h-3zM300 161L308.89 193.34L291.11 193.34ZM300 181.02L312.45 213.36L287.55 213.36ZM300 201.04L316.01 233.38L283.99 233.38ZM298.5 228.76h3v10.78h-3zM360 144.5L370.8 183.77L349.2 183.77ZM360 168.81L375.12 208.08L344.88 208.08ZM360 193.12L379.44 232.39L340.56 232.39ZM358.5 226.78h3v13.09h-3zM470 155.5L479.53 190.15L460.47 190.15ZM470 176.95L483.34 211.6L456.66 211.6ZM470 198.4L487.15 233.05L452.85 233.05ZM468.5 228.1h3v11.55h-3zM540 139L551.43 180.58L528.57 180.58ZM540 164.74L556.01 206.32L523.99 206.32ZM540 190.48L560.58 232.06L519.42 232.06ZM538.5 226.12h3v13.86h-3zM610 161L618.89 193.34L601.11 193.34ZM610 181.02L622.45 213.36L597.55 213.36ZM610 201.04L626.01 233.38L593.99 233.38ZM608.5 228.76h3v10.78h-3zM790 144.5L800.8 183.77L779.2 183.77ZM790 168.81L805.12 208.08L774.88 208.08ZM790 193.12L809.44 232.39L770.56 232.39ZM788.5 226.78h3v13.09h-3zM850 128L862.71 174.2L837.3 174.2ZM850 156.6L867.79 202.8L832.21 202.8ZM850 185.2L872.87 231.4L827.13 231.4ZM848.5 224.8h3v15.4h-3z'/%3E%3Cpath fill='%23cfdbe8' d='M0 245C140 232 300 250 450 240S760 230 900 244V300H0Z'/%3E%3Cpath fill='%2311233d' d='M20 144L35.25 199.44L4.75 199.44ZM20 178.32L41.34 233.76L-1.34 233.76ZM20 212.64L47.44 268.08L-7.44 268.08ZM18.5 260.16h3v18.48h-3zM120 126L137.32 189L102.68 189ZM120 165L144.26 228L95.75 228ZM120 204L151.19 267L88.82 267ZM118.5 258h3v21h-3zM250 156L263.86 206.4L236.14 206.4ZM250 187.2L269.4 237.6L230.6 237.6ZM250 218.4L274.95 268.8L225.05 268.8ZM248.5 261.6h3v16.8h-3zM410 138L425.94 195.96L394.06 195.96ZM410 173.88L432.31 231.84L387.69 231.84ZM410 209.76L438.69 267.72L381.31 267.72ZM408.5 259.44h3v19.32h-3zM690 150L704.55 202.92L675.45 202.92ZM690 182.76L710.37 235.68L669.63 235.68ZM690 215.52L716.2 268.44L663.8 268.44ZM688.5 260.88h3v17.64h-3zM880 132L896.63 192.48L863.37 192.48ZM880 169.44L903.28 229.92L856.72 229.92ZM880 206.88L909.94 267.36L850.06 267.36ZM878.5 258.72h3v20.16h-3z'/%3E%3Cpath fill='%23e9f0f7' d='M0 270C160 258 340 280 520 266S800 262 900 272V300H0Z'/%3E%3C/svg%3E")}
.appearance-banner[data-profile-banner="banner-lighthouse"]{background-color:#0f1e36;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 300' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23081226'/%3E%3Cstop offset='0.62' stop-color='%231a2f4d'/%3E%3Cstop offset='0.64' stop-color='%2320385a'/%3E%3C/linearGradient%3E%3ClinearGradient id='w' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23132944'/%3E%3Cstop offset='1' stop-color='%2307111f'/%3E%3C/linearGradient%3E%3CradialGradient id='gl'%3E%3Cstop offset='0' stop-color='%23fff4cc' stop-opacity='0.75'/%3E%3Cstop offset='1' stop-color='%23fff4cc' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='900' height='300' fill='url(%23s)'/%3E%3Cg fill='%23ffffff'%3E%3Ccircle cx='0' cy='35' r='1.26' fill-opacity='0.83'/%3E%3Ccircle cx='51' cy='108' r='1.22' fill-opacity='0.67'/%3E%3Ccircle cx='493' cy='133' r='0.97' fill-opacity='0.85'/%3E%3Ccircle cx='114' cy='88' r='1.32' fill-opacity='0.35'/%3E%3Ccircle cx='369' cy='20' r='0.97' fill-opacity='0.43'/%3E%3Ccircle cx='88' cy='101' r='0.51' fill-opacity='0.84'/%3E%3Ccircle cx='346' cy='144' r='1.01' fill-opacity='0.42'/%3E%3Ccircle cx='65' cy='138' r='0.93' fill-opacity='0.92'/%3E%3Ccircle cx='416' cy='121' r='0.96' fill-opacity='0.7'/%3E%3Ccircle cx='679' cy='129' r='1.26' fill-opacity='0.48'/%3E%3Ccircle cx='180' cy='106' r='0.76' fill-opacity='0.83'/%3E%3Ccircle cx='68' cy='35' r='1.16' fill-opacity='0.37'/%3E%3Ccircle cx='572' cy='63' r='0.53' fill-opacity='0.42'/%3E%3Ccircle cx='38' cy='101' r='0.6' fill-opacity='0.85'/%3E%3Ccircle cx='244' cy='39' r='0.91' fill-opacity='0.37'/%3E%3Ccircle cx='341' cy='87' r='1.2' fill-opacity='0.6'/%3E%3Ccircle cx='696' cy='60' r='0.97' fill-opacity='0.68'/%3E%3Ccircle cx='101' cy='38' r='0.96' fill-opacity='0.67'/%3E%3Ccircle cx='639' cy='80' r='0.51' fill-opacity='0.89'/%3E%3Ccircle cx='897' cy='128' r='1.35' fill-opacity='0.41'/%3E%3Ccircle cx='66' cy='20' r='0.74' fill-opacity='0.77'/%3E%3Ccircle cx='684' cy='105' r='0.96' fill-opacity='0.55'/%3E%3Ccircle cx='892' cy='16' r='1.37' fill-opacity='0.47'/%3E%3Ccircle cx='871' cy='109' r='0.54' fill-opacity='0.58'/%3E%3Ccircle cx='5' cy='46' r='1.02' fill-opacity='0.39'/%3E%3Ccircle cx='121' cy='143' r='1.29' fill-opacity='0.37'/%3E%3Ccircle cx='552' cy='108' r='1.08' fill-opacity='0.69'/%3E%3Ccircle cx='77' cy='71' r='0.72' fill-opacity='0.78'/%3E%3Ccircle cx='385' cy='21' r='1.06' fill-opacity='0.54'/%3E%3Ccircle cx='644' cy='93' r='0.64' fill-opacity='0.48'/%3E%3C/g%3E%3Crect y='190' width='900' height='110' fill='url(%23w)'/%3E%3Cg fill='%239fb6d6' fill-opacity='.16'%3E%3Crect x='80' y='204' width='120' height='1.5'/%3E%3Crect x='260' y='220' width='170' height='1.5'/%3E%3Crect x='120' y='244' width='210' height='1.5'/%3E%3Crect x='480' y='210' width='90' height='1.5'/%3E%3Crect x='420' y='262' width='160' height='1.5'/%3E%3C/g%3E%3Cg fill='%23ffe9a8'%3E%3Crect x='680' y='200' width='40' height='2' fill-opacity='.45'/%3E%3Crect x='686' y='214' width='28' height='2' fill-opacity='.35'/%3E%3Crect x='690' y='230' width='20' height='2' fill-opacity='.25'/%3E%3C/g%3E%3Ccircle cx='700' cy='104' r='46' fill='url(%23gl)'/%3E%3Cpath fill='%230a1222' d='M660 300C680 222 700 214 760 210S860 230 900 238V300Z'/%3E%3Cpath fill='%23e9e4d8' d='M688 214L692 116H708L712 214Z'/%3E%3Cg fill='%23a8382f'%3E%3Cpath d='M690.2 170H709.8L710.5 186H689.5Z'/%3E%3Cpath d='M691.3 136H708.7L709.2 150H690.8Z'/%3E%3C/g%3E%3Crect x='686' y='112' width='28' height='4' fill='%231c2433'/%3E%3Crect x='692' y='96' width='16' height='16' fill='%23fff2c4'/%3E%3Cpath fill='%231c2433' d='M688 96H712L700 86Z'/%3E%3Crect x='692' y='96' width='16' height='2' fill='%231c2433'/%3E%3C/svg%3E")}
.appearance-banner[data-profile-banner="banner-night-city"]{background-color:#1d1c44;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 300' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2310163a'/%3E%3Cstop offset='0.55' stop-color='%232c2552'/%3E%3Cstop offset='0.85' stop-color='%235c3a63'/%3E%3Cstop offset='1' stop-color='%237a4a62'/%3E%3C/linearGradient%3E%3Cpattern id='win' width='12' height='14' patternUnits='userSpaceOnUse'%3E%3Crect x='2' y='3' width='4' height='6' fill='%23f3c97a' fill-opacity='.75'/%3E%3Crect x='8' y='3' width='2' height='6' fill='%23f3c97a' fill-opacity='.18'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='900' height='300' fill='url(%23s)'/%3E%3Cg fill='%23ffffff'%3E%3Ccircle cx='0' cy='90' r='1.32' fill-opacity='0.53'/%3E%3Ccircle cx='405' cy='38' r='0.83' fill-opacity='0.76'/%3E%3Ccircle cx='630' cy='12' r='0.61' fill-opacity='0.39'/%3E%3Ccircle cx='88' cy='0' r='1' fill-opacity='0.57'/%3E%3Ccircle cx='417' cy='25' r='0.61' fill-opacity='0.91'/%3E%3Ccircle cx='96' cy='101' r='0.57' fill-opacity='0.94'/%3E%3Ccircle cx='485' cy='31' r='1.1' fill-opacity='0.93'/%3E%3Ccircle cx='58' cy='37' r='0.86' fill-opacity='0.41'/%3E%3Ccircle cx='550' cy='41' r='0.81' fill-opacity='0.66'/%3E%3Ccircle cx='312' cy='103' r='1.17' fill-opacity='0.71'/%3E%3Ccircle cx='148' cy='54' r='1.36' fill-opacity='0.86'/%3E%3Ccircle cx='805' cy='12' r='0.79' fill-opacity='0.74'/%3E%3Ccircle cx='818' cy='72' r='0.71' fill-opacity='0.86'/%3E%3Ccircle cx='806' cy='107' r='0.88' fill-opacity='0.85'/%3E%3Ccircle cx='98' cy='4' r='0.83' fill-opacity='0.8'/%3E%3Ccircle cx='211' cy='69' r='1.38' fill-opacity='0.5'/%3E%3Ccircle cx='551' cy='36' r='1.15' fill-opacity='0.73'/%3E%3Ccircle cx='437' cy='15' r='0.97' fill-opacity='0.43'/%3E%3C/g%3E%3Cpath fill='%23262c50' d='M0 300V170H40V140H80V180H120V120H150V100H170V120H200V160H250V130H300V175H340V110H380V150H430V95H460V80H480V95H510V160H560V135H610V175H650V120H700V150H740V105H790V165H840V140H900V300Z'/%3E%3Cg fill='%23151a36'%3E%3Crect x='20' y='190' width='70' height='110'/%3E%3Crect x='100' y='150' width='56' height='150'/%3E%3Crect x='170' y='200' width='80' height='100'/%3E%3Crect x='262' y='165' width='60' height='135'/%3E%3Crect x='336' y='130' width='48' height='170'/%3E%3Crect x='398' y='185' width='86' height='115'/%3E%3Crect x='496' y='120' width='54' height='180'/%3E%3Crect x='560' y='175' width='76' height='125'/%3E%3Crect x='648' y='150' width='60' height='150'/%3E%3Crect x='720' y='195' width='74' height='105'/%3E%3Crect x='806' y='160' width='70' height='140'/%3E%3C/g%3E%3Cg fill='url(%23win)'%3E%3Crect x='26' y='198' width='58' height='60'/%3E%3Crect x='106' y='158' width='44' height='100'/%3E%3Crect x='176' y='208' width='68' height='50'/%3E%3Crect x='268' y='173' width='48' height='85'/%3E%3Crect x='342' y='138' width='36' height='120'/%3E%3Crect x='404' y='193' width='74' height='65'/%3E%3Crect x='502' y='128' width='42' height='130'/%3E%3Crect x='566' y='183' width='64' height='75'/%3E%3Crect x='654' y='158' width='48' height='100'/%3E%3Crect x='726' y='203' width='62' height='55'/%3E%3Crect x='812' y='168' width='58' height='90'/%3E%3C/g%3E%3Crect y='258' width='900' height='42' fill='%230b0e22'/%3E%3Crect y='258' width='900' height='2' fill='%233a3f66'/%3E%3Crect y='279' width='900' height='1' fill='%232a2e52'/%3E%3C/svg%3E")}
.appearance-banner[data-profile-banner="banner-shooting-star"]{background-color:#121a40;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 300' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23070b1f'/%3E%3Cstop offset='0.45' stop-color='%23151d47'/%3E%3Cstop offset='0.75' stop-color='%2334336a'/%3E%3Cstop offset='1' stop-color='%236f5378'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='900' height='300' fill='url(%23s)'/%3E%3Cg fill='%23ffffff'%3E%3Ccircle cx='0' cy='87' r='0.74' fill-opacity='0.58'/%3E%3Ccircle cx='538' cy='145' r='0.63' fill-opacity='0.37'/%3E%3Ccircle cx='34' cy='177' r='0.64' fill-opacity='0.68'/%3E%3Ccircle cx='444' cy='23' r='0.64' fill-opacity='0.7'/%3E%3Ccircle cx='12' cy='5' r='0.64' fill-opacity='0.47'/%3E%3Ccircle cx='227' cy='13' r='1.19' fill-opacity='0.82'/%3E%3Ccircle cx='485' cy='128' r='0.75' fill-opacity='0.93'/%3E%3Ccircle cx='223' cy='23' r='1.16' fill-opacity='0.52'/%3E%3Ccircle cx='709' cy='31' r='0.69' fill-opacity='0.94'/%3E%3Ccircle cx='808' cy='59' r='1.38' fill-opacity='0.41'/%3E%3Ccircle cx='667' cy='208' r='0.65' fill-opacity='0.51'/%3E%3Ccircle cx='859' cy='48' r='1.31' fill-opacity='0.74'/%3E%3Ccircle cx='736' cy='68' r='0.77' fill-opacity='0.61'/%3E%3Ccircle cx='642' cy='181' r='0.57' fill-opacity='0.65'/%3E%3Ccircle cx='414' cy='152' r='1.15' fill-opacity='0.46'/%3E%3Ccircle cx='643' cy='113' r='0.99' fill-opacity='0.92'/%3E%3Ccircle cx='864' cy='106' r='1.22' fill-opacity='0.51'/%3E%3Ccircle cx='759' cy='49' r='0.95' fill-opacity='0.44'/%3E%3Ccircle cx='748' cy='163' r='1.03' fill-opacity='0.59'/%3E%3Ccircle cx='741' cy='33' r='0.76' fill-opacity='0.54'/%3E%3Ccircle cx='435' cy='83' r='0.54' fill-opacity='0.39'/%3E%3Ccircle cx='544' cy='195' r='0.69' fill-opacity='0.46'/%3E%3Ccircle cx='899' cy='146' r='1.13' fill-opacity='0.9'/%3E%3Ccircle cx='48' cy='119' r='1.2' fill-opacity='0.67'/%3E%3Ccircle cx='213' cy='115' r='1.23' fill-opacity='0.5'/%3E%3Ccircle cx='551' cy='89' r='1.28' fill-opacity='0.67'/%3E%3Ccircle cx='415' cy='157' r='0.87' fill-opacity='0.41'/%3E%3Ccircle cx='543' cy='109' r='1.28' fill-opacity='0.5'/%3E%3Ccircle cx='597' cy='148' r='1.29' fill-opacity='0.67'/%3E%3Ccircle cx='431' cy='140' r='0.63' fill-opacity='0.58'/%3E%3Ccircle cx='246' cy='181' r='0.51' fill-opacity='0.5'/%3E%3Ccircle cx='73' cy='28' r='1.23' fill-opacity='0.78'/%3E%3Ccircle cx='488' cy='210' r='1.09' fill-opacity='0.92'/%3E%3Ccircle cx='406' cy='10' r='0.64' fill-opacity='0.45'/%3E%3Ccircle cx='449' cy='97' r='1.19' fill-opacity='0.67'/%3E%3Ccircle cx='693' cy='191' r='1.1' fill-opacity='0.62'/%3E%3Ccircle cx='855' cy='50' r='0.88' fill-opacity='0.77'/%3E%3Ccircle cx='681' cy='102' r='0.85' fill-opacity='0.88'/%3E%3Ccircle cx='340' cy='132' r='1.36' fill-opacity='0.88'/%3E%3Ccircle cx='342' cy='210' r='1.28' fill-opacity='0.6'/%3E%3Ccircle cx='669' cy='94' r='0.65' fill-opacity='0.72'/%3E%3Ccircle cx='77' cy='155' r='0.75' fill-opacity='0.61'/%3E%3Ccircle cx='758' cy='51' r='0.85' fill-opacity='0.74'/%3E%3Ccircle cx='249' cy='107' r='0.69' fill-opacity='0.41'/%3E%3Ccircle cx='683' cy='89' r='0.81' fill-opacity='0.57'/%3E%3Ccircle cx='44' cy='79' r='0.88' fill-opacity='0.83'/%3E%3Ccircle cx='859' cy='142' r='0.53' fill-opacity='0.79'/%3E%3Ccircle cx='675' cy='128' r='0.87' fill-opacity='0.66'/%3E%3Ccircle cx='721' cy='100' r='0.74' fill-opacity='0.58'/%3E%3Ccircle cx='769' cy='198' r='0.79' fill-opacity='0.63'/%3E%3Ccircle cx='60' cy='23' r='1.37' fill-opacity='0.87'/%3E%3Ccircle cx='498' cy='191' r='1.05' fill-opacity='0.68'/%3E%3Ccircle cx='279' cy='53' r='1.16' fill-opacity='0.73'/%3E%3Ccircle cx='288' cy='42' r='1.05' fill-opacity='0.44'/%3E%3Ccircle cx='362' cy='26' r='0.7' fill-opacity='0.38'/%3E%3Ccircle cx='592' cy='126' r='0.85' fill-opacity='0.47'/%3E%3Ccircle cx='126' cy='103' r='0.5' fill-opacity='0.38'/%3E%3Ccircle cx='539' cy='165' r='1.04' fill-opacity='0.75'/%3E%3Ccircle cx='569' cy='92' r='0.82' fill-opacity='0.93'/%3E%3Ccircle cx='582' cy='74' r='1.35' fill-opacity='0.68'/%3E%3Ccircle cx='580' cy='70' r='0.86' fill-opacity='0.6'/%3E%3Ccircle cx='86' cy='140' r='1.4' fill-opacity='0.63'/%3E%3Ccircle cx='802' cy='187' r='0.5' fill-opacity='0.35'/%3E%3Ccircle cx='288' cy='40' r='1.36' fill-opacity='0.5'/%3E%3Ccircle cx='43' cy='9' r='1.05' fill-opacity='0.66'/%3E%3Ccircle cx='114' cy='107' r='0.76' fill-opacity='0.5'/%3E%3Ccircle cx='263' cy='196' r='1.08' fill-opacity='0.73'/%3E%3Ccircle cx='219' cy='37' r='1.27' fill-opacity='0.86'/%3E%3Ccircle cx='153' cy='178' r='0.57' fill-opacity='0.86'/%3E%3Ccircle cx='298' cy='77' r='0.74' fill-opacity='0.86'/%3E%3C/g%3E%3Cpath fill='%23121735' d='M0 300V214L80 186L150 206L240 160L330 200L400 182L470 214L560 170L640 196L720 150L810 194L900 176V300Z'/%3E%3Cpath fill='%23080b1d' d='M0 300V252L120 236L220 250L340 228L460 252L580 238L700 254L820 236L900 246V300Z'/%3E%3C/svg%3E")}
.appearance-banner[data-profile-banner="banner-deep-sea"]{background-color:#0b3550;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 300' preserveAspectRatio='xMidYMin slice'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231e7590'/%3E%3Cstop offset='0.28' stop-color='%23114d68'/%3E%3Cstop offset='0.62' stop-color='%23082c44'/%3E%3Cstop offset='1' stop-color='%2303121e'/%3E%3C/linearGradient%3E%3ClinearGradient id='t' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%239fe3ef' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%239fe3ef' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='900' height='300' fill='url(%23s)'/%3E%3Crect width='900' height='24' fill='url(%23t)'/%3E%3Cg fill='%23cfeef5'%3E%3Ccircle cx='0' cy='46' r='0.69' fill-opacity='0.44'/%3E%3Ccircle cx='449' cy='126' r='1.47' fill-opacity='0.27'/%3E%3Ccircle cx='393' cy='44' r='0.99' fill-opacity='0.36'/%3E%3Ccircle cx='620' cy='66' r='0.86' fill-opacity='0.24'/%3E%3Ccircle cx='846' cy='153' r='0.99' fill-opacity='0.17'/%3E%3Ccircle cx='420' cy='254' r='1.53' fill-opacity='0.38'/%3E%3Ccircle cx='555' cy='74' r='1.21' fill-opacity='0.42'/%3E%3Ccircle cx='338' cy='225' r='1.13' fill-opacity='0.3'/%3E%3Ccircle cx='9' cy='255' r='1.5' fill-opacity='0.16'/%3E%3Ccircle cx='532' cy='74' r='1.05' fill-opacity='0.24'/%3E%3Ccircle cx='62' cy='265' r='0.68' fill-opacity='0.44'/%3E%3Ccircle cx='668' cy='144' r='1.13' fill-opacity='0.44'/%3E%3Ccircle cx='572' cy='189' r='1.36' fill-opacity='0.19'/%3E%3Ccircle cx='454' cy='225' r='1.52' fill-opacity='0.2'/%3E%3Ccircle cx='610' cy='222' r='1.06' fill-opacity='0.36'/%3E%3Ccircle cx='165' cy='226' r='1.09' fill-opacity='0.29'/%3E%3Ccircle cx='167' cy='72' r='0.83' fill-opacity='0.31'/%3E%3Ccircle cx='732' cy='160' r='1.14' fill-opacity='0.28'/%3E%3Ccircle cx='812' cy='218' r='0.91' fill-opacity='0.25'/%3E%3Ccircle cx='360' cy='53' r='1.05' fill-opacity='0.44'/%3E%3Ccircle cx='447' cy='195' r='1.57' fill-opacity='0.45'/%3E%3Ccircle cx='867' cy='137' r='1.51' fill-opacity='0.23'/%3E%3Ccircle cx='870' cy='89' r='0.82' fill-opacity='0.36'/%3E%3Ccircle cx='371' cy='114' r='0.66' fill-opacity='0.33'/%3E%3Ccircle cx='123' cy='120' r='1.03' fill-opacity='0.25'/%3E%3Ccircle cx='698' cy='170' r='1.12' fill-opacity='0.41'/%3E%3Ccircle cx='339' cy='249' r='1.55' fill-opacity='0.15'/%3E%3Ccircle cx='541' cy='138' r='0.88' fill-opacity='0.34'/%3E%3Ccircle cx='747' cy='120' r='0.72' fill-opacity='0.26'/%3E%3Ccircle cx='671' cy='275' r='1.2' fill-opacity='0.44'/%3E%3Ccircle cx='495' cy='220' r='0.78' fill-opacity='0.23'/%3E%3Ccircle cx='576' cy='112' r='0.81' fill-opacity='0.34'/%3E%3Ccircle cx='31' cy='129' r='0.71' fill-opacity='0.38'/%3E%3Ccircle cx='153' cy='175' r='1.13' fill-opacity='0.35'/%3E%3Ccircle cx='436' cy='280' r='1.42' fill-opacity='0.32'/%3E%3Ccircle cx='897' cy='107' r='1.52' fill-opacity='0.16'/%3E%3Ccircle cx='883' cy='264' r='1.25' fill-opacity='0.29'/%3E%3Ccircle cx='342' cy='232' r='0.91' fill-opacity='0.34'/%3E%3Ccircle cx='619' cy='84' r='1.07' fill-opacity='0.27'/%3E%3Ccircle cx='656' cy='214' r='1.52' fill-opacity='0.45'/%3E%3C/g%3E%3Cg fill='none' stroke='%230a2a35' stroke-width='3'%3E%3Cpath d='M120 300C112 260 128 230 118 190'/%3E%3Cpath d='M136 300C144 270 130 240 140 214'/%3E%3Cpath d='M760 300C752 250 770 220 758 170'/%3E%3Cpath d='M778 300C786 262 770 236 780 204'/%3E%3C/g%3E%3Cpath fill='%2304121c' d='M0 300V270C90 258 170 276 260 266S420 280 520 270 720 254 900 268V300Z'/%3E%3C/svg%3E")}
.appearance-banner[data-profile-banner="banner-cloud-sea"]::before{content:"";position:absolute;pointer-events:none;z-index:0;left:0;bottom:0;width:200%;height:55%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 165' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='c0' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23e9c7bd' stop-opacity='0.75'/%3E%3Cstop offset='0.5' stop-color='%23c9a3a8' stop-opacity='0.4'/%3E%3Cstop offset='1' stop-color='%23c9a3a8' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='c1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f6e1cf'/%3E%3Cstop offset='1' stop-color='%23d7b1ad'/%3E%3C/linearGradient%3E%3ClinearGradient id='c2' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fbeee0'/%3E%3Cstop offset='1' stop-color='%23e5c6bd'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23c0)' d='M0 50C14 46 56 46 70 50C94.2 33 166.8 33 191 50C212 43 275 43 296 50C319.8 36 391.2 36 415 50C444.6 34 533.4 34 563 50C594 40 687 40 718 50C735.6 44 788.4 44 806 50C824.8 39 881.2 39 900 50V200H0Z'/%3E%3Cpath fill='url(%23c1)' d='M0 82C14 74 56 74 70 82C101 64 194 64 225 82C259.2 56 361.8 56 396 82C417.6 62 482.4 62 504 82C535.2 60 628.8 60 660 82C676.4 75 725.6 75 742 82C773.6 69 868.4 69 900 82V200H0Z'/%3E%3Cpath fill='url(%23c2)' d='M0 120C14 116 56 116 70 120C88.8 115 145.2 115 164 120C198.8 105 303.20000000000005 105 338 120C355.4 112 407.6 112 425 120C459.6 101 563.4 101 598 120C637.2 104 754.8 104 794 120C815.2 112 878.8 112 900 120V200H0Z'/%3E%3C/svg%3E") 0 0/50% 100% repeat-x;animation:profile-x-flow 80s linear infinite;will-change:transform}
.appearance-banner[data-profile-banner="banner-snowfall"]::before{content:"";position:absolute;pointer-events:none;z-index:0;left:0;top:-110px;width:100%;height:calc(100% + 110px);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 110'%3E%3Cg fill='%23ffffff'%3E%3Ccircle cx='4' cy='44' r='2.17' fill-opacity='0.86'/%3E%3Ccircle cx='90' cy='104' r='2.1' fill-opacity='0.88'/%3E%3Ccircle cx='91' cy='37' r='1.81' fill-opacity='0.63'/%3E%3Ccircle cx='11' cy='47' r='1.07' fill-opacity='0.82'/%3E%3Ccircle cx='57' cy='36' r='1.81' fill-opacity='0.83'/%3E%3Ccircle cx='16' cy='20' r='1.01' fill-opacity='0.57'/%3E%3Ccircle cx='75' cy='66' r='1.88' fill-opacity='0.86'/%3E%3Ccircle cx='10' cy='80' r='1.25' fill-opacity='0.61'/%3E%3Ccircle cx='82' cy='100' r='1.05' fill-opacity='0.71'/%3E%3C/g%3E%3C/svg%3E") 0 0/110px 110px repeat;animation:profile-x-fall 9s linear infinite;will-change:transform}
.appearance-banner[data-profile-banner="banner-lighthouse"]::before{content:"";position:absolute;pointer-events:none;z-index:0;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 300' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3Cfilter id='f' x='-.1' y='-.6' width='1.2' height='2.2'%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3C/filter%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='-40' y1='0' x2='690' y2='0'%3E%3Cstop offset='0' stop-color='%23fff6d2' stop-opacity='0'/%3E%3Cstop offset='.6' stop-color='%23fff6d2' stop-opacity='.3'/%3E%3Cstop offset='.95' stop-color='%23fff6d2' stop-opacity='.65'/%3E%3Cstop offset='1' stop-color='%23fff6d2' stop-opacity='.8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='url(%23b)' filter='url(%23f)'%3E%3Cpath fill-opacity='.55' d='M690 104L-40 50V158Z'/%3E%3Cpath d='M690 104L-40 84V124Z'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat;opacity:.9;animation:profile-x-beam 6s ease-in-out infinite}
.appearance-banner[data-profile-banner="banner-night-city"]::before{content:"";position:absolute;pointer-events:none;z-index:0;left:0;bottom:4%;width:200%;height:8%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 450 20' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='r' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23ff6a55' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23ff7a5f' stop-opacity='0.95'/%3E%3C/linearGradient%3E%3ClinearGradient id='wt' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23fff3d6' stop-opacity='0.95'/%3E%3Cstop offset='1' stop-color='%23fff3d6' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%3E%3Crect x='0' y='3' width='150' height='2.4' fill='url(%23r)'/%3E%3Crect x='230' y='3' width='120' height='2.4' fill='url(%23r)'/%3E%3Crect x='60' y='13' width='170' height='2.4' fill='url(%23wt)'/%3E%3Crect x='300' y='13' width='110' height='2.4' fill='url(%23wt)'/%3E%3C/g%3E%3C/svg%3E") 0 0/25% 100% repeat-x;animation:profile-x-flow 7s linear infinite;will-change:transform}
.appearance-banner[data-profile-banner="banner-shooting-star"]::before{content:"";position:absolute;pointer-events:none;z-index:0;left:30%;top:20%;width:20%;height:2px;background:linear-gradient(90deg,transparent,#e8ecffcc 85%,#fff);transform:rotate(14deg);animation:profile-x-meteor 9s ease-out infinite}
.appearance-banner[data-profile-banner="banner-deep-sea"]::before{content:"";position:absolute;pointer-events:none;z-index:0;left:-25%;top:0;width:150%;height:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 300' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='f' x='-.1' y='-.1' width='1.2' height='1.2'%3E%3CfeGaussianBlur stdDeviation='9'/%3E%3C/filter%3E%3ClinearGradient id='v' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='1'/%3E%3Cstop offset='0.75' stop-color='%23fff' stop-opacity='0.2'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cmask id='m'%3E%3Crect width='1000' height='300' fill='url(%23v)'/%3E%3C/mask%3E%3C/defs%3E%3Cg mask='url(%23m)'%3E%3Cg fill='%23d6f6ff' fill-opacity='.3' filter='url(%23f)'%3E%3Cpath d='M60 0H110L170 300H40Z'/%3E%3Cpath d='M230 0H260L330 300H230Z'/%3E%3Cpath d='M380 0H450L560 300H400Z'/%3E%3Cpath d='M540 0H570L640 300H560Z'/%3E%3Cpath d='M680 0H740L850 300H700Z'/%3E%3Cpath d='M860 0H890L960 300H880Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat;animation:profile-x-sway 14s ease-in-out infinite alternate;will-change:transform}
@keyframes profile-x-flow{to{transform:translateX(-50%)}}
@keyframes profile-x-fall{to{transform:translateY(110px)}}
@keyframes profile-x-beam{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes profile-x-meteor{0%{opacity:0;transform:rotate(14deg) translateX(-60%)}2%{opacity:1}9%,100%{opacity:0;transform:rotate(14deg) translateX(120%)}}
@keyframes profile-x-sway{from{transform:translateX(-4%);opacity:.75}to{transform:translateX(4%);opacity:1}}

.appearance-avatar[data-avatar-frame="frame-pink-pearl"]::before{inset:-5px;border:4px dotted #f5b3d0;background:none;box-shadow:0 0 0 1px #b46a8e,inset 0 0 0 1px #ffe2ef;animation:none}
.appearance-avatar[data-avatar-frame="frame-pink-ribbon"]::before{inset:-4px;border:3px solid #f3a4c7;background:none;box-shadow:0 0 0 1px #a7557d,inset 0 0 0 1px #ffe0ef;animation:none}
.appearance-avatar[data-avatar-frame="frame-pink-ribbon"]::after{content:"";position:absolute;right:-7%;bottom:3%;width:30%;height:25%;z-index:3;background:linear-gradient(100deg,#bd5184,#ffd2e6 48%,#b84b80);clip-path:polygon(0 0,44% 27%,56% 27%,100% 0,91% 50%,100% 100%,56% 73%,44% 73%,0 100%,9% 50%);pointer-events:none}
.appearance-banner[data-profile-banner="banner-rose-satin"]{background-color:#5a2346;background-image:repeating-linear-gradient(120deg,transparent 0 40px,#ffacd41a 50px,#2c0f271f 75px,transparent 100px),linear-gradient(105deg,#3d1834,#9b4e73 48%,#e2a2bc 72%,#6b2d51);--scene-content:none;--scene-image:none}
.appearance-banner[data-profile-banner="banner-rose-blossom"]{background:#3d1834 url('/assets/cosmetics/rose-blossom.svg') center/cover no-repeat;--scene-content:none;--scene-image:none}
html:not(#_) body .chat-message.chat-style-pink-satin:not(.is-founder){--chat-extra-bg:linear-gradient(118deg,#ef9ec44d 0%,#f6c1da4d 40%,#e9a4c74d 72%,#e7a1c24d);background:var(--chat-extra-bg)!important;border-radius:12px;box-shadow:inset 0 0 0 1px #d578a530,inset 0 1px 0 #fff7fc12;color:var(--theme-text,#eef5ef)}
html:not(#_) body .chat-message.chat-style-pink-satin:not(.is-founder)>.chat-content{background:transparent;border-radius:0}
html:not(#_) body .chat-message.chat-style-pink-satin:not(.is-founder) :is(.chat-body,.chat-meta,.chat-meta strong){color:var(--theme-text,#eef5ef)}
html:not(#_) body .chat-message.chat-style-pink-satin:not(.is-founder) :is(time,.chat-edited,.chat-reply-quote){color:var(--theme-muted,#a9c2b1)}
html:not(#_) body .chat-message.chat-style-pink-satin:not(.is-founder) .chat-act{color:var(--theme-muted,#a9c2b1)}
html:not(#_) body .chat-message.chat-style-pink-satin:not(.is-founder) .chat-act:hover{background:#b73b7624}

/* cosmetic-finish.css */
.cosmetic-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 28px}.cosmetic-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 17px;border:1px solid #78958638;border-radius:12px;background:#14251e;color:#b3c6bb;font-size:13px}.cosmetic-tabs button span{display:grid;place-items:center;min-width:23px;height:23px;border-radius:7px;background:#ffffff0a;font-size:11px}.cosmetic-tabs button[aria-pressed="true"]{color:#e0f2d7;background:#294231;border-color:#b8d89966}.cosmetic-tabs button:focus-visible{outline:2px solid #c3e0aa;outline-offset:3px}.cosmetic-category[hidden]{display:none}.cosmetic-category-title{font-size:18px;margin:0 0 18px}.cosmetic-avatar-scene{display:flex;flex-direction:column;align-items:center;gap:18px}.cosmetic-avatar-scene .appearance-avatar{width:104px;height:104px;font:700 39px Sora,sans-serif}.cosmetic-avatar-scene>strong{font-size:20px}.cosmetic-avatar-scene>span{font-size:12px;color:#a2b6aa}.cosmetic-banner-scene{width:100%;max-width:320px;background:#0d1c17;border:1px solid #91ad9b33;border-radius:12px;overflow:hidden;box-shadow:0 14px 28px #0003}.cosmetic-banner-scene .appearance-banner{height:112px;min-height:0;aspect-ratio:3/1}.cosmetic-banner-profile{position:relative;display:flex;align-items:center;gap:14px;padding:18px}.cosmetic-banner-profile span{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#aac994;color:#13271a;font:650 20px Sora,sans-serif}.cosmetic-banner-profile strong{font-size:17px}@media(max-width:520px){.cosmetic-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cosmetic-tabs button{font-size:12px;padding:10px;justify-content:space-between}.cosmetic-tabs button span{flex-shrink:0}.cosmetic-banner-scene{max-width:320px}}

body .sidebar-bottom>.avatar.appearance-avatar,body .topbar-actions>.avatar.appearance-avatar{overflow:visible}body .avatar.appearance-avatar>.appearance-avatar-content{position:relative;display:grid;place-items:center;width:100%;height:100%;border-radius:50%;overflow:hidden}body .avatar.appearance-avatar .avatar-initial{display:grid;place-items:center;width:100%;height:100%;line-height:1}

.finish-preview .card-wrap{display:block;width:min(158px,100%);aspect-ratio:2/3;pointer-events:none;transform:rotate(-5deg);transform-origin:center}.finish-preview .collectible-card{width:100%;height:100%;min-height:0}.finish-preview .card-art{min-height:0}.finish-preview .card-body{min-height:0}.shop-style-preview-art[data-preview-slot="cardFinish"]{grid-template-columns:minmax(0,1fr)}.shop-style-preview-art .card-wrap{display:block;justify-self:center;width:min(220px,100%);aspect-ratio:2/3;pointer-events:none}.shop-style-preview-art .collectible-card{width:100%;height:100%;min-height:0}@media(prefers-reduced-motion:reduce){.finish-preview .card-wrap{transform:none}}

.finish-silver{--finish-art:linear-gradient(118deg,transparent 18%,#ecfaff52 19%,#f5ffffb3 20%,transparent 23%,transparent 64%,#bedce866 65%,transparent 69%),linear-gradient(0deg,#c5dde44d,transparent 22%);--finish-surface:linear-gradient(118deg,#d4edf94a,transparent 40%,#97bec32e)}
.finish-brass{--finish-art:linear-gradient(118deg,transparent 19%,#fff2b580 20%,#d2a651a6 22%,transparent 25%,transparent 68%,#d8ad5d66 69%,transparent 73%),linear-gradient(0deg,#ad783f52,transparent 25%);--finish-surface:linear-gradient(118deg,#d9b77554,transparent 44%,#ae6f3e38)}
.finish-carbon{--finish-art:repeating-linear-gradient(45deg,#0a171342 0 3px,#b5d1c02b 3px 4px,transparent 4px 8px);--finish-surface:repeating-linear-gradient(45deg,#08110db3 0 3px,#9ab5a840 3px 4px,#18302566 4px 8px)}
.finish-cobalt{--finish-art:linear-gradient(135deg,#7cc1ff80,transparent 28%,transparent 72%,#3468da99),linear-gradient(118deg,transparent 65%,#a7daff8c 66%,transparent 69%);--finish-surface:linear-gradient(125deg,#548ee980,transparent 44%,#275dad80)}
.finish-ember{--finish-art:linear-gradient(135deg,#ffb37373,transparent 26%,transparent 70%,#ed673a94),linear-gradient(118deg,transparent 18%,#ffce8c8c 19%,transparent 22%);--finish-surface:linear-gradient(125deg,#ffad766b,transparent 42%,#a94b385c)}
.finish-chrome{--finish-art:linear-gradient(112deg,transparent 9%,#effaff99 11%,transparent 15%,transparent 61%,#bfdfea8c 63%,#ffffffb3 64%,transparent 68%),linear-gradient(0deg,#9ab8ca52,transparent 25%);--finish-surface:linear-gradient(112deg,#d2e9ec3d 5%,#e1f8ff99 27%,transparent 46%,#d8f0ff80 76%,#637f8e44)}
.finish-aurora{--finish-art:linear-gradient(135deg,#95f7c58c,transparent 30%,transparent 68%,#68d5ff80),linear-gradient(118deg,transparent 61%,#b4ffe266 63%,transparent 68%);--finish-surface:linear-gradient(120deg,#72f4cb80,#4dbecb44 30%,transparent 60%,#a9e6b366)}
.finish-prism{--finish-art:linear-gradient(118deg,#f8d49c80,transparent 20%,#f0a2c04d 23%,transparent 33%,transparent 62%,#b4e7ff80 64%,#9ff6c673 68%,transparent 76%),linear-gradient(0deg,#e1d4904d,transparent 20%);--finish-surface:linear-gradient(120deg,#f2c49466,#ef99b566 23%,#99c1ff66 48%,#87ebc466 73%,#e2e8b877)}
.finish-foil-sweep{--finish-art:linear-gradient(118deg,transparent 16%,#e8ffff80 18%,#ffffff99 19%,transparent 23%,transparent 66%,#c4edff80 68%,transparent 72%),repeating-linear-gradient(118deg,transparent 0 18px,#d7f4ff24 18px 19px),linear-gradient(0deg,#a6d5dc4d,transparent 30%);--finish-surface:linear-gradient(118deg,#bcebf74d,transparent 38%,#86c7d14d)}
.finish-aurora-flow{--finish-art:linear-gradient(115deg,transparent 16%,#7affc94d 30%,#c0fff273 38%,transparent 48%,transparent 56%,#72dfff6b 68%,transparent 82%),radial-gradient(ellipse at 0 0,#98f6c573,transparent 48%),radial-gradient(ellipse at 100% 100%,#78dafa66,transparent 48%);--finish-surface:linear-gradient(120deg,#79e1b84d,transparent 40%,#62bac252)}
.finish-pixel-sparks{--finish-art:linear-gradient(#c5fff0,#c5fff0) 12% 34%/4px 4px no-repeat,linear-gradient(#d2eeff,#d2eeff) 84% 26%/3px 3px no-repeat,linear-gradient(#fce6aa,#fce6aa) 74% 81%/5px 5px no-repeat,linear-gradient(#bdf7dc,#bdf7dc) 20% 76%/4px 4px no-repeat,linear-gradient(#c4eeff,#c4eeff) 92% 64%/3px 3px no-repeat,linear-gradient(0deg,#64bba54d,transparent 22%);--finish-surface:repeating-linear-gradient(0deg,#0b221933 0 3px,transparent 3px 7px),linear-gradient(120deg,#60ae984d,transparent 45%,#b6ce6f33)}
body .card-wrap .collectible-card:is(.finish-silver,.finish-brass,.finish-carbon,.finish-cobalt,.finish-ember,.finish-chrome,.finish-aurora,.finish-prism,.finish-foil-sweep,.finish-aurora-flow,.finish-pixel-sparks,.finish-liquid-gold,.finish-opal-shimmer,.finish-starfield-drift,.finish-northern-veil,.finish-galaxy-swirl,.finish-rose-glint,.finish-diffraction,.finish-ember-drift,.finish-frost-bloom,.finish-ocean-caustics,.finish-pearl-nacre,.finish-obsidian-glass,.finish-rose-gold-satin,.finish-emerald-facet,.finish-sapphire-star,.finish-marble-vein,.finish-brushed-titanium,.finish-washi-paper,.finish-holo-film,.finish-copper-patina,.finish-cracked-ice,.finish-spectrum-sweep,.finish-gold-leaf,.finish-liquid-chrome,.finish-sakura-drift,.finish-lightning-veins,.finish-nebula-pulse,.finish-prism-shards,.finish-sunrise-glow,.finish-code-rain,.finish-moon-halo,.finish-cosmic-dust,.finish-stained-glass,.finish-art-deco-gold,.finish-ruby-velvet,.finish-tiger-eye,.finish-amethyst-geode,.finish-watercolor-wash) .card-art::after,body .finish-sample-card:is(.finish-silver,.finish-brass,.finish-carbon,.finish-cobalt,.finish-ember,.finish-chrome,.finish-aurora,.finish-prism,.finish-foil-sweep,.finish-aurora-flow,.finish-pixel-sparks,.finish-liquid-gold,.finish-opal-shimmer,.finish-starfield-drift,.finish-northern-veil,.finish-galaxy-swirl,.finish-rose-glint,.finish-diffraction,.finish-ember-drift,.finish-frost-bloom,.finish-ocean-caustics,.finish-pearl-nacre,.finish-obsidian-glass,.finish-rose-gold-satin,.finish-emerald-facet,.finish-sapphire-star,.finish-marble-vein,.finish-brushed-titanium,.finish-washi-paper,.finish-holo-film,.finish-copper-patina,.finish-cracked-ice,.finish-spectrum-sweep,.finish-gold-leaf,.finish-liquid-chrome,.finish-sakura-drift,.finish-lightning-veins,.finish-nebula-pulse,.finish-prism-shards,.finish-sunrise-glow,.finish-code-rain,.finish-moon-halo,.finish-cosmic-dust,.finish-stained-glass,.finish-art-deco-gold,.finish-ruby-velvet,.finish-tiger-eye,.finish-amethyst-geode,.finish-watercolor-wash) .finish-sample-art::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border:0;border-radius:inherit;background:var(--finish-art);opacity:1;mix-blend-mode:normal;transform:none}
body .card-wrap .collectible-card:is(.finish-silver,.finish-brass,.finish-carbon,.finish-cobalt,.finish-ember,.finish-chrome,.finish-aurora,.finish-prism,.finish-foil-sweep,.finish-aurora-flow,.finish-pixel-sparks,.finish-liquid-gold,.finish-opal-shimmer,.finish-starfield-drift,.finish-northern-veil,.finish-galaxy-swirl,.finish-rose-glint,.finish-diffraction,.finish-ember-drift,.finish-frost-bloom,.finish-ocean-caustics,.finish-pearl-nacre,.finish-obsidian-glass,.finish-rose-gold-satin,.finish-emerald-facet,.finish-sapphire-star,.finish-marble-vein,.finish-brushed-titanium,.finish-washi-paper,.finish-holo-film,.finish-copper-patina,.finish-cracked-ice,.finish-spectrum-sweep,.finish-gold-leaf,.finish-liquid-chrome,.finish-sakura-drift,.finish-lightning-veins,.finish-nebula-pulse,.finish-prism-shards,.finish-sunrise-glow,.finish-code-rain,.finish-moon-halo,.finish-cosmic-dust,.finish-stained-glass,.finish-art-deco-gold,.finish-ruby-velvet,.finish-tiger-eye,.finish-amethyst-geode,.finish-watercolor-wash) .card-body,body .finish-sample-card:is(.finish-silver,.finish-brass,.finish-carbon,.finish-cobalt,.finish-ember,.finish-chrome,.finish-aurora,.finish-prism,.finish-foil-sweep,.finish-aurora-flow,.finish-pixel-sparks,.finish-liquid-gold,.finish-opal-shimmer,.finish-starfield-drift,.finish-northern-veil,.finish-galaxy-swirl,.finish-rose-glint,.finish-diffraction,.finish-ember-drift,.finish-frost-bloom,.finish-ocean-caustics,.finish-pearl-nacre,.finish-obsidian-glass,.finish-rose-gold-satin,.finish-emerald-facet,.finish-sapphire-star,.finish-marble-vein,.finish-brushed-titanium,.finish-washi-paper,.finish-holo-film,.finish-copper-patina,.finish-cracked-ice,.finish-spectrum-sweep,.finish-gold-leaf,.finish-liquid-chrome,.finish-sakura-drift,.finish-lightning-veins,.finish-nebula-pulse,.finish-prism-shards,.finish-sunrise-glow,.finish-code-rain,.finish-moon-halo,.finish-cosmic-dust,.finish-stained-glass,.finish-art-deco-gold,.finish-ruby-velvet,.finish-tiger-eye,.finish-amethyst-geode,.finish-watercolor-wash) .finish-sample-body{position:relative;z-index:4;isolation:isolate;background-color:var(--card-deep,#14251e);background-image:linear-gradient(#081610b3,#081610b3),var(--finish-surface),linear-gradient(145deg,var(--card-face,#253b30),var(--card-deep,#14251e));color:var(--card-copy,#f5faf6)}
body .card-wrap .collectible-card.finish-foil-sweep .card-art::after,body .finish-sample-card.finish-foil-sweep .finish-sample-art::after{animation:popkard-foil-travel 4.8s linear infinite}
body .card-wrap .collectible-card.finish-aurora-flow .card-art::after,body .finish-sample-card.finish-aurora-flow .finish-sample-art::after{inset:-20%;animation:popkard-aurora-travel 5.6s ease-in-out infinite alternate;transform-origin:center}
body .card-wrap .collectible-card.finish-pixel-sparks .card-art::after,body .finish-sample-card.finish-pixel-sparks .finish-sample-art::after{animation:popkard-pixel-rise 3.6s steps(8,end) infinite}
@keyframes popkard-foil-travel{0%{transform:translateX(-95%);opacity:0}12%,88%{opacity:1}100%{transform:translateX(95%);opacity:0}}
@keyframes popkard-aurora-travel{from{transform:translate(-12%,-6%) rotate(-8deg);opacity:.65}to{transform:translate(12%,6%) rotate(8deg);opacity:1}}
@keyframes popkard-pixel-rise{0%{transform:translate(0,14px);opacity:0}24%,72%{opacity:1}100%{transform:translate(6px,-24px);opacity:0}}
html[data-cosmetic-motion="off"] body .collectible-card:is(.finish-foil-sweep,.finish-aurora-flow,.finish-pixel-sparks,.finish-liquid-gold,.finish-opal-shimmer,.finish-starfield-drift,.finish-northern-veil,.finish-galaxy-swirl,.finish-rose-glint,.finish-diffraction,.finish-ember-drift,.finish-frost-bloom,.finish-ocean-caustics,.finish-cracked-ice,.finish-spectrum-sweep,.finish-gold-leaf,.finish-liquid-chrome,.finish-sakura-drift,.finish-lightning-veins,.finish-nebula-pulse,.finish-prism-shards,.finish-sunrise-glow,.finish-code-rain,.finish-moon-halo,.finish-cosmic-dust) .card-art::after,html[data-cosmetic-motion="off"] body .finish-sample-card:is(.finish-foil-sweep,.finish-aurora-flow,.finish-pixel-sparks,.finish-liquid-gold,.finish-opal-shimmer,.finish-starfield-drift,.finish-northern-veil,.finish-galaxy-swirl,.finish-rose-glint,.finish-diffraction,.finish-ember-drift,.finish-frost-bloom,.finish-ocean-caustics,.finish-cracked-ice,.finish-spectrum-sweep,.finish-gold-leaf,.finish-liquid-chrome,.finish-sakura-drift,.finish-lightning-veins,.finish-nebula-pulse,.finish-prism-shards,.finish-sunrise-glow,.finish-code-rain,.finish-moon-halo,.finish-cosmic-dust) .finish-sample-art::after{animation:none!important;opacity:1}
@media(prefers-reduced-motion:reduce){body .card-wrap .collectible-card:is(.finish-foil-sweep,.finish-aurora-flow,.finish-pixel-sparks,.finish-liquid-gold,.finish-opal-shimmer,.finish-starfield-drift,.finish-northern-veil,.finish-galaxy-swirl,.finish-rose-glint,.finish-diffraction,.finish-ember-drift,.finish-frost-bloom,.finish-ocean-caustics,.finish-cracked-ice,.finish-spectrum-sweep,.finish-gold-leaf,.finish-liquid-chrome,.finish-sakura-drift,.finish-lightning-veins,.finish-nebula-pulse,.finish-prism-shards,.finish-sunrise-glow,.finish-code-rain,.finish-moon-halo,.finish-cosmic-dust) .card-art::after,body .finish-sample-card:is(.finish-foil-sweep,.finish-aurora-flow,.finish-pixel-sparks,.finish-liquid-gold,.finish-opal-shimmer,.finish-starfield-drift,.finish-northern-veil,.finish-galaxy-swirl,.finish-rose-glint,.finish-diffraction,.finish-ember-drift,.finish-frost-bloom,.finish-ocean-caustics,.finish-cracked-ice,.finish-spectrum-sweep,.finish-gold-leaf,.finish-liquid-chrome,.finish-sakura-drift,.finish-lightning-veins,.finish-nebula-pulse,.finish-prism-shards,.finish-sunrise-glow,.finish-code-rain,.finish-moon-halo,.finish-cosmic-dust) .finish-sample-art::after{animation:none!important;opacity:1}}

.album-cover-art{position:absolute;inset:0;display:block;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:0}
.album-cover-art>svg{display:block;width:100%;height:100%}
.finish-sample-album[data-cover-style]{position:relative;isolation:isolate;width:160px;height:220px;max-width:100%;overflow:hidden;padding:24px 15px 17px 24px;justify-content:flex-end;gap:6px;border:0;border-left:9px solid #0a201a;color:#f0eddb;box-shadow:3px 4px 0 #08120e,0 14px 25px #0004}
.finish-sample-album[data-cover-style]::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(0deg,#071912eb,transparent 44%),linear-gradient(90deg,#0004,transparent 12%,transparent 94%,#fff1);pointer-events:none;z-index:1}
.finish-sample-album[data-cover-style]>strong,.finish-sample-album[data-cover-style]>small{position:relative;z-index:2;text-align:center;max-width:100%;overflow-wrap:anywhere;text-shadow:0 1px 3px #071912}
.finish-sample-album[data-cover-style]>strong{font:700 23px Sora,sans-serif;letter-spacing:-1px}
.finish-sample-album[data-cover-style]>small{font-size:10px;line-height:1.4;letter-spacing:0}
.shop-style-preview-art[data-preview-slot="albumCover"] .finish-sample-album{width:min(216px,100%);height:auto;aspect-ratio:8/11;transform:none}
.binder-cover:has(>.album-cover-art){overflow:hidden;background:#102b21}
.binder-cover:has(>.album-cover-art)::before{background:linear-gradient(0deg,#071912eb,transparent 68%);z-index:1}
.binder-cover:has(>.album-cover-art)>:not(.album-cover-art){position:relative;z-index:2}
.binder-cover:has(>.album-cover-art)>.binder-cover-spine{position:absolute;background:linear-gradient(90deg,#04130d,#31533a88,#061810);z-index:3}
.binder-cover:has(>.album-cover-art) .binder-cover-name,.binder-cover:has(>.album-cover-art) .binder-cover-count{color:#edf1df;text-shadow:0 1px 4px #00170f,0 1px 10px #00170f}
.binder-cover-row .binder-cover:has(>.album-cover-art)::before{background:linear-gradient(90deg,transparent,#071912db 35%)}
.binder-book:has(>.album-cover-art){isolation:isolate;overflow:hidden}
.binder-book:has(>.album-cover-art)>.album-cover-art{opacity:.2}
.binder-book:has(>.album-cover-art)>.binder-leaf{position:relative;z-index:1}
.public-album-cover>.album-cover-art{inset:0;border:0;border-radius:inherit}
.public-album-cover>.album-cover-art+img{position:relative;z-index:1}
.album-firefly-one{animation:album-firefly-rise 7s ease-in-out infinite}
.album-firefly-two{animation:album-firefly-drift 9s ease-in-out infinite}
.album-tide-back{animation:album-tide-slide 12s ease-in-out infinite}
.album-tide-front{animation:album-tide-slide 9s ease-in-out infinite reverse}
.album-aurora-back{animation:album-aurora-sway 12s ease-in-out infinite}
.album-aurora-front{animation:album-aurora-sway 10s ease-in-out infinite reverse}
.album-orbit-one,.album-orbit-two{transform-origin:134px 144px}
.album-orbit-one{animation:album-star-orbit 26s linear infinite}
.album-orbit-two{animation:album-star-orbit 18s linear infinite reverse}
@keyframes album-firefly-rise{0%,100%{transform:translate(0,0);opacity:.6}50%{transform:translate(6px,-10px);opacity:1}}
@keyframes album-firefly-drift{0%,100%{transform:translate(0,0);opacity:.7}50%{transform:translate(-7px,8px);opacity:1}}
@keyframes album-tide-slide{0%,100%{transform:translateX(-12px)}50%{transform:translateX(12px)}}
@keyframes album-aurora-sway{0%,100%{transform:translate(0,0);opacity:.75}50%{transform:translate(8px,-6px);opacity:1}}
@keyframes album-star-orbit{to{transform:rotate(360deg)}}
html[data-cosmetic-motion="off"] .album-cover-art svg g{animation:none!important}
@media(prefers-reduced-motion:reduce){.album-cover-art svg g{animation:none!important}.finish-sample-album[data-cover-style]{transform:none}}

/* Foil sweep: one seamless travelling shine, never an empty gap. */
body .card-wrap .collectible-card.finish-foil-sweep .card-art::after,body .finish-sample-card.finish-foil-sweep .finish-sample-art::after{inset:0 auto 0 -100%;width:200%;opacity:1;background:linear-gradient(118deg,transparent 0 30%,#e8ffff55 40%,#ffffffb0 46%,#c4edff66 52%,transparent 62% 100%) 0 0/50% 100% repeat-x,repeating-linear-gradient(118deg,transparent 0 18px,#d7f4ff1c 18px 19px),linear-gradient(0deg,#a6dfff26,transparent 45%);animation:popkard-foil-loop 3.4s linear infinite}
@keyframes popkard-foil-loop{from{transform:translateX(0)}to{transform:translateX(50%)}}
/* Pixel sparks: gentle float up and down, always visible. */
body .card-wrap .collectible-card.finish-pixel-sparks .card-art::after,body .finish-sample-card.finish-pixel-sparks .finish-sample-art::after{animation:popkard-pixel-float 2.8s ease-in-out infinite alternate;opacity:1}
@keyframes popkard-pixel-float{from{transform:translate(0,8px);filter:brightness(.85)}to{transform:translate(5px,-12px);filter:brightness(1.35)}}
html[data-cosmetic-motion="off"] body .collectible-card:is(.finish-foil-sweep,.finish-pixel-sparks) .card-art::after,html[data-cosmetic-motion="off"] body .finish-sample-card:is(.finish-foil-sweep,.finish-pixel-sparks) .finish-sample-art::after{animation:none;transform:none}
@media(prefers-reduced-motion:reduce){body .card-wrap .collectible-card:is(.finish-foil-sweep,.finish-pixel-sparks) .card-art::after,body .finish-sample-card:is(.finish-foil-sweep,.finish-pixel-sparks) .finish-sample-art::after{animation:none;transform:none}}
/* Binder covers: clearly visible around and between the pages. */
.binder-book:has(>.album-cover-art)>.album-cover-art{opacity:.75;filter:saturate(1.25) brightness(1.1)}
.binder-book:has(>.album-cover-art) .binder-leaf{background-color:#0c1712b3}
body .collectible-card.finish-foil-sweep .card-art,body .finish-sample-card.finish-foil-sweep .finish-sample-art{overflow:hidden}
/* Pixel sparks: oversized layer so its edge never shows while it floats. */
body .card-wrap .collectible-card.finish-pixel-sparks .card-art::after,body .finish-sample-card.finish-pixel-sparks .finish-sample-art::after{inset:-28px}
body .collectible-card.finish-pixel-sparks .card-art,body .finish-sample-card.finish-pixel-sparks .finish-sample-art{overflow:hidden}
/* October 2026 finishes. Static: pearl-nacre, obsidian-glass, rose-gold-satin, emerald-facet, sapphire-star, marble-vein, brushed-titanium, washi-paper, holo-film, copper-patina. */
.finish-pearl-nacre{--finish-art:linear-gradient(125deg,#fff3fa5c,transparent 28%,#e4fff433 46%,transparent 60%,#ece6ff52),linear-gradient(118deg,transparent 22%,#ffffff5c 24.5%,transparent 28%),linear-gradient(0deg,#f6e6ef4d,transparent 26%);--finish-surface:linear-gradient(120deg,#f7e3ee59,#e2f5ef40 40%,transparent 62%,#e3dcf759)}
.finish-obsidian-glass{--finish-art:radial-gradient(ellipse at 50% 38%,transparent 42%,#05060b8c 100%),linear-gradient(115deg,transparent 30%,#ffffff21 30.4%,#ffffff0a 44%,transparent 44.4%),linear-gradient(115deg,transparent 71%,#cbbcff52 71.3%,transparent 72.2%);--finish-surface:linear-gradient(125deg,#2a2d3a99,transparent 46%,#4a3d7a4d)}
.finish-rose-gold-satin{--finish-art:linear-gradient(135deg,#f7c2b366,transparent 30%,transparent 66%,#c9806d73),linear-gradient(118deg,transparent 20%,#ffe6dc8c 21.5%,#f2b8a466 23%,transparent 25.5%,transparent 70%,#f6c4b359 71%,transparent 74%),linear-gradient(0deg,#b8706047,transparent 24%);--finish-surface:linear-gradient(118deg,#efb8a666,transparent 44%,#b5706259)}
.finish-emerald-facet{--finish-art:linear-gradient(135deg,#4fe0a43d 0 17%,transparent 17% 38%,#1fae7a2e 38% 50%,transparent 50%),linear-gradient(45deg,transparent 0 60%,#86f5c62e 60% 73%,transparent 73%),linear-gradient(160deg,transparent 0 80%,#3fd2952e 80%),linear-gradient(0deg,#0b5d3e5c,transparent 30%);--finish-surface:linear-gradient(125deg,#2fbf8466,transparent 46%,#0e6e4a66)}
.finish-sapphire-star{--finish-art:radial-gradient(circle at 74% 24%,#ffffffc7 0 1.3px,#d3e0ff6b 3.5px,#8fadff2e 12%,transparent 26%),radial-gradient(ellipse at 100% 0,#6f95ff4d,transparent 46%),radial-gradient(ellipse at 0 100%,#2236a87a,transparent 58%),linear-gradient(118deg,transparent 58%,#cfdcff47 59.5%,transparent 62%);--finish-surface:linear-gradient(125deg,#3d5fe066,transparent 44%,#1e2c8a73)}
.finish-marble-vein{--finish-art:radial-gradient(ellipse at 18% 14%,#ffffff42,transparent 52%),linear-gradient(32deg,transparent 46%,#e9cf8a73 46.5%,#f6e4b247 47.1%,transparent 47.8%),linear-gradient(148deg,transparent 61%,#ffffff3d 61.4%,transparent 62.1%),linear-gradient(72deg,transparent 22%,#e4dccf33 22.3%,transparent 22.9%),linear-gradient(0deg,#efe7da47,transparent 28%);--finish-surface:linear-gradient(125deg,#ece4d64d,transparent 42%,#cdb37a40)}
.finish-brushed-titanium{--finish-art:repeating-linear-gradient(0deg,#ffffff0e 0 1px,transparent 1px 2px,#0000000f 2px 3px),linear-gradient(115deg,#c9d2da4d,transparent 34%,transparent 70%,#8c80bd47),linear-gradient(118deg,transparent 24%,#eef4ff59 25.5%,transparent 29%);--finish-surface:repeating-linear-gradient(0deg,#ffffff08 0 1px,transparent 1px 3px),linear-gradient(118deg,#b5bfc966,transparent 44%,#7d74a84d)}
.finish-washi-paper{--finish-art:repeating-linear-gradient(83deg,#fff8e80c 0 1px,transparent 1px 5px),repeating-linear-gradient(-17deg,#fff2d60f 0 1px,transparent 1px 9px),radial-gradient(ellipse at 30% 18%,#f7ecd43d,transparent 60%),linear-gradient(0deg,#e9dcc047,transparent 30%);--finish-surface:repeating-linear-gradient(83deg,#fff8e80a 0 1px,transparent 1px 6px),linear-gradient(125deg,#e6d7b84d,transparent 50%,#cdb99440)}
.finish-holo-film{--finish-art:repeating-linear-gradient(60deg,#ff9bb824 0 6px,#ffdc9424 6px 12px,#a2ffbc24 12px 18px,#94dcff24 18px 24px,#c9a2ff24 24px 30px),linear-gradient(118deg,transparent 30%,#ffffff47 33.5%,transparent 37%),linear-gradient(0deg,#d7e8ff33,transparent 26%);--finish-surface:repeating-linear-gradient(60deg,#ff9bb826 0 6px,#ffdc9426 6px 12px,#a2ffbc26 12px 18px,#94dcff26 18px 24px,#c9a2ff26 24px 30px)}
.finish-copper-patina{--finish-art:radial-gradient(ellipse at 0 100%,#4fc2a573,transparent 42%),radial-gradient(ellipse at 100% 0,#5fd0b05c,transparent 34%),linear-gradient(135deg,#e0895a52,transparent 34%,transparent 66%,#b5603c5c),linear-gradient(118deg,transparent 40%,#ffc49a52 41.5%,transparent 44%);--finish-surface:linear-gradient(125deg,#d27a4c66,transparent 44%,#3fa58a59)}

/* October 2026 animated finishes: each moves one oversized artwork layer with transform only (cheap, GPU composited). */
.finish-liquid-gold{--finish-art:linear-gradient(108deg,transparent 30%,#ffe4964d 42%,#fff3cc99 48%,#f0c46a66 53%,transparent 66%),linear-gradient(0deg,#b67b2b4d,transparent 34%),linear-gradient(#e2b24c1a,#e2b24c1a);--finish-surface:linear-gradient(118deg,#e9c16f59,transparent 42%,#b07a3a4d)}
.finish-opal-shimmer{--finish-art:radial-gradient(ellipse at 22% 26%,#ffd6ec66,transparent 42%),radial-gradient(ellipse at 74% 38%,#c6f1ff66,transparent 44%),radial-gradient(ellipse at 40% 78%,#d4ffe05c,transparent 42%),radial-gradient(ellipse at 86% 84%,#fff0c45c,transparent 40%),linear-gradient(#fbf5ff1a,#fbf5ff1a);--finish-surface:linear-gradient(120deg,#f6cfe74d,#c8ecff40 35%,transparent 60%,#d6f7d84d)}
.finish-starfield-drift{--finish-art:radial-gradient(circle at 18% 22%,#fff6e0 0 1.1px,#d6e2ff59 2.2px,transparent 3.6px) 0 0/120px 120px,radial-gradient(circle at 76% 64%,#ffffff 0 1px,#cbd9ff4d 2px,transparent 3.2px) 0 0/120px 120px,radial-gradient(circle at 30% 80%,#ffffffd9 0 .8px,transparent 1.5px) 0 0/60px 60px,radial-gradient(circle at 82% 18%,#e4ecffcc 0 .7px,transparent 1.4px) 0 0/60px 60px,radial-gradient(circle at 60% 40%,#ffffffa6 0 .6px,transparent 1.3px) 0 0/46px 40px,radial-gradient(circle at 20% 50%,#ffffff73 0 .5px,transparent 1.1px) 0 0/53px 24px,linear-gradient(#171b5426,#171b5426);--finish-surface:radial-gradient(circle at 80% 30%,#ffffff2e 0 1px,transparent 2px) 0 0/40px 30px,linear-gradient(125deg,#5a62c44d,transparent 45%,#3a2a7a4d)}
.finish-northern-veil{--finish-art:linear-gradient(90deg,transparent 4%,#5ff2b13d 14%,transparent 24%,#7ce8e033 34%,transparent 42%,#a98bff38 54%,transparent 64%,#6af5b847 76%,transparent 88%),linear-gradient(180deg,#1a3f5a26,transparent 60%);--finish-surface:linear-gradient(120deg,#4fd6a04d,transparent 45%,#8a74e04d)}
.finish-galaxy-swirl{--finish-art:radial-gradient(circle,#fff6ff80 0 1%,#f2c4ff4d 3%,#a77cff2e 10%,transparent 24%),conic-gradient(from 0deg at 48% 50%,#8f6bff3d,transparent 12%,#ff7fd038 25%,transparent 37%,#62c6ff3d 50%,transparent 62%,#c88bff38 75%,transparent 87%,#8f6bff3d),radial-gradient(circle,#ffffffb3 0 .7px,transparent 1.3px) 0 0/31px 29px,linear-gradient(#140e3a40,#140e3a40);--finish-surface:linear-gradient(125deg,#7a5ce04d,transparent 45%,#d06bb84d)}
.finish-rose-glint{--finish-art:linear-gradient(112deg,transparent 40%,#ffe0d34d 46%,#fff6f0b3 50%,#f8bfae4d 54%,transparent 60%),linear-gradient(#f2b0a01f,#f2b0a01f);--finish-surface:linear-gradient(118deg,#f0b4a359,transparent 42%,#b9706a4d)}
.finish-diffraction{--finish-art:repeating-linear-gradient(100deg,#ff9fb824 0 2px,#ffe29a24 2px 4px,#a6ffcb24 4px 6px,#9fd6ff24 6px 8px,#c8a6ff24 8px 10px,transparent 10px 20px),linear-gradient(118deg,transparent 20%,#ffd6e83d 34%,#d6f6ff47 46%,#e7ffd63d 58%,transparent 72%);--finish-surface:linear-gradient(120deg,#f2b6d040,#b6e2ff40 40%,transparent 62%,#c9f2b640)}
.finish-ember-drift{--finish-art:radial-gradient(circle at 22% 70%,#ffe3a8f2 0 1px,#ff9a4a80 1.8px,transparent 3.4px) 0 0/58px 60px,radial-gradient(circle at 70% 30%,#ffd08ad9 0 .8px,#ff7a3a66 1.6px,transparent 3px) 0 0/44px 30px,radial-gradient(circle at 45% 55%,#fff0c8e6 0 1.3px,#ffb05a73 2.4px,transparent 4.4px) 0 0/97px 60px,radial-gradient(circle at 85% 80%,#ffc07ab3 0 .6px,transparent 1.6px) 0 0/31px 20px,linear-gradient(#ff8a3a14,#ff8a3a14);--finish-surface:linear-gradient(0deg,#ff8a3a33,transparent 60%),linear-gradient(125deg,#ffa05a59,transparent 44%,#c2503a4d)}
.finish-frost-bloom{--finish-art:radial-gradient(ellipse at 0 0,#eefcffb3,transparent 38%),radial-gradient(ellipse at 100% 100%,#dff4ff99,transparent 40%),radial-gradient(ellipse at 100% 0,#e8f8ff5c,transparent 30%),repeating-linear-gradient(60deg,transparent 0 9px,#f0fbff26 9px 10px),repeating-linear-gradient(-60deg,transparent 0 9px,#f0fbff26 9px 10px),repeating-linear-gradient(0deg,transparent 0 15px,#e6f8ff1a 15px 16px),linear-gradient(#cfeeff14,#cfeeff14);--finish-surface:linear-gradient(125deg,#d8f2ff4d,transparent 45%,#9fd0f04d)}
.finish-ocean-caustics{--finish-art:radial-gradient(ellipse 50% 42% at 50% 50%,transparent 62%,#c9fbff47 76%,transparent 90%) 0 0/54px 46px,radial-gradient(ellipse 46% 50% at 50% 50%,transparent 60%,#a8f1ff38 75%,transparent 90%) 19px 13px/37px 41px,radial-gradient(ellipse at 50% 0,#9feaff40,transparent 60%),linear-gradient(180deg,#3fc3d82e,#14588a40);--finish-surface:linear-gradient(125deg,#4fc7d859,transparent 45%,#2a6fa84d)}
body .collectible-card:is(.finish-liquid-gold,.finish-opal-shimmer,.finish-starfield-drift,.finish-northern-veil,.finish-galaxy-swirl,.finish-rose-glint,.finish-diffraction,.finish-ember-drift,.finish-frost-bloom,.finish-ocean-caustics,.finish-cracked-ice,.finish-spectrum-sweep,.finish-gold-leaf,.finish-liquid-chrome,.finish-sakura-drift,.finish-lightning-veins,.finish-nebula-pulse,.finish-prism-shards,.finish-sunrise-glow,.finish-code-rain,.finish-moon-halo,.finish-cosmic-dust) .card-art,body .finish-sample-card:is(.finish-liquid-gold,.finish-opal-shimmer,.finish-starfield-drift,.finish-northern-veil,.finish-galaxy-swirl,.finish-rose-glint,.finish-diffraction,.finish-ember-drift,.finish-frost-bloom,.finish-ocean-caustics,.finish-cracked-ice,.finish-spectrum-sweep,.finish-gold-leaf,.finish-liquid-chrome,.finish-sakura-drift,.finish-lightning-veins,.finish-nebula-pulse,.finish-prism-shards,.finish-sunrise-glow,.finish-code-rain,.finish-moon-halo,.finish-cosmic-dust) .finish-sample-art{overflow:hidden}
/* Liquid gold: two seamless bands of molten gold flowing sideways (layer twice as wide, moved by exactly one tile). */
body .card-wrap .collectible-card.finish-liquid-gold .card-art::after,body .finish-sample-card.finish-liquid-gold .finish-sample-art::after{animation:popkard-liquid-gold 6.5s linear infinite;inset:0 auto 0 -100%;width:200%;background:linear-gradient(108deg,transparent 0 28%,#ffe4964d 40%,#fff3cc99 47%,#f0c46a66 52%,transparent 66% 100%) 0 0/50% 100% repeat-x,linear-gradient(100deg,transparent 0 30%,#fff1c438 46%,transparent 62% 100%) 0 0/25% 100% repeat-x,linear-gradient(0deg,#b67b2b4d,transparent 34%),linear-gradient(#e2b24c1a,#e2b24c1a)}
@keyframes popkard-liquid-gold{from{transform:translateX(0)}to{transform:translateX(50%)}}
/* Opal: soft pastel play-of-colour drifting on an oversized layer. */
body .card-wrap .collectible-card.finish-opal-shimmer .card-art::after,body .finish-sample-card.finish-opal-shimmer .finish-sample-art::after{animation:popkard-opal-shimmer 9s ease-in-out infinite alternate;inset:-30%}
@keyframes popkard-opal-shimmer{0%{transform:translate(-9%,-6%)}50%{transform:translate(5%,-2%)}100%{transform:translate(8%,7%)}}
/* Starfield: stars on tiles whose heights divide 120px, so the slow downward drift loops without a jump. */
body .card-wrap .collectible-card.finish-starfield-drift .card-art::after,body .finish-sample-card.finish-starfield-drift .finish-sample-art::after{animation:popkard-starfield-drift 24s linear infinite;inset:-120px 0 0}
@keyframes popkard-starfield-drift{from{transform:translateY(0)}to{transform:translateY(120px)}}
/* Northern veil: vertical light curtains scrolling sideways, fading softly towards the bottom of the artwork. */
body .card-wrap .collectible-card.finish-northern-veil .card-art::after,body .finish-sample-card.finish-northern-veil .finish-sample-art::after{animation:popkard-northern-veil 14s linear infinite;inset:0 auto 0 -100%;width:200%;background:linear-gradient(90deg,transparent 4%,#5ff2b13d 14%,transparent 24%,#7ce8e033 34%,transparent 42%,#a98bff38 54%,transparent 64%,#6af5b847 76%,transparent 88%) 0 0/50% 100% repeat-x,linear-gradient(90deg,transparent 10%,#c2ffe626 30%,transparent 50%,#9fd8ff21 75%,transparent 95%) 0 0/25% 100% repeat-x,linear-gradient(#1a3f5a1f,#1a3f5a1f);-webkit-mask-image:linear-gradient(180deg,#000,#000c 35%,transparent 88%);mask-image:linear-gradient(180deg,#000,#000c 35%,transparent 88%)}
@keyframes popkard-northern-veil{from{transform:translateX(0)}to{transform:translateX(50%)}}
/* Galaxy: a square layer turning around a point in the upper right, faded to nothing before its edges. */
body .card-wrap .collectible-card.finish-galaxy-swirl .card-art::after,body .finish-sample-card.finish-galaxy-swirl .finish-sample-art::after{animation:popkard-galaxy-swirl 32s linear infinite;inset:auto;top:36%;left:64%;width:230%;height:auto;aspect-ratio:1;border-radius:0;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle closest-side,#000 0 22%,#000a 55%,transparent 100%);mask-image:radial-gradient(circle closest-side,#000 0 22%,#000a 55%,transparent 100%)}
@keyframes popkard-galaxy-swirl{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
/* Rose gold glint: a crisp highlight crosses, then rests off-card; the tint is uniform so the restart is invisible. */
body .card-wrap .collectible-card.finish-rose-glint .card-art::after,body .finish-sample-card.finish-rose-glint .finish-sample-art::after{animation:popkard-rose-glint 5.5s cubic-bezier(.45,.05,.35,1) infinite;inset:0 auto 0 -100%;width:300%;background:linear-gradient(112deg,transparent 0 44%,#ffe0d34d 47.5%,#fff6f0bf 50%,#f8bfae4d 52.5%,transparent 56% 100%),linear-gradient(#f2b0a01f,#f2b0a01f)}
@keyframes popkard-rose-glint{0%{transform:translateX(-32%)}55%,100%{transform:translateX(32%)}}
/* Diffraction: fine rainbow lines concentrated in a soft diagonal band that sways. */
body .card-wrap .collectible-card.finish-diffraction .card-art::after,body .finish-sample-card.finish-diffraction .finish-sample-art::after{animation:popkard-diffraction 5s ease-in-out infinite alternate;inset:0 -48px;-webkit-mask-image:linear-gradient(118deg,#0005,#000 40%,#000 60%,#0005);mask-image:linear-gradient(118deg,#0005,#000 40%,#000 60%,#0005)}
@keyframes popkard-diffraction{from{transform:translateX(-40px)}to{transform:translateX(40px)}}
/* Embers: glowing sparks on tiles whose heights divide 60px, rising and swaying in a seamless loop. */
body .card-wrap .collectible-card.finish-ember-drift .card-art::after,body .finish-sample-card.finish-ember-drift .finish-sample-art::after{animation:popkard-ember-drift 7s linear infinite;inset:0 -8px -60px}
@keyframes popkard-ember-drift{0%{transform:translate(0,0)}50%{transform:translate(6px,-30px)}100%{transform:translate(0,-60px)}}
/* Frost: crystalline lattice kept to the edges by a soft vignette, glimmering as it shifts. */
body .card-wrap .collectible-card.finish-frost-bloom .card-art::after,body .finish-sample-card.finish-frost-bloom .finish-sample-art::after{animation:popkard-frost-bloom 7s ease-in-out infinite alternate;inset:-14px;-webkit-mask-image:radial-gradient(ellipse at 50% 46%,transparent 26%,#0008 55%,#000 85%);mask-image:radial-gradient(ellipse at 50% 46%,transparent 26%,#0008 55%,#000 85%)}
@keyframes popkard-frost-bloom{from{transform:translate(-8px,-6px);opacity:.7}to{transform:translate(8px,6px);opacity:1}}
/* Ocean light: a net of caustic rings drifting and turning slightly, like sunlight under water. */
body .card-wrap .collectible-card.finish-ocean-caustics .card-art::after,body .finish-sample-card.finish-ocean-caustics .finish-sample-art::after{animation:popkard-ocean-caustics 8s ease-in-out infinite alternate;inset:-26px}
@keyframes popkard-ocean-caustics{0%{transform:translate(-10px,-6px) rotate(-2deg)}50%{transform:translate(4px,6px) rotate(1deg)}100%{transform:translate(10px,-4px) rotate(2deg)}}
html.pk-low-motion body .collectible-card:is(.finish-liquid-gold,.finish-opal-shimmer,.finish-starfield-drift,.finish-northern-veil,.finish-galaxy-swirl,.finish-rose-glint,.finish-diffraction,.finish-ember-drift,.finish-frost-bloom,.finish-ocean-caustics,.finish-cracked-ice,.finish-spectrum-sweep,.finish-gold-leaf,.finish-liquid-chrome,.finish-sakura-drift,.finish-lightning-veins,.finish-nebula-pulse,.finish-prism-shards,.finish-sunrise-glow,.finish-code-rain,.finish-moon-halo,.finish-cosmic-dust) .card-art::after,html.pk-low-motion body .finish-sample-card:is(.finish-liquid-gold,.finish-opal-shimmer,.finish-starfield-drift,.finish-northern-veil,.finish-galaxy-swirl,.finish-rose-glint,.finish-diffraction,.finish-ember-drift,.finish-frost-bloom,.finish-ocean-caustics,.finish-cracked-ice,.finish-spectrum-sweep,.finish-gold-leaf,.finish-liquid-chrome,.finish-sakura-drift,.finish-lightning-veins,.finish-nebula-pulse,.finish-prism-shards,.finish-sunrise-glow,.finish-code-rain,.finish-moon-halo,.finish-cosmic-dust) .finish-sample-art::after{animation:none!important;opacity:1}
/* October 2026 finishes, batch 2. Static: stained-glass, art-deco-gold, ruby-velvet, tiger-eye, amethyst-geode, watercolor-wash. */
.finish-stained-glass{--finish-art:repeating-linear-gradient(60deg,transparent 0 33px,#120c1c3d 33px 34.5px,transparent 34.5px 36px),repeating-linear-gradient(-60deg,transparent 0 33px,#120c1c3d 33px 34.5px,transparent 34.5px 36px),radial-gradient(ellipse at 0 0,#e2405a4d,transparent 46%),radial-gradient(ellipse at 100% 6%,#3f7bff4d,transparent 46%),radial-gradient(ellipse at 0 100%,#2fbf7a47,transparent 46%),radial-gradient(ellipse at 100% 100%,#ffb02e4d,transparent 46%),radial-gradient(ellipse at 50% 50%,#9b5cff1f,transparent 60%),linear-gradient(172deg,#fff4d042,transparent 46%);--finish-surface:linear-gradient(125deg,#c2384f4d,#3f6fe040 40%,transparent 62%,#e09a2a4d)}
.finish-art-deco-gold{--finish-art:repeating-conic-gradient(from 0deg at 50% 118%,#f2d27a2e 0 1.1deg,transparent 1.5deg 7.5deg),radial-gradient(ellipse at 50% 118%,#f6d98a52,transparent 56%),linear-gradient(0deg,#c99a3a4d,transparent 30%),linear-gradient(180deg,#0e0b0729,transparent 34%);--finish-surface:repeating-linear-gradient(90deg,transparent 0 11px,#e8c8700f 11px 12px),linear-gradient(118deg,#e2bd6a59,transparent 44%,#1a140c66)}
.finish-ruby-velvet{--finish-art:radial-gradient(ellipse at 28% 18%,#ff8fa84d,transparent 46%),radial-gradient(ellipse at 82% 92%,#5a061c70,transparent 56%),linear-gradient(125deg,transparent 30%,#ffb3c433 43%,transparent 56%),repeating-linear-gradient(90deg,#ffffff05 0 1px,transparent 1px 2px),linear-gradient(#a3103a2e,#a3103a2e);--finish-surface:linear-gradient(125deg,#c2244f66,transparent 46%,#5a0a2273)}
.finish-tiger-eye{--finish-art:repeating-linear-gradient(104deg,#5a33121f 0 6px,#c9852e29 9px,#f6cc7a38 11px,#c9852e29 13px,#5a33121f 18px 22px),repeating-linear-gradient(98deg,transparent 0 31px,#f2c06a24 34px,transparent 37px 53px),linear-gradient(104deg,transparent 30%,#ffe2a047 45%,#fff3cf66 50%,#ffe2a047 55%,transparent 70%),linear-gradient(0deg,#6b3a1440,transparent 34%);--finish-surface:repeating-linear-gradient(104deg,#5a33121a 0 6px,#d99a4426 10px,#5a33121a 16px 20px),linear-gradient(118deg,#c98a3a59,transparent 44%,#5a32144d)}
.finish-amethyst-geode{--finish-art:repeating-conic-gradient(from 8deg at 0 100%,#b98cff21 0 6deg,#7a4fd114 6deg 11deg,#e6d4ff21 11deg 14deg,#5b2fa81f 14deg 21deg),radial-gradient(ellipse at 0 100%,#f2e8ff57 0 5%,#c6a2ff40 20%,transparent 56%),radial-gradient(circle at 18% 74%,#ffffffbf 0 .8px,#e2ccff4d 2px,transparent 4px),radial-gradient(circle at 36% 86%,#ffffffa6 0 .7px,transparent 2px),radial-gradient(circle at 9% 56%,#ffffff8c 0 .6px,transparent 1.8px),radial-gradient(ellipse at 100% 0,#2a104f4d,transparent 50%);--finish-surface:linear-gradient(125deg,#9b6ae866,transparent 46%,#4a238f66)}
.finish-watercolor-wash{--finish-art:radial-gradient(ellipse 42% 30% at 22% 20%,#ffb3c62e 0 70%,#ff8fae47 84%,transparent 93%),radial-gradient(ellipse 38% 34% at 78% 36%,#9fd6ff2e 0 70%,#74bff047 83%,transparent 93%),radial-gradient(ellipse 46% 28% at 40% 82%,#b8f0c42e 0 70%,#86d89c47 84%,transparent 94%),radial-gradient(ellipse 30% 22% at 84% 84%,#ffe1a033 0 70%,#f5c46a4d 84%,transparent 93%),linear-gradient(#fffaf014,#fffaf014);--finish-surface:linear-gradient(120deg,#ffc4d44d,#c4e4ff40 40%,transparent 62%,#d0f2c84d)}

/* October 2026 animated finishes, batch 2: same recipe as batch 1, one oversized artwork layer moved by transform (and opacity) only. */
.finish-cracked-ice{--finish-art:repeating-linear-gradient(23deg,transparent 0 37px,#effaff6b 37px 38px,transparent 38px 61px,#ffffff38 61px 62px,transparent 62px 97px),repeating-linear-gradient(-41deg,transparent 0 29px,#e6f6ff5c 29px 30px,transparent 30px 71px,#ffffff33 71px 72px,transparent 72px 103px),repeating-linear-gradient(77deg,transparent 0 53px,#f2fbff4d 53px 54px,transparent 54px 89px),repeating-linear-gradient(-68deg,#c2e9ff14 0 43px,#ffd9f414 43px 79px,#d8ffef14 79px 127px,transparent 127px 151px),repeating-linear-gradient(31deg,#ffe9c012 0 59px,transparent 59px 97px,#c9d8ff14 97px 143px),repeating-linear-gradient(125deg,#ffc4ec2e,#bfeaff38 60px,#d4ffe22e 120px,#fff1c42b 180px,#e2c8ff2e 240px,#ffc4ec2e 300px);--finish-surface:repeating-linear-gradient(23deg,transparent 0 37px,#effaff1f 37px 38px,transparent 38px 61px),repeating-linear-gradient(-41deg,transparent 0 29px,#e6f6ff1a 29px 30px,transparent 30px 71px),linear-gradient(125deg,#c6ecff40,transparent 45%,#e7c8ff3d)}
.finish-spectrum-sweep{--finish-art:linear-gradient(115deg,#ff9ec733,#ffd88a33 20%,#b8f59a33 40%,#7fe0e833 60%,#d0a0ff33 80%,#ff9ec733),repeating-linear-gradient(115deg,transparent 0 4px,#ffffff17 4px 5px);--finish-surface:linear-gradient(115deg,#ff9ec733,#ffe08a2e 25%,#8fdcff2e 60%,#c6a4ff33)}
.finish-gold-leaf{--finish-art:radial-gradient(4px 2.4px at 18% 26%,#fff6d0 0 30%,#f0c35a 60%,transparent 100%) 0 0/72px 96px,radial-gradient(2.6px 3.4px at 64% 58%,#fff1bf 0 30%,#e2a93f 62%,transparent 100%) 0 0/72px 96px,radial-gradient(5px 2.2px at 40% 86%,#ffe9a8e6 0 25%,#d9a03a99 60%,transparent 100%) 0 0/72px 96px,radial-gradient(1.8px 1.4px at 30% 40%,#fff8e0 0 40%,#f3c766b3 70%,transparent 100%) 0 0/36px 48px,radial-gradient(3px 1.8px at 80% 20%,#ffe39ad9 0 35%,#c9902f80 70%,transparent 100%) 0 0/36px 32px,linear-gradient(#e8bb541a,#e8bb541a);--finish-surface:radial-gradient(2px 1.4px at 30% 40%,#ffe6a066 0 40%,transparent 100%) 0 0/36px 30px,linear-gradient(118deg,#e9c16f59,transparent 44%,#9c6a2a59)}
.finish-liquid-chrome{--finish-art:radial-gradient(ellipse 50% 100% at 50% 0,transparent 55%,#f4fbff4d 68%,#9fb3c538 76%,transparent 86%) 0 0/64px 28px,radial-gradient(ellipse 50% 100% at 50% 100%,transparent 58%,#ffffff2e 70%,transparent 82%) 32px 14px/64px 28px,radial-gradient(ellipse 50% 100% at 50% 0,transparent 60%,#e6f2ff24 72%,transparent 84%) 0 7px/32px 14px,linear-gradient(180deg,#eef6ff2e,#7d93a82e 50%,#f0f8ff33);--finish-surface:linear-gradient(112deg,#dcecf54d,#f4fbff80 28%,transparent 48%,#b8cfdc66 76%,#5d6f7c44)}
.finish-sakura-drift{--finish-art:radial-gradient(5px 3px at 20% 18%,#ffe4ee 0 35%,#ffb7cfcc 65%,transparent 100%) 0 0/90px 90px,radial-gradient(3px 4.6px at 72% 34%,#ffd6e5f2 0 35%,#ff9fbfb3 65%,transparent 100%) 0 0/90px 90px,radial-gradient(4.4px 2.8px at 44% 62%,#fff0f5 0 30%,#ffbcd2bf 62%,transparent 100%) 0 0/90px 90px,radial-gradient(2.6px 3.8px at 88% 84%,#ffe0ebe6 0 35%,#ffa8c6a6 65%,transparent 100%) 0 0/90px 90px,radial-gradient(3.6px 2.4px at 8% 78%,#ffd9e6d9 0 35%,#ff9fbf99 65%,transparent 100%) 0 0/90px 90px,radial-gradient(2px 1.4px at 60% 12%,#ffe6efcc 0 40%,transparent 100%) 0 0/45px 45px,linear-gradient(#ffc3d714,#ffc3d714);--finish-surface:linear-gradient(125deg,#ffc2d659,transparent 45%,#e88fb04d)}
.finish-lightning-veins{--finish-art:linear-gradient(to top right,transparent calc(50% - 2.4px),#a99bff66 calc(50% - 1.1px),#f6f3ff calc(50% - .3px) calc(50% + .3px),#a99bff66 calc(50% + 1.1px),transparent calc(50% + 2.4px)) 58px 0/14px 26px no-repeat,linear-gradient(to top left,transparent calc(50% - 2.4px),#a99bff66 calc(50% - 1.1px),#f6f3ff calc(50% - .3px) calc(50% + .3px),#a99bff66 calc(50% + 1.1px),transparent calc(50% + 2.4px)) 62px 26px/10px 24px no-repeat,linear-gradient(to top right,transparent calc(50% - 2.4px),#a99bff66 calc(50% - 1.1px),#f6f3ff calc(50% - .3px) calc(50% + .3px),#a99bff66 calc(50% + 1.1px),transparent calc(50% + 2.4px)) 62px 50px/18px 30px no-repeat,linear-gradient(to top left,transparent calc(50% - 2.4px),#a99bff66 calc(50% - 1.1px),#f6f3ff calc(50% - .3px) calc(50% + .3px),#a99bff66 calc(50% + 1.1px),transparent calc(50% + 2.4px)) 70px 80px/10px 20px no-repeat,linear-gradient(to top right,transparent calc(50% - 2.4px),#a99bff59 calc(50% - 1.1px),#eeeaffe6 calc(50% - .3px) calc(50% + .3px),#a99bff59 calc(50% + 1.1px),transparent calc(50% + 2.4px)) 70px 100px/14px 34px no-repeat,linear-gradient(to top right,transparent calc(50% - 2px),#a99bff4d calc(50% - .9px),#e6e0ffcc calc(50% - .2px) calc(50% + .2px),#a99bff4d calc(50% + .9px),transparent calc(50% + 2px)) 80px 80px/22px 14px no-repeat,linear-gradient(to top left,transparent calc(50% - 2px),#a99bff4d calc(50% - .9px),#e6e0ffb3 calc(50% - .2px) calc(50% + .2px),#a99bff4d calc(50% + .9px),transparent calc(50% + 2px)) 96px 94px/6px 16px no-repeat,linear-gradient(to top left,transparent calc(50% - 2.4px),#8fb4ff66 calc(50% - 1.1px),#f3f7ff calc(50% - .3px) calc(50% + .3px),#8fb4ff66 calc(50% + 1.1px),transparent calc(50% + 2.4px)) right 46px top 40px/14px 26px no-repeat,linear-gradient(to top right,transparent calc(50% - 2.4px),#8fb4ff66 calc(50% - 1.1px),#f3f7ff calc(50% - .3px) calc(50% + .3px),#8fb4ff66 calc(50% + 1.1px),transparent calc(50% + 2.4px)) right 50px top 66px/10px 24px no-repeat,linear-gradient(to top left,transparent calc(50% - 2.4px),#8fb4ff59 calc(50% - 1.1px),#eef3ffe6 calc(50% - .3px) calc(50% + .3px),#8fb4ff59 calc(50% + 1.1px),transparent calc(50% + 2.4px)) right 50px top 90px/18px 30px no-repeat,linear-gradient(to top right,transparent calc(50% - 2px),#8fb4ff4d calc(50% - .9px),#e6eeffcc calc(50% - .2px) calc(50% + .2px),#8fb4ff4d calc(50% + .9px),transparent calc(50% + 2px)) right 58px top 120px/10px 20px no-repeat,radial-gradient(ellipse 70px 90px at 74px 64px,#8c7bff2e,transparent 100%),radial-gradient(ellipse 60px 80px at calc(100% - 64px) 90px,#7fb4ff26,transparent 100%),linear-gradient(#2a1f6a1a,#2a1f6a1a);--finish-surface:linear-gradient(125deg,#7d6bf04d,transparent 45%,#3c5fd04d)}
.finish-nebula-pulse{--finish-art:radial-gradient(ellipse 42% 32% at 28% 30%,#ff5fa84d,transparent 70%),radial-gradient(ellipse 38% 44% at 74% 58%,#3fe0c847,transparent 72%),radial-gradient(ellipse 30% 26% at 52% 44%,#fff0e047,#ffb35c24 40%,transparent 75%),radial-gradient(ellipse 46% 34% at 36% 82%,#8a5bff3d,transparent 72%),radial-gradient(ellipse 30% 30% at 88% 14%,#ff8fd333,transparent 70%),linear-gradient(#170a2e29,#170a2e29);--finish-surface:linear-gradient(125deg,#e0509a4d,transparent 45%,#2fb8a84d)}
.finish-prism-shards{--finish-art:conic-gradient(from 196deg at 30% 26%,transparent 0 6deg,#ff9ec73d 9deg 22deg,transparent 25deg 38deg,#ffe08a38 41deg 52deg,transparent 55deg 360deg),conic-gradient(from 20deg at 74% 70%,transparent 0 4deg,#8fdcff3d 7deg 20deg,transparent 23deg 34deg,#b8f59a38 37deg 46deg,transparent 49deg 72deg,#c6a4ff3d 75deg 88deg,transparent 91deg 360deg),conic-gradient(from 110deg at 62% 18%,transparent 0 3deg,#ffffff33 5deg 12deg,transparent 14deg 360deg),radial-gradient(circle at 30% 26%,#ffffffb3 0 1px,#ffe9f566 2.5px,transparent 8px),radial-gradient(circle at 74% 70%,#ffffff99 0 1px,#d9f3ff59 2.5px,transparent 8px),linear-gradient(#f4ecff12,#f4ecff12);--finish-surface:linear-gradient(120deg,#f2a6c84d,#f2dc944d 25%,#94d8f24d 55%,#c0a4f24d)}
.finish-sunrise-glow{--finish-art:radial-gradient(ellipse 55% 26% at 50% 56%,#fff3d47a 0 8%,#ffd08a40 34%,#ff9f6a14 62%,transparent 80%),linear-gradient(180deg,#4a3aa83d,#b866c033 26%,#ff8a9433 46%,#ffae6a3d 66%,#ffe39a47);--finish-surface:linear-gradient(120deg,#8a5ac44d,#ff8a944d 45%,transparent 65%,#ffc06a59)}
.finish-code-rain{--finish-art:linear-gradient(180deg,transparent 0 22%,#3dff8a14 22%,#3dff8a4d 70%,#d4ffe0cc 70% 75%,transparent 75%) 6% 0/2px 96px repeat-y,repeating-linear-gradient(180deg,#3dff8a1f 0 3px,transparent 3px 8px) 15% 0/2px 96px repeat-y,linear-gradient(180deg,transparent 0 40%,#3dff8a14 40%,#3dff8a40 82%,#d4ffe0b3 82% 88%,transparent 88%) 24% 0/2px 48px repeat-y,linear-gradient(180deg,transparent 0 8%,#3dff8a14 8%,#3dff8a47 60%,#d4ffe0cc 60% 64%,transparent 64%) 34% 24px/2px 96px repeat-y,repeating-linear-gradient(180deg,#3dff8a1a 0 4px,transparent 4px 8px) 43% 0/2px 96px repeat-y,linear-gradient(180deg,transparent 0 50%,#3dff8a14 50%,#3dff8a4d 84%,#d4ffe0bf 84% 92%,transparent 92%) 52% 0/2px 32px repeat-y,linear-gradient(180deg,transparent 0 30%,#3dff8a14 30%,#3dff8a40 76%,#d4ffe0b3 76% 80%,transparent 80%) 62% 60px/2px 96px repeat-y,repeating-linear-gradient(180deg,#3dff8a17 0 3px,transparent 3px 6px) 71% 0/2px 96px repeat-y,linear-gradient(180deg,transparent 0 16%,#3dff8a14 16%,#3dff8a4d 66%,#d4ffe0cc 66% 71%,transparent 71%) 81% 12px/2px 96px repeat-y,linear-gradient(180deg,transparent 0 36%,#3dff8a14 36%,#3dff8a40 82%,#d4ffe0b3 82% 88%,transparent 88%) 92% 0/2px 48px repeat-y,linear-gradient(#06301a24,#06301a24);--finish-surface:repeating-linear-gradient(90deg,transparent 0 9px,#3dff8a0d 9px 10px),linear-gradient(125deg,#2fd07a40,transparent 45%,#0e5a3359)}
.finish-moon-halo{--finish-art:radial-gradient(circle at 70% 24%,#fbfdffd9 0 2.2%,#eef3ffa6 3.4%,#dfe8ff40 7%,transparent 12%,transparent 19%,#ffd9c21a 21.5%,#e4ecff4d 24.5%,#cfdcff1f 27%,transparent 31%),radial-gradient(ellipse at 70% 24%,#bccbff2e,transparent 55%),linear-gradient(0deg,#cfd9ff26,transparent 40%),linear-gradient(#141c4a1f,#141c4a1f);--finish-surface:linear-gradient(125deg,#b8c8f04d,transparent 45%,#3a4a8a59)}
.finish-cosmic-dust{--finish-art:radial-gradient(circle at 20% 30%,#e6d4ff 0 .7px,#b48cff66 1.5px,transparent 2.6px) 0 0/50px 46px,radial-gradient(circle at 70% 60%,#d8f6ff 0 .6px,#6fd8ff59 1.4px,transparent 2.4px) 0 0/33px 37px,radial-gradient(circle at 40% 80%,#fff0c8 0 .8px,#ffc96b59 1.6px,transparent 2.8px) 0 0/71px 67px,radial-gradient(circle at 85% 15%,#ffd6ec 0 .5px,#ff8fc84d 1.2px,transparent 2px) 0 0/23px 29px,linear-gradient(140deg,transparent 22%,#a77cff1f 40%,#6fd8ff1c 52%,#ff9fd81a 62%,transparent 78%),linear-gradient(#120c2e1f,#120c2e1f);--finish-surface:radial-gradient(circle at 50% 50%,#e6d4ff33 0 .7px,transparent 1.6px) 0 0/29px 23px,linear-gradient(125deg,#8a6ae04d,transparent 45%,#3fa8d04d)}
/* Cracked ice: shards of crossing fault lines over an iridescent wash, shifting like a holo card being tilted. */
body .card-wrap .collectible-card.finish-cracked-ice .card-art::after,body .finish-sample-card.finish-cracked-ice .finish-sample-art::after{animation:popkard-cracked-ice 6s ease-in-out infinite alternate;inset:-30px}
@keyframes popkard-cracked-ice{0%{transform:translate(-16px,-10px) rotate(-.6deg);opacity:.82}50%{opacity:1}100%{transform:translate(16px,10px) rotate(.6deg);opacity:.86}}
/* Spectrum: a seamless rainbow foil with fine engraved lines and one bright sheen, scrolling along a tilted axis by exactly one tile. */
body .card-wrap .collectible-card.finish-spectrum-sweep .card-art::after,body .finish-sample-card.finish-spectrum-sweep .finish-sample-art::after{animation:popkard-spectrum-sweep 8s linear infinite;inset:-60% auto -60% -150%;width:400%;border-radius:0;transform:rotate(-18deg);background:linear-gradient(90deg,#ff9ec733,#ffd88a33 17%,#b8f59a33 33%,#7fe0e833 50%,#8fb8ff33 67%,#d0a0ff33 83%,#ff9ec733) 0 0/25% 100% repeat-x,linear-gradient(90deg,transparent 0 40%,#ffffff1f 45%,#ffffff66 50%,#ffffff1f 55%,transparent 60% 100%) 0 0/25% 100% repeat-x,repeating-linear-gradient(90deg,transparent 0 4px,#ffffff17 4px 5px) 0 0/25% 100% repeat-x}
@keyframes popkard-spectrum-sweep{from{transform:rotate(-18deg) translateX(0)}to{transform:rotate(-18deg) translateX(25%)}}
/* Gold leaf: metallic flakes on tiles dividing 72x96px, floating down and catching the light in a seamless loop. */
body .card-wrap .collectible-card.finish-gold-leaf .card-art::after,body .finish-sample-card.finish-gold-leaf .finish-sample-art::after{animation:popkard-gold-leaf 18s linear infinite;inset:-96px 0 0 -72px}
@keyframes popkard-gold-leaf{0%{transform:translate(0,0);opacity:.8}25%{opacity:1}50%{transform:translate(36px,48px);opacity:.75}75%{opacity:1}100%{transform:translate(72px,96px);opacity:.8}}
/* Liquid chrome: interlocking silver wave crests flowing sideways with a slow swell; tiles divide 64px so the loop is seamless. */
body .card-wrap .collectible-card.finish-liquid-chrome .card-art::after,body .finish-sample-card.finish-liquid-chrome .finish-sample-art::after{animation:popkard-liquid-chrome 6s linear infinite;inset:-6px -64px -6px 0}
@keyframes popkard-liquid-chrome{0%{transform:translate(0,0)}25%{transform:translate(-16px,-4px)}50%{transform:translate(-32px,0)}75%{transform:translate(-48px,4px)}100%{transform:translate(-64px,0)}}
/* Sakura: petals on 90px tiles drifting down and to the left, with uneven speed so they seem to ride the wind. */
body .card-wrap .collectible-card.finish-sakura-drift .card-art::after,body .finish-sample-card.finish-sakura-drift .finish-sample-art::after{animation:popkard-sakura-drift 16s linear infinite;inset:-90px -90px 0 0}
@keyframes popkard-sakura-drift{0%{transform:translate(0,0)}33%{transform:translate(-24px,30px)}66%{transform:translate(-66px,60px)}100%{transform:translate(-90px,90px)}}
/* Lightning: two thin forked bolts that stay faint, then flash twice per cycle (well under three flashes a second). */
body .card-wrap .collectible-card.finish-lightning-veins .card-art::after,body .finish-sample-card.finish-lightning-veins .finish-sample-art::after{animation:popkard-lightning-veins 6s linear infinite;inset:-2px}
@keyframes popkard-lightning-veins{0%,40%{transform:translate(0,0);opacity:.38}42%{transform:translate(.5px,-.5px);opacity:1}45%{transform:translate(0,0);opacity:.5}48%{transform:translate(-.5px,.5px);opacity:.95}60%,100%{transform:translate(0,0);opacity:.38}}
/* Nebula: magenta and teal gas clouds breathing slowly on an oversized layer. */
body .card-wrap .collectible-card.finish-nebula-pulse .card-art::after,body .finish-sample-card.finish-nebula-pulse .finish-sample-art::after{animation:popkard-nebula-pulse 11s ease-in-out infinite;inset:-22%}
@keyframes popkard-nebula-pulse{0%,100%{transform:translate(-3%,-2%) scale(1);opacity:.78}50%{transform:translate(3%,2%) scale(1.1);opacity:1}}
/* Prism shards: rainbow beams fanning out of two crystal points, pivoting gently around the card centre. */
body .card-wrap .collectible-card.finish-prism-shards .card-art::after,body .finish-sample-card.finish-prism-shards .finish-sample-art::after{animation:popkard-prism-shards 9s ease-in-out infinite alternate;inset:-35%}
@keyframes popkard-prism-shards{from{transform:translate(-2%,1%) rotate(-6deg)}to{transform:translate(2%,-1%) rotate(6deg)}}
/* Sunrise: a layer twice as tall rises, so the sky warms from violet to gold while the sun glow climbs. */
body .card-wrap .collectible-card.finish-sunrise-glow .card-art::after,body .finish-sample-card.finish-sunrise-glow .finish-sample-art::after{animation:popkard-sunrise-glow 10s ease-in-out infinite alternate;inset:0 0 -100%;transform:translateY(-12%)}
@keyframes popkard-sunrise-glow{from{transform:translateY(0)}to{transform:translateY(-24%)}}
/* Code rain: faint green streams on tiles dividing 96px, falling in a seamless loop. */
body .card-wrap .collectible-card.finish-code-rain .card-art::after,body .finish-sample-card.finish-code-rain .finish-sample-art::after{animation:popkard-code-rain 7s linear infinite;inset:-96px 0 0}
@keyframes popkard-code-rain{from{transform:translateY(0)}to{transform:translateY(96px)}}
/* Moon halo: a pale moon and its ring of light breathing softly around the moon itself. */
body .card-wrap .collectible-card.finish-moon-halo .card-art::after,body .finish-sample-card.finish-moon-halo .finish-sample-art::after{animation:popkard-moon-halo 8s ease-in-out infinite alternate;inset:-10%;transform-origin:70% 24%}
@keyframes popkard-moon-halo{from{transform:translate(-1.5%,1%) scale(.97);opacity:.8}to{transform:translate(1.5%,-1%) scale(1.04);opacity:1}}
/* Cosmic dust: coloured glitter and a faint dust lane orbiting slowly, twinkling as it turns. */
body .card-wrap .collectible-card.finish-cosmic-dust .card-art::after,body .finish-sample-card.finish-cosmic-dust .finish-sample-art::after{animation:popkard-cosmic-dust 14s linear infinite;inset:-14px}
@keyframes popkard-cosmic-dust{0%,100%{transform:translate(0,0);opacity:.75}25%{transform:translate(9px,-6px);opacity:1}50%{transform:translate(0,-11px);opacity:.8}75%{transform:translate(-9px,-5px);opacity:1}}

/* trade-refinement.css */
#modal-root .trade-workspace .modal-content{overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.trade-workspace .trade-choice-scroll{height:auto;max-height:none;min-height:0;overflow:visible;overscroll-behavior:auto;padding:6px;margin:-6px;scrollbar-width:auto}
.trade-workspace .trade-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;align-items:start;gap:18px;max-width:690px;margin-inline:auto;min-width:0}
.trade-workspace .trade-choice{display:grid;grid-template-columns:minmax(0,1fr) 30px;grid-template-rows:auto auto;align-items:start;column-gap:8px;row-gap:8px;min-width:0;align-self:start;text-align:left;opacity:1}
.trade-workspace .trade-choice>.card-wrap{grid-column:1/-1;grid-row:1;display:block;aspect-ratio:2/3;height:auto;min-height:0;width:100%;max-width:none;transform:none!important}
.trade-workspace .trade-choice>.card-wrap::part(base){height:100%;width:100%;padding:0;overflow:visible}
.trade-workspace .trade-choice>.card-wrap::part(body){height:100%;padding:0}
.trade-workspace .trade-choice .collectible-card{display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:58% minmax(0,1fr);position:relative;width:100%;height:100%!important;min-height:0!important;aspect-ratio:2/3!important;box-sizing:border-box;padding:6px;border-radius:10px;gap:0;transform:none!important;--card-finish-top:58%}
.trade-workspace .trade-choice .card-art{grid-row:1;position:relative!important;inset:auto!important;width:100%;height:100%!important;min-height:0;flex:none!important;border-radius:5px 5px 0 0}
.trade-workspace .trade-choice .card-body,.trade-workspace .trade-choice .collectible-card:has(.card-art[data-image-universe="mounts"]) .card-body{grid-row:2;position:relative!important;inset:auto!important;display:grid!important;grid-template-rows:14px minmax(0,1fr) 18px;gap:5px;width:100%;height:100%!important;min-height:0;box-sizing:border-box;padding:9px 7px 4px!important;flex:none}
.trade-workspace .trade-choice .card-category{grid-row:1;font-size:9px!important;line-height:14px;min-height:0;height:auto;margin:0;padding:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trade-workspace .trade-choice .card-title{grid-row:2;align-self:center;font-size:clamp(12px,1.05vw,15px)!important;line-height:1.35!important;max-height:none;min-height:0;margin:0!important;padding:0;text-align:center;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.trade-workspace .trade-choice .card-bottom{grid-row:3;position:static!important;inset:auto!important;display:flex;align-items:center;justify-content:space-between;height:18px;min-height:18px;gap:5px;padding:0!important;margin:0;border:0}
.trade-workspace .trade-choice .card-number,.trade-workspace .trade-choice .rarity-label{font-size:8px!important;line-height:1.4;max-width:65%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trade-workspace .trade-choice .card-number{max-width:35%}
.trade-workspace .trade-choice .card-topline{inset:7px 7px auto!important;display:flex;align-items:center;gap:5px;padding:0!important}
.trade-workspace .trade-choice .card-universe{max-width:calc(100% - 28px);font-size:8px!important;line-height:14px;padding:3px 5px}
.trade-workspace .trade-choice .rarity-mark{width:22px!important;height:22px!important;min-width:22px;font-size:9px!important}
.trade-workspace .trade-choice-check{position:static;inset:auto;grid-column:2;grid-row:2;width:30px;height:30px;justify-self:end;display:grid;place-items:center;margin:0 1px 0 0;border-radius:8px;background:#172e22;border:1px solid #91b99540;color:#d4e7cd;box-shadow:none}
.trade-workspace .trade-choice-check svg{width:15px;height:15px}
.trade-workspace .trade-choice.is-selected .trade-choice-check{background:#bedca5;border-color:#bedca5;color:#15271b}
.trade-workspace .trade-choice.is-selected .collectible-card{box-shadow:0 0 0 2px #bedca5!important}
.trade-workspace .trade-owned-note{grid-column:1;grid-row:2;align-self:center;min-width:0;display:block;color:#adbcae;font-size:10px;line-height:1.55;font-weight:500;overflow-wrap:anywhere;padding:0 1px}
.trade-workspace .trade-choice:disabled{cursor:not-allowed;background:transparent;opacity:1;filter:none;transform:none}
.trade-workspace .trade-choice:disabled>.card-wrap{opacity:.48;filter:saturate(.45)}
.trade-workspace .trade-choice:disabled .trade-choice-check{border-color:#82988935;background:#1b2821;color:#98aa9d}
.trade-workspace .trade-choice:disabled:hover{background:transparent;transform:none;filter:none}
.trade-workspace .trade-proposal-preview{max-height:none;overflow:visible;min-width:0}
.trade-workspace .trade-selected-row{min-height:53px;gap:10px;margin-block:6px}
.trade-workspace .trade-selected-row .icon-button{flex:0 0 36px;width:36px;height:40px;min-width:36px}
.trade-workspace .trade-selected-row>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
.trade-workspace .trade-footer-actions{gap:12px}
.trade-workspace .trade-footer-actions .button{min-height:46px;margin:0;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.trade-workspace .trade-footer-actions .button:disabled{background:#536548;color:#b2bfaa;border-color:#7b8d6938;box-shadow:none;opacity:.5;cursor:not-allowed;transform:none}
.trade-workspace .trade-footer-actions .button svg{width:17px;height:17px;flex:none}
@media(max-width:1050px){.trade-workspace .trade-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:460px;gap:16px}}
@media(max-width:760px){#modal-root .trade-workspace .modal-content{padding:16px 18px;scrollbar-gutter:auto}.trade-workspace .trade-choice-grid{max-width:420px;gap:14px}.trade-workspace .trade-choice-scroll{height:auto;max-height:none;overflow:visible;padding:5px;margin:-5px}.trade-workspace .trade-proposal-preview{display:block;padding:16px}.trade-workspace .trade-proposal-preview>h2{margin:0 0 18px}.trade-workspace .trade-proposal-preview>section+section{margin-top:18px;padding-top:18px;border-top:1px solid #9bb89c25}.trade-workspace .trade-selected-thumb{display:grid}.trade-workspace .trade-selected-row>span:nth-child(2){font-size:12px}.trade-workspace .trade-selected-row .icon-button{height:40px}.trade-workspace .trade-reserve-note{margin:18px 0 0;padding-top:15px}.trade-workspace .trade-footer-actions{grid-template-columns:auto minmax(0,1fr);gap:10px}.trade-workspace .trade-footer-actions .button{font-size:12px;padding:11px 12px}.trade-workspace .trade-choice .card-title{font-size:13px!important}.trade-workspace .trade-choice .card-body{grid-template-rows:12px minmax(0,1fr) 16px;gap:4px;padding:7px 5px 3px!important}.trade-workspace .trade-choice .card-category{font-size:8px!important;line-height:12px}.trade-workspace .trade-choice .card-bottom{height:16px;min-height:16px}.trade-workspace .trade-choice .card-number,.trade-workspace .trade-choice .rarity-label{font-size:7px!important}.trade-workspace .trade-choice .card-universe{font-size:7px!important;line-height:12px;min-height:18px;padding:2px 4px}.trade-workspace .trade-choice .rarity-mark{width:19px!important;min-width:19px;height:19px!important;font-size:8px!important}}
@media(max-width:420px){#modal-root .modal.trade-workspace{width:calc(100vw - 16px)}#modal-root .trade-workspace .modal-content{padding:15px 14px}#modal-root .trade-workspace .modal-header{padding:16px}#modal-root .trade-workspace .modal-footer{padding:14px}.trade-workspace .trade-choice-grid{gap:12px}.trade-workspace .trade-choice .collectible-card{padding:5px}.trade-workspace .trade-choice .card-title{font-size:12px!important}.trade-workspace .trade-choice .card-body{gap:3px}.trade-workspace .trade-owned-note{font-size:9px;line-height:1.5}.trade-workspace .trade-choice-check{width:28px;height:28px}.trade-workspace .trade-choice{grid-template-columns:minmax(0,1fr) 28px;column-gap:6px}.trade-workspace .trade-side-button{font-size:12px;min-height:44px;gap:7px}}
@media(prefers-reduced-motion:reduce){.trade-workspace .trade-choice,.trade-workspace .trade-choice .collectible-card,.trade-workspace .trade-choice-check{transition:none!important;animation:none!important}}
body .trade-workspace .trade-choice-scroll{height:auto;max-height:min(560px,58dvh);overflow:auto;overscroll-behavior:contain;padding:6px;margin:-6px}
body .trade-workspace .trade-choice-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));max-width:none;gap:12px}
@media(max-width:1050px){body .trade-workspace .trade-choice-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}}
body .trade-workspace .trade-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:0 0 12px}
body .trade-workspace .trade-filter{display:grid;gap:4px;min-width:0;font-size:12px;line-height:1.4;color:#9db697}
body .trade-workspace .trade-filter select{width:100%;min-width:0;min-height:38px;padding:6px 8px;border:1px solid #cde0be25;border-radius:8px;background:#101d17;color:#e5eddf;font:inherit;font-size:13px}
body .trade-workspace .trade-filter select:focus{outline:2px solid #abc590;outline-offset:1px}
body .trade-workspace .trade-choice-scroll{max-height:min(660px,72dvh)}
body .trade-workspace .trade-choice-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}
body .trade-workspace .trade-filter{gap:2px;font-size:10px}
body .trade-workspace .trade-filter select{min-height:29px;padding:3px 7px;font-size:11px}
@media(max-width:760px){#modal-root .trade-workspace .trade-choice-scroll{max-height:min(58dvh,480px);min-height:0}.trade-workspace .trade-workbench-intro{margin-bottom:7px}.trade-workspace .trade-side-tabs{margin-bottom:5px}.trade-workspace .trade-proposal-preview{max-height:23dvh;padding:9px}.trade-workspace .trade-proposal-preview>h2{margin-bottom:7px}.trade-workspace .trade-reserve-note{margin-top:8px;padding-top:7px}}
@media(max-width:420px){#modal-root .trade-workspace .trade-choice-scroll{max-height:52dvh;min-height:0}}
/* Trade picker v3: bigger cards (title and level badge never overlap) */
body .trade-workspace .trade-choice-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))!important;gap:14px!important;max-width:none}
@media(max-width:1050px){body .trade-workspace .trade-choice-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))!important;gap:12px!important}}
@media(max-width:560px){body .trade-workspace .trade-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}}
.trade-hidden-note{margin:0 0 12px;padding:9px 12px;border-radius:9px;background:color-mix(in srgb,currentColor 6%,transparent);font-size:12.5px;opacity:.9}
/* Trade picker cards v4: the bigger cards use the standard card layout again (the old tiny-card rules made the picture stop
   short and left a band across the art), and off-screen cards are not painted (smoother scrolling) */
body .trade-workspace .trade-choice .card-wrap .collectible-card{--card-layout-media:56%;--card-layout-frame:6px;--card-layout-gap:5px;--card-layout-copy:10px;--card-layout-title:13px;--card-finish-top:calc(var(--card-layout-media) + var(--card-layout-frame));grid-template-rows:minmax(0,var(--card-layout-media)) minmax(0,1fr)!important}
body .trade-workspace .trade-choice .card-wrap .collectible-card .card-body{height:auto!important;padding:5px 4px!important;gap:3px;grid-template-rows:auto minmax(0,1fr) auto!important;overflow:hidden}
body .trade-workspace .trade-choice .card-wrap .collectible-card .card-category{font-size:9px!important;line-height:12px!important}
body .trade-workspace .trade-choice .card-wrap .collectible-card .card-title{font-size:13px!important;line-height:15px!important;-webkit-line-clamp:2;max-height:30px}
body .trade-workspace .trade-choice{content-visibility:auto;contain-intrinsic-size:auto 320px}
/* Compact trade line: each side summed up with thumbnails, cards open in a window */
.social-trade-summary{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;margin:12px 0 4px}
.social-trade-summary-side{display:grid;gap:8px;min-width:0}
.social-trade-summary-label{font-size:13px;opacity:.85}
.social-trade-summary-label b{opacity:1;font-weight:800}
.social-trade-thumbs{display:flex;align-items:center;gap:6px;min-width:0}
.social-trade-thumb{display:block;width:44px;aspect-ratio:2/3;border-radius:6px;overflow:hidden;background:#0000004d;flex:none}
.social-trade-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.social-trade-more{font-size:12px;font-weight:800;opacity:.8;padding-left:2px}
.social-trade-reason{margin:12px 0 0;padding:10px 12px;border-radius:9px;background:color-mix(in srgb,currentColor 6%,transparent)}
.social-trade-reason span{display:block;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;opacity:.7;margin-bottom:4px}
.social-trade-reason p{margin:0;font-size:13.5px;line-height:1.45;overflow-wrap:anywhere}
.trade-view-modal .social-trade-ticket{margin:0;padding:0;background:none;box-shadow:none}
@media(max-width:600px){.social-trade-summary{grid-template-columns:minmax(0,1fr)}.social-trade-summary>.social-trade-divider{justify-self:center;transform:rotate(90deg)}}
/* Compact trade line v2: aligned with the header and footer padding, two equal blocks, bigger thumbnails */
body .social-trade-ticket .social-trade-summary{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);align-items:stretch;gap:12px;margin:0;padding:18px 28px}
body .social-trade-ticket .social-trade-summary-side{display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,currentColor 5%,transparent)}
body .social-trade-ticket .social-trade-summary-label{font-size:12px;font-weight:600;letter-spacing:.02em;opacity:.75}
body .social-trade-ticket .social-trade-summary-label b{font-size:13px;opacity:1}
body .social-trade-ticket .social-trade-thumbs{gap:8px;flex-wrap:nowrap}
body .social-trade-ticket .social-trade-thumb{width:58px;border-radius:7px;box-shadow:0 3px 10px #0007}
body .social-trade-ticket .social-trade-more{display:grid;place-items:center;width:58px;aspect-ratio:2/3;border-radius:7px;background:color-mix(in srgb,currentColor 8%,transparent);font-size:13px}
body .social-trade-ticket .social-trade-summary>.social-trade-divider{align-self:center;justify-self:center}
body .social-trade-ticket .social-trade-reason{margin:0 28px 16px}
@media(max-width:600px){body .social-trade-ticket .social-trade-summary{grid-template-columns:minmax(0,1fr);padding:14px 18px;gap:8px}body .social-trade-ticket .social-trade-thumb,body .social-trade-ticket .social-trade-more{width:50px}body .social-trade-ticket .social-trade-reason{margin:0 18px 14px}}
/* « Voir l'échange » window: only the two sides of cards; actions live in the window's footer */
.trade-view-modal .social-trade-ticket{border:0;background:none;box-shadow:none}
.trade-view-modal .social-trade-footer{display:none}
.trade-view-modal .social-trade-header{padding:0 0 16px;border-bottom:0}
.trade-view-modal .social-trade-table,.trade-view-modal .social-gift-content{padding:0}
/* Cards from my wishlist in the trade picker: a small heart in the corner. */
body .trade-choice.is-wished{position:relative}
body .trade-choice.is-wished::after{content:"♥";position:absolute;top:6px;right:6px;z-index:3;display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--theme-accent,#f2c14e);color:var(--theme-accent-text,#1b1406);font-size:12px;line-height:1;box-shadow:0 2px 8px #0008}
/* Trades: the gift / sale tags show their icon vertically centred on the text. */
html:not(#_) body :is(.social-gift-label,.social-sale-label){align-items:center;line-height:1}
html:not(#_) body :is(.social-gift-label,.social-sale-label)>.social-glyph{display:grid;place-items:center;flex:none;margin:0!important;line-height:0;vertical-align:middle}
html:not(#_) body :is(.social-gift-label,.social-sale-label) svg{display:block;margin:0!important}

/* unique-cards.css */
.showcase-unique{padding:16px 18px;border:1px solid #c7b25e65;border-radius:12px;background:#403a162b;margin:0 0 20px}.showcase-unique strong{display:block;color:#f6dda0;font-size:14px}.showcase-unique p{margin:8px 0 0;color:#d5d4bc;font-size:13px;line-height:1.75}

.collectible-card.is-unique .unique-rarity-mark{flex:0 0 auto!important;width:max-content!important;min-width:26px;padding:3px 7px;border-radius:7px;font-size:9px;white-space:nowrap}

body .collectible-card.is-unique{--rarity-color:#ff4545;--rarity-glow:#ed282855;background:linear-gradient(135deg,#ff6464 0%,#e32c36 32%,#9d1426 65%,#ff4b4b 100%)!important;border-color:#fb5056!important;box-shadow:0 12px 35px #06171366,0 0 24px #ff333333!important;color:#ffe7e7!important}body .collectible-card.is-unique .card-body{background:linear-gradient(140deg,#381317,#210d13)!important;color:#ffe7e7!important}body .collectible-card.is-unique .card-art{border-color:#fb5056!important;background-color:#260d13!important}body .collectible-card.is-unique .card-bottom,body .collectible-card.is-unique .rarity-label,body .collectible-card.is-unique .card-title{color:#ffe1e1!important}body .collectible-card.is-unique .rarity-mark{background:#791e2a!important;color:#fff0f0!important}body .showcase-unique{border-color:#e44b5c88;background:#50121c44}body .showcase-unique strong{color:#ff8d96}body .showcase-unique p{color:#ebc1c7}

body .collectible-card.is-unique .card-number{white-space:nowrap;font-variant-numeric:normal}body .collectible-card.is-unique .personal-card-dedication{left:10px;right:10px;bottom:10px;padding:7px 8px;line-height:1.4;text-align:center;overflow-wrap:anywhere}
.card-unique-seal{position:absolute;bottom:10px;left:10px;z-index:5;display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:6px;background:#07140fed;color:#f9e5a8;border:1px solid #d9b96070;font-size:10px;line-height:1.3;box-shadow:0 2px 8px #0004}.card-unique-seal strong{font-size:12px;font-variant-numeric:tabular-nums}.showcase-unique{padding:16px 18px;border:1px solid #c7b25e65;border-radius:12px;background:#403a162b;margin:0 0 20px}.showcase-unique strong{display:block;color:#f6dda0;font-size:14px}.showcase-unique p{margin:8px 0 0;color:#d5d4bc;font-size:13px;line-height:1.75}body .binder-pocket .card-unique-seal{bottom:5px;left:5px;padding:3px 5px;font-size:8px;gap:4px}body .binder-pocket .card-unique-seal strong{font-size:9px}
body .card-wrap .collectible-card.is-unique{--card-edge:#ff1744;--card-ink:#ff5272;--card-frame:#ff1744;background:linear-gradient(145deg,#ff1744,#800d28 45%,#ff315a)!important;border-color:#ff1744!important;box-shadow:0 0 0 1px #ff4166,0 0 22px #ff17443d!important}
body .card-wrap .collectible-card.is-unique .rarity-mark{background:#420b1b!important;border-color:#ff5272!important;color:#ffe8ee!important}
body .card-wrap .collectible-card.is-unique .rarity-label{color:#ff7592!important}
body .card-unique-seal{background:#3b0718;color:#ffe8ee;border-color:#ff315a;box-shadow:0 0 12px #ff17444d}
body .showcase-unique{background:#ff174412;border-color:#ff315a80}
body .showcase-unique strong{color:#ff5272}

/* staff-unique-cards.css */
.staff-unique{display:grid;gap:20px;min-width:0}.staff-unique-model{display:flex;align-items:center;gap:16px;min-width:0}.staff-unique-model h3{margin:0;font-size:20px;overflow-wrap:anywhere}.staff-unique-seal{display:grid;place-items:center;flex:0 0 54px;height:54px;border-radius:50%;color:#f6e2ae;background:#28332b;border:1px solid #947d47;font-family:Sora,sans-serif;font-size:18px;font-weight:700}.staff-unique-explanation{margin:0;color:var(--text-muted,#b6c5b5);line-height:1.65}.staff-unique-search{display:grid;gap:10px}.staff-unique-search>label{font-weight:650}.staff-unique-search>div{display:flex;align-items:stretch;gap:12px}.staff-unique-search input{flex:1;min-width:0;padding:12px 14px}.staff-unique-search .button{flex:none;min-height:44px}.staff-unique-results:empty{display:none}.staff-unique-results>p{margin:0;color:var(--text-muted,#b6c5b5)}.staff-unique-players{display:grid;gap:8px;max-height:240px;overflow:auto;padding:2px}.staff-unique-player{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:64px;padding:12px 14px;border:1px solid #304a3d;border-radius:12px;background:#11271d;color:#e1ebdf;text-align:left;cursor:pointer}.staff-unique-player>span:first-child{display:grid;gap:5px;min-width:0}.staff-unique-player strong,.staff-unique-player small{overflow-wrap:anywhere}.staff-unique-player small{color:#a9beb0;font-size:11px}.staff-unique-player[aria-pressed=true]{border-color:#accd93;background:#253d2b}.staff-unique-choice{flex:none;font-size:12px;font-weight:700;color:#c7dfaf}.staff-unique-player:focus-visible{outline:2px solid #92e2db;outline-offset:2px}.staff-unique #unique-edition-form{display:grid;gap:18px}.staff-unique-confirm{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.6;cursor:pointer}.staff-unique-confirm input{flex:0 0 18px;width:18px;height:18px;margin:2px 0 0;accent-color:#b9d99c}.staff-unique-confirm span{min-width:0}.staff-unique .staff-inline-error{margin:0}@media(max-width:480px){.staff-unique{gap:18px}.staff-unique-search>div{flex-wrap:wrap}.staff-unique-search input{flex-basis:100%}.staff-unique-search .button{width:100%}.staff-unique-choice{max-width:90px}.staff-unique-player{gap:10px;padding:12px}.staff-unique-player small{font-size:12px}.staff-unique-model h3{font-size:18px}}

.staff-unique-players{overscroll-behavior:contain}.staff-unique-player:hover{border-color:#90b7a0;background:#20392a}.staff-unique-player{touch-action:manipulation}

/* avatar-companions.css */
.appearance-avatar[data-avatar-companion]{--companion-color:#a6d2bb}
.appearance-avatar[data-avatar-companion]::before{z-index:1}
.avatar-companion{position:absolute;inset:auto;top:-42%;right:-23%;width:79%;height:auto;aspect-ratio:8/7;z-index:3;pointer-events:none;filter:drop-shadow(0 3px 1px #06130e38);transform-origin:50% 90%}
.avatar-companion[data-companion-pose="left"]{right:auto;left:-23%}
.avatar-companion>svg{display:block;width:100%;height:auto;overflow:visible;pointer-events:none}
.avatar-companion .companion-head{transform-box:fill-box;transform-origin:50% 100%;animation:companion-peek 8s cubic-bezier(.37,0,.22,1) infinite}
.avatar-companion[data-companion-motion="look"] .companion-head{animation-name:companion-look;animation-duration:9s}
.avatar-companion[data-companion-motion="sway"] .companion-head{animation-name:companion-sway;animation-duration:7s}
.avatar-companion .companion-eyes{transform-box:fill-box;transform-origin:center;animation:companion-blink 6.8s linear infinite}
.avatar-companion .companion-paws{transform-box:fill-box;transform-origin:50% 20%;animation:companion-paws 8s ease-in-out infinite}
.avatar-companion .companion-ear{transform-box:fill-box;transform-origin:50% 100%;animation:companion-ear 8s ease-in-out infinite}
.avatar-companion[data-companion="ghost"]{filter:drop-shadow(0 3px 3px #8bd4be38)}
.avatar-companion[data-companion="slime"] .companion-head{animation-name:companion-squish}
.avatar-companion[data-companion-pose="left"] .companion-eyes{animation-delay:-2.7s}
.avatar-companion[data-companion-pose="left"] .companion-head{animation-delay:-1.8s}
.cosmetic-avatar-scene:has([data-avatar-companion]){padding-top:30px;gap:21px}
.shop-preview-avatar-stage:has([data-avatar-companion]){padding-top:55px;padding-inline:30px;min-height:270px}
.profile-frame-options .profile-style-option:has([data-avatar-companion]){padding-top:34px;min-height:146px}
.profile-identity:has([data-avatar-companion]),.public-profile-identity:has([data-avatar-companion]){column-gap:32px}
body .sidebar-bottom>.avatar[data-avatar-companion]>.avatar-companion,body .topbar-actions>.avatar[data-avatar-companion]>.avatar-companion{width:72%;top:-35%;right:-17%}
body .sidebar-bottom>.avatar[data-avatar-companion]>.avatar-companion[data-companion-pose="left"],body .topbar-actions>.avatar[data-avatar-companion]>.avatar-companion[data-companion-pose="left"]{right:auto;left:-17%}
[data-companion-paused] .avatar-companion *,[data-companion-paused]::before,[data-companion-paused]::after,:root[data-companions-sleeping] .avatar-companion *,:root[data-companions-sleeping] .appearance-avatar::before,:root[data-companions-sleeping] .appearance-avatar::after{animation-play-state:paused!important}
:root[data-cosmetic-motion="off"] .avatar-companion *{animation:none!important}
@keyframes companion-peek{0%,7%,100%{transform:translateY(8%) rotate(-3deg)}19%,43%{transform:translateY(-7%) rotate(2deg)}54%,72%{transform:translateY(-2%) rotate(-4deg)}83%,92%{transform:translateY(5%) rotate(-2deg)}}
@keyframes companion-look{0%,12%,100%{transform:translateY(2%) rotate(-4deg)}27%,45%{transform:translateY(-5%) rotate(5deg)}60%,78%{transform:translateY(-2%) rotate(-6deg)}}
@keyframes companion-sway{0%,100%{transform:translateY(2%) rotate(-4deg)}45%,60%{transform:translateY(-8%) rotate(4deg)}}
@keyframes companion-squish{0%,100%{transform:scale(1.03,.96) translateY(3%)}40%,60%{transform:scale(.97,1.04) translateY(-5%)}}
@keyframes companion-blink{0%,29%,32%,67%,70%,100%{transform:scaleY(1)}30%,31%,68%,69%{transform:scaleY(.08)}}
@keyframes companion-paws{0%,16%,47%,100%{transform:translateY(0)}26%,35%{transform:translateY(-5%)}60%,68%{transform:translateY(3%)}}
@keyframes companion-ear{0%,18%,28%,73%,84%,100%{transform:rotate(0)}22%,78%{transform:rotate(-7deg)}}
@media(max-width:640px){.shop-preview-avatar-stage:has([data-avatar-companion]){min-height:225px;padding-top:48px}.profile-frame-options .profile-style-option:has([data-avatar-companion]){padding-top:30px;min-height:135px}}
@media(prefers-reduced-motion:reduce){.avatar-companion *{animation:none!important}}

.cosmetic-avatar-scene .appearance-avatar-content{position:relative}.cosmetic-avatar-scene .appearance-avatar-content>img{position:absolute;inset:0}.cosmetic-avatar-scene>strong{max-width:180px;overflow-wrap:anywhere;text-align:center}.avatar-companion .companion-paw{transform-box:fill-box;transform-origin:50% 100%}.appearance-avatar:hover .companion-paw-right{animation:companion-wave 1.4s ease-in-out 2}@keyframes companion-wave{0%,100%{transform:translateY(0) rotate(0)}25%,65%{transform:translateY(-20%) rotate(14deg)}45%,85%{transform:translateY(-20%) rotate(-9deg)}}

.avatar-companion .companion-paw-left,.avatar-companion .companion-paw-right{transform-box:fill-box;transform-origin:50% 100%}.avatar-companion .companion-wing{transform-box:fill-box;animation:companion-wing 6s ease-in-out infinite}.avatar-companion .companion-wing-left{transform-origin:right center;--wing-direction:1}.avatar-companion .companion-wing-right{transform-origin:left center;--wing-direction:-1}.avatar-companion .companion-antenna{transform-box:fill-box;transform-origin:50% 100%;animation:companion-antenna 4s ease-in-out infinite}.avatar-companion .companion-light{animation:companion-light 4.8s ease-in-out infinite}.avatar-companion .companion-charm{transform-box:fill-box;transform-origin:center;animation:companion-charm 5.6s ease-in-out infinite}@keyframes companion-wing{0%,36%,100%{transform:scaleX(1) rotate(0deg)}48%,58%{transform:scaleX(.8) rotate(calc(var(--wing-direction)*8deg))}72%{transform:scaleX(.95) rotate(calc(var(--wing-direction)*-3deg))}}@keyframes companion-antenna{0%,50%,100%{transform:rotate(0deg)}20%{transform:rotate(8deg)}35%{transform:rotate(-6deg)}}@keyframes companion-light{0%,100%{opacity:1}50%{opacity:.35}}@keyframes companion-charm{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}

/* reveal-fx.css */
body .modal:has(.reveal-stage):focus,body .modal:has(.reveal-stage):focus-visible{outline:none}
body .reveal-fx-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:101;pointer-events:none}
body .reveal-stage:has(.reveal-face){padding-top:34px}
body .reveal-orbit:has(.reveal-face){position:relative;isolation:isolate;touch-action:pan-y}
body .revealed-card.reveal-face{position:relative}
body .revealed-card.is-advance{cursor:pointer}

body .reveal-burst{position:absolute;inset:0;z-index:-1;pointer-events:none;--fx:#4f86f7;--glow-rest:0}
body .reveal-epic .reveal-burst{--fx:#ff7d5e;--glow-rest:.28}
body .reveal-mythic .reveal-burst{--fx:#46dfe6;--glow-rest:.38}
body .reveal-legendary .reveal-burst{--fx:#f0bd47;--glow-rest:.46}
body .reveal-glow{position:absolute;left:50%;top:50%;translate:-50% -50%;width:150%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--fx) 78%,transparent),color-mix(in srgb,var(--fx) 34%,transparent) 50%,transparent 76%);opacity:0;pointer-events:none;animation:reveal-glow .72s cubic-bezier(.2,.7,.3,1) calc(var(--reveal-at,0s) + .04s) both}
body .reveal-epic .reveal-glow{width:165%;animation-duration:.85s}
body .reveal-mythic .reveal-glow{width:180%;background:radial-gradient(closest-side,#46dfe6b8,#ff9ccf5c 48%,transparent 76%);animation-duration:1.05s}
body .reveal-legendary .reveal-glow{width:200%;animation-duration:1.3s}
body .reveal-sheen{position:absolute;inset:0;z-index:4;border-radius:11px;overflow:hidden;pointer-events:none}
body .reveal-sheen::before{content:"";position:absolute;inset:-20% -60%;background:linear-gradient(105deg,transparent 38%,#ffffff70 49%,#ffffffa0 50%,#ffffff70 51%,transparent 62%);transform:translateX(-75%);opacity:0;animation:reveal-sheen .62s cubic-bezier(.4,.1,.3,1) calc(var(--reveal-at,0s) + .08s) both}
body .reveal-tier-SR .reveal-sheen::before{background:linear-gradient(105deg,transparent 36%,#ffd9cc80 48%,#ffffffb0 50%,#ffd9cc80 52%,transparent 64%)}
body .reveal-tier-UR .reveal-sheen::before{background:linear-gradient(105deg,transparent 30%,#46dfe666 42%,#ffffffa8 50%,#ff9ccf66 58%,transparent 70%);animation-duration:.8s;animation-delay:calc(var(--reveal-at,0s) + .1s)}
body .reveal-tier-L .reveal-sheen::before{background:linear-gradient(105deg,transparent 30%,#ffe7a080 43%,#fffaf0c0 50%,#ffe7a080 57%,transparent 70%);animation-duration:.9s;animation-delay:calc(var(--reveal-at,0s) + .12s)}
@keyframes reveal-glow{0%{opacity:0;transform:scale(.55)}30%{opacity:1;transform:scale(1.04)}100%{opacity:var(--glow-rest,0);transform:scale(1.12)}}
@keyframes reveal-sheen{0%{opacity:0;transform:translateX(-75%)}15%{opacity:1}100%{opacity:0;transform:translateX(75%)}}

body .revealed-card.reveal-flip{perspective:1200px;--flip-duration:.44s;--flip-glow:transparent}
body .reveal-flip-inner{position:relative;width:100%;transform-style:preserve-3d;animation:reveal-flip var(--flip-duration) cubic-bezier(.45,.05,.3,1) both}
body .reveal-flip-front,body .reveal-flip-back{-webkit-backface-visibility:hidden;backface-visibility:hidden}
body .reveal-flip-front{position:relative;transform:translateZ(.1px)}
body .reveal-flip-back.card-back{position:absolute;inset:0;display:grid;place-items:center;width:auto;height:auto;min-height:0;margin:0;padding:0;gap:0;transform:rotateY(180deg);border-radius:11px;border:2px solid #5d7f4c;background:radial-gradient(ellipse at 50% 30%,#24402c,#0b1a12 78%);box-shadow:0 14px 30px #0006;overflow:hidden}
body .reveal-flip-back.card-back::after{display:block;content:"";position:absolute;inset:8px;border:1px solid #b7c99540;border-radius:7px;pointer-events:none}
body .reveal-flip-back .card-back-mark{width:64px;height:80px;opacity:.85}
body .reveal-stage .reveal-flip-back.card-back::before{display:block;content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--flip-glow),inset 0 0 34px var(--flip-glow);opacity:0;animation:reveal-tell var(--flip-duration) linear both}
body .reveal-tier-PC.reveal-flip{--flip-duration:.46s}
body .reveal-tier-R.reveal-flip{--flip-duration:.46s;--flip-glow:#4f86f7}
body .reveal-tier-SR.reveal-flip{--flip-duration:.48s;--flip-glow:#ff7d5e}
body .reveal-tier-UR.reveal-flip{--flip-duration:.66s;--flip-glow:#46dfe6}
body .reveal-tier-L.reveal-flip{--flip-duration:.78s;--flip-glow:#f0bd47}
body .reveal-tier-R .reveal-flip-inner,body .reveal-tier-SR .reveal-flip-inner{animation-name:reveal-flip-tell}
body .reveal-tier-UR .reveal-flip-inner{animation-name:reveal-flip-charge}
body .reveal-tier-L .reveal-flip-inner{animation-name:reveal-flip-legend}
body .reveal-tier-UR .reveal-flip-back::before{animation-name:reveal-tell-holo}
@keyframes reveal-flip{0%{transform:translateY(10px) rotateY(180deg) scale(.94)}55%{transform:translateY(-6px) rotateY(-14deg) scale(1.035)}78%{transform:rotateY(5deg) scale(.995)}100%{transform:none}}
@keyframes reveal-flip-tell{0%{transform:translateY(8px) rotateY(180deg) scale(.95)}22%{transform:translateY(-2px) rotateY(180deg) scale(1)}62%{transform:translateY(-8px) rotateY(-16deg) scale(1.045)}82%{transform:rotateY(5deg) scale(.99)}100%{transform:none}}
@keyframes reveal-flip-charge{0%{transform:rotateY(180deg) scale(.9)}10%{transform:rotateY(180deg) rotateZ(-1.4deg) scale(.97)}18%{transform:rotateY(180deg) rotateZ(1.6deg) scale(.99)}26%{transform:rotateY(180deg) rotateZ(-1.8deg) scale(1.01)}34%{transform:rotateY(180deg) rotateZ(2deg) scale(1.03)}40%{transform:translateY(-6px) rotateY(180deg) rotateZ(0) scale(1.05)}64%{transform:translateY(-12px) rotateY(-18deg) scale(1.08)}80%{transform:rotateY(6deg) scale(.975)}100%{transform:none}}
@keyframes reveal-flip-legend{0%{transform:rotateY(180deg) scale(.88)}8%{transform:rotateY(180deg) rotateZ(-1.5deg) scale(.95)}15%{transform:rotateY(180deg) rotateZ(1.8deg) scale(.98)}22%{transform:rotateY(180deg) rotateZ(-2.2deg) scale(1)}29%{transform:rotateY(180deg) rotateZ(2.4deg) scale(1.02)}35%{transform:rotateY(180deg) rotateZ(-2.6deg) scale(1.04)}40%{transform:translateY(-8px) rotateY(180deg) rotateZ(0) scale(1.07)}60%{transform:translateY(-16px) rotateY(-20deg) scale(1.12)}70%,76%{transform:translateY(2px) rotateY(0) scale(.955)}88%{transform:rotateY(3deg) scale(1.012)}100%{transform:none}}
@keyframes reveal-tell{0%{opacity:0}18%{opacity:1}45%{opacity:1}52%{opacity:0}100%{opacity:0}}
@keyframes reveal-tell-holo{0%{opacity:0;filter:hue-rotate(0deg)}18%{opacity:1}45%{opacity:1;filter:hue-rotate(160deg)}52%{opacity:0}100%{opacity:0}}

body .reveal-banner{position:absolute;left:0;right:0;top:19%;z-index:8;display:flex;align-items:center;justify-content:center;gap:12px;padding:11px 0;font-family:Sora,sans-serif;font-size:13px;font-weight:700;letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;white-space:nowrap;color:#f3cf6b;background:linear-gradient(90deg,transparent,#060f0add 16%,#060f0add 84%,transparent);pointer-events:none;opacity:0;animation:reveal-banner-wipe 1.5s cubic-bezier(.2,.8,.25,1) calc(var(--reveal-at,0s) + .06s) both}
body .reveal-banner::before,body .reveal-banner::after{content:"";flex:none;width:26px;height:1px;background:currentColor;opacity:.6}
body .reveal-mythic .reveal-banner{color:#c6f5f7}
@keyframes reveal-banner-wipe{0%{opacity:1;clip-path:inset(0 50%);letter-spacing:.1em}20%{clip-path:inset(0 0);letter-spacing:.42em}78%{opacity:1;clip-path:inset(0 0)}100%{opacity:0;clip-path:inset(0 0)}}

body .reveal-orbit>.reveal-topbar{position:absolute;left:2px;right:2px;bottom:calc(100% + 14px);display:flex;align-items:center;gap:12px;min-width:0}
body .reveal-topbar .pack-progress-pips{display:flex;align-items:center;gap:5px;flex:1 1 auto;min-width:0;width:auto;margin:0;min-height:0}
body .reveal-topbar .pack-progress-pips>span{display:block;flex:1 1 0;width:auto;height:4px;min-width:0;border-radius:999px;background:#ffffff17;box-shadow:none;outline:0;transition:background .3s,box-shadow .3s,opacity .3s}
body .reveal-topbar .pack-progress-pips>span.seen{opacity:.55}
body .reveal-topbar .pack-progress-pips>span.active{width:auto;height:4px;background:#e6f2d6;box-shadow:0 0 10px #e6f2d666;opacity:1}
body .reveal-topbar .pack-progress-pips>span[data-rarity="C"]{background:#aab4ae}
body .reveal-topbar .pack-progress-pips>span[data-rarity="PC"]{background:#3fbf8a}
body .reveal-topbar .pack-progress-pips>span[data-rarity="R"]{background:#5b8ff8}
body .reveal-topbar .pack-progress-pips>span[data-rarity="SR"]{background:#ff7d5e}
body .reveal-topbar .pack-progress-pips>span[data-rarity="UR"]{background:linear-gradient(90deg,#46dfe6,#b9a6ff,#ff9ccf)}
body .reveal-topbar .pack-progress-pips>span[data-rarity="L"]{background:linear-gradient(90deg,#d9a032,#fff0bd,#d9a032)}
body .reveal-topbar .pack-progress-pips>span.active[data-rarity="R"]{box-shadow:0 0 10px #5b8ff8aa}
body .reveal-topbar .pack-progress-pips>span.active[data-rarity="SR"]{box-shadow:0 0 10px #ff7d5eaa}
body .reveal-topbar .pack-progress-pips>span.active[data-rarity="UR"]{box-shadow:0 0 12px #46dfe6aa}
body .reveal-topbar .pack-progress-pips>span.active[data-rarity="L"]{box-shadow:0 0 12px #f0bd47bb}
body .reveal-count{flex:none;display:inline-flex;align-items:baseline;gap:1px;font-family:Sora,sans-serif;font-size:12px;line-height:1;color:#7f977c;font-variant-numeric:tabular-nums;letter-spacing:.02em}
body .reveal-count strong{font-size:13px;font-weight:650;color:#e6f2d6}

body .reveal-side-arrow{position:absolute;top:50%;z-index:7;display:grid;place-items:center;width:52px;height:52px;margin:0;padding:0;translate:0 -50%;border:1px solid #9dc7ae33;border-radius:50%;background:#0f1f16d9;color:#d8ecd0;box-shadow:0 8px 22px #0007;cursor:pointer;transition:background .15s,border-color .15s,transform .12s}
body .reveal-side-arrow svg{width:24px;height:24px;stroke-width:1.8}
body .reveal-side-arrow.is-previous{right:calc(100% + 18px)}
body .reveal-side-arrow.is-next{left:calc(100% + 18px)}
body .reveal-side-arrow:hover:not(:disabled){background:#1f3a29;border-color:#a1c7ae80;color:#fff}
body .reveal-side-arrow:active:not(:disabled){transform:scale(.92)}
body .reveal-side-arrow:focus-visible{outline:2px solid #a6e1c5;outline-offset:3px}
body .reveal-side-arrow:disabled{opacity:.28;cursor:default}
body .modal:has(:is(.opening-binder-panel,.opening-sale-confirm)) .reveal-side-arrow{display:none}

body .reveal-orbit>.reveal-wishers{position:absolute;z-index:6;margin:0;box-sizing:border-box;animation:reveal-wishers-in .28s cubic-bezier(.2,.8,.25,1) .35s both}
body .reveal-orbit>.reveal-wishers[hidden]{display:none}
body .reveal-wishers .reveal-wishers-title{display:flex;align-items:center;gap:7px;width:100%;margin:0 0 6px;padding:0;border:0;background:none;color:#ffe29a;font:inherit;font-size:12.5px;font-weight:800;text-align:left;cursor:default}
@keyframes reveal-wishers-in{from{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:none}}

body .ios-switch{display:inline-flex;align-items:center;gap:10px;width:auto;max-width:100%;min-height:40px;margin:0;padding:0 4px 0 14px;border:1px solid #90b8a22e;border-radius:999px;background:#0e1f17d9;color:#d5e7dc;font:inherit;font-size:12.5px;font-weight:600;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}
body .ios-switch:hover{border-color:#a6d5bd66}
body .ios-switch:focus-visible{outline:2px solid #9fe2bf;outline-offset:3px}
body .ios-switch .ios-switch-label{white-space:nowrap}
body .ios-switch .ios-switch-track{position:relative;flex:none;width:44px;height:26px;border-radius:999px;background:#33443a;box-shadow:inset 0 0 0 1px #00000026;transition:background .2s ease}
body .ios-switch .ios-switch-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#f4f7f2;box-shadow:0 2px 5px #0007;transition:transform .22s cubic-bezier(.3,.7,.3,1)}
body .ios-switch[aria-checked="true"] .ios-switch-track{background:#3fbf8a}
body .ios-switch[aria-checked="true"] .ios-switch-thumb{transform:translateX(18px)}
body .ios-switch.opening-scene-preference{display:flex;width:max-content;margin:0 auto}
body .opening-switches{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:10px auto 0}
body .opening-switches .ios-switch{margin:0}
body .reveal-footer>.opening-switches{margin-top:10px}
@media(max-width:420px){body .opening-switches .ios-switch{min-height:36px;padding-left:10px;gap:6px;font-size:11px}body .opening-switches .ios-switch .ios-switch-track{width:36px;height:22px}body .opening-switches .ios-switch .ios-switch-thumb{width:16px;height:16px}body .opening-switches .ios-switch[aria-checked="true"] .ios-switch-thumb{transform:translateX(14px)}}
body .ios-switch.pack-page-preference{display:flex;width:max-content;min-height:36px;gap:10px;padding:0 2px;justify-self:center;align-self:center;border:0;border-radius:8px;background:none;color:#a9c3b2;font-size:12.5px;font-weight:550}
body .ios-switch.pack-page-preference:hover{color:#e1efe5}
body .ios-switch.pack-page-preference .ios-switch-track{width:36px;height:22px;background:#2a3b31}
body .ios-switch.pack-page-preference .ios-switch-thumb{width:16px;height:16px}
body .ios-switch.pack-page-preference[aria-checked="true"] .ios-switch-track{background:#3fbf8a}
body .ios-switch.pack-page-preference[aria-checked="true"] .ios-switch-thumb{transform:translateX(14px)}
body .modal:has(.reveal-stage) .modal-header .reveal-animations-switch{position:fixed;top:27px;right:77px;z-index:150}

body .modal:has(.reveal-stage) .reveal-footer{gap:0}
body .modal:has(.reveal-face) .opening-actions-region{position:relative;width:min(100%,400px);margin:0 auto}
body .modal:has(.reveal-face) .reveal-dock{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-width:0;margin:0;padding:0}
body .reveal-dock>.opening-card-action{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;max-width:88px;height:72px;min-height:0;margin:0;padding:4px 2px;text-align:center;border:0;border-radius:16px;background:transparent;color:#c9dccd;font-size:11px;font-weight:600;line-height:1.35;white-space:nowrap;box-shadow:none;transition:color .15s}
body .reveal-dock>.opening-card-action .dock-icon{position:relative;flex:none;display:grid;place-items:center;width:42px;height:42px;aspect-ratio:1;border-radius:50%;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff12;transition:background .15s,transform .12s}
body .reveal-dock>.opening-card-action .dock-icon svg{flex:none;width:20px;height:20px;min-width:20px;min-height:20px;stroke-width:1.7}
body .reveal-dock>.opening-card-action .dock-label{flex:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#9fb7a5;letter-spacing:.01em}
body .reveal-dock>.opening-card-action:hover:not(:disabled) .dock-icon{background:#ffffff1a}
body .reveal-dock>.opening-card-action:hover:not(:disabled) .dock-label{color:#e6f2e9}
body .reveal-dock>.opening-card-action:active:not(:disabled) .dock-icon{transform:scale(.92)}
body .reveal-dock>.opening-card-action:focus-visible{outline:0}
body .reveal-dock>.opening-card-action:focus-visible .dock-icon{outline:2px solid #a6e1c5;outline-offset:2px}
body .reveal-dock>.opening-card-action:disabled{opacity:1;cursor:default}
body .reveal-dock>.opening-card-action:disabled:not(.is-sold){opacity:.4}
body .reveal-dock>.opening-favorite.is-favorite .dock-icon{background:#ff6b7a24;color:#ff8a96}
body .reveal-dock>.opening-favorite.is-favorite .dock-icon svg{fill:currentColor}
body .reveal-dock>.opening-sell.is-sold .dock-icon{background:#3fbf8a2e;color:#7fe0b5}
body .reveal-dock .dock-badge{position:absolute;top:-3px;right:-7px;min-width:20px;height:16px;padding:0 4px;border-radius:999px;background:#d4e9b4;color:#10231a;font-size:9.5px;font-weight:800;line-height:16px;text-align:center;box-shadow:0 0 0 2px #0b1710}
body .reveal-dock .dock-divider{flex:none;align-self:center;width:1px;height:32px;margin:0 2px;background:#ffffff1c}
body .reveal-dock .dock-cta{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:0;max-width:none;height:46px;margin:0;padding:0 18px 0 15px;border:0;border-radius:999px;font:inherit;font-size:13.5px;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer}
body .reveal-dock .dock-cta{background:#d4e9b4;color:#10231a;box-shadow:0 8px 20px #0006}
body .reveal-dock .dock-cta:hover{background:#e6f2d6}
body .reveal-dock>.dock-wait.opening-card-action{flex:1 1 0;gap:6px;text-align:center;color:#c9dccd}
body .reveal-dock>.dock-wait .dock-icon{background:#d4e9b414;color:#d4e9b4;box-shadow:inset 0 0 0 1px #d4e9b42e}
body .reveal-dock>.dock-wait .dock-label strong{display:inline;margin:0;font-weight:700;color:#e6f2d6;font-variant-numeric:tabular-nums;letter-spacing:.02em}
body .reveal-dock .dock-cta svg{width:18px;height:18px}
body .reveal-dock .dock-cta[hidden],body .reveal-dock .dock-wait[hidden]{display:none!important}
body .modal:has(.reveal-face) .opening-actions-region>[data-card-market-reference],body .modal:has(.reveal-face) .opening-actions-region>.opening-binder-saved{position:absolute;top:calc(100% + 2px);left:0;right:0;margin:0;font-size:11px}
body .modal:has(.reveal-face) .opening-actions-region>[data-card-market-reference] .opening-market-reference{margin:0}
body .modal:has(.reveal-face) .opening-actions-region>[data-card-market-reference]:not(:has(strong)){display:none}
body .modal:has(.reveal-face) .opening-actions-region:has(.opening-binder-saved)>[data-card-market-reference]{display:none}

body .modal:has(.reveal-face):not(:has(.opening-binder-panel,.opening-sale-confirm)){width:min(440px,100%)}
@media(min-width:761px){
body .modal:has(.reveal-face):not(:has(.opening-binder-panel,.opening-sale-confirm)) .reveal-orbit:has(.reveal-face){width:min(400px,calc((var(--opening-safe-height) - 200px) * .6667),calc(100vw - 150px));max-width:none;min-width:0}
}
@media(min-width:1000px) and (min-height:541px){
body .reveal-orbit>.reveal-wishers{left:calc(100% + 88px);top:50%;translate:0 -50%;width:clamp(200px,calc((100vw - 100%) / 2 - 104px),290px)}
body .reveal-orbit>.reveal-wishers .reveal-wishers-list li{flex-wrap:wrap;row-gap:4px}
body .reveal-orbit>.reveal-wishers .reveal-wishers-terms{flex-wrap:wrap;flex-shrink:1;min-width:0}
}
@media(max-width:999px),(max-height:540px){
body .reveal-orbit>.reveal-wishers{left:50%;top:calc(100% - 13px);translate:-50% 0;width:max-content;max-width:100%;padding:0;background:none;border:0;box-shadow:none}
body .reveal-wishers .reveal-wishers-title{min-height:24px;margin:0;padding:3px 11px;border-radius:999px;background:#0f1d18f2;border:1px solid #f6d77a55;box-shadow:0 4px 12px #0007;font-size:11.5px;white-space:nowrap;cursor:pointer}
body .reveal-wishers .reveal-wishers-title svg{width:13px;height:13px}
body .reveal-wishers:not(.is-open) :is(.reveal-wishers-list,.reveal-wishers-more){display:none}
body .reveal-wishers.is-open .reveal-wishers-list{position:absolute;left:50%;bottom:calc(100% + 6px);translate:-50% 0;width:min(300px,86vw);box-sizing:border-box;padding:10px 12px;border-radius:12px;background:#0f1d18f5;border:1px solid #f6d77a40;box-shadow:0 8px 22px #0008}
body .reveal-wishers.is-open .reveal-wishers-more{display:none}
body .modal:has(.reveal-face) .opening-actions-region{margin-top:16px}
}
@media(max-width:760px){
body .modal-backdrop:has(.reveal-face):not(:has(.opening-binder-panel,.opening-sale-confirm)){padding:max(64px,calc(env(safe-area-inset-top) + 60px)) max(8px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}
body .modal-backdrop .modal:has(.reveal-face):not(:has(.opening-binder-panel,.opening-sale-confirm)){width:100%;max-width:none}
body .modal-backdrop .modal:has(.reveal-face):not(:has(.opening-binder-panel,.opening-sale-confirm)) .reveal-stage{padding:30px 0 0}
body .modal-backdrop .modal:has(.reveal-face):not(:has(.opening-binder-panel,.opening-sale-confirm)) .reveal-stage .reveal-orbit:has(.reveal-face){width:min(420px,calc(100vw - 108px),calc((100dvh - 252px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * .6667));min-width:0;max-width:none}
body .modal-backdrop .modal:has(.reveal-face) .opening-actions-region{margin-top:22px}
body .modal-backdrop .modal:has(.reveal-face):not(:has(.opening-binder-panel,.opening-sale-confirm))>.modal-footer{padding:0 0 22px}
body .modal-backdrop .modal:has(.reveal-face) .reveal-side-arrow{width:38px;height:38px}
body .modal-backdrop .modal:has(.reveal-face) .reveal-side-arrow svg{width:19px;height:19px}
body .modal-backdrop .modal:has(.reveal-face) .reveal-side-arrow.is-previous{right:calc(100% + 8px)}
body .modal-backdrop .modal:has(.reveal-face) .reveal-side-arrow.is-next{left:calc(100% + 8px)}
body .modal:has(.reveal-stage) .modal-header .reveal-animations-switch{top:17px;right:67px}
}
@media(max-width:420px){
body .reveal-dock.has-trailing{gap:2px}
body .reveal-dock.has-trailing .dock-cta{padding:0 14px 0 12px;font-size:13px}
}
@media(max-width:360px){body .reveal-dock.has-trailing .dock-label{visibility:hidden}}
@media(max-height:540px) and (min-aspect-ratio:1/1){
body .modal-backdrop:has(.reveal-face):not(:has(.opening-binder-panel,.opening-sale-confirm)){padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
body .modal-backdrop .modal:has(.reveal-face):not(:has(.opening-binder-panel,.opening-sale-confirm)){display:grid;grid-template-columns:auto minmax(0,340px);align-items:center;justify-content:center;column-gap:72px;width:100%;max-width:none;margin:auto}
body .modal-backdrop .modal:has(.reveal-face):not(:has(.opening-binder-panel,.opening-sale-confirm))>.modal-header{grid-column:1/-1}
body .modal-backdrop .modal:has(.reveal-face):not(:has(.opening-binder-panel,.opening-sale-confirm))>.modal-content{grid-column:1;min-width:0;padding:0 52px}
body .modal-backdrop .modal:has(.reveal-face):not(:has(.opening-binder-panel,.opening-sale-confirm))>.modal-footer{grid-column:2;min-width:0;padding:0}
body .modal-backdrop .modal:has(.reveal-face):not(:has(.opening-binder-panel,.opening-sale-confirm)) .reveal-stage{padding:28px 0 0}
body .modal-backdrop .modal:has(.reveal-face):not(:has(.opening-binder-panel,.opening-sale-confirm)) .reveal-stage .reveal-orbit:has(.reveal-face){width:calc((100dvh - 52px) * .6667);min-width:0;max-width:none}
body .modal-backdrop .modal:has(.reveal-face) .reveal-side-arrow{width:38px;height:38px}
body .modal-backdrop .modal:has(.reveal-face) .reveal-side-arrow.is-previous{right:calc(100% + 8px)}
body .modal-backdrop .modal:has(.reveal-face) .reveal-side-arrow.is-next{left:calc(100% + 8px)}
body .modal-backdrop .modal:has(.reveal-face) .opening-actions-region{margin-top:0}
body .modal:has(.reveal-stage) .modal-header .reveal-animations-switch{top:10px;right:60px}
body .modal:has(.reveal-stage) .modal-header .icon-button[data-action="close-modal"]{top:10px;right:12px}
}
@media(prefers-reduced-motion:reduce){
body .reveal-burst,body .reveal-sheen,body .reveal-fx-canvas,body .reveal-flip-back,body .reveal-banner{display:none}
body .reveal-flip-inner,body .reveal-flip-back::before,body .reveal-orbit>.reveal-wishers{animation:none}
body .ios-switch .ios-switch-thumb,body .ios-switch .ios-switch-track{transition:none}
}
body .reveal-dock .dock-cta{align-self:flex-start;margin-top:2px}
body .reveal-dock .dock-divider{align-self:flex-start;margin-top:10px}
body .modal:has(.reveal-stage) .modal-header .reveal-header-switches{position:fixed;top:27px;right:77px;z-index:150;display:flex;align-items:center;gap:6px;max-width:calc(100vw - 90px)}
body .modal:has(.reveal-stage) .modal-header .reveal-header-switches .ios-switch{position:static;display:inline-flex;flex:none;width:auto;min-height:40px;margin:0;padding:5px 8px;font-size:12px;white-space:nowrap}
@media(max-width:760px){body .modal:has(.reveal-stage) .modal-header .reveal-header-switches{top:17px;right:67px}}
@media(max-width:420px){body .modal:has(.reveal-stage) .modal-header .reveal-header-switches{gap:4px}body .modal:has(.reveal-stage) .modal-header .reveal-header-switches .ios-switch{min-height:36px;gap:5px;padding:4px;font-size:10.5px}body .modal:has(.reveal-stage) .modal-header .reveal-header-switches .ios-switch-track{width:34px;height:21px}body .modal:has(.reveal-stage) .modal-header .reveal-header-switches .ios-switch-thumb{width:15px;height:15px}body .modal:has(.reveal-stage) .modal-header .reveal-header-switches .ios-switch[aria-checked="true"] .ios-switch-thumb{transform:translateX(13px)}}
@media(max-height:540px) and (min-aspect-ratio:1/1){body .modal:has(.reveal-stage) .modal-header .reveal-header-switches{top:10px;right:60px}}
/* The back face stays turned away and never catches the pointer, so the hover tilt only ever moves the card itself. */
body .reveal-flip-back.card-back{pointer-events:none}
body .reveal-flip-back.card-back.is-tilting{transform:rotateY(180deg)!important}

body .reveal-unique .reveal-burst{--fx:#f04f64}
body .reveal-unique .reveal-tier-L.reveal-flip{--flip-glow:#f04f64}
body .reveal-unique .reveal-tier-L .reveal-sheen::before{background:linear-gradient(105deg,transparent 30%,#ff859580 43%,#fff0f2c0 50%,#ff859580 57%,transparent 70%)}
body .reveal-unique .reveal-banner{color:#ffc1ca}
body .reveal-unique .reveal-topbar .pack-progress-pips>span:last-child{background:#f04f64;box-shadow:0 0 12px #f04f64bb}

/* gift-packs.css */
.gift-box{--wrap:#1f5a3c;--wrap-2:#174a31;--ribbon:#e7c66b;--ribbon-2:#b98f2e;--pattern:none;--box:44px;position:relative;display:inline-block;flex:none;width:var(--box);height:var(--box)}
.gift-box-medium{--box:72px}
.gift-box-large{--box:150px}
.gift-box-body,.gift-box-lid{position:absolute;left:0;right:0;border-radius:calc(var(--box)*.08);background:var(--pattern),linear-gradient(160deg,var(--wrap),var(--wrap-2));box-shadow:inset 0 0 0 1px #ffffff1f,0 calc(var(--box)*.06) calc(var(--box)*.16) #0006}
.gift-box-body{top:30%;bottom:0}
.gift-box-lid{top:14%;height:22%;left:-5%;right:-5%;z-index:2;transform-origin:50% 100%}
.gift-box-ribbon{position:absolute;z-index:3;top:14%;bottom:0;left:50%;width:14%;transform:translateX(-50%);background:linear-gradient(90deg,var(--ribbon-2),var(--ribbon),var(--ribbon-2))}
.gift-box-bow{position:absolute;z-index:4;top:0;left:50%;width:56%;height:22%;transform:translateX(-50%)}
.gift-box-bow i{position:absolute;bottom:0;width:48%;height:100%;border:calc(var(--box)*.045) solid var(--ribbon);border-radius:50% 50% 10% 50%;background:#0000}
.gift-box-bow i:first-child{left:0;transform:rotate(-18deg);transform-origin:100% 100%}
.gift-box-bow i:last-child{right:0;transform:scaleX(-1) rotate(-18deg);transform-origin:0 100%}
.gift-box[data-gift-wrap="wrap-kraft"]{--wrap:#b48a5a;--wrap-2:#8e6a42;--ribbon:#f3ead8;--ribbon-2:#c9bb9c;--pattern:repeating-linear-gradient(45deg,#ffffff0d 0 2px,#0000 2px 7px)}
.gift-box[data-gift-wrap="wrap-confetti"]{--wrap:#f6efdf;--wrap-2:#e8dcc2;--ribbon:#ff7a6b;--ribbon-2:#d5544a;--pattern:radial-gradient(circle at 20% 30%,#35c6d6 0 6%,#0000 7%),radial-gradient(circle at 70% 60%,#ff7a6b 0 6%,#0000 7%),radial-gradient(circle at 45% 80%,#e7c66b 0 5%,#0000 6%),radial-gradient(circle at 82% 22%,#5bbf7a 0 5%,#0000 6%)}
.gift-box[data-gift-wrap="wrap-neon"]{--wrap:#0f1d2a;--wrap-2:#0a1520;--ribbon:#35e3f0;--ribbon-2:#1aa3b0;--pattern:repeating-linear-gradient(135deg,#ff7a6b33 0 2px,#0000 2px 12px),repeating-linear-gradient(45deg,#35e3f026 0 2px,#0000 2px 14px)}
.gift-box[data-gift-wrap="wrap-arcade"]{--wrap:#3b2a6b;--wrap-2:#271c4a;--ribbon:#ffd84d;--ribbon-2:#e09b1a;--pattern:conic-gradient(#ffffff14 25%,#0000 0 50%,#ffffff14 0 75%,#0000 0) 0 0/10px 10px}
.gift-box[data-gift-wrap="wrap-galaxy"]{--wrap:#1b1840;--wrap-2:#0b0b22;--ribbon:#d6c3ff;--ribbon-2:#8f7ad6;--pattern:radial-gradient(circle at 15% 25%,#fff 0 1.2%,#0000 1.6%),radial-gradient(circle at 62% 40%,#fff 0 1%,#0000 1.4%),radial-gradient(circle at 38% 72%,#cfe8ff 0 1.3%,#0000 1.7%),radial-gradient(circle at 82% 78%,#fff 0 .9%,#0000 1.3%),radial-gradient(ellipse at 70% 20%,#6e4bd855,#0000 60%)}
.gift-box[data-gift-wrap="wrap-gold"]{--wrap:#d9b04f;--wrap-2:#a87a22;--ribbon:#fff5d6;--ribbon-2:#e7cf8f;--pattern:linear-gradient(115deg,#0000 35%,#ffffff55 45%,#0000 55%)}
.gift-box[data-gift-wrap="wrap-galaxy"] .gift-box-body,.gift-box[data-gift-wrap="wrap-galaxy"] .gift-box-lid{animation:gift-twinkle 3.2s ease-in-out infinite}
.gift-box[data-gift-wrap="wrap-gold"] .gift-box-body,.gift-box[data-gift-wrap="wrap-gold"] .gift-box-lid{background-size:250% 100%,100% 100%;animation:gift-shine 3.6s ease-in-out infinite}
@keyframes gift-twinkle{50%{filter:brightness(1.25) saturate(1.15)}}
@keyframes gift-shine{0%{background-position:120% 0,0 0}60%,100%{background-position:-120% 0,0 0}}

.gift-personalize{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,240px);grid-template-areas:'form preview' 'wraps wraps';gap:12px 18px;align-items:start}
.gift-personalize-form{grid-area:form;display:grid;gap:10px;min-width:0}
.gift-preview{grid-area:preview;display:grid;justify-items:center;gap:4px;margin:0;padding:10px 12px;border:1px solid #e7c66b33;border-radius:14px;background:radial-gradient(circle at 50% 30%,#e7c66b1f,#0000 70%),#0f2118;text-align:center;min-width:0}
.gift-preview figcaption{font-size:11px;letter-spacing:.02em;color:#a9c5b4}
.gift-preview-stage{display:grid;place-items:center;min-height:64px}
.gift-preview .gift-box{--box:60px}
.gift-preview strong{font-size:15px;line-height:1.25;overflow-wrap:anywhere}
.gift-preview p{max-height:4.2em;margin:0;overflow:hidden;font-size:12px;line-height:1.4;color:#d7e6d3;overflow-wrap:anywhere}
.gift-preview small{font-size:11px;color:#8fae9b}
.gift-wrap-field{grid-area:wraps}
.gift-field{display:grid;gap:6px;min-width:0;margin:0;padding:0;border:0}
.gift-field>span,.gift-field legend{display:flex;justify-content:space-between;align-items:baseline;gap:8px;width:100%;padding:0;margin-bottom:4px;font-size:12px;color:#b7cbbc}
.gift-field small{font-variant-numeric:tabular-nums;color:#8fae9b}
.gift-field input,.gift-field textarea{width:100%;min-width:0;box-sizing:border-box;padding:10px 12px;border:1px solid #76997d45;border-radius:9px;background:#0f2118;color:#e2eee5;font:inherit;font-size:14px;resize:none}
.gift-field textarea{height:76px}
.gift-field input:focus-visible,.gift-field textarea:focus-visible{outline:2px solid #bedca5;outline-offset:1px}
.gift-personalize-panel:not([hidden]){overflow-y:auto;overscroll-behavior:contain;padding:2px 4px 4px 2px;scrollbar-width:thin;scrollbar-color:#4c7160 transparent}
.gift-tab-mark svg{width:14px;height:14px;color:#e7c66b}
.gift-proposal-preview{display:flex;flex-direction:column;gap:14px}
.gift-proposal-preview>h2{margin:0!important}
.gift-summary{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:1px solid #e7c66b33;border-radius:12px;background:linear-gradient(120deg,#e7c66b14,#0000 70%);color:inherit;font:inherit;text-align:left;cursor:pointer}
.gift-summary:hover{border-color:#e7c66b66}
.gift-summary:focus-visible{outline:2px solid #bedca5;outline-offset:2px}
.gift-summary-copy{display:grid;gap:2px;flex:1;min-width:0}
.gift-summary-copy strong{display:-webkit-box;overflow:hidden;font-size:14px;line-height:1.25;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.gift-summary-copy small{font-size:11px;color:#a9c5b4}
.gift-summary-edit{flex:none;font-size:12px;font-weight:600;color:#bedca5}
.gift-proposal-preview .trade-selection-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4c7160 transparent}
.gift-proposal-preview .trade-selection-scroll h3{margin:0 0 10px}
.gift-proposal-preview .trade-reserve-note{flex:none;margin:0}
.gift-wrap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px}
.gift-wrap-choice{position:relative;display:grid;justify-items:center;gap:3px;padding:6px 4px 5px;border:1px solid #76997d33;border-radius:10px;background:#0f2118;cursor:pointer;text-align:center}
.gift-wrap-choice input{position:absolute;opacity:0;pointer-events:none}
.gift-wrap-choice:has(input:checked){border-color:#bedca5;box-shadow:0 0 0 2px #bedca555;background:#173525}
.gift-wrap-choice:has(input:focus-visible){outline:2px solid #bedca5;outline-offset:2px}
.gift-wrap-choice.is-locked{cursor:not-allowed;opacity:.55}
.gift-wrap-choice .gift-box{--box:30px}
.gift-wrap-name{font-size:11px;line-height:1.2;color:#d7e6d3}
.gift-wrap-choice small{min-height:12px;font-size:10px;color:#a9c5b4}
.gift-wrap-shop{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#e7c66b;text-decoration:none}
.gift-wrap-shop:hover{text-decoration:underline}
.gift-wrap-shop svg{width:14px;height:14px}

.gift-ticket-wrap{display:flex;align-items:center;gap:16px;margin-bottom:14px;padding:12px 14px;border:1px solid #e7c66b33;border-radius:12px;background:linear-gradient(120deg,#e7c66b14,#0000 60%)}
.gift-ticket-copy{display:grid;gap:4px;min-width:0}
.gift-ticket-copy strong{font-size:16px;overflow-wrap:anywhere}
.gift-ticket-message{margin:0;font-size:13px;line-height:1.45;color:#d7e6d3;overflow-wrap:anywhere}
.gift-ticket-copy small{font-size:11px;color:#a9c5b4}
.social-gift-surprise{display:flex;align-items:center;gap:8px;margin:8px 0 0;padding:14px;border:1px dashed #e7c66b55;border-radius:12px;color:#e9dcae;font-size:13px}

#modal-root .modal.gift-opening-modal{width:min(720px,100%)}
.gift-opening{display:grid;justify-items:center;gap:10px;text-align:center}
.gift-opening-from{margin:0;font-size:13px;color:#a9c5b4}
.gift-opening-title{margin:0;font-size:22px;overflow-wrap:anywhere}
.gift-opening-package{margin:10px 0 2px;padding:14px;border:0;border-radius:20px;background:radial-gradient(circle,#e7c66b22,#0000 70%);cursor:pointer;transition:transform .18s}
.gift-opening-package:hover{transform:translateY(-3px)}
.gift-opening-package:focus-visible{outline:2px solid #bedca5;outline-offset:4px}
.gift-opening-hint{min-height:18px;margin:0;font-size:13px;color:#b7cbbc}
.gift-opening-message{max-width:460px;margin:4px 0;padding:12px 16px;border-left:3px solid #e7c66b;border-radius:4px 10px 10px 4px;background:#e7c66b12;text-align:left;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.gift-opening-count{margin:0;font-size:12px;color:#8fae9b}
.gift-opening.is-opening .gift-opening-package{pointer-events:none}
.gift-opening.is-opening .gift-box{animation:gift-shake .5s ease-in-out}
.gift-opening.is-opening .gift-box-lid{animation:gift-lid .55s .3s cubic-bezier(.3,1.4,.5,1) forwards}
.gift-opening.is-opening .gift-box-bow,.gift-opening.is-opening .gift-box-ribbon{animation:gift-fade .3s .3s forwards}
.gift-opening.is-open .gift-opening-package,.gift-opening.is-open .gift-opening-hint,.gift-opening.is-open .gift-opening-count{display:none}
@keyframes gift-shake{0%,100%{transform:none}20%{transform:rotate(-6deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(2deg)}}
@keyframes gift-lid{to{transform:translateY(-70%) rotate(-14deg);opacity:0}}
@keyframes gift-fade{to{opacity:0}}
.gift-opening-reveal{width:100%}
.gift-reveal-title{margin:4px 0 0;font-size:18px;font-weight:700}
.gift-reveal-copy{margin:4px 0 14px;font-size:13px;color:#b7cbbc}
.gift-reveal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;width:100%}
.gift-reveal-card{opacity:0;animation:gift-card-in .45s var(--gift-delay,0ms) cubic-bezier(.2,1.2,.4,1) forwards}
@keyframes gift-card-in{from{opacity:0;transform:translateY(16px) scale(.92)}to{opacity:1;transform:none}}

.gift-wrap-scene{display:grid;place-items:center;width:100%;height:100%;min-height:170px;background:radial-gradient(circle at 50% 60%,#e7c66b1c,#0000 65%)}
.gift-wrap-scene .gift-box{--box:110px}
body .cosmetic-tabs .cosmetic-tab-giftWrap{border-color:#e7c66b66;background:linear-gradient(160deg,#e7c66b26,#ffffff05)}
body .cosmetics-section .cosmetic-tabs .cosmetic-tab-giftWrap{--tab:#e7c66b}

@media (max-width:600px){
.gift-box-large{--box:120px}
.gift-ticket-wrap{gap:12px;padding:10px}
.gift-ticket-wrap .gift-box{--box:56px}
.gift-reveal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){
.gift-box *,.gift-opening *,.gift-reveal-card{animation:none!important;transition:none!important}
.gift-reveal-card{opacity:1}
.gift-opening.is-opening .gift-box-lid{opacity:0}
}
:root[data-cosmetic-motion="off"] .gift-box[data-gift-wrap] .gift-box-body,:root[data-cosmetic-motion="off"] .gift-box[data-gift-wrap] .gift-box-lid{animation:none}

/* Gift wraps added in the October 2026 batch (ids in cosmetic-extra-collect.js). */
.gift-box[data-gift-wrap="wrap-velvet"]{--wrap:#7a1a2e;--wrap-2:#4e0f1d;--ribbon:#e7c66b;--ribbon-2:#b98f2e;--pattern:radial-gradient(120% 80% at 28% 18%,#ffffff21,#0000 55%),repeating-linear-gradient(90deg,#00000014 0 1px,#0000 1px 3px)}
.gift-box[data-gift-wrap="wrap-marble"]{--wrap:#eeebe4;--wrap-2:#cfcac0;--ribbon:#e7cf8f;--ribbon-2:#b8964f;--pattern:linear-gradient(125deg,#0000 30%,#9d978c59 31%,#0000 33%),linear-gradient(40deg,#0000 55%,#b8964f6b 56%,#0000 57.5%),linear-gradient(150deg,#0000 62%,#9d978c40 63%,#0000 64.5%)}
.gift-box[data-gift-wrap="wrap-washi"]{--wrap:#23406e;--wrap-2:#172c4f;--ribbon:#d4553c;--ribbon-2:#9e3a26;--pattern:radial-gradient(circle at 50% 100%,#0000 0 3px,#e8e2d042 3px 4px,#0000 4px 6px,#e8e2d042 6px 7px,#0000 7px) 0 0/14px 7px,radial-gradient(circle at 50% 100%,#0000 0 3px,#e8e2d02e 3px 4px,#0000 4px 6px,#e8e2d02e 6px 7px,#0000 7px) 7px 3.5px/14px 7px}
.gift-box[data-gift-wrap="wrap-emerald"]{--wrap:#14684a;--wrap-2:#0b4331;--ribbon:#e6eaec;--ribbon-2:#a9b3b8;--pattern:repeating-linear-gradient(45deg,#ffffff14 0 1px,#0000 1px 9px),repeating-linear-gradient(-45deg,#ffffff14 0 1px,#0000 1px 9px),linear-gradient(115deg,#0000 40%,#ffffff1c 50%,#0000 60%)}
.gift-box[data-gift-wrap="wrap-aurora"]{--wrap:#0f2233;--wrap-2:#0a1624;--ribbon:#bff5e2;--ribbon-2:#5fbf9e;--pattern:linear-gradient(100deg,#0000 8%,#5fe0b55c 28%,#5ab8ff4d 50%,#b58cff47 72%,#0000 92%),radial-gradient(circle at 22% 30%,#fff 0 1.2%,#0000 1.6%),radial-gradient(circle at 74% 62%,#fff 0 1%,#0000 1.4%)}
.gift-box[data-gift-wrap="wrap-holo"]{--wrap:#cfc9e8;--wrap-2:#9fa9cf;--ribbon:#ffffff;--ribbon-2:#c9c3e6;--pattern:linear-gradient(115deg,#ffb3de80,#b3f0ff80,#d9c2ff80,#fff2b380,#b3ffd980,#ffb3de80)}
.gift-box[data-gift-wrap="wrap-champagne"]{--wrap:#e9d29a;--wrap-2:#c9a560;--ribbon:#fff8e6;--ribbon-2:#e2cf9f;--pattern:radial-gradient(circle,#fffbea 0 1px,#0000 1.6px) 0 0/9px 11px,radial-gradient(circle,#fffbeaa6 0 .8px,#0000 1.4px) 4px 5px/7px 13px}
.gift-box[data-gift-wrap="wrap-ruby"]{--wrap:#9e1230;--wrap-2:#5e0a1d;--ribbon:#f2d27a;--ribbon-2:#b98f2e;--pattern:linear-gradient(115deg,#0000 35%,#ffffff59 45%,#0000 55%),conic-gradient(from 45deg,#ffffff12 0 25%,#0000 0 50%,#ffffff12 0 75%,#0000 0)}
.gift-box[data-gift-wrap="wrap-aurora"] .gift-box-body,.gift-box[data-gift-wrap="wrap-aurora"] .gift-box-lid{background-size:300% 100%,100% 100%,100% 100%,100% 100%;animation:gift-wrap-flow 9s ease-in-out infinite}
.gift-box[data-gift-wrap="wrap-holo"] .gift-box-body,.gift-box[data-gift-wrap="wrap-holo"] .gift-box-lid{background-size:400% 100%,100% 100%;animation:gift-wrap-flow 6s ease-in-out infinite}
.gift-box[data-gift-wrap="wrap-champagne"] .gift-box-body,.gift-box[data-gift-wrap="wrap-champagne"] .gift-box-lid{animation:gift-wrap-bubbles 4s linear infinite}
.gift-box[data-gift-wrap="wrap-ruby"] .gift-box-body,.gift-box[data-gift-wrap="wrap-ruby"] .gift-box-lid{background-size:250% 100%,100% 100%,100% 100%;animation:gift-shine 4.2s ease-in-out infinite}
@keyframes gift-wrap-flow{0%,100%{background-position:0 0,0 0,0 0,0 0}50%{background-position:100% 0,0 0,0 0,0 0}}
@keyframes gift-wrap-bubbles{from{background-position:0 0,4px 5px,0 0}to{background-position:0 -22px,4px -21px,0 0}}
:root[data-cosmetic-motion="off"] .gift-box[data-gift-wrap] .gift-box-body,:root[data-cosmetic-motion="off"] .gift-box[data-gift-wrap] .gift-box-lid,html.pk-low-motion .gift-box[data-gift-wrap] .gift-box-body,html.pk-low-motion .gift-box[data-gift-wrap] .gift-box-lid{animation:none}
@media (prefers-reduced-motion:reduce){.gift-box[data-gift-wrap] .gift-box-body,.gift-box[data-gift-wrap] .gift-box-lid{animation:none!important}}

/* Second batch of gift wraps (October 2026, ids in cosmetic-extra-collect.js). Pattern sizes follow --box so small and large boxes match. */
.gift-box[data-gift-wrap="wrap-tartan"]{--wrap:#1f3a34;--wrap-2:#142722;--ribbon:#d6b56c;--ribbon-2:#9a7a3a;--pattern:linear-gradient(90deg,#0000 0 30%,#0e2244a6 30% 62%,#0000 62% 78%,#b0303a73 78% 82%,#0000 82%) 0 0/calc(var(--box)*.34) calc(var(--box)*.34),linear-gradient(0deg,#0000 0 30%,#0e224480 30% 62%,#0000 62% 78%,#b0303a59 78% 82%,#0000 82%) 0 0/calc(var(--box)*.34) calc(var(--box)*.34)}
.gift-box[data-gift-wrap="wrap-noir"]{--wrap:#222127;--wrap-2:#0f0e12;--ribbon:#e2c27a;--ribbon-2:#a8873e;--pattern:linear-gradient(115deg,#0000 40%,#ffffff12 50%,#0000 60%),linear-gradient(90deg,#d9b97033 0 1px,#0000 1px) 0 0/calc(var(--box)*.1) 100%}
.gift-box[data-gift-wrap="wrap-herringbone"]{--wrap:#5d626a;--wrap-2:#3c4047;--ribbon:#d6915e;--ribbon-2:#9a5a32;--hb:calc(var(--box)*.14);--pattern:linear-gradient(135deg,#ffffff1c 25%,#0000 25%) calc(var(--hb)/-2) 0/var(--hb) var(--hb),linear-gradient(225deg,#ffffff1c 25%,#0000 25%) calc(var(--hb)/-2) 0/var(--hb) var(--hb),linear-gradient(315deg,#ffffff1c 25%,#0000 25%) 0 0/var(--hb) var(--hb),linear-gradient(45deg,#ffffff1c 25%,#0000 25%) 0 0/var(--hb) var(--hb)}
.gift-box[data-gift-wrap="wrap-plum"]{--wrap:#5e2549;--wrap-2:#3a142d;--ribbon:#ecc0a8;--ribbon-2:#b57f68;--pattern:radial-gradient(120% 80% at 28% 18%,#ffffff1f,#0000 55%),repeating-linear-gradient(45deg,#ffffff0d 0 1px,#0000 1px 3px)}
.gift-box[data-gift-wrap="wrap-snow"]{--wrap:#20304f;--wrap-2:#121c33;--ribbon:#eef2f8;--ribbon-2:#a9b6c9;--pattern:radial-gradient(circle,#ffffff 0 1px,#0000 1.6px) 0 0/11px 13px,radial-gradient(circle,#ffffffa6 0 .8px,#0000 1.4px) 5px 6px/8px 17px}
.gift-box[data-gift-wrap="wrap-sakura"]{--wrap:#ecccd2;--wrap-2:#cd9fa9;--ribbon:#7c3550;--ribbon-2:#552238;--pattern:radial-gradient(2.6px 1.7px at 30% 40%,#c8607a 0 60%,#0000 100%) 0 0/14px 16px,radial-gradient(2.2px 1.5px at 70% 70%,#f4f0ef 0 60%,#0000 100%) 0 0/11px 19px}
.gift-box[data-gift-wrap="wrap-ocean"]{--wrap:#0f4a5c;--wrap-2:#08283a;--ribbon:#f2e6c8;--ribbon-2:#c2ae80;--pattern:radial-gradient(38% 26% at 30% 30%,#8fe6f033,#0000 70%),radial-gradient(34% 24% at 70% 68%,#8fe6f02b,#0000 70%),radial-gradient(circle,#d8faff8c 0 .9px,#0000 1.5px)}
.gift-box[data-gift-wrap="wrap-ember"]{--wrap:#2c1e1b;--wrap-2:#150e0d;--ribbon:#e8a35a;--ribbon-2:#a8622a;--pattern:linear-gradient(100deg,#0000 20%,#ff6a2a3d 40%,#ffb05a33 50%,#ff6a2a3d 60%,#0000 80%),radial-gradient(circle,#ffb05ab3 0 .9px,#0000 1.6px)}
.gift-box[data-gift-wrap="wrap-snow"] .gift-box-body,.gift-box[data-gift-wrap="wrap-snow"] .gift-box-lid{animation:gift-wrap-snow 6s linear infinite}
.gift-box[data-gift-wrap="wrap-sakura"] .gift-box-body,.gift-box[data-gift-wrap="wrap-sakura"] .gift-box-lid{animation:gift-wrap-petals 8s linear infinite}
.gift-box[data-gift-wrap="wrap-ocean"] .gift-box-body,.gift-box[data-gift-wrap="wrap-ocean"] .gift-box-lid{background-size:200% 100%,200% 100%,9px 13px,100% 100%;animation:gift-wrap-ocean 10s linear infinite}
.gift-box[data-gift-wrap="wrap-ember"] .gift-box-body,.gift-box[data-gift-wrap="wrap-ember"] .gift-box-lid{background-size:300% 100%,10px 13px,100% 100%;animation:gift-wrap-ember 8s linear infinite}
@keyframes gift-wrap-snow{from{background-position:0 0,5px 6px,0 0}to{background-position:0 26px,5px 40px,0 0}}
@keyframes gift-wrap-petals{from{background-position:0 0,0 0,0 0}to{background-position:14px 32px,-11px 38px,0 0}}
@keyframes gift-wrap-ocean{0%{background-position:0 0,100% 0,0 0,0 0}50%{background-position:100% 0,0 0,0 -26px,0 0}100%{background-position:0 0,100% 0,0 -52px,0 0}}
@keyframes gift-wrap-ember{0%{background-position:0 0,0 0,0 0}50%{background-position:100% 0,0 -26px,0 0}100%{background-position:0 0,0 -52px,0 0}}

/* gift-celebration.css */
.gift-box{filter:drop-shadow(0 calc(var(--box)*.05) calc(var(--box)*.06) #0007)}
.gift-box-shadow{position:absolute;left:4%;right:4%;bottom:-7%;height:12%;border-radius:50%;background:radial-gradient(closest-side,#000a,#0000);filter:blur(2px)}
.gift-box-body{background:var(--pattern),linear-gradient(160deg,var(--wrap),var(--wrap-2));box-shadow:inset calc(var(--box)*-.08) 0 calc(var(--box)*.08) #00000040,inset 0 calc(var(--box)*.05) 0 #ffffff1a,inset 0 0 0 1px #ffffff26}
.gift-box-body::after{content:"";position:absolute;left:0;right:0;top:46%;height:14%;background:linear-gradient(180deg,var(--ribbon-2),var(--ribbon) 45%,var(--ribbon-2));box-shadow:0 1px 2px #0005}
.gift-box-lid{background:var(--pattern),linear-gradient(170deg,color-mix(in srgb,var(--wrap) 85%,#fff),var(--wrap-2));box-shadow:0 calc(var(--box)*.03) calc(var(--box)*.05) #0006,inset 0 calc(var(--box)*.03) 0 #ffffff33,inset 0 0 0 1px #ffffff2e}
.gift-box-ribbon{background:linear-gradient(90deg,var(--ribbon-2),var(--ribbon) 40%,#fff9 50%,var(--ribbon) 60%,var(--ribbon-2));box-shadow:0 0 2px #0004}
.gift-box-bow{top:-2%;width:62%;height:24%}
.gift-box-bow i{border:0;width:50%;height:100%;background:radial-gradient(ellipse at 70% 60%,#0000 0 22%,var(--ribbon-2) 23% 32%,#0000 33%),linear-gradient(150deg,var(--ribbon),var(--ribbon-2));border-radius:60% 60% 18% 60%;box-shadow:inset 0 2px 0 #ffffff55,0 1px 3px #0006}
.gift-box-bow b{position:absolute;left:50%;bottom:-6%;width:24%;height:56%;transform:translateX(-50%);border-radius:30%;background:linear-gradient(180deg,var(--ribbon),var(--ribbon-2));box-shadow:0 1px 2px #0006,inset 0 1px 0 #ffffffaa}
.gift-box-gloss{position:absolute;z-index:5;left:6%;top:32%;width:30%;height:60%;border-radius:calc(var(--box)*.05);background:linear-gradient(115deg,#ffffff38,#ffffff00 70%);pointer-events:none}
.gift-box[data-gift-wrap="classic"] .gift-box-gloss{opacity:.6}
.gift-box[data-gift-wrap="wrap-neon"]{filter:drop-shadow(0 0 calc(var(--box)*.08) #35e3f0aa) drop-shadow(0 calc(var(--box)*.05) calc(var(--box)*.06) #0007)}
.gift-box[data-gift-wrap="wrap-galaxy"]{filter:drop-shadow(0 0 calc(var(--box)*.1) #8f7ad680) drop-shadow(0 calc(var(--box)*.05) calc(var(--box)*.06) #0007)}
.gift-box[data-gift-wrap="wrap-gold"]{filter:drop-shadow(0 0 calc(var(--box)*.1) #f2d27a88) drop-shadow(0 calc(var(--box)*.05) calc(var(--box)*.06) #0007)}
.gift-box[data-gift-wrap="wrap-arcade"] .gift-box-bow i,.gift-box[data-gift-wrap="wrap-arcade"] .gift-box-bow b{border-radius:2px}
.gift-opening-package{position:relative;background:radial-gradient(circle,#e7c66b2e,#0000 68%)}
.gift-opening-package::before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,#ffffff14,#0000 65%);animation:gift-breathe 2.6s ease-in-out infinite;pointer-events:none}
@keyframes gift-breathe{50%{transform:scale(1.12);opacity:.6}}
.gift-opening:not(.is-opening) .gift-opening-package .gift-box{animation:gift-float 3s ease-in-out infinite}
@keyframes gift-float{50%{transform:translateY(-6px) rotate(-1.5deg)}}
.gift-opening-message{position:relative;max-width:460px;margin:6px auto;padding:6px 34px;border:0;border-radius:0;background:none;text-align:center;font-size:16px;font-style:italic;line-height:1.55;color:#eef3e6}
.gift-opening-message::before,.gift-opening-message::after{position:absolute;font-family:Georgia,serif;font-size:44px;font-style:normal;line-height:1;color:#e7c66b;opacity:.75}
.gift-opening-message::before{content:"\201C";left:2px;top:-6px}
.gift-opening-message::after{content:"\201D";right:2px;bottom:-22px}
button.gift-reveal-card{display:block;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:inherit;cursor:pointer;border-radius:14px;transition:transform .15s ease,filter .15s ease}
button.gift-reveal-card:hover{transform:translateY(-4px);filter:brightness(1.06)}
button.gift-reveal-card:focus-visible{outline:2px solid #bedca5;outline-offset:3px}
.gift-burst{position:fixed;z-index:300;width:0;height:0;pointer-events:none}
.gift-burst-flash{position:absolute;left:-160px;top:-160px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,var(--glow) 0,#0000 62%);opacity:0;animation:gift-flash .9s ease-out forwards;mix-blend-mode:screen}
.gift-burst-ring{position:absolute;left:-60px;top:-60px;width:120px;height:120px;border-radius:50%;border:3px solid var(--glow);box-shadow:0 0 24px var(--glow),inset 0 0 18px var(--glow);opacity:0;animation:gift-ring 1s .05s ease-out forwards}
.gift-burst-rays{position:absolute;left:-260px;top:-260px;width:520px;height:520px;border-radius:50%;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--glow) 55%,#0000) 0 6deg,#0000 6deg 22deg);-webkit-mask:radial-gradient(circle,#000 8%,#0000 70%);mask:radial-gradient(circle,#000 8%,#0000 70%);opacity:0;animation:gift-rays 2.2s ease-out forwards;mix-blend-mode:screen}
.gift-particle{position:absolute;left:0;top:0;width:var(--size);height:var(--size);margin:calc(var(--size)/-2) 0 0 calc(var(--size)/-2);background:var(--c);opacity:0;animation:gift-fly var(--dur) var(--delay) cubic-bezier(.12,.75,.3,1) forwards}
.gift-particle.is-confetti{width:calc(var(--size)*.7);height:calc(var(--size)*1.5);border-radius:2px;animation-name:gift-fall}
.gift-particle.is-scrap{width:calc(var(--size)*1.4);height:var(--size);clip-path:polygon(0 12%,100% 0,88% 100%,8% 86%);animation-name:gift-fall}
.gift-particle.is-string{width:3px;height:26px;border-radius:3px;background:linear-gradient(var(--c),#f3ead8)}
.gift-particle.is-dot{border-radius:50%;box-shadow:0 0 8px var(--c)}
.gift-particle.is-streak{width:3px;height:46px;margin:-23px 0 0 -1.5px;border-radius:3px;background:linear-gradient(#0000,var(--c));box-shadow:0 0 10px var(--c);animation-name:gift-streak}
.gift-particle.is-pixel{border-radius:0;box-shadow:0 0 0 1px #0004;animation-name:gift-fall;animation-timing-function:steps(14,end)}
.gift-particle.is-coin{border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8d6,var(--c) 45%,#a87a22);box-shadow:inset 0 0 0 2px #0002,0 0 8px #f2d27a88;animation-name:gift-coin}
.gift-particle.is-star,.gift-particle.is-sparkle{width:calc(var(--size)*1.6);height:calc(var(--size)*1.6);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);filter:drop-shadow(0 0 6px var(--c));animation-name:gift-twinkle-fly}
@keyframes gift-flash{0%{opacity:0;transform:scale(.3)}25%{opacity:1}100%{opacity:0;transform:scale(1.5)}}
@keyframes gift-ring{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(3.4)}}
@keyframes gift-rays{0%{opacity:0;transform:rotate(0) scale(.5)}20%{opacity:.9}100%{opacity:0;transform:rotate(70deg) scale(1.2)}}
@keyframes gift-fly{0%{opacity:1;transform:translate(0,0) scale(.4)}70%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--rot)) scale(1)}}
@keyframes gift-fall{0%{opacity:1;transform:translate(0,0) rotate(0) scale(.5)}45%{opacity:1;transform:translate(var(--x),var(--y)) rotate(calc(var(--rot)*.5)) scale(1)}100%{opacity:0;transform:translate(calc(var(--x)*1.15),calc(var(--y) + var(--fall))) rotate(var(--rot)) scale(.9)}}
@keyframes gift-streak{0%{opacity:0;transform:rotate(var(--angle)) scaleY(.2)}20%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--angle)) scaleY(1.4)}}
@keyframes gift-coin{0%{opacity:1;transform:translate(0,0) rotateY(0) scale(.5)}50%{opacity:1;transform:translate(var(--x),var(--y)) rotateY(540deg) scale(1)}100%{opacity:0;transform:translate(calc(var(--x)*1.08),calc(var(--y) + var(--fall))) rotateY(1080deg) scale(.9)}}
@keyframes gift-twinkle-fly{0%{opacity:0;transform:translate(0,0) scale(.2) rotate(0)}20%{opacity:1}55%{opacity:1;transform:translate(calc(var(--x)*.85),calc(var(--y)*.85)) scale(1.2) rotate(calc(var(--rot)*.4))}70%{opacity:.35}82%{opacity:1}100%{opacity:0;transform:translate(var(--x),calc(var(--y) + var(--fall))) scale(.6) rotate(var(--rot))}}
@media (prefers-reduced-motion:reduce){.gift-burst{display:none}.gift-opening-package::before,.gift-opening .gift-box{animation:none!important}button.gift-reveal-card{transition:none}}
:root[data-cosmetic-motion="off"] .gift-burst{display:none}
:root[data-cosmetic-motion="off"] .gift-opening-package::before,:root[data-cosmetic-motion="off"] .gift-opening:not(.is-opening) .gift-opening-package .gift-box{animation:none}
.gift-box-bow i:nth-of-type(2){left:auto;right:0;transform:scaleX(-1) rotate(-18deg);transform-origin:0 100%}
.gift-reveal-grid{grid-template-columns:repeat(auto-fit,minmax(120px,150px));justify-content:center}

/* Glow and burst particles for the October 2026 gift wraps. */
.gift-box[data-gift-wrap="wrap-aurora"]{filter:drop-shadow(0 0 calc(var(--box)*.1) #5fe0b566) drop-shadow(0 calc(var(--box)*.05) calc(var(--box)*.06) #0007)}
.gift-box[data-gift-wrap="wrap-holo"]{filter:drop-shadow(0 0 calc(var(--box)*.1) #c9b8ff73) drop-shadow(0 calc(var(--box)*.05) calc(var(--box)*.06) #0007)}
.gift-box[data-gift-wrap="wrap-champagne"]{filter:drop-shadow(0 0 calc(var(--box)*.09) #f2dca066) drop-shadow(0 calc(var(--box)*.05) calc(var(--box)*.06) #0007)}
.gift-box[data-gift-wrap="wrap-ruby"]{filter:drop-shadow(0 0 calc(var(--box)*.1) #ff4f7a5c) drop-shadow(0 calc(var(--box)*.05) calc(var(--box)*.06) #0007)}
.gift-particle.is-petal{width:calc(var(--size)*1.25);height:var(--size);border-radius:80% 0 80% 0;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 65%,#fff),var(--c));animation-name:gift-fall}
.gift-particle.is-bubble{border-radius:50%;background:radial-gradient(circle at 34% 30%,#fffffff0 0 14%,#0000 17%),radial-gradient(circle,#0000 50%,var(--c) 62%,#0000 74%);box-shadow:0 0 6px color-mix(in srgb,var(--c) 60%,#0000);animation-name:gift-fall}
.gift-particle.is-shard{width:var(--size);height:calc(var(--size)*1.35);clip-path:polygon(50% 0,100% 38%,50% 100%,0 38%);background:linear-gradient(160deg,#ffffffb3,var(--c) 45%,color-mix(in srgb,var(--c) 70%,#000));animation-name:gift-coin}

/* Glow and burst particles for the second October 2026 batch of gift wraps. */
.gift-box[data-gift-wrap="wrap-noir"]{filter:drop-shadow(0 0 calc(var(--box)*.08) #e2c27a4d) drop-shadow(0 calc(var(--box)*.05) calc(var(--box)*.06) #0007)}
.gift-box[data-gift-wrap="wrap-snow"]{filter:drop-shadow(0 0 calc(var(--box)*.1) #cfe0f75c) drop-shadow(0 calc(var(--box)*.05) calc(var(--box)*.06) #0007)}
.gift-box[data-gift-wrap="wrap-sakura"]{filter:drop-shadow(0 0 calc(var(--box)*.09) #f2b8c659) drop-shadow(0 calc(var(--box)*.05) calc(var(--box)*.06) #0007)}
.gift-box[data-gift-wrap="wrap-ocean"]{filter:drop-shadow(0 0 calc(var(--box)*.1) #5fd0d84d) drop-shadow(0 calc(var(--box)*.05) calc(var(--box)*.06) #0007)}
.gift-box[data-gift-wrap="wrap-ember"]{filter:drop-shadow(0 0 calc(var(--box)*.1) #ff8a3a5c) drop-shadow(0 calc(var(--box)*.05) calc(var(--box)*.06) #0007)}
.gift-particle.is-flake{border-radius:50%;background:radial-gradient(circle,#fff 0 28%,color-mix(in srgb,var(--c) 75%,#0000) 50%,#0000 72%);animation-name:gift-fall}

/* pack-refill.css */
body .sidebar .nav-link[data-page="shop"]{position:relative;overflow:hidden;background:linear-gradient(135deg,#f3d27a,#d6a838 55%,#b9861f);color:#2a1d05;font-weight:700;box-shadow:0 6px 18px #d6a83833,inset 0 1px 0 #fff6d466}
body .sidebar .nav-link[data-page="shop"] svg,body .sidebar .nav-link[data-page="shop"] [data-icon]{color:#2a1d05}
body .sidebar .nav-link[data-page="shop"]::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#0000 30%,#fff8 48%,#0000 62%);transform:translateX(-120%);animation:shop-nav-shine 5s ease-in-out 1.2s infinite;pointer-events:none}
body .sidebar .nav-link[data-page="shop"]:hover{background:linear-gradient(135deg,#f7dc8f,#e0b546 55%,#c49026);color:#1f1503}
body .sidebar .nav-link[data-page="shop"].active{background:linear-gradient(135deg,#fbe39c,#e7bd4f 55%,#c8952b);color:#1f1503;box-shadow:0 0 0 2px #f3d27a66,0 6px 18px #d6a83844}
body .sidebar .nav-link[data-page="shop"]:focus-visible{outline:2px solid #fbe39c;outline-offset:2px}
@keyframes shop-nav-shine{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}

body .pack-grid{align-items:start}
body .pack-main{display:grid;gap:16px;min-width:0}
body .pack-main .pack-box{min-height:0;align-items:center;gap:36px;padding:32px 36px}
body .pack-main .pack-visual{min-height:0;height:auto;flex:none}
body .pack-main .pack-visual .gaming-pack-image{width:auto;height:300px;max-width:100%;object-fit:contain}
body .pack-grid-waiting .pack-main .pack-visual .gaming-pack-image{height:200px;max-height:none}
body .pack-grid-waiting .pack-main .pack-box{padding:22px 30px}
body .pack-info .pack-odds-details{margin-top:10px}
body .pack-info .pack-odds-details summary{cursor:pointer;font-size:12px;font-weight:600;color:#bedca5}
body .pack-info .pack-odds-details summary:focus-visible{outline:2px solid #bedca5;outline-offset:2px}

.pack-upsell-strip{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid #e7c66b55;border-radius:14px;background:linear-gradient(110deg,#e7c66b26,#e7c66b08 60%,#0000);color:#f3e5b8;font-size:14px;font-weight:600;text-decoration:none;transition:border-color .15s,transform .15s}
.pack-upsell-strip:hover{border-color:#e7c66b99;transform:translateY(-1px)}
.pack-upsell-strip:focus-visible{outline:2px solid #e7c66b;outline-offset:2px}
.pack-upsell-strip b{margin-left:auto;flex:none;color:#e7c66b;white-space:nowrap}
.pack-upsell-spark{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#e7c66b;color:#2a1d05;font-size:14px}

.pack-refill{display:grid;gap:18px;padding:24px;border:1px solid #e7c66b55;border-radius:18px;background:radial-gradient(ellipse at 90% 0%,#e7c66b2e,#0000 55%),linear-gradient(160deg,#1c3627,#122419);box-shadow:0 18px 50px #0004}
.pack-refill-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 24px}
.pack-refill-kicker{display:inline-block;margin-bottom:6px;padding:3px 10px;border-radius:999px;background:#e7c66b;color:#2a1d05;font-size:12px;font-weight:700}
.pack-refill h2{margin:0;font-size:24px;line-height:1.2}
.pack-refill-boost{display:grid;gap:2px;max-width:330px;margin:0;padding:10px 14px;border:1px solid #e7c66b55;border-radius:12px;background:#e7c66b17;text-align:left}
.pack-refill-boost strong{font-size:22px;color:#f3d27a}
.pack-refill-boost span{font-size:12px;line-height:1.4;color:#c9d9cc}
.pack-refill-offers{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.pack-refill-offer{position:relative;display:grid;align-content:start;gap:8px;padding:18px 16px 16px;border:1px solid #9dc7ae33;border-radius:14px;background:#0f2118cc}
.pack-refill-offer.is-best{border-color:#e7c66b;box-shadow:0 0 0 1px #e7c66b55,0 10px 30px #e7c66b1f}
.pack-refill-best{position:absolute;top:-10px;left:16px;padding:2px 10px;border-radius:999px;background:#e7c66b;color:#2a1d05;font-size:11px;font-weight:700}
.pack-refill-offer h3{margin:0;font-size:24px}
.pack-refill-offer h3 span{font-size:14px;font-weight:600;color:#c9d9cc}
.pack-refill-guarantee{margin:0;font-size:12px;font-weight:600;color:#bedca5}
.pack-refill-guarantee.is-legendary{color:#f3d27a}
.pack-refill-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0}
.pack-refill-price strong{font-size:20px}
.pack-refill-price del{font-size:13px;color:#8fae9b}
.pack-refill-price small{width:100%;font-size:11px;color:#a9c5b4}
.pack-refill-offer .button{width:100%;justify-content:center}
.pack-refill-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.pack-refill-popz{display:inline-flex;align-items:center;gap:8px}
.pack-refill-wait{margin-left:auto;font-size:13px;color:#b7cbbc}
.pack-refill-wait strong{color:#e2eee5;font-variant-numeric:tabular-nums}
.pack-refill-loading{margin:0;color:#a9c5b4}
body .pack-grid-waiting .inline-pack-timer{display:none}
body .pack-grid-waiting .pack-opening-controls .text-link{display:none}

@media (max-width:760px){
body .pack-main .pack-box{padding:22px 18px;gap:18px}
body .pack-main .pack-visual .gaming-pack-image{height:230px}
body .pack-grid-waiting .pack-main .pack-visual .gaming-pack-image{height:150px}
.pack-refill{padding:18px;gap:14px}
.pack-refill h2{font-size:20px}
.pack-refill-boost{max-width:none}
.pack-refill-offers{grid-template-columns:1fr}
.pack-refill-offer{grid-template-columns:1fr auto;align-items:center;column-gap:12px}
.pack-refill-offer h3,.pack-refill-guarantee,.pack-refill-price{grid-column:1}
.pack-refill-offer .button{grid-column:2;grid-row:1/4;width:auto}
.pack-refill-wait{margin-left:0}
.pack-upsell-strip{font-size:13px;padding:12px 14px}
}
@media (prefers-reduced-motion:reduce){body .sidebar .nav-link[data-page="shop"]::after{animation:none;display:none}.pack-upsell-strip{transition:none}}
.pack-refill-cta{justify-self:start;min-height:48px;padding-inline:26px;font-size:15px;background:linear-gradient(135deg,#f3d27a,#d6a838);color:#2a1d05;border:0}
.pack-refill-cta:hover{background:linear-gradient(135deg,#f7dc8f,#e0b546)}
body .market-item.auction-item .button.auction-buy-now{width:100%;margin-top:8px;background:linear-gradient(135deg,#f3d27a,#d6a838);color:#2a1d05;border:0;font-weight:700}
body .market-item.auction-item .button.auction-buy-now:hover:not(:disabled){background:linear-gradient(135deg,#f7dc8f,#e0b546)}
body .market-item.auction-item .button.auction-buy-now:disabled{opacity:.55}
.auction-buy-now-note{margin:8px 0 0;font-size:12px;font-weight:600;color:#e7c66b}
.auction-buy-now-field input::placeholder{color:#7f9b88}
.auction-buy-now-hint{color:#e7c66b}
body .pack-main .pack-box.pack-hero{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:36px;min-height:0;padding:28px 34px;text-align:left}
.pack-hero-stage{display:grid;place-items:center}
body .pack-main .pack-hero .gaming-pack-image{width:auto;height:230px;max-width:100%;object-fit:contain;filter:drop-shadow(0 14px 18px #0007)}
.pack-hero.is-waiting .gaming-pack-image{opacity:.55}
.pack-hero-body{display:grid;justify-items:start;gap:10px;min-width:0}
.pack-hero-body h2{margin:0;font-size:24px;line-height:1.2}
.pack-hero-copy{margin:0;max-width:52ch;color:#c9d9cc;font-size:14px;line-height:1.5}
.pack-hero-stock{display:inline-flex;align-items:center;gap:8px;margin:4px 0 0;font-size:15px;font-weight:600;color:#e2eee5}
.pack-hero-stock svg{width:17px;height:17px;color:#bedca5}
.pack-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:6px}
.pack-hero-actions .button{margin:0}
.pack-hero-note{margin:2px 0 0;color:#a9c5b4;font-size:13px}
.pack-hero-note strong{color:#e2eee5;font-variant-numeric:tabular-nums}
@media (max-width:760px){
body .pack-main .pack-box.pack-hero{grid-template-columns:1fr;justify-items:center;gap:16px;padding:22px 18px;text-align:center}
body .pack-main .pack-hero .gaming-pack-image{height:170px}
.pack-hero-body{justify-items:center}
.pack-hero-actions{justify-content:center}
}
.pack-refill-head{align-items:center}
.pack-refill-offer{display:flex;flex-direction:column;align-items:center;text-align:center}
.pack-refill-offer .pack-refill-guarantee{min-height:2.8em;display:flex;align-items:center;justify-content:center}
.pack-refill-price{justify-content:center}
.pack-refill-offer .button{margin-top:auto}
.pack-refill-best{left:50%;transform:translateX(-50%);white-space:nowrap}
@media (max-width:760px){
.pack-refill-offer{display:grid;text-align:left;align-items:center}
.pack-refill-offer .pack-refill-guarantee{min-height:0;justify-content:flex-start}
.pack-refill-price{justify-content:flex-start}
.pack-refill-best{left:16px;transform:none}
}
.auction-card-stage{position:relative}
.auction-overlay{position:absolute;left:8px;right:8px;bottom:8px;z-index:8;display:grid;gap:8px;max-height:calc(100% - 16px);padding:12px;border:1px solid #bedca533;border-radius:14px;background:#0b1510f2;backdrop-filter:blur(8px);box-shadow:0 14px 30px #0008;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .16s ease,transform .16s ease;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4c7160 transparent;text-align:left}
.auction-item:hover .auction-overlay,.auction-item:focus-within .auction-overlay,.auction-item.is-history-open .auction-overlay{opacity:1;transform:none;pointer-events:auto}
.auction-overlay-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.auction-overlay-head strong{font-size:13px}
.auction-overlay-head span{font-size:11px;color:#a9c5b4}
.auction-bid-list{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.auction-bid{display:grid;grid-template-columns:24px minmax(0,1fr) auto;grid-template-areas:'avatar name amount' 'avatar time amount';align-items:center;column-gap:8px;padding:5px 6px;border-radius:9px;font-size:12px}
.auction-bid.is-leading{background:#e7c66b1a}
.auction-bid.is-you .auction-bid-name{color:#bedca5}
.auction-bid-avatar{grid-area:avatar;position:relative;display:grid;place-items:center;width:24px;height:24px;overflow:hidden;border-radius:50%;background:#1d3a2a;font-size:10px;font-weight:700}
.auction-bid-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.auction-bid-name{grid-area:name;overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.auction-bid-name small{font-weight:600;color:#e7c66b}
.auction-bid-time{grid-area:time;font-size:10.5px;color:#8fae9b}
.auction-bid-amount{grid-area:amount;font-variant-numeric:tabular-nums;color:#f2f7f1}
.auction-bid.is-leading .auction-bid-amount{color:#f3d27a}
.auction-bid-amount::after{content:' Popz';font-size:10px;font-weight:500;color:#a9c5b4}
.auction-overlay-more{margin:0;font-size:10.5px;color:#8fae9b}
.auction-leader{margin:6px 0 0;font-size:12px;line-height:1.4;color:#c9d9cc}
.auction-leader strong{color:#f2f7f1}
.auction-leader.is-empty{color:#8fae9b}
.auction-history-toggle{padding:0;border:0;background:none;color:#bedca5;font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.auction-history-toggle:focus-visible{outline:2px solid #bedca5;outline-offset:2px;border-radius:4px}
@media (hover:none){.auction-item:hover:not(.is-history-open) .auction-overlay{opacity:0;transform:translateY(8px);pointer-events:none}}
@media (prefers-reduced-motion:reduce){.auction-overlay{transition:none}}
.auction-overlay{top:8px;align-content:start}
.auction-overlay-head{flex-wrap:wrap;row-gap:2px}
.auction-bid-time{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pack-preview-switch{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 16px;padding:8px 10px;border:1px dashed #9dc7ae44;border-radius:12px;background:#0f2118aa;font-size:13px}
.pack-preview-label{display:inline-flex;align-items:center;gap:6px;margin-right:4px;font-weight:600;color:#c9d9cc}
.pack-preview-label svg{width:15px;height:15px}
.pack-preview-switch button{padding:6px 12px;border:1px solid #9dc7ae33;border-radius:999px;background:transparent;color:#c9d9cc;font:inherit;cursor:pointer}
.pack-preview-switch button[aria-pressed="true"]{border-color:#bedca5;background:#bedca5;color:#11241a;font-weight:700}
.pack-preview-switch button:focus-visible{outline:2px solid #bedca5;outline-offset:2px}
.pack-preview-switch small{flex-basis:100%;color:#8fae9b;font-size:12px}
body .market-item.auction-item{display:flex;flex-direction:column}
body .auction-item .auction-card-stage{position:relative;width:fit-content;max-width:100%;margin:0 auto}
body .auction-item .auction-overlay{inset:0;left:0;right:0;top:0;bottom:0;max-height:none;border-radius:14px}
.auction-pill{position:absolute;left:10px;right:10px;bottom:10px;z-index:3;display:flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid #e7c66b55;border-radius:999px;background:#0b1510d9;backdrop-filter:blur(6px);color:#f2f7f1;font-size:12px;font-weight:600;line-height:1.2;cursor:pointer}
.auction-pill.is-empty{justify-content:center;border-color:#9dc7ae33;color:#a9c5b4;font-weight:500;cursor:default}
.auction-pill.is-you{border-color:#bedca5}
.auction-pill-crown{flex:none;color:#e7c66b}
.auction-pill-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.auction-pill-count{flex:none;margin-left:auto;color:#bedca5;font-weight:500}
.auction-footer{display:grid;gap:10px;margin-top:12px}
.auction-price-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.auction-price-row .listing-price{margin:0}
.auction-ends{flex:none;padding:3px 9px;border-radius:999px;background:#9dc7ae1a;color:#c9d9cc;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.auction-actions{display:grid;grid-template-columns:1fr;gap:8px}
.auction-actions.has-two{grid-template-columns:1fr 1fr}
.auction-actions .button{width:100%;margin:0;justify-content:center;white-space:nowrap;padding-inline:8px}
body .market-item.auction-item .auction-actions .button.auction-buy-now{margin:0;background:linear-gradient(135deg,#f3d27a,#d6a838);color:#2a1d05;border:0;font-weight:700}
body .market-item.auction-item .auction-actions .button.auction-buy-now:hover:not(:disabled){background:linear-gradient(135deg,#f7dc8f,#e0b546)}
body .market-item.auction-item .auction-actions .button.auction-buy-now:disabled{opacity:.55}
.auction-item .seller-label{margin-top:10px}
.auction-footer{container-type:inline-size}
.auction-actions.has-two{grid-template-columns:1fr}
.auction-actions .button{min-width:0;overflow:hidden;text-overflow:ellipsis}
@container (min-width:300px){.auction-actions.has-two{grid-template-columns:1fr 1fr}}
body .auction-item .auction-overlay{inset:auto 8px 8px 8px;top:auto;max-height:calc(100% - 16px);overflow-y:auto;align-content:end;border-radius:12px;border-color:#e7c66b40;background:linear-gradient(180deg,#0b1510e8,#0b1510f8);box-shadow:0 -10px 30px #000a}
/* Auction history v3: opens on hover or when its toggle is used (no longer stuck open after bidding), covers only the
   lower half of the card so the card stays visible, and the list starts at the top (latest bid never cut off). */
.auction-item:focus-within:not(.is-history-open):not(:hover) .auction-overlay{opacity:0;transform:translateY(8px);pointer-events:none}
body .auction-item .auction-overlay{top:auto;bottom:8px;max-height:56%;align-content:start;overflow-y:auto;overscroll-behavior:contain}
body .auction-item .auction-overlay .auction-overlay-head{position:sticky;top:-12px;z-index:1;margin:-12px -12px 0;padding:12px 12px 6px;background:inherit}
/* Responsive packs page: the sidebar already takes ~200 px, so the rarities panel moves below the pack as soon as the window
   narrows, and the pack's picture and text stack when even that is too tight (everything was squeezed side by side). */
@media(max-width:1320px){body .pack-grid{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:980px){body .pack-main .pack-box{flex-direction:column;align-items:stretch;text-align:left}body .pack-main .pack-visual{align-self:center}}
@media(max-width:1320px) and (min-width:761px){body .pack-grid>aside,body .pack-grid>.pack-rarities,body .pack-grid>section:last-child{max-width:none}}

/* modal-layout.css */
#modal-root .modal:has(>.modal-content>.binder-picker){display:flex;flex-direction:column;width:min(920px,100%);overflow:hidden}
#modal-root .modal:has(>.modal-content>.binder-picker)>:is(.modal-header,.modal-footer){flex:none}
#modal-root .modal:has(>.modal-content>.binder-picker)>.modal-content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden;overflow:clip;padding-bottom:12px}
#modal-root .binder-picker{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
#modal-root .binder-picker>:not(.binder-picker-list){flex:none}
#modal-root .binder-picker .binder-picker-toolbar{position:static;gap:10px;padding-bottom:12px}
#modal-root .binder-picker .binder-picker-scopes{margin-bottom:10px}
#modal-root .binder-picker .binder-picker-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#modal-root .binder-picker .binder-picker-bulk{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
#modal-root .binder-picker .binder-picker-bulk~.binder-picker-count{margin-top:-2px}
#modal-root .binder-picker .binder-picker-list,#modal-root .binder-picker .binder-picker-list.is-grid{flex:1 1 auto;min-height:150px;max-height:none;grid-auto-rows:max-content;align-content:start;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4c7160 transparent}
@media (max-width:600px){
#modal-root .binder-picker .binder-picker-scopes{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-2px;padding:2px}
#modal-root .binder-picker .binder-picker-scopes::-webkit-scrollbar{display:none}
#modal-root .binder-picker .binder-scope{flex:none}
#modal-root .binder-picker .binder-picker-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
#modal-root .binder-picker .binder-picker-filters wa-select::part(form-control-label){font-size:11px;margin-bottom:4px}
#modal-root .binder-picker .binder-picker-bulk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
#modal-root .binder-picker .binder-picker-bulk .button{min-height:38px}
}
@media (min-width:761px) and (min-height:621px){
#modal-root .trade-workspace>.modal-content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden;overflow:clip}
#modal-root .trade-workspace .trade-workbench{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
#modal-root .trade-workspace .trade-workbench>:not(.trade-workbench-layout){flex:none}
#modal-root .trade-workspace .trade-workbench-layout{flex:1 1 auto;min-height:0;grid-template-rows:minmax(0,1fr)}
#modal-root .trade-workspace .trade-workbench-browser{display:flex;flex-direction:column;min-height:0}
#modal-root .trade-workspace .trade-workbench-browser>.trade-side-tabs{flex:none}
#modal-root .trade-workspace .trade-side-panel:not([hidden]){display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
#modal-root .trade-workspace .trade-side-panel>:not(.trade-choice-scroll){flex:none}
#modal-root .trade-workspace .trade-choice-scroll{flex:1 1 auto;min-height:160px;max-height:none}
#modal-root .trade-workspace .trade-proposal-preview{min-height:0;overflow-y:auto;overscroll-behavior:contain}
#modal-root .trade-workspace .gift-proposal-preview{align-self:stretch;max-height:none;overflow:hidden}
}
@media (max-width:760px),(max-height:620px){
#modal-root .trade-workspace .trade-choice-scroll{max-height:none;overflow:visible;margin:0;padding:0}
}
@media (max-height:520px){
#modal-root .modal:has(>.modal-content>.binder-picker)>.modal-content{overflow-y:auto}
#modal-root .binder-picker .binder-picker-list,#modal-root .binder-picker .binder-picker-list.is-grid{flex:none;max-height:60dvh}
}
@media (min-width:801px){
body .modal.card-showcase{overflow:hidden}
body .modal.card-showcase>.modal-content{overflow:hidden}
body .modal.card-showcase .showcase-layout{height:min(760px,calc(100dvh - 50px));min-height:0}
body .modal.card-showcase .showcase-stage{align-items:center;min-height:0}
body .modal.card-showcase .showcase-stage .card-wrap{position:static;width:min(100%,calc((100dvh - 112px) * 2 / 3));max-width:none}
body .modal.card-showcase .showcase-layout>.showcase-copy{align-self:stretch;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4c7160 transparent}
}
body .modal.card-showcase .showcase-actions{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}

body .chat-content>.chat-gif-expand{cursor:pointer}
#modal-root .modal-backdrop:has(.chat-gif-viewer){padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#04100ce8;overscroll-behavior:contain}
#modal-root .modal:has(.chat-gif-viewer){position:relative;display:block;width:max-content;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);min-height:0;margin:0;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
#modal-root .modal:has(.chat-gif-viewer)>.modal-header{position:absolute;top:10px;right:10px;z-index:2;display:flex;justify-content:flex-end;width:auto;height:auto;margin:0;padding:0;border:0;background:transparent}
#modal-root .modal:has(.chat-gif-viewer)>.modal-header h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#modal-root .modal:has(.chat-gif-viewer)>.modal-header>.icon-button[data-action="close-modal"]{display:none}
#modal-root .modal:has(.chat-gif-viewer)>.modal-content{display:block;flex:none;width:fit-content;max-width:calc(100vw - 24px);min-width:0;min-height:0;max-height:calc(100dvh - 24px);padding:0;margin:0;overflow:visible;background:transparent}
#modal-root .chat-gif-viewer{display:block;width:fit-content;height:auto;max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);min-width:0;min-height:0;margin:0;aspect-ratio:auto;border-radius:0;background:transparent;overflow:visible}
#modal-root .chat-gif-viewer>img{display:block;width:auto;height:auto;max-width:min(calc(100vw - 40px),1100px);max-height:calc(100dvh - 40px);margin:0;border-radius:0;object-fit:contain;object-position:center}
@media(max-width:760px){#modal-root .modal:has(.chat-gif-viewer){max-width:calc(100vw - 24px);border-radius:0}#modal-root .modal:has(.chat-gif-viewer)>.modal-header{top:8px;right:8px}#modal-root .chat-gif-viewer{max-width:calc(100vw - 40px)}#modal-root .chat-gif-viewer>img{max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px)}}
body .card-image-editor .card-image-current{margin:0;font-size:12px;line-height:1.4;color:#a9c5b4;overflow-wrap:anywhere}
body .card-image-editor .card-image-current a{color:#bedca5}
body .card-image-editor .card-image-review{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.4;color:#c9d9cc}
body .card-image-editor .card-image-review input{flex:none;width:16px;height:16px;margin-top:1px}
#modal-root .modal.trade-workspace{width:min(1320px,calc(100vw - 32px));max-height:calc(100dvh - 20px)}
#modal-root .trade-workspace .modal-header{padding:14px 20px}
#modal-root .trade-workspace .modal-header h2{font-size:20px}
#modal-root .trade-workspace>.modal-content{padding:14px 20px}
#modal-root .trade-workspace .modal-footer{padding:11px 20px;gap:14px}
#modal-root .modal.trade-workspace{max-height:calc(100dvh - 12px)}
#modal-root .trade-workspace .modal-header{padding-block:9px}
#modal-root .trade-workspace>.modal-content{padding-block:8px}
#modal-root .trade-workspace .modal-footer{padding-block:8px}
.trade-workspace .trade-workbench-intro{grid-template-columns:minmax(0,1fr) 240px;gap:16px;margin-bottom:12px}
.trade-workspace .trade-workbench-intro>p{font-size:12px;line-height:1.4}
.trade-workspace .trade-partner-avatar{width:34px;height:34px;flex-basis:34px}
.trade-workspace .trade-workbench-layout{grid-template-columns:minmax(0,1fr) 240px;gap:18px}
.trade-workspace .trade-side-tabs{gap:4px;padding:3px;margin-bottom:6px}
.trade-workspace .trade-side-button{min-height:34px;padding:5px 8px;gap:6px;font-size:12px}
.trade-workspace .trade-side-count{min-width:21px;height:21px;font-size:11px}
.trade-workspace .trade-card-search{min-height:34px;margin-bottom:5px;padding-inline:10px}
.trade-workspace .trade-card-search input{padding-block:5px;font-size:12px}
.trade-workspace .trade-filters{gap:5px;margin-bottom:5px}
.trade-workspace .trade-filter{gap:2px;font-size:10px}
.trade-workspace .trade-filter select{min-height:29px;padding:3px 7px;font-size:11px}
.trade-workspace .trade-proposal-preview{padding:10px}
.trade-workspace .trade-proposal-preview>h2{margin-bottom:8px}
.trade-workspace .trade-proposal-preview>section+section{padding-top:8px;margin-top:8px}
.trade-workspace .trade-reserve-note{margin-top:9px;line-height:1.45}
.trade-workspace .trade-footer-actions .button{min-height:36px}
@media(max-width:1050px){#modal-root .modal.trade-workspace{width:min(1180px,calc(100vw - 24px))}.trade-workspace .trade-workbench-layout,.trade-workspace .trade-workbench-intro{grid-template-columns:minmax(0,1fr) 220px;gap:14px}.trade-workspace .trade-choice-grid{gap:9px}}
@media(max-width:760px){#modal-root .modal.trade-workspace{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:14px}#modal-root .trade-workspace .modal-header{padding:12px 14px}#modal-root .trade-workspace .modal-header h2{font-size:18px}#modal-root .trade-workspace>.modal-content{padding:12px 14px}#modal-root .trade-workspace .modal-footer{padding:10px 14px}.trade-workspace .trade-workbench-intro{gap:9px;margin-bottom:10px}.trade-workspace .trade-partner-avatar{width:36px;height:36px;flex-basis:36px}.trade-workspace .trade-workbench-layout{gap:12px}.trade-workspace .trade-side-tabs{margin-bottom:8px}.trade-workspace .trade-choice-scroll{height:auto;max-height:min(42dvh,360px);min-height:170px;overflow:auto;overscroll-behavior:contain;padding:5px;margin:-5px}.trade-workspace .trade-proposal-preview{max-height:28dvh;overflow:auto;padding:12px}.trade-workspace .trade-proposal-preview>h2{margin-bottom:10px}.trade-workspace .trade-proposal-preview>section+section{margin-top:10px;padding-top:10px}.trade-workspace .trade-reserve-note{margin-top:12px;padding-top:10px}.trade-workspace .trade-side-button{min-height:38px}.trade-workspace .trade-filter select{min-height:32px}}
@media(max-width:420px){#modal-root .trade-workspace .modal-header{padding:11px 12px}#modal-root .trade-workspace>.modal-content{padding:10px 12px}#modal-root .trade-workspace .modal-footer{padding:9px 12px}.trade-workspace .trade-choice-scroll{max-height:38dvh;min-height:150px}}

body .card-showcase .showcase-copy .showcase-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;margin:24px 0;padding:0;width:100%}body .card-showcase .showcase-actions>.button{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;width:100%;height:56px;min-height:56px;margin:0!important;padding:10px 14px;box-sizing:border-box;line-height:1.4;text-align:center;white-space:normal;border-radius:10px;transition:background-color .15s,border-color .15s,color .15s}body .card-showcase .showcase-actions>.personal-unique-editor{grid-column:1/-1;margin:0!important}body .card-showcase .showcase-actions>.button>svg,body .card-showcase .showcase-actions>.button>i{width:18px;height:18px;flex:0 0 18px;margin:0}body .card-showcase .showcase-actions>.button>span{min-width:0;overflow-wrap:anywhere}body .card-showcase .showcase-actions>.button:hover{background:#294a3a;border-color:#719d82;color:#f0fff3}body .card-showcase .showcase-actions>.button:focus-visible{outline:2px solid #9edfc1;outline-offset:3px}@media(max-width:600px){body .card-showcase .showcase-copy .showcase-actions{gap:10px;margin:20px 0}body .card-showcase .showcase-actions>.button{padding:9px 10px;font-size:12px}}
body .trade-workspace .trade-choice .card-wrap .collectible-card{--card-layout-media:48%;--card-layout-frame:5px;--card-layout-gap:3px;--card-layout-copy:8px;--card-layout-title:11px;--card-finish-top:calc(48% + 5px)}
body .trade-workspace .trade-choice .card-wrap .collectible-card{grid-template-rows:minmax(0,1fr) 74px!important}
body .trade-workspace .trade-choice .card-wrap .collectible-card .card-body{height:auto!important;padding:4px 2px 2px!important;gap:2px;grid-template-rows:12px minmax(0,1fr) 12px!important;overflow:hidden}
body .trade-workspace .trade-choice .card-wrap .collectible-card .card-category{font-size:8px!important;line-height:12px!important}
body .trade-workspace .trade-choice .card-wrap .collectible-card .card-title{font-size:11px!important;line-height:13px!important;align-self:center;-webkit-line-clamp:3;max-height:39px;letter-spacing:-.15px;text-wrap:wrap}
body .trade-workspace .trade-choice .card-wrap .collectible-card .card-bottom{padding:0!important;height:12px!important;min-height:12px!important;font-size:7px!important;line-height:12px!important}
body .trade-workspace .trade-choice .card-wrap .collectible-card .card-number,body .trade-workspace .trade-choice .card-wrap .collectible-card .rarity-label{font-size:7px!important;line-height:12px!important}

@media(max-width:760px){
#modal-root .modal-backdrop:has(>.trade-workspace){padding:8px; padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}
#modal-root .modal.trade-workspace{width:100%;max-width:100%;max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin:0;box-sizing:border-box}
#modal-root .trade-workspace>.modal-content{display:block;flex:1 1 auto;min-width:0;min-height:0;padding:14px;overflow-y:auto}
#modal-root .trade-workspace .trade-workbench{display:block;min-width:0;width:100%}
#modal-root .trade-workspace .trade-workbench-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:18px;width:100%;min-width:0}
#modal-root .trade-workspace .trade-workbench-intro{display:flex;flex-direction:column-reverse;align-items:stretch;gap:12px;margin-bottom:14px;min-width:0}
#modal-root .trade-workspace .trade-workbench-browser,#modal-root .trade-workspace .trade-side-panel{min-width:0;width:100%}
#modal-root .trade-workspace .trade-side-tabs{width:100%;box-sizing:border-box;gap:4px;margin-bottom:12px}
#modal-root .trade-workspace .trade-side-button{flex:1 1 0;min-width:0;min-height:44px;gap:8px}
#modal-root .trade-workspace .trade-side-count{flex:none}
#modal-root .trade-workspace .trade-card-search{box-sizing:border-box;width:100%;min-width:0;min-height:44px}
#modal-root .trade-workspace .trade-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-bottom:14px}
#modal-root .trade-workspace .trade-filter:first-child{grid-column:1/-1}
#modal-root .trade-workspace .trade-filter{min-width:0;font-size:12px;gap:5px}
#modal-root .trade-workspace .trade-filter wa-select{display:block;width:100%;min-width:0;max-width:100%}
#modal-root .trade-workspace .trade-filter wa-select::part(combobox){min-height:44px;min-width:0}
#modal-root .trade-workspace .trade-filter wa-select::part(display-input){min-width:0;font-size:16px;text-align:left}
#modal-root .trade-workspace .trade-choice-scroll{height:auto;max-height:min(48dvh,440px);min-height:0;margin:0;padding:5px;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}
#modal-root .trade-workspace .trade-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%;max-width:none;margin:0}
#modal-root .trade-workspace .trade-choice{min-width:0}
#modal-root .trade-workspace .trade-proposal-preview{position:static;display:block;width:100%;min-width:0;max-height:none;overflow:visible;box-sizing:border-box;padding:14px}
#modal-root .trade-workspace .trade-selection-scroll{max-height:none;overflow:visible}
#modal-root .trade-workspace .trade-hidden-note{font-size:12px;line-height:1.5;overflow-wrap:break-word}
#modal-root .trade-workspace>.modal-footer{display:block;flex:none;padding:12px 14px}
#modal-root .trade-workspace .trade-footer-limit{display:none}
#modal-root .trade-workspace .trade-footer-actions{display:grid;grid-template-columns:minmax(80px,.7fr) minmax(0,1.5fr);gap:10px;width:100%;min-width:0}
#modal-root .trade-workspace .trade-submit-hint{grid-column:1/-1;grid-row:1;margin:0;font-size:12px;line-height:1.45;overflow-wrap:break-word}
#modal-root .trade-workspace .trade-footer-actions>.button{min-width:0;min-height:44px;width:100%;margin:0;padding:10px;font-size:12px;line-height:1.35;white-space:normal;box-sizing:border-box}
#modal-root .trade-workspace .trade-footer-actions>[data-action="close-modal"]{grid-column:1}
#modal-root .trade-workspace .trade-footer-actions>[type="submit"]{grid-column:2}
}

/* wish-board.css */
body .wish-board-item.has-fitted-overlay:not(.wish-mine-item,.wish-offer-item) .wish-overlay{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);align-items:end;column-gap:8px;row-gap:8px;padding:10px}
body .wish-board-item.has-fitted-overlay:not(.wish-mine-item,.wish-offer-item) .wish-overlay>.wish-player{grid-column:1/-1;align-self:start;width:100%;min-width:0;padding:4px 10px 4px 4px;border-radius:999px;background:#ffffff0a;border:1px solid #ffffff12}
body .wish-board-item.has-fitted-overlay:not(.wish-mine-item,.wish-offer-item) .wish-overlay>.wish-offer-row,body .wish-board-item.has-fitted-overlay:not(.wish-mine-item,.wish-offer-item) .wish-overlay>.wish-player-actions{grid-column:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:5px;overflow:visible}
body .wish-board-item.has-fitted-overlay:not(.wish-mine-item,.wish-offer-item) .wish-overlay>.wish-reactions{grid-column:2;justify-content:flex-end;flex-wrap:wrap;gap:4px}
body .wish-board-item{position:relative;z-index:0}
body .wish-board-item .wish-card{isolation:isolate}
body .wish-board-item .wish-card>.card-wrap,body .wish-board-item .wish-card>.card-wrap.is-tilting{z-index:1!important}
body .wish-board-item .wish-card>.wish-overlay{z-index:8}
body .wish-board-item .wish-card>.wish-owned-badge{z-index:9}
body .wish-board-item .card-wrap>.wish-owned-badge{top:6px;right:6px;z-index:50!important;pointer-events:none}
body .wish-board-item:hover,body .wish-board-item:focus-within{z-index:20}
body .wish-board-item:hover .wish-card-tags,body .wish-board-item:focus-within .wish-card-tags{z-index:12}
body .wish-board-item:not(.wish-mine-item,.wish-offer-item) .wish-overlay .wish-offer-row>.wish-trade,body .wish-board-item:not(.wish-mine-item,.wish-offer-item) .wish-overlay .wish-offer-row>.wish-offer,body .wish-board-item:not(.wish-mine-item,.wish-offer-item) .wish-overlay .wish-offer-row>.wish-no-offer{height:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-size:11.5px;font-weight:650;line-height:1.35;white-space:normal;cursor:default}
body .wish-board-item:not(.wish-mine-item,.wish-offer-item) .wish-overlay .wish-offer-row>.wish-trade{color:#a9cdf0}
body .wish-board-item:not(.wish-mine-item,.wish-offer-item) .wish-overlay .wish-offer-row>.wish-offer{color:#f1d07c}
body .wish-board-item:not(.wish-mine-item,.wish-offer-item) .wish-overlay .wish-offer-row>.wish-no-offer{color:#9fb5a4}
body .wish-board-item:not(.wish-mine-item,.wish-offer-item) .wish-overlay .wish-offer-row>span+span::before{content:"·";margin-right:5px;color:#9fb5a4}

/* album-store.css */
.album-store{display:grid;gap:16px}
.album-store-head{display:flex;align-items:center;gap:14px;padding:12px;border-radius:14px;background:#ffffff08;border:1px solid #ffffff12}
.album-store-head img{flex:none;width:56px;height:84px;object-fit:cover;border-radius:8px;box-shadow:0 6px 16px #0008}
.album-store-head div{display:grid;gap:4px;min-width:0}
.album-store-head strong{font-size:16px;color:#eef6ea;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.album-store-head span{font-size:13px;color:#a9bf9e;line-height:1.4}
.album-store-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;max-height:min(52vh,460px);overflow-y:auto;padding:2px;overscroll-behavior:contain}
.album-store-option{position:relative;display:flex;align-items:center;gap:12px;min-height:58px;padding:10px 12px 10px 10px;border-radius:12px;border:1px solid #ffffff14;background:#ffffff06;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.album-store-option:hover{border-color:#bedca566;background:#ffffff0c}
.album-store-option:active{transform:scale(.985)}
.album-store-option input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.album-store-spine{flex:none;width:26px;height:38px;border-radius:4px 7px 7px 4px;background:linear-gradient(100deg,color-mix(in srgb,var(--binder-color) 55%,#000),var(--binder-color) 40%,color-mix(in srgb,var(--binder-color) 75%,#000));box-shadow:inset 3px 0 0 #0000004d,0 2px 6px #0007}
.album-store-text{display:grid;gap:2px;min-width:0;flex:1}
.album-store-text strong{font-size:14px;font-weight:650;color:#e6efe1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.album-store-text small{font-size:12px;color:#93a98c}
.album-store-check{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1.5px solid #ffffff2e;color:transparent;transition:background .15s,border-color .15s,color .15s}
.album-store-option:has(input:checked){border-color:#bedca5aa;background:#bedca514}
.album-store-option:has(input:checked) .album-store-check{background:#bedca5;border-color:#bedca5;color:#10200f}
.album-store-option:has(input:focus-visible){outline:2px solid #bedca5;outline-offset:2px}
.album-store-option:has(input:disabled){opacity:.6;cursor:progress}
@media(max-width:520px){.album-store-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.album-store-option,.album-store-check{transition:none}}

/* shop-tabs.css */
body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs{display:flex!important;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:3px;width:100%;max-width:100%;margin:4px 0 20px;padding:0 0 7px;border:0;border-bottom:1px solid #ffffff12;border-radius:0;background:none;box-shadow:none;overflow:visible}
body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs button{position:relative;display:inline-flex!important;flex:0 0 auto;flex-direction:row!important;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:38px!important;height:38px!important;padding:0 10px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#9aaca1;font-size:12.5px!important;font-weight:600;line-height:1.2;white-space:nowrap;transition:background-color .15s,color .15s}
body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs .cosmetic-tab-icon{display:inline-flex!important;align-items:center;justify-content:center;width:16px;height:16px;min-height:0;padding:0;background:none!important;color:#718579!important;box-shadow:none!important;transform:none!important}
body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs .cosmetic-tab-icon svg{display:block;width:16px;height:16px}
body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs button>span{position:static;min-width:0;height:auto;margin-left:1px;padding:0;background:none;color:#708278;font-size:10px;font-weight:500}
body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs button:hover{background:#ffffff08!important;color:#e4ebe5}
body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs button[aria-pressed="true"]{background:#c5dfa412!important;box-shadow:none!important;color:#e8f1e3}
body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs button[aria-pressed="true"] .cosmetic-tab-icon{background:none!important;color:#c5dfa4!important;box-shadow:none!important}
body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs button[aria-pressed="true"]>span{background:none;color:#a8c28c}
body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs button::after{content:none!important}
@media(max-width:760px){body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs button{padding-inline:9px!important}}
@media(prefers-reduced-motion:reduce){body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs button{transition:none}}
/* Cosmetic tabs stay on one line (8 tabs since the « Compagnon » one): they share the width and long names shorten. */
body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs{flex-wrap:nowrap!important;gap:2px}
body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs button{flex:1 1 auto!important;min-width:0!important;padding:0 8px!important;gap:6px;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs button>span{flex:none}
@media(max-width:1280px){body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs button>span{display:none}}
@media(max-width:1060px){body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs .cosmetic-tab-icon{display:none!important}}
/* Nine tabs on one line: short names, equal shares of the width, the count clearly apart in a lighter tone. */
body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs button{flex:1 1 0!important;gap:7px;overflow:hidden}
body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs .cosmetic-tab-label{min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:inherit}
body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs button>span{display:inline!important;flex:none;margin-left:0;font-size:11px;font-variant-numeric:tabular-nums;opacity:.75}
@media(max-width:1180px){body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs .cosmetic-tab-icon{display:none!important}}
@media(max-width:940px){body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs button>span{display:none!important}}
@media(max-width:760px){body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs button{flex:0 0 auto!important}}
/* Docked round tabs (right side, after scrolling): icon only, centred — the short name stays in the tooltip. */
body.shop-tabs-docked .cosmetics-section .cosmetic-tabs .cosmetic-tab-label{display:none!important}
/* Eleven tabs (profile effects and name styles added): tighter padding, the icons drop below 1800px and the counts below
   1540px so the short names never collide; under 1170px the row scrolls sideways instead of squeezing the names. */
body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs{gap:1px}
body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs button{padding:0 7px!important;gap:6px}
@media(max-width:1800px){body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs .cosmetic-tab-icon{display:none!important}}
@media(max-width:1540px){body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs button>span{display:none!important}}
@media(max-width:1340px){body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs button{padding:0 5px!important;font-size:11.5px!important}}
@media(max-width:1170px){body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs{overflow-x:auto;scrollbar-width:none}body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs button{flex:0 0 auto!important;padding:0 9px!important;overflow:visible}}
/* Docked rail: eleven round buttons still fit on short screens. */
@media(max-height:720px){body.shop-tabs-docked .cosmetics-section .cosmetic-tabs{gap:6px}body.shop-tabs-docked .cosmetics-section .cosmetic-tabs button{width:40px;height:40px!important}}
/* Eleven tabs on one clean line (owner: the tiles were heavy and left a gap below): equal widths, the short name only —
   no icon, no count (the count stays in the tooltip) —, no bottom line or gap; the active tab is a soft filled cell.
   Narrow screens scroll the row sideways. This block replaces the previous variants above. */
html:not(#_) body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(84px,1fr);gap:4px!important;margin:4px 0 18px!important;padding:4px!important;border:0!important;border-radius:12px!important;background:color-mix(in srgb,var(--theme-text,#eef5ef) 4%,transparent)!important;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
html:not(#_) body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs::-webkit-scrollbar{display:none}
html:not(#_) body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs button{display:flex!important;align-items:center;justify-content:center;min-width:0!important;height:42px!important;min-height:42px!important;padding:0 8px!important;border:0!important;border-radius:9px!important;background:transparent!important;font-size:13.5px!important;font-weight:600;white-space:nowrap;overflow:hidden}
html:not(#_) body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs button:hover{background:color-mix(in srgb,var(--theme-text,#eef5ef) 7%,transparent)!important}
html:not(#_) body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs button[aria-pressed="true"]{background:color-mix(in srgb,var(--theme-accent,#c5dfa4) 18%,transparent)!important;color:var(--theme-text,#eef5ef)!important}
html:not(#_) body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs .cosmetic-tab-icon,html:not(#_) body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs button>span{display:none!important}
html:not(#_) body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs .cosmetic-tab-label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}

@media(max-width:760px){html:not(#_) body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;overflow:visible}html:not(#_) body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs button{height:auto!important;min-height:44px!important;padding:8px 5px!important;white-space:normal;font-size:12px!important}html:not(#_) body:not(.shop-tabs-docked) .cosmetics-section .cosmetic-tabs .cosmetic-tab-label{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3}}

/* theme-controls.css */
body wa-select{color:#d9e6d3;--wa-color-surface-default:#13241b;--wa-color-surface-raised:#16251d;--wa-color-surface-lowered:#0f1d16;--wa-color-on-normal:#d9e6d3;--wa-color-on-quiet:#a9bf9e;--wa-color-neutral-border-normal:#38503e;--wa-color-brand-fill-loud:#bedca5;--wa-color-brand-fill-normal:#2a4632;--wa-color-brand-on-loud:#10200f;--wa-form-control-value-color:#e6efe1;--wa-form-control-placeholder-color:#8fa58a}
body wa-select::part(combobox){background:#13241b;border-color:#38503e}
body wa-select::part(combobox):hover{border-color:#5d7f5f}
body wa-select:focus-within::part(combobox){border-color:#bedca5}
body wa-select::part(display-input){color:#e6efe1}
body wa-select::part(form-control-label){color:#b7cbbc}
body wa-select::part(expand-icon){color:#bacfb0}
body wa-select::part(listbox){background:#16251d;border-color:#38503e;color:#e6efe1;box-shadow:0 14px 40px #000a}
body wa-option{color:#cfdcc9;--wa-color-neutral-fill-normal:#24402d;--wa-color-neutral-on-normal:#f0f6ec;--wa-color-on-normal:#cfdcc9;--wa-color-brand-fill-loud:#bedca5;--wa-color-brand-on-loud:#10200f}
body wa-option:hover,body wa-option:focus{background:#1f3a2a;color:#f0f6ec}
body wa-option[selected]{background:#2a4a33;color:#f0f6ec}
body wa-option::part(checked-icon){color:#bedca5}

/* staff-stats.css */
.staff-stats{display:grid;gap:22px}
.staff-stat-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.staff-stat-tile{display:grid;gap:4px;align-content:start;padding:14px 16px;border:1px solid #ffffff14;border-radius:14px;background:linear-gradient(180deg,#ffffff08,#ffffff02)}
.staff-stat-tile strong{font-size:28px;line-height:1.1;color:#f0f6ec;font-variant-numeric:tabular-nums}
.staff-stat-tile small{font-size:12px;color:#93a98c}
.staff-stat-label{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:#b7cbbc}
.staff-stat-tile.is-live{border-color:#bedca566;background:linear-gradient(180deg,#bedca51f,#bedca508)}
.staff-live-dot{width:8px;height:8px;border-radius:50%;background:#7ee08a;box-shadow:0 0 0 0 #7ee08a88;animation:staff-live 1.8s ease-out infinite}
@keyframes staff-live{70%{box-shadow:0 0 0 8px #7ee08a00}100%{box-shadow:0 0 0 0 #7ee08a00}}
.staff-stat-trend{justify-self:start;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}
.staff-stat-trend.is-up{background:#7ee08a1f;color:#9ff0a8}
.staff-stat-trend.is-down{background:#ff7a6b1f;color:#ffa79c}
.staff-stat-trend.is-flat{background:#ffffff10;color:#b7cbbc}
.staff-stat-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}
.staff-stat-chart{margin:0;padding:14px 16px 10px;border:1px solid #ffffff14;border-radius:14px;background:#ffffff05}
.staff-stat-chart figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;font-size:13px;font-weight:700;color:#d9e6d3}
.staff-stat-chart figcaption strong{font-size:18px;color:#f0f6ec;font-variant-numeric:tabular-nums}
.staff-stat-chart svg{display:block;width:100%;height:150px;overflow:visible}
.staff-chart-grid{stroke:#ffffff1f;stroke-width:1}
.staff-chart-hit{fill:transparent}
.staff-chart-mark{fill:#8fc79a}
.staff-chart-bar.is-today .staff-chart-mark{fill:#bedca5}
.staff-chart-bar:hover .staff-chart-mark{fill:#e6f5d6}
.staff-chart-bar:hover .staff-chart-hit{fill:#ffffff08}
.staff-chart-axis{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:#8fa58a;font-variant-numeric:tabular-nums}
.staff-stat-list{padding:14px 16px;border:1px solid #ffffff14;border-radius:14px;background:#ffffff05}
.staff-stat-list h3,.staff-stat-insights h3{margin:0 0 10px;font-size:14px;color:#e6efe1}
.staff-stat-list>p{margin:-4px 0 10px;font-size:12px;color:#93a98c}
.staff-stat-list ol{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.staff-stat-list li{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(60px,1fr) auto;align-items:center;gap:10px;font-size:13px}
.staff-stat-features li{grid-template-columns:minmax(0,1.2fr) minmax(60px,1.4fr) auto auto}
.staff-stat-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d9e6d3}
.staff-stat-bar{height:8px;border-radius:999px;background:#ffffff0d;overflow:hidden}
.staff-stat-bar i{display:block;height:100%;border-radius:999px;background:#8fc79a}
.staff-stat-list li strong{font-variant-numeric:tabular-nums;color:#f0f6ec}
.staff-stat-list li strong small,.staff-stat-sub{font-size:11px;font-weight:500;color:#93a98c}
.staff-stat-lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.staff-stat-insights{padding:14px 16px;border:1px solid #e7c66b40;border-radius:14px;background:linear-gradient(120deg,#e7c66b12,#0000 60%)}
.staff-stat-insights ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.staff-stat-insights li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.45;color:#e6efe1}
.staff-stat-insights li>span{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:12px;font-weight:800}
.staff-stat-insights li.is-good>span{background:#7ee08a26;color:#9ff0a8}
.staff-stat-insights li.is-bad>span{background:#ff7a6b29;color:#ffa79c}
.staff-stat-insights li.is-warn>span{background:#e7c66b29;color:#f1d07c}
.staff-stat-note,.staff-stat-empty{margin:0;font-size:12px;color:#93a98c}
@media(max-width:600px){.staff-stat-features li{grid-template-columns:minmax(0,1fr) auto;}.staff-stat-features .staff-stat-bar,.staff-stat-features .staff-stat-sub{display:none}}
@media(prefers-reduced-motion:reduce){.staff-live-dot{animation:none}}
.staff-stat-list li{grid-template-columns:minmax(0,1.2fr) minmax(60px,1fr) 56px}
.staff-stat-features li{grid-template-columns:minmax(0,1fr) minmax(80px,2fr) 110px 110px}
.staff-stat-list li strong{text-align:right}
.staff-stat-sub{text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:600px){.staff-stat-features li{grid-template-columns:minmax(0,1fr) 110px}}
/* Every tile keeps a two-line title area, so all the numbers of a row sit on the same line */
.staff-stat-tiles .staff-stat-label{align-items:flex-start;min-height:2.7em;line-height:1.35}

/* style-highlights.css */
.style-highlights{display:grid;gap:16px;margin:4px 0 26px}
.style-highlight-row{display:grid;gap:10px}
.style-highlight-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.style-highlight-head h3{margin:0;font-size:16px;color:#f0f6ec}
.style-highlight-head p{margin:0;font-size:12.5px;color:#93a98c}
.style-highlight-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.style-highlight-chip{display:grid;gap:3px;justify-items:start;padding:12px 14px;border:1px solid #e7c66b33;border-radius:14px;background:linear-gradient(140deg,#e7c66b14,#ffffff04 70%);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform .15s,border-color .15s}
.style-highlight-chip:hover{transform:translateY(-2px);border-color:#e7c66b88}
.style-highlight-chip:focus-visible{outline:2px solid #bedca5;outline-offset:2px}
.style-highlight-slot{font-size:11px;font-weight:700;letter-spacing:.02em;color:#e7c66b}
.style-highlight-chip strong{font-size:14px;color:#f0f6ec;line-height:1.25}
.style-highlight-chip small{font-size:12px;color:#a9bf9e;font-variant-numeric:tabular-nums}
.shop-preview-try{display:grid;gap:8px;margin-top:12px}
.shop-preview-try>span{font-size:12.5px;font-weight:700;color:#b7cbbc}
.shop-preview-try>div{display:flex;flex-wrap:wrap;gap:8px}
.shop-preview-try button{display:grid;place-items:center;width:44px;height:64px;padding:0;overflow:hidden;border:2px solid #ffffff1f;border-radius:8px;background:#0f1d16;color:#d9e6d3;cursor:pointer;transition:border-color .15s,transform .15s}
.shop-preview-try button:hover{transform:translateY(-2px)}
.shop-preview-try button[aria-pressed="true"]{border-color:#bedca5;box-shadow:0 0 0 2px #bedca544}
.shop-preview-try img{width:100%;height:100%;object-fit:cover}
@media(prefers-reduced-motion:reduce){.style-highlight-chip,.shop-preview-try button{transition:none}}
.style-highlight-head{justify-content:center;text-align:center}
.style-highlight-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.style-highlight-chip{--tab:#e7c66b;justify-items:center;text-align:center;min-height:88px;align-content:center;border-color:color-mix(in srgb,var(--tab) 35%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--tab) 14%,transparent),#ffffff03 75%)}
.style-highlight-chip:hover{border-color:color-mix(in srgb,var(--tab) 75%,transparent)}
.style-highlight-chip .style-highlight-slot{color:var(--tab)}
.style-highlight-chip.is-cardFinish{--tab:#ffe29a}.style-highlight-chip.is-avatarFrame{--tab:#7ef0ff}.style-highlight-chip.is-profileBanner{--tab:#f6a6d8}.style-highlight-chip.is-albumCover{--tab:#c4a6ff}.style-highlight-chip.is-chatBubble{--tab:#9ff5c4}.style-highlight-chip.is-giftWrap{--tab:#e7c66b}
@media(max-width:1000px){.style-highlight-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.style-highlight-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.style-highlight-list{display:flex;flex-wrap:wrap;justify-content:center}
.style-highlight-list>.style-highlight-chip{flex:0 1 calc((100% - 50px)/6);min-width:0}
@media(max-width:1000px){.style-highlight-list>.style-highlight-chip{flex-basis:calc((100% - 20px)/3)}}
@media(max-width:520px){.style-highlight-list>.style-highlight-chip{flex-basis:calc((100% - 10px)/2)}}

/* daily-goals.css */
.daily-goals{margin:22px 0;padding:18px 20px;border:1px solid #bedca533;border-radius:18px;background:linear-gradient(135deg,#bedca512,#ffffff03 60%)}
.daily-goals header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.daily-goals h2{margin:0;font-size:19px;color:#f0f6ec}
.daily-goals header p{margin:4px 0 0;font-size:13px;color:#a9bf9e}
.daily-goals-ring{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:conic-gradient(#bedca5 var(--progress),#ffffff14 0)}
.daily-goals-ring span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#12221a;font-size:13px;font-weight:800;color:#f0f6ec;font-variant-numeric:tabular-nums}
.daily-goals ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:0;padding:0;list-style:none}
.daily-goals li{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff05}
.daily-goals li.is-done{border-color:#bedca555;background:#bedca50f}
.daily-goal-check{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid #ffffff33;font-size:13px;font-weight:800;color:#10200f}
.daily-goals li.is-done .daily-goal-check{background:#bedca5;border-color:#bedca5}
.daily-goal-label{flex:1;min-width:0;font-size:13.5px;color:#d9e6d3}
.daily-goals li.is-done .daily-goal-label{color:#a9bf9e;text-decoration:line-through;text-decoration-color:#bedca577}
.daily-goal-go{flex:none;padding:4px 10px;border-radius:999px;background:#bedca51f;color:#d6ecc4;font-size:12px;font-weight:700;text-decoration:none}
.daily-goal-go:hover{background:#bedca533}
.daily-goals-note{margin:10px 0 0;font-size:11.5px;color:#8fa58a}
.daily-goals ul{align-items:stretch}
.daily-goals li{flex-direction:column;align-items:flex-start;justify-content:space-between;gap:8px;padding:12px 14px;min-height:112px}
.daily-goal-label{flex:1 1 auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.35;min-height:2.7em;width:100%}
.daily-goal-go{align-self:stretch;text-align:center;padding:6px 10px}
.daily-goals li.is-done::after{content:"";display:block;height:28px}

/* badge-icons.css */
body .badge-icon{display:inline-flex;position:relative;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;min-height:24px;max-width:24px;padding:0;gap:0;border:0;border-radius:4px;background:none;box-shadow:none;color:#d4dfb5;vertical-align:middle;cursor:help;box-sizing:border-box}
body .badge-icon>.badge-icon-symbol{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:0;margin:0;padding:0;background:none;border:0;border-radius:0}
body .badge-icon-symbol svg{display:block;width:20px;height:20px;margin:0;color:inherit}
body .badge-icon:focus-visible{outline:2px solid #b9dec9;outline-offset:3px}
body .badge-icon:hover{filter:brightness(1.15)}
body .profile-completed-grid,body .public-profile-badges{display:flex;flex-wrap:wrap;gap:4px;list-style:none;padding:0}
body .public-profile-badges>li{padding:0;margin:0;list-style:none}
body .achievement-badges,body .profile-badge-list{gap:4px}
body .badge-icon.achievement-owned-badge{color:#f0d998}
body .badge-icon-tooltip{position:fixed;z-index:2147483647;box-sizing:border-box;width:204px;max-width:calc(100vw - 16px);padding:16px 16px 18px;border:1px solid #292a2e;border-radius:8px;background:#101114;color:#f2f3f5;box-shadow:0 8px 24px #0006;font:500 12px/1.4 'Plus Jakarta Sans',sans-serif;text-align:center;overflow-wrap:anywhere;pointer-events:none}
body .badge-tooltip-art{display:flex;align-items:center;justify-content:center;height:80px;margin-bottom:8px}
body .badge-tooltip-art .badge-icon-symbol{display:flex;align-items:center;justify-content:center}
body .badge-tooltip-art svg{width:64px;height:64px;color:inherit;stroke-width:1.5}
body .badge-tooltip-category{color:#a4a5ad;font-size:12px;margin-bottom:2px}
body .badge-tooltip-name{display:block;font-family:Sora,sans-serif;font-size:16px;font-weight:800;line-height:1.25;text-transform:uppercase}
body .badge-tooltip-detail{margin-top:7px;color:#a4a5ad;font-size:12px;line-height:1.45}
body .badge-icon-tooltip::after{content:"";position:absolute;left:var(--badge-arrow-x,50%);width:10px;height:10px;background:#101114;transform:translateX(-50%) rotate(45deg)}
body .badge-icon-tooltip[data-placement="above"]::after{bottom:-6px;border-right:1px solid #292a2e;border-bottom:1px solid #292a2e}
body .badge-icon-tooltip[data-placement="below"]::after{top:-6px;border-left:1px solid #292a2e;border-top:1px solid #292a2e}
/* Public profile (pp2): simple stacked layout, nothing absolutely positioned over the avatar */
body .public-profile.pp2 .pp2-id{display:grid;gap:4px;min-width:0}
body .public-profile.pp2 .pp2-id h2{margin:0}
body .public-profile.pp2 .public-profile-personal-tag{margin:0!important;color:#aab8ae;font-size:13px;font-weight:500}
body .public-profile.pp2 .pp2-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px}
body .public-profile.pp2 .pp2-crew{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:color-mix(in srgb,var(--crew) 16%,transparent);color:var(--crew);font:800 11.5px/1 Sora,sans-serif}
body .public-profile.pp2 .pp2-meta .arena-rank-badge{height:22px;font-size:11.5px}
body .public-profile.pp2 .pp2-joined{color:#8f9c93;font-size:12px}
body .public-profile.pp2 .pp2-badges{display:flex;flex-wrap:wrap;gap:2px;width:max-content;max-width:100%;margin:14px 0 0;padding:4px 6px;border-radius:10px;background:#0000004d}
body .public-profile.pp2 .pp2-badges .badge-icon{flex:0 0 26px;width:26px;max-width:26px;height:26px;padding:0;border:0;background:none;box-shadow:none;color:hsl(var(--badge-hue,45) 75% 68%)}
body .public-profile.pp2 .pp2-badges .badge-icon[data-premium]{width:26px!important;min-width:0!important;max-width:26px!important;height:26px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
body .public-profile.pp2 .pp2-badges .badge-icon[data-premium]::before,body .public-profile.pp2 .pp2-badges .badge-icon[data-premium]::after{content:none!important}
body .public-profile.pp2 .pp2-badges .badge-icon[data-premium="plus"]{color:#f2c14e!important}
body .public-profile.pp2 .pp2-badges .badge-icon[data-premium="last-country"]{color:#ff7a59!important}
body .public-profile.pp2 .pp2-badges .badge-icon svg{width:18px;height:18px}
body .public-profile.pp2 .pp2-block{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:#00000033}
body .public-profile.pp2 .pp2-block h3{margin:0 0 6px;font:700 11px/1.2 Sora,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#8f9c93}
body .public-profile.pp2 .pp2-bio{margin:0;font-size:14px;line-height:1.55;color:#d6ddd7;overflow-wrap:anywhere}
body .public-profile.pp2 .pp2-fav{margin:8px 0 0;font-size:13px;color:#e9eee9}
body .public-profile.pp2 .pp2-fav span{color:#8f9c93}
body .public-profile.pp2 .pp2-more{margin:12px 0 0}
body .public-profile.pp2 .pp2-more>summary{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:12px;background:#00000033;color:#d6ddd7;font-size:13px;font-weight:600;cursor:pointer;list-style:none;user-select:none}
body .public-profile.pp2 .pp2-more>summary::-webkit-details-marker{display:none}
body .public-profile.pp2 .pp2-more>summary b{margin-left:auto;color:#8f9c93;font-weight:500}
body .public-profile.pp2 .pp2-more>summary::after{content:"";width:7px;height:7px;border-right:2px solid #8f9c93;border-bottom:2px solid #8f9c93;transform:translateY(-2px) rotate(45deg);transition:transform .15s}
body .public-profile.pp2 .pp2-more[open]>summary::after{transform:translateY(2px) rotate(-135deg)}
body .public-profile.pp2 .pp2-more>summary:hover{background:#ffffff0d}
body .public-profile.pp2 .pp2-more .public-profile-trophies,body .public-profile.pp2 .pp2-more .public-profile-albums{margin:12px 0 0;padding:0 2px;border:0}
body .public-profile.pp2 .pp2-more .public-profile-trophies>header{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}
body .public-profile.pp2 .pp2-more :is(.public-profile-trophies h2,.public-profile-albums>h2){margin:0;font:700 11px/1.2 Sora,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#8f9c93}
body .public-profile.pp2 .pp2-more .public-profile-trophies>header span{color:#8f9c93;font-size:12px}
body .public-profile.pp2 .pp2-more .public-profile-badges{justify-content:flex-start!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
body .public-profile.pp2 .pp2-more .public-profile-badges .badge-icon{background:none!important;border:0!important;box-shadow:none!important;color:hsl(var(--badge-hue,45) 70% 66%)!important}
/* Badge strip (6 badges + "+N") and the badge gallery window */
body .badge-strip{display:flex;flex-wrap:wrap;align-items:center;gap:2px;width:max-content;max-width:100%}
body .profile-badge-strip{margin:12px 0 0;padding:4px 6px;border-radius:8px;background:#0000004d}
body .badge-strip-item{display:inline-flex;padding:0;border:0;background:none;cursor:pointer;border-radius:6px}
body .badge-strip-item:hover{background:#ffffff14}
body .badge-strip-item .badge-icon{pointer-events:none}
body .profile-badge-strip .badge-icon{flex:0 0 26px;width:26px;height:26px;padding:0;border:0;background:none;box-shadow:none;color:hsl(var(--badge-hue,45) 70% 70%)}
body .profile-badge-strip .badge-icon svg{width:20px;height:20px}
body .badge-strip-more{min-width:26px;height:26px;padding:0 6px;border:0;border-radius:6px;background:#ffffff14;color:#e6efe3;font:800 12px/1 inherit;cursor:pointer}
body .badge-strip-more:hover{background:#ffffff24}
.badge-gallery-backdrop{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:16px;background:#000000a6}
.badge-gallery{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:minmax(0,1fr);width:min(760px,100%);height:min(600px,calc(100dvh - 32px));overflow:hidden;border-radius:10px;background:#101b16;color:#eef3ea;box-shadow:0 30px 80px #000c}
.badge-gallery-list{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:6px;min-height:0;padding:22px 20px 16px;background:#0c1511}
.badge-gallery-title{margin:0;font:800 20px/1.2 Sora,sans-serif}
.badge-gallery-hint{margin:0 0 10px;color:#a9bdae;font-size:13px;line-height:1.5}
.badge-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:8px;overflow-y:auto;padding:2px}
.badge-gallery-tile{display:grid;place-items:center;aspect-ratio:1;padding:0;border:0;border-radius:8px;background:#ffffff0d;color:hsl(var(--badge-hue,45) 72% 70%);cursor:pointer}
.badge-gallery-tile:hover{background:#ffffff1a}
.badge-gallery-tile.is-selected{background:hsl(var(--badge-hue,45) 45% 30% / .55)}
.badge-gallery-tile svg,.badge-gallery-tile .icon{width:30px;height:30px}
.badge-gallery-empty{grid-column:1/-1;color:#a9bdae;font-size:13px}
.badge-gallery-footer{display:grid;padding-top:12px}
.badge-gallery-footer .button{width:100%;justify-content:center}
.badge-gallery-loading{color:#a9bdae;font-size:13px;text-align:center}
.badge-gallery-side{position:relative;min-height:0;overflow-y:auto;padding:30px 24px 24px;text-align:center}
.badge-gallery-close{position:absolute;top:10px;right:12px;width:32px;height:32px;border:0;border-radius:6px;background:none;color:#c9d4c6;font-size:24px;line-height:1;cursor:pointer}
.badge-gallery-close:hover{background:#ffffff14}
.badge-gallery-hero{display:grid;place-items:center;margin:4px 0 14px}
.badge-gallery-medal{display:grid;place-items:center;width:128px;height:128px;border-radius:50%;background:radial-gradient(circle at 50% 35%,hsl(var(--badge-hue,45) 70% 55% / .55),hsl(var(--badge-hue,45) 55% 22% / .9) 70%);box-shadow:0 0 50px hsl(var(--badge-hue,45) 70% 50% / .35),inset 0 0 0 6px hsl(var(--badge-hue,45) 70% 70% / .25);color:hsl(var(--badge-hue,45) 85% 88%)}
.badge-gallery-medal.is-plus{background:radial-gradient(circle at 50% 35%,#f6d77a,#7a5a16 72%);color:#fff7dc}
.badge-gallery-medal svg,.badge-gallery-medal .icon{width:60px;height:60px}
.badge-gallery-name{margin:0;font:900 24px/1.15 Sora,sans-serif;letter-spacing:-.01em;text-transform:uppercase}
.badge-gallery-detail{margin:8px 0 0;color:#b9ccbb;font-size:13px}
.badge-gallery-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:10px;margin-top:20px}
.badge-gallery-facts>div{display:grid;gap:4px;padding:14px 10px;border-radius:8px;background:#ffffff0a}
.badge-gallery-facts strong{font-size:14px}
.badge-gallery-facts span{color:#a9bdae;font-size:12px}
@media (max-width:640px){.badge-gallery{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;height:auto;max-height:calc(100dvh - 24px);overflow-y:auto}.badge-gallery-side{order:-1;padding-top:40px}.badge-gallery-list{min-height:auto}.badge-gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}}
/* Arena titles on the profile (Roi de l’Arène ×N, Champion ×N) */
body .public-profile.pp2 .pp2-arena-title{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:6px;font:800 11.5px/1 inherit;white-space:nowrap}
body .public-profile.pp2 .pp2-arena-title svg{width:13px;height:13px;fill:currentColor;flex:none}
body .public-profile.pp2 .pp2-arena-title b{font-weight:900;font-variant-numeric:tabular-nums}
body .public-profile.pp2 .pp2-arena-title.is-king{background:#f4c95d24;color:#f4c95d}
body .public-profile.pp2 .pp2-arena-title.is-champion{background:#9fd3ff1f;color:#a9d8ff}
/* Badge gallery close: the same close as every other window (thin cross icon, no background, colour change on hover only). */
html:not(#_) body .badge-gallery-close{display:grid;place-items:center;width:30px;min-width:30px;height:30px;padding:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--theme-muted,#959cad)!important;font-size:0;transition:color .15s}
html:not(#_) body .badge-gallery-close:hover,html:not(#_) body .badge-gallery-close:focus-visible{background:transparent!important;color:var(--theme-accent,#a0d7ad)!important}
html:not(#_) body .badge-gallery-close svg{width:18px;height:18px}

/* personal-shop-route.css */
body.personal-shop-route .booster-shop,
body.personal-shop-route .popz-shop,
body.personal-shop-route .runel-booster-offer,
body.personal-shop-route .plus-banner,
body.personal-shop-route .cosmetics-section,
body.personal-shop-route .shop-help{display:none}
body.personal-shop-available #personal-shop-mount{scroll-margin-top:100px}
body.personal-shop-available .shop-hub-nav a.shop-gift-link{position:relative;flex:0 0 auto;min-height:46px;padding:10px 18px;gap:10px;isolation:isolate;overflow:hidden;border:1px solid #e7b95e;background:linear-gradient(135deg,#704717,#8d5c1e 48%,#6d4416);color:#fff6dc;box-shadow:0 0 0 1px #ffe5a426,0 5px 18px #a66c292e;font-weight:750;white-space:nowrap;transition:transform .18s ease,opacity .18s ease}
body.personal-shop-available .shop-hub-nav a.shop-gift-link:hover{background:linear-gradient(135deg,#85551c,#956322 48%,#764a18);color:#fff9e8;transform:translateY(-2px)}
body.personal-shop-available .shop-hub-nav a.shop-gift-link:active{transform:translateY(0)}
body.personal-shop-available .shop-hub-nav a.shop-gift-link:focus-visible{outline:2px solid #ffe5a4;outline-offset:3px}
body.personal-shop-route .shop-hub-nav a.shop-gift-link{border-color:#ffdf95;box-shadow:0 0 0 2px #e7b95e55,0 5px 18px #a66c292e}
.shop-gift-icon{position:relative;display:inline-grid;place-items:center;flex:none;width:22px;height:22px;color:#ffe19b;transform-origin:50% 70%;animation:shop-gift-await 2.2s ease-in-out 2}
.shop-gift-icon>.icon{width:22px;height:22px}
.shop-gift-icon::after{content:'';position:absolute;inset:-10px;pointer-events:none;background:radial-gradient(circle at 16% 30%,#fff3bd 0 2px,transparent 3px),radial-gradient(circle at 85% 22%,#ffe08c 0 2px,transparent 3px),radial-gradient(circle at 92% 74%,#fff3bd 0 2px,transparent 3px),radial-gradient(circle at 20% 88%,#ffe08c 0 2px,transparent 3px);opacity:0;transform:scale(.5);animation:shop-gift-sparks 2.2s ease-out 2}
@keyframes shop-gift-await{0%,29%,62%,100%{transform:rotate(0) scale(1)}36%{transform:rotate(-12deg) scale(1.12)}43%{transform:rotate(10deg) scale(1.16)}50%{transform:rotate(-5deg) scale(1.18)}57%{transform:rotate(0) scale(1)}}
@keyframes shop-gift-sparks{0%,34%,68%,100%{opacity:0;transform:scale(.5)}46%{opacity:1;transform:scale(1.05)}61%{opacity:0;transform:scale(1.55)}}
body.personal-shop-route .shop-gift-icon,body.personal-shop-route .shop-gift-icon::after,body.personal-animations-paused .shop-gift-icon,body.personal-animations-paused .shop-gift-icon::after{animation:none}
@media(max-width:600px){body.personal-shop-available .shop-hub-nav{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}body.personal-shop-available .shop-hub-nav a{flex:0 0 auto;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){body.personal-shop-available .shop-hub-nav a.shop-gift-link{transition:none}body.personal-shop-available .shop-hub-nav a.shop-gift-link:hover{transform:none}.shop-gift-icon,.shop-gift-icon::after{animation:none}}

/* profile-companions.css */
.public-profile-companions{position:relative;margin:-6px 0 6px;padding:0 4px}
.public-profile-companion-lane{position:relative;height:118px;overflow:hidden;border-bottom:1px solid color-mix(in srgb,currentColor 14%,transparent)}
.public-profile-companion{position:absolute;bottom:calc(var(--walk-row,0) * 6px);left:0;width:72px;margin:0;display:grid;justify-items:center;gap:2px;animation:profile-companion-walk var(--walk-duration,16s) linear var(--walk-delay,0s) infinite}
.public-profile-companion-body{display:block;width:72px;height:72px;animation:profile-companion-turn var(--walk-duration,16s) steps(1,end) var(--walk-delay,0s) infinite}
.public-profile-companion figcaption{max-width:110px;font-size:11px;line-height:1.3;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85}
@keyframes profile-companion-walk{0%{left:0}50%{left:calc(100% - 72px)}100%{left:0}}
@keyframes profile-companion-turn{0%{transform:scaleX(1)}50%{transform:scaleX(-1)}100%{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.public-profile-companion-lane{display:flex;flex-wrap:wrap;gap:12px;height:auto;padding:8px 0}.public-profile-companion{position:static;animation:none}.public-profile-companion-body{animation:none}}
.public-profile-creature{position:relative;display:block;width:100%;height:100%}
.public-profile-creature canvas{position:absolute;inset:0;width:100%;height:100%}
.public-profile-creature-fallback{position:absolute;inset:8%;width:84%;height:84%;object-fit:contain;opacity:.6}
.public-profile-creature.rendered .public-profile-creature-fallback{display:none}
.public-profile-companion-body .public-profile-creature-fallback{animation:none}
body .public-profile .public-profile-identity{flex-wrap:wrap}
body .public-profile .public-profile-identity>div:not(.public-profile-friend){flex:1 1 200px}
body .public-profile .public-profile-friend{flex:1 1 100%;flex-wrap:wrap;gap:8px;margin:12px 0 0}
/* Companion level and tier aura on public profiles */
.public-profile-companion[data-tier],.public-profile-companion-level[data-tier]{--tier-color:#b9c2b5;--tier-glow:0px}
.public-profile-companion[data-tier="PC"],.public-profile-companion-level[data-tier="PC"]{--tier-color:#6fd08c;--tier-glow:6px}
.public-profile-companion[data-tier="R"],.public-profile-companion-level[data-tier="R"]{--tier-color:#5ab0ff;--tier-glow:9px}
.public-profile-companion[data-tier="SR"],.public-profile-companion-level[data-tier="SR"]{--tier-color:#b07cff;--tier-glow:12px}
.public-profile-companion[data-tier="UR"],.public-profile-companion-level[data-tier="UR"]{--tier-color:#ff8a6b;--tier-glow:15px}
.public-profile-companion[data-tier="L"],.public-profile-companion-level[data-tier="L"]{--tier-color:#f4c95d;--tier-glow:20px}
.public-profile-companion:not([data-tier="C"]) .public-profile-creature{filter:drop-shadow(0 0 var(--tier-glow) color-mix(in srgb,var(--tier-color) 75%,transparent))}
.public-profile-companion[data-tier="UR"] .public-profile-creature{filter:drop-shadow(0 0 var(--tier-glow) color-mix(in srgb,var(--tier-color) 75%,transparent)) sepia(.35) saturate(1.35) hue-rotate(-12deg)}
.public-profile-companion[data-tier="L"] .public-profile-creature{filter:drop-shadow(0 0 var(--tier-glow) #f4c95dcc) sepia(.85) saturate(2.1) hue-rotate(-8deg) brightness(1.12)}
.public-profile-companion-level{display:block;color:var(--tier-color);font-size:10.5px;font-weight:900;opacity:1}
/* Reduced motion: companions stand side by side instead of all stopping on the same spot */
html.pk-low-motion .public-profile-companion-lane{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:flex-end}
html.pk-low-motion .public-profile-companion{position:relative;inset:auto;left:auto;animation:none!important;transform:none!important}
html.pk-low-motion .public-profile-companion *{animation:none!important}
@media (prefers-reduced-motion:reduce){.public-profile-companion-lane{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:flex-end}.public-profile-companion{position:relative;inset:auto;left:auto;animation:none!important;transform:none!important}}
/* Walking companions often cross each other: their name and level only show while the mouse is on one of them. */
.public-profile-companion figcaption{opacity:0;transform:translateY(3px);transition:opacity .18s ease,transform .18s ease}
.public-profile-companion:is(:hover,:focus-within){z-index:2}
.public-profile-companion:is(:hover,:focus-within) figcaption{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.public-profile-companion figcaption{opacity:.85;transform:none}}

/* theme-art.css */
.card-art-theme .card-image{filter:brightness(.5) saturate(.75)}
.card-art-theme .card-media-fallback{opacity:.9}

/* unique-reveal.css */
.unique-reveal{position:fixed;inset:0;z-index:30000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,#2a1d3fee 0%,#0b1310f5 62%);animation:unique-reveal-in .5s ease-out both}
.unique-reveal.is-leaving{animation:unique-reveal-out .45s ease-in both}
.unique-reveal-rays{position:absolute;inset:-60%;background:conic-gradient(from 0deg,#ffd76a33,#6fe3ff55,#ff8fd055,#ffd76a33,#6fe3ff55,#ff8fd055,#ffd76a33);animation:unique-reveal-spin 9s linear infinite;mask-image:radial-gradient(circle,#000 0%,transparent 62%)}
.unique-reveal-sparks{position:absolute;inset:0;pointer-events:none}
.unique-reveal-sparks i{position:absolute;left:50%;top:48%;width:6px;height:6px;border-radius:50%;background:#fff6c9;box-shadow:0 0 10px #ffd76a,0 0 18px #6fe3ff;opacity:0;animation:unique-reveal-spark 2.4s ease-out infinite}
.unique-reveal-sparks i:nth-child(odd){background:#c8f7ff;box-shadow:0 0 10px #6fe3ff,0 0 18px #ff8fd0}
.unique-reveal-sparks i:nth-child(1){--x:-38vw;--y:-30vh;animation-delay:0s}.unique-reveal-sparks i:nth-child(2){--x:36vw;--y:-28vh;animation-delay:.1s}.unique-reveal-sparks i:nth-child(3){--x:-30vw;--y:34vh;animation-delay:.2s}.unique-reveal-sparks i:nth-child(4){--x:32vw;--y:30vh;animation-delay:.3s}.unique-reveal-sparks i:nth-child(5){--x:-44vw;--y:2vh;animation-delay:.4s}.unique-reveal-sparks i:nth-child(6){--x:44vw;--y:-4vh;animation-delay:.5s}.unique-reveal-sparks i:nth-child(7){--x:-8vw;--y:-42vh;animation-delay:.6s}.unique-reveal-sparks i:nth-child(8){--x:10vw;--y:42vh;animation-delay:.7s}.unique-reveal-sparks i:nth-child(9){--x:-22vw;--y:-38vh;animation-delay:.8s}.unique-reveal-sparks i:nth-child(10){--x:24vw;--y:38vh;animation-delay:.9s}.unique-reveal-sparks i:nth-child(11){--x:-40vw;--y:-14vh;animation-delay:1s}.unique-reveal-sparks i:nth-child(12){--x:40vw;--y:16vh;animation-delay:1.1s}.unique-reveal-sparks i:nth-child(13){--x:-16vw;--y:30vh;animation-delay:1.2s}.unique-reveal-sparks i:nth-child(14){--x:18vw;--y:-34vh;animation-delay:1.3s}.unique-reveal-sparks i:nth-child(15){--x:-34vw;--y:20vh;animation-delay:1.4s}.unique-reveal-sparks i:nth-child(16){--x:34vw;--y:-18vh;animation-delay:1.5s}.unique-reveal-sparks i:nth-child(17){--x:0vw;--y:-46vh;animation-delay:1.6s}.unique-reveal-sparks i:nth-child(18){--x:2vw;--y:46vh;animation-delay:1.7s}.unique-reveal-sparks i:nth-child(19){--x:-46vw;--y:-24vh;animation-delay:1.8s}.unique-reveal-sparks i:nth-child(20){--x:46vw;--y:24vh;animation-delay:1.9s}.unique-reveal-sparks i:nth-child(21){--x:-26vw;--y:-6vh;animation-delay:2s}.unique-reveal-sparks i:nth-child(22){--x:26vw;--y:6vh;animation-delay:2.1s}.unique-reveal-sparks i:nth-child(23){--x:-12vw;--y:-22vh;animation-delay:2.2s}.unique-reveal-sparks i:nth-child(24){--x:12vw;--y:22vh;animation-delay:.15s}.unique-reveal-sparks i:nth-child(25){--x:-36vw;--y:40vh;animation-delay:.45s}.unique-reveal-sparks i:nth-child(26){--x:36vw;--y:-40vh;animation-delay:.75s}.unique-reveal-sparks i:nth-child(27){--x:-4vw;--y:24vh;animation-delay:1.05s}.unique-reveal-sparks i:nth-child(28){--x:6vw;--y:-24vh;animation-delay:1.35s}
.unique-reveal-content{position:relative;display:grid;justify-items:center;gap:14px;padding:16px;max-width:min(92vw,420px);text-align:center}
.unique-reveal-kicker{margin:0;font-family:Sora,sans-serif;font-size:clamp(26px,6vw,40px);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff3c4;text-shadow:0 0 18px #ffd76a,0 0 34px #ff8fd0}
.unique-reveal-card{width:min(70vw,300px);animation:unique-reveal-card 1s cubic-bezier(.2,1.4,.4,1) both;filter:drop-shadow(0 0 24px #6fe3ffaa) drop-shadow(0 0 48px #ff8fd066)}
.unique-reveal-copy{margin:0;color:#f4f3df;font-size:15px;line-height:1.5}
@keyframes unique-reveal-in{from{opacity:0}to{opacity:1}}
@keyframes unique-reveal-out{to{opacity:0;transform:scale(1.04)}}
@keyframes unique-reveal-spin{to{transform:rotate(360deg)}}
@keyframes unique-reveal-card{0%{opacity:0;transform:scale(.4) rotateY(180deg)}60%{opacity:1;transform:scale(1.08) rotateY(0)}100%{transform:scale(1)}}
@keyframes unique-reveal-spark{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}15%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1.2)}}
.legendary-toast.is-unique-pull{border-color:#6fe3ff;box-shadow:0 0 0 1px #ff8fd0aa,0 0 32px #6fe3ff88,0 0 60px #ff8fd055;background:linear-gradient(135deg,#1d1530f2,#10241bf2)}
.legendary-toast.is-unique-pull .legendary-toast-rays{background:conic-gradient(from 0deg,#ffd76a44,#6fe3ff66,#ff8fd066,#ffd76a44)}
@media (prefers-reduced-motion:reduce){.unique-reveal,.unique-reveal.is-leaving,.unique-reveal-rays,.unique-reveal-card,.unique-reveal-sparks i{animation:none}.unique-reveal-sparks{display:none}}

/* opening-controls.css */
body .modal:has(.reveal-stage) .modal-header .reveal-header-switches{flex-direction:column;align-items:flex-end;flex-wrap:nowrap;gap:6px;width:auto;max-width:calc(100vw - 90px)}
body .modal:has(.reveal-stage) .modal-header .reveal-switch-group{display:flex;align-items:center;gap:6px;padding:0;border:0;background:none}
body .modal:has(.reveal-stage) .modal-header .reveal-switch-group .ios-switch{width:auto;min-height:40px;margin:0}
body .modal:has(.reveal-stage) .modal-header .auto-speed{display:flex;align-items:center;gap:8px;padding:0 4px;border:0;background:none;color:#cfe3c3;font-size:11px;font-weight:600}
body .modal:has(.reveal-stage) .modal-header .auto-speed[hidden]{display:none}
.auto-speed-label{white-space:nowrap;opacity:.85}
.auto-speed-value{min-width:30px;text-align:right;font-variant-numeric:tabular-nums;font-weight:700;color:#f3c45a}
.auto-speed input[type=range]{-webkit-appearance:none;appearance:none;width:110px;height:8px;margin:0;border-radius:999px;background:linear-gradient(90deg,#2fa57a 0%,#3fd6e8 50%,#f3c45a 100%);cursor:pointer}
.auto-speed input[type=range]:focus-visible{outline:2px solid #f3c45a;outline-offset:3px}
.auto-speed input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#f8f6e6;border:2px solid #10241b;box-shadow:0 1px 4px #0009}
.auto-speed input[type=range]::-moz-range-track{height:8px;border-radius:999px;background:linear-gradient(90deg,#2fa57a 0%,#3fd6e8 50%,#f3c45a 100%)}
.auto-speed input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#f8f6e6;border:2px solid #10241b}
@media(max-width:600px){body .modal:has(.reveal-stage) .modal-header .reveal-switch-group{gap:4px}body .modal:has(.reveal-stage) .modal-header .reveal-switch-group .ios-switch{min-height:36px}.auto-speed input[type=range]{width:80px}}
.news-entry-card ul + h2{margin-top:22px;padding-top:18px;border-top:1px solid #43664a55}
.news-page .numbered-pagination,.social-main-column .numbered-pagination{margin-top:20px}
body .binder-tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
body .binder-tools .binder-privacy{padding:5px 8px;column-gap:7px;min-width:0}
body .binder-tools .binder-privacy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
body .binder-tools .binder-arrange{padding:5px 6px 5px 9px;gap:6px}
body .binder-tools .binder-arrange span{font-size:13px}
body .binder-tools .binder-search{display:flex;align-items:center;gap:7px;min-width:0;margin:0;padding:5px 10px;border:1px solid #9aba9b33;border-radius:12px;background:#12211a;color:#9fb5a4;transition:border-color .15s,background .15s}
body .binder-tools .binder-search:hover,body .binder-tools .binder-search:focus-within{border-color:#9aba9b66;background:#162a20}
body .binder-tools .binder-search svg,body .binder-tools .binder-search i{width:16px;height:16px;flex:none}
body .binder-tools .binder-search input{flex:1;min-width:0;height:30px;padding:0;border:0;outline:0;background:transparent;color:#e3eedf;font:inherit;font-size:13.5px}
body .binder-tools .binder-search input::placeholder{color:#9fb5a4}
.binder-search-empty{margin:18px 0 0;padding:14px;border:1px dashed #9aba9b44;border-radius:12px;text-align:center;color:#cfdfd0}
@media(max-width:900px){body .binder-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){body .binder-tools{grid-template-columns:1fr}}

/* site-theme-auto.css */
html[data-site-theme]:not([data-site-theme="default"]) .status-dot{background:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .status-badge.approved{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .status-badge.status-approved{background:var(--theme-panel);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .status-badge.status-accepted{border-color:color-mix(in srgb,var(--theme-line) 33%,transparent);color:var(--theme-accent);background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .language-select::part(display-input){color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .language-select::part(listbox){border:1px solid var(--theme-line);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .language-select wa-option{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .language-select wa-option:hover{background:var(--theme-panel);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .language-select wa-option[selected]{background:var(--theme-panel);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .brand small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .nav-label{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .sidebar-bottom small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .nav-link{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .sidebar .nav-link:hover{background:var(--theme-panel);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .sidebar .nav-link.active{background:var(--theme-panel);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .active-dot{background:var(--theme-soft);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .button.primary{background:var(--theme-accent);border-color:var(--theme-accent);color:var(--theme-accent-text);box-shadow:0 4px 16px color-mix(in srgb,var(--theme-panel) 20%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .button.primary:hover{background:var(--theme-accent);color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .button.secondary{background:var(--theme-panel);border-color:var(--theme-line);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .button.secondary:hover{background:var(--theme-soft);border-color:var(--theme-line);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .text-link{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .page-heading p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .page-intro p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .hero-copy p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .feature-label{background:var(--theme-panel);border-color:var(--theme-line);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .hero-note{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .pack-copy p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .hero{border-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) body .notice{background:var(--theme-panel);border-color:var(--theme-line);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .duplicate-notice{background:var(--theme-panel);border-color:var(--theme-line);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .notice p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .request-content>p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .request-content>.review-reason{background:var(--theme-panel);border-left-color:var(--theme-line);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .seller-label{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .request-thumbnail{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .status-badge.status-accepted{background:var(--theme-soft);color:var(--theme-accent);border-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) body .listing-action{background:var(--theme-panel);border-color:var(--theme-line);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .listing-remove{background:var(--theme-panel);border-color:var(--theme-line);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .listing-action:hover{background:var(--theme-soft);border-color:var(--theme-line);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .listing-remove:hover{background:var(--theme-soft);border-color:var(--theme-line);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .breadcrumb strong{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .pack-timer svg{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .sound-button{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .pack-timer-text{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .pack-timer-value{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .field input{background:var(--theme-bg-alt);border-color:var(--theme-line);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .search-input{background:var(--theme-bg-alt);border-color:var(--theme-line);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .field input::placeholder{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .search-input input::placeholder{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .collection-tabs button.active{color:var(--theme-accent);border-bottom-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .filter-group wa-select::part(combobox){background:var(--theme-bg-alt);border-color:var(--theme-line);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .form-panel wa-select::part(combobox){background:var(--theme-bg-alt);border-color:var(--theme-line);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .modal wa-select::part(combobox){background:var(--theme-bg-alt);border-color:var(--theme-line);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .app-footer{border-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) body .footer-divider{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .toast{background:var(--theme-panel);border-color:var(--theme-line);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .modal-backdrop{background:color-mix(in srgb,var(--theme-bg) 79%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .modal-backdrop:has(.reveal-stage){background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--theme-soft) 40%,transparent),color-mix(in srgb,var(--theme-bg) 91%,transparent) 63%)}
html[data-site-theme]:not([data-site-theme="default"]) body .pack-box{background:radial-gradient(ellipse at 25% 40%,var(--theme-soft),var(--theme-bg-alt) 70%);border-color:var(--theme-line);box-shadow:0 20px 60px color-mix(in srgb,var(--theme-bg) 31%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .pack-info{background:var(--theme-bg-alt);border-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) body .pack-info h3{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .pack-info h4{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .pack-info>p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .pack-info>p:last-child{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) ::-webkit-scrollbar-track{background:var(--theme-bg)}
html[data-site-theme]:not([data-site-theme="default"]) ::-webkit-scrollbar-thumb{background:var(--theme-soft);border-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) ::-webkit-scrollbar-thumb:hover{background:var(--theme-soft)}
html[data-site-theme]:not([data-site-theme="default"]) .forest-pack .pack-brand{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .forest-pack .pack-bottom{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .forest-pack p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .premium-pack{background:linear-gradient(100deg,var(--theme-bg-alt),var(--theme-panel));border-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .pack-details .pack-availability{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .pack-visual:before{background:radial-gradient(circle,color-mix(in srgb,var(--theme-accent) 27%,transparent),transparent 67%)}
html[data-site-theme]:not([data-site-theme="default"]) .live-dot{background:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .avatar{background:var(--theme-panel);border-color:var(--theme-line);color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .avatar-small{background:var(--theme-panel);border-color:var(--theme-line);color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .loading-state{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .social-section{border:1px solid var(--theme-line);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .social-row{border-top:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .social-row p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .social-row small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-builder>section{background:var(--theme-bg-alt);border:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-item{background:var(--theme-bg-alt);border:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-item>p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .album-assignment-row{border-top:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .pagination{border-top:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .pagination span{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .plus-gate{border:1px solid var(--theme-line);background:radial-gradient(ellipse at top,var(--theme-soft),var(--theme-bg-alt) 70%)}
html[data-site-theme]:not([data-site-theme="default"]) .plus-gate p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .auction-meta{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .empty-state{background:var(--theme-bg-alt);border-color:var(--theme-line);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .empty-state h3{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .empty-state p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .empty-icon{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .search-input input{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .universe-card.wiki{background:linear-gradient(110deg,var(--theme-panel),var(--theme-bg-alt));border-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) body .universe-card.creators{background:linear-gradient(110deg,var(--theme-panel),var(--theme-bg-alt));border-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) body .universe-card.roleplay{background:linear-gradient(110deg,var(--theme-panel),var(--theme-bg-alt));border-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) body .universe-card.wiki .universe-icon{background:var(--theme-soft);color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .universe-card.creators .universe-icon{background:var(--theme-soft);color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .universe-card.roleplay .universe-icon{background:var(--theme-soft);color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .community-callout{background:linear-gradient(100deg,var(--theme-panel),var(--theme-bg-alt));border-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) body .callout-icon{background:var(--theme-soft);border-color:var(--theme-line);color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .collection-summary span{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .request-meta{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .shop-item-copy p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .shop-note{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .collection-tabs{border-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) body .collection-tabs button{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .button.ghost{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .review-steps>li{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .field>label{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .checkbox-field{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .form-actions{border-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) body .form-actions p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .detail-facts>div{border-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) body .detail-facts dt{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .detail-facts dd{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .card-detail-copy>p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .card-description{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .notification-item{background:var(--theme-panel);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .notification-item small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .demo-tag{background:var(--theme-panel);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .notification-dot{border-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) body .toast svg{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body a:focus-visible{outline-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body button:focus-visible{outline-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body input:focus-visible{outline-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body textarea:focus-visible{outline-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body select:focus-visible{outline-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .card-placeholder-symbol{border:1px solid color-mix(in srgb,var(--theme-accent) 26%,transparent);color:color-mix(in srgb,var(--theme-accent) 61%,transparent);box-shadow:0 0 50px color-mix(in srgb,var(--theme-accent) 13%,transparent),inset 0 0 35px color-mix(in srgb,var(--theme-accent) 7%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .card-placeholder-symbol::before{border:1px solid color-mix(in srgb,var(--theme-accent) 13%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .pack-details>p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .pack-availability>span:first-child{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .pack-availability>span{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .universe-card.esports .universe-icon{background:var(--theme-soft)}
html[data-site-theme]:not([data-site-theme="default"]) body .image-credit{border-top:1px solid var(--theme-line);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .image-credit a{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .image-credit a:hover{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .card-wrap .quantity-badge{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .proposal-illustration>.proposal-stamp{border:1px solid var(--theme-line);background:radial-gradient(ellipse at 50% 35%,var(--theme-soft),var(--theme-panel) 58%,var(--theme-bg-alt));color:var(--theme-text);box-shadow:inset 0 1px 0 #e5f4ce26,0 3px 0 var(--theme-bg),0 17px 30px color-mix(in srgb,var(--theme-bg) 40%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .proposal-stamp::after{border:1px solid color-mix(in srgb,var(--theme-accent) 22%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .proposal-illustration>.proposal-stamp .proposal-stamp-symbol{border:1px solid color-mix(in srgb,var(--theme-accent) 28%,transparent);color:var(--theme-accent);box-shadow:inset 0 0 20px color-mix(in srgb,var(--theme-accent) 4%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .proposal-illustration>.proposal-stamp strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .proposal-illustration>.proposal-stamp .proposal-stamp-rule{background:color-mix(in srgb,var(--theme-accent) 33%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .proposal-illustration>.proposal-stamp small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .status-badge.status-pending{background:var(--theme-panel);border-color:var(--theme-line);color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .request-thumbnail{border:1px solid var(--theme-line);background:var(--theme-panel);box-shadow:inset 0 0 0 4px var(--theme-bg-alt),0 3px 0 var(--theme-bg)}
html[data-site-theme]:not([data-site-theme="default"]) body .notification-list>p{border-bottom:1px solid var(--theme-line);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .notification-list svg{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .country-notice{border:1px solid var(--theme-line);background:linear-gradient(110deg,var(--theme-soft),var(--theme-panel));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--theme-accent) 8%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .country-notice-icon{background:color-mix(in srgb,var(--theme-soft) 9%,transparent);border:1px solid color-mix(in srgb,var(--theme-accent) 22%,transparent);color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .country-notice p{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .country-notice .button{background:var(--theme-soft);border-color:var(--theme-line);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .hero.hero-gaming{background:var(--theme-bg-alt);border:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) body .hero.hero-gaming::before{background:linear-gradient(90deg,color-mix(in srgb,var(--theme-bg) 91%,transparent) 0%,color-mix(in srgb,var(--theme-bg-alt) 69%,transparent) 33%,color-mix(in srgb,var(--theme-bg) 10%,transparent) 65%,transparent 100%)}
html[data-site-theme]:not([data-site-theme="default"]) body .hero-gaming .hero-copy>p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .hero-gaming .hero-note{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .collection-intro h1{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .collection-intro .page-heading p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .collection-intro .button{background:color-mix(in srgb,var(--theme-panel) 91%,transparent);border-color:var(--theme-line);box-shadow:0 4px 15px color-mix(in srgb,var(--theme-bg) 30%,transparent)}
@media(max-width:760px){html[data-site-theme]:not([data-site-theme="default"]) body .hero.hero-gaming::before{background:linear-gradient(180deg,var(--theme-bg-alt) 0%,var(--theme-bg-alt) 43%,color-mix(in srgb,var(--theme-bg-alt) 79%,transparent) 50%,color-mix(in srgb,var(--theme-bg-alt) 0%,transparent) 68%)}}
@media(max-width:760px){html[data-site-theme]:not([data-site-theme="default"]) body .collection-intro::after{background:linear-gradient(90deg,color-mix(in srgb,var(--theme-bg) 93%,transparent),color-mix(in srgb,var(--theme-bg) 40%,transparent))}}
html[data-site-theme]:not([data-site-theme="default"]) body .field input:not([type="checkbox"]){background:var(--theme-bg-alt);border:1px solid var(--theme-line);color:var(--theme-text);box-shadow:inset 0 1px 3px color-mix(in srgb,var(--theme-bg) 20%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .field textarea{background:var(--theme-bg-alt);border:1px solid var(--theme-line);color:var(--theme-text);box-shadow:inset 0 1px 3px color-mix(in srgb,var(--theme-bg) 20%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .field input:not([type="checkbox"])::placeholder{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .field textarea::placeholder{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .field input:not([type="checkbox"]):focus{border-color:var(--theme-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 8%,transparent);outline-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .field textarea:focus{border-color:var(--theme-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 8%,transparent);outline-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .field>label span{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .card-wrapper>.favorite-button{background:color-mix(in srgb,var(--theme-bg) 88%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .card-wrapper>.favorite-button.is-favorite{background:color-mix(in srgb,var(--theme-bg) 88%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .card-wrap .quantity-badge{background:color-mix(in srgb,var(--theme-bg) 87%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .modal:has(.pack-open-intro){background:var(--theme-bg-alt);border:1px solid var(--theme-line);box-shadow:0 24px 70px color-mix(in srgb,var(--theme-bg) 40%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .pack-open-intro>p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .card-back{background:radial-gradient(ellipse at 30% 20%,var(--theme-soft),var(--theme-panel) 52%,var(--theme-bg-alt));color:var(--theme-muted);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--theme-accent) 10%,transparent),0 12px 28px color-mix(in srgb,var(--theme-bg) 25%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .flip-back{background:radial-gradient(ellipse at 30% 20%,var(--theme-soft),var(--theme-panel) 52%,var(--theme-bg-alt));color:var(--theme-muted);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--theme-accent) 10%,transparent),0 12px 28px color-mix(in srgb,var(--theme-bg) 25%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .card-back-pattern{background:repeating-linear-gradient(115deg,transparent 0 9px,color-mix(in srgb,var(--theme-accent) 12%,transparent) 10px,transparent 11px 19px),linear-gradient(135deg,color-mix(in srgb,var(--theme-accent) 5%,transparent),transparent 45%,color-mix(in srgb,var(--theme-bg) 20%,transparent))}
html[data-site-theme]:not([data-site-theme="default"]) body .card-back-mark{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .nav-count{background:var(--theme-panel);color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .nav-link.active .nav-count{background:var(--theme-bg-alt);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .reveal-navigation{background:color-mix(in srgb,var(--theme-bg-alt) 93%,transparent);border:1px solid color-mix(in srgb,var(--theme-line) 30%,transparent);box-shadow:0 7px 19px color-mix(in srgb,var(--theme-bg) 25%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .reveal-navigation .icon-button{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .reveal-navigation .icon-button:hover:not(:disabled){background:var(--theme-soft);color:var(--theme-text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-accent) 15%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .reveal-navigation .icon-button:disabled{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .reveal-position{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .pack-tear-seam{background:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .pack-tear-hint{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .pack-tear-grip{border:1px solid color-mix(in srgb,var(--theme-accent) 30%,transparent);background:color-mix(in srgb,var(--theme-bg-alt) 85%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .pack-tear-grip:hover{background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .pack-tear-stage:not(.is-tearing) .pack-tear-card{background:linear-gradient(135deg,var(--theme-soft),var(--theme-panel) 55%,var(--theme-soft));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-soft) 25%,transparent),0 12px 22px #0003}
html[data-site-theme]:not([data-site-theme="default"]) .booster-shop-offer{border:1px solid var(--theme-line);background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .booster-shop-offer p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .booster-shop-price{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .collection-intro::after{background:linear-gradient(90deg,color-mix(in srgb,var(--theme-bg-alt) 48%,transparent),transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .universe-card{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-soft) 45%,transparent),color-mix(in srgb,var(--theme-panel) 38%,transparent))!important;border:1px solid color-mix(in srgb,var(--theme-line) 25%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .universe-card:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-soft) 55%,transparent),color-mix(in srgb,var(--theme-panel) 50%,transparent))!important;border-color:color-mix(in srgb,var(--theme-accent) 48%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .universe-card .universe-icon{background:color-mix(in srgb,var(--theme-soft) 16%,transparent)!important;color:var(--theme-accent)!important;border:1px solid color-mix(in srgb,var(--theme-accent) 13%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .universe-card h3{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .universe-card p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .universe-arrow{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .runel-booster-offer{border:1px solid var(--theme-line);background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .runel-booster-offer p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .runel-booster-price{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .runel-booster-price strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .plus-equal-odds{color:var(--theme-muted)!important}
html[data-site-theme]:not([data-site-theme="default"]) .staff-panel{--staff-base:var(--theme-bg-alt);--staff-panel:var(--theme-panel);--staff-border:var(--theme-line);--staff-muted:var(--theme-muted);--staff-accent:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-icon-button{border:1px solid var(--theme-line);background:var(--theme-panel);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-icon-button:hover:not(:disabled){background:var(--theme-soft);border-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-tabs :is(a,button){color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-tabs :is(a,button):hover{background:var(--theme-panel);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-tabs :is(a,button).active{background:var(--theme-soft);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-pill{background:var(--theme-panel);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-pill-staff{background:var(--theme-soft);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-pill-success{background:var(--theme-soft);color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-error{background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-empty{background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-empty>svg{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-metrics article>span:last-child{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-metric-icon{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-economy dt{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-activity-counts svg{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-activity-counts span{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-inline-link{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-search{background:var(--theme-bg-alt);border:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-search svg{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-search input{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-search:focus-within{border-color:var(--theme-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-accent) 10%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-search input::placeholder{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-filter select{color:var(--theme-text);background:var(--theme-panel);border:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-field select{color:var(--theme-text);background:var(--theme-panel);border:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-table-wrap{background:var(--theme-bg-alt);scrollbar-color:var(--theme-soft) var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-table th{color:var(--theme-muted);background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-table td{border-top:1px solid var(--theme-line);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-table tbody tr:hover{background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-person strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-person small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-avatar{color:var(--theme-text);background:var(--theme-soft)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-id{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-cell-note{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-table-audit time{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-pagination{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-role-guide>div{background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-role-guide svg{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-role-guide p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-protected{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-proposal{background:var(--theme-panel);border:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-proposal-copy>p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-proposal-meta{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-proposal-meta strong{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-catalog-card img{background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-catalog-card small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-card-thumbnail{background:var(--theme-panel);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-modal{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .modal:has(.staff-modal){background:var(--theme-bg-alt);border:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .modal:has(.staff-modal) .modal-header{background:var(--theme-bg-alt);border-bottom-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .modal:has(.staff-modal) .modal-footer{background:var(--theme-bg-alt);border-top-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-user-summary dt{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-plus-detail{background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-plus-detail p{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-plus-detail>span:last-child{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-muted{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-billing-list{border:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-billing-list>div{border-bottom:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-billing-list small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-billing-list time{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-user-meta{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-modal-note{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-field>span{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-field input{border:1px solid var(--theme-line);background:var(--theme-bg-alt);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-field textarea{border:1px solid var(--theme-line);background:var(--theme-bg-alt);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-field input::placeholder{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-field textarea::placeholder{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-field input:focus{border-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-field textarea:focus{border-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-field select:focus{border-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-field small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-confirm-summary>span{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-value-comparison{background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-value-comparison span{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-value-comparison svg{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-value-comparison div:last-child strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-confirm-reason{border-top:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-confirm-reason>span{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-confirm-change{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-found-users{border:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-found-users>div{border-bottom:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-review-image{background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-review-empty{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-review-description{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-review-facts dt{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-warning{background:var(--theme-panel);color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-decision-heading time{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-decision-reason{background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-audit-diff h3{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-audit-diff pre{background:var(--theme-bg-alt);border:1px solid var(--theme-line);color:var(--theme-accent)}
@media(max-width:760px){html[data-site-theme]:not([data-site-theme="default"]) .staff-table tr{background:var(--theme-panel);border:1px solid var(--theme-line)}}
@media(max-width:760px){html[data-site-theme]:not([data-site-theme="default"]) .staff-table td::before{color:var(--theme-muted)}}
@media(max-width:760px){html[data-site-theme]:not([data-site-theme="default"]) .staff-table-audit td:first-child{color:var(--theme-muted)}}
html[data-site-theme]:not([data-site-theme="default"]) .staff-permissions legend{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-permissions label{border-bottom:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-portrait-review{background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-sales{background:var(--theme-bg-alt);border:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-sales p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-sales dt{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-sales dd{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-promotion-card{border:1px solid color-mix(in srgb,var(--theme-line) 14%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--theme-panel) 88%,transparent),color-mix(in srgb,var(--theme-bg-alt) 94%,transparent))}
html[data-site-theme]:not([data-site-theme="default"]) .staff-promotion-discount{background:color-mix(in srgb,var(--theme-accent) 14%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-promotion-price{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-promotion-price del{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-promotion-price strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-promotion-dates{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-promotion-dates time{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-promotion-switch{background:color-mix(in srgb,var(--theme-accent) 7%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-promotion-switch strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-promotion-switch small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-access-status{border-bottom:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-access-status dt{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-access-status p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-sales .staff-sales-total{border-bottom:1px solid color-mix(in srgb,var(--theme-line) 27%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .public-album-chip.is-active{color:var(--accent-text,var(--theme-accent-text))}
html[data-site-theme]:not([data-site-theme="default"]) body.auth-page .topbar{background:var(--theme-bg);border-bottom:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) body.auth-page .breadcrumb{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .auth-screen{background:var(--theme-bg-alt);border:1px solid var(--theme-line);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .auth-world{background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .auth-world-copy>p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .auth-security{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .auth-form-pane{background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .auth-form-intro{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .auth-form-icon{background:var(--theme-soft);color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .auth-field>span:first-child{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .auth-field input{background:var(--theme-bg-alt);border:1px solid var(--theme-line);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .auth-field input::placeholder{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .auth-field input:focus{border-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .auth-field small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .auth-eye{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .auth-eye:hover{color:var(--theme-text);background:var(--theme-soft)}
html[data-site-theme]:not([data-site-theme="default"]) .auth-forgot{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .auth-divider{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .auth-divider::before{background:var(--theme-soft)}
html[data-site-theme]:not([data-site-theme="default"]) .auth-divider::after{background:var(--theme-soft)}
html[data-site-theme]:not([data-site-theme="default"]) .auth-discord{border-color:var(--theme-line)!important;background:var(--theme-panel)!important;color:var(--theme-text)!important}
html[data-site-theme]:not([data-site-theme="default"]) .auth-discord:hover{background:var(--theme-soft)!important}
html[data-site-theme]:not([data-site-theme="default"]) .auth-discord-note{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .auth-alternate{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .auth-alternate a{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .auth-back{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-button:hover{background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-summary{border-bottom:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-summary .avatar{background:var(--theme-soft);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-summary small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-note{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .auth-product-card{border:1px solid color-mix(in srgb,var(--theme-accent) 36%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--theme-soft) 75%,transparent),color-mix(in srgb,var(--theme-bg-alt) 78%,transparent));color:var(--theme-accent);box-shadow:0 13px 23px color-mix(in srgb,var(--theme-bg) 37%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .auth-world::after{background:linear-gradient(180deg,var(--theme-panel) 0%,color-mix(in srgb,var(--theme-panel) 87%,transparent) 31%,color-mix(in srgb,var(--theme-panel) 0%,transparent) 67%,color-mix(in srgb,var(--theme-panel) 58%,transparent) 100%)}
@media(max-width:760px){html[data-site-theme]:not([data-site-theme="default"]) .auth-world::after{background:linear-gradient(90deg,color-mix(in srgb,var(--theme-panel) 93%,transparent) 12%,color-mix(in srgb,var(--theme-panel) 80%,transparent) 43%,color-mix(in srgb,var(--theme-panel) 14%,transparent) 100%)}}
html[data-site-theme]:not([data-site-theme="default"]) body.auth-page .breadcrumb strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .community-summary{border:1px solid var(--theme-line);background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .community-summary>div{border-right:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .community-summary svg{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .community-summary span{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .community-summary strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .friend-search-section{background:var(--theme-bg-alt);border:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .friend-search-section .search-input{background:var(--theme-bg-alt);border-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .friend-search-section .search-input svg{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .community-section-count{background:var(--theme-soft);color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .community-page .social-row{background:var(--theme-panel);border:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) #player-search-results .social-row{background:var(--theme-panel);border:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .community-page .social-row>.avatar{background:var(--theme-soft);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) #player-search-results .social-row>.avatar{background:var(--theme-soft);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .community-page .social-copy h3{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) #player-search-results .social-copy h3{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .community-page .social-copy p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) #player-search-results .social-copy p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .community-page .social-actions{border-top:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) #player-search-results .social-actions{border-top:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .community-page .social-actions .button.primary{background:var(--theme-accent);color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) .community-page .social-invitations .social-row{background:var(--theme-panel);border-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .community-page .social-invitations .social-actions{border-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .community-empty{background:var(--theme-bg-alt);border:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .community-empty-icon{background:var(--theme-soft);color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .community-empty p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .community-page .trade-item{background:var(--theme-panel);border:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .community-page .trade-heading{border-bottom:1px solid var(--theme-line);background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-person .avatar{background:var(--theme-soft);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .community-page .trade-heading h2>span:first-child{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .community-page .trade-columns{background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .community-page .trade-columns>section>h3{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .community-page .trade-direction{border:1px solid var(--theme-line);background:var(--theme-soft);color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .community-page .trade-quantity{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .community-page .trade-footer{border-top:1px solid var(--theme-line);background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .community-page .trade-footer>span{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .catalog-page .collection-summary{background:var(--theme-panel);border:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .catalog-page .collection-summary>div{border-right:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .catalog-page .collection-summary strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .catalog-page .collection-summary span{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .catalog-page .collection-intro{border:1px solid var(--theme-line);background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .catalog-page .collection-intro p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .catalog-membership-note{background:var(--theme-panel);border-left:2px solid var(--theme-accent);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .catalog-page .toolbar{background:var(--theme-panel);border:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .catalog-page .toolbar .search-input{background:var(--theme-bg-alt);border-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .catalog-page .results-count{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-empty-side{color:var(--theme-muted);background:var(--theme-panel);border:1px dashed var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) body .community-page .trade-card-list{scrollbar-color:var(--theme-soft) var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-compose-copy{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-compose-side+.trade-compose-side{border-left:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-compose-heading>span{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-choice-mark{background:var(--theme-soft);border:1px solid var(--theme-line);color:var(--theme-text);box-shadow:0 3px 8px color-mix(in srgb,var(--theme-bg) 50%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-card-choice.is-selected .trade-choice-mark{background:var(--theme-accent);color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-selection-item{background:var(--theme-soft);border:1px solid var(--theme-line);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-picker-empty{color:var(--theme-muted);background:var(--theme-bg-alt)}
@media(max-width:760px){html[data-site-theme]:not([data-site-theme="default"]) .trade-compose-side+.trade-compose-side{border-top:1px solid var(--theme-line)}}
html[data-site-theme]:not([data-site-theme="default"]) .public-profile-albums{border-top:1px solid color-mix(in srgb,var(--theme-line) 20%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .public-album{background:var(--theme-bg-alt);border:1px solid color-mix(in srgb,var(--theme-line) 40%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .public-album summary:hover{background:color-mix(in srgb,var(--theme-soft) 40%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .public-album-label small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .public-album-open:hover{background:var(--theme-soft)}
html[data-site-theme]:not([data-site-theme="default"]) .public-binder-view .binder-pagination{background:var(--theme-panel);border-top:1px solid color-mix(in srgb,var(--theme-line) 20%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-gif-grid .chat-gif-empty{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body.chat-drop-live .sidebar .nav-link[data-page="chat"]{background:linear-gradient(135deg,var(--theme-accent),#35c6d6 55%,#2f8fd6);color:var(--theme-accent-text);box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-accent) 40%,transparent),0 6px 22px #35c6d655}
html[data-site-theme]:not([data-site-theme="default"]) body.chat-drop-live .sidebar .nav-link[data-page="chat"] svg{color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) body.chat-drop-live .sidebar .nav-link[data-page="chat"] [data-icon]{color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) #chat-list .chat-highlight.is-collection{border-color:color-mix(in srgb,var(--theme-accent) 40%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--theme-accent) 10%,transparent),#0000 70%)}
html[data-site-theme]:not([data-site-theme="default"]) #chat-list .chat-highlight strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-shelf-heading h2{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-shelf-heading p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-heading h1{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-heading p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-back{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-book{box-shadow:0 4px 0 var(--theme-bg),0 20px 40px #0003}
html[data-site-theme]:not([data-site-theme="default"]) .binder-book::before{background:color-mix(in srgb,var(--theme-bg) 35%,transparent);box-shadow:0 1px 0 color-mix(in srgb,var(--theme-accent) 16%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-binding i{border:3px solid var(--theme-line);border-right-color:var(--theme-line);border-left-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-leaf{background:linear-gradient(100deg,#70877418,color-mix(in srgb,var(--theme-soft) 7%,transparent) 50%,color-mix(in srgb,var(--theme-soft) 13%,transparent));box-shadow:2px 3px 0 color-mix(in srgb,var(--theme-soft) 21%,transparent),3px 4px 0 color-mix(in srgb,var(--theme-accent) 12%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--theme-accent) 15%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-book.has-2-leaves .binder-binding{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--theme-bg) 41%,transparent),transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-book.has-2-leaves .binder-leaf:first-of-type{box-shadow:-2px 3px 0 color-mix(in srgb,var(--theme-soft) 21%,transparent),-3px 4px 0 color-mix(in srgb,var(--theme-accent) 12%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--theme-accent) 15%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .public-binder-owned{border:1px solid color-mix(in srgb,var(--theme-accent) 60%,transparent);background:color-mix(in srgb,var(--theme-bg-alt) 91%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-pocket{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-accent) 22%,transparent),inset 0 3px 0 #dfead428,inset 0 -2px 4px #0004}
html[data-site-theme]:not([data-site-theme="default"]) .binder-pocket::after{box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--theme-accent) 22%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-pocket.is-empty>button{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-pocket-remove{background:color-mix(in srgb,var(--theme-bg-alt) 93%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-leaf-number{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-pagination>span{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-picker-copy{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-picker-card svg{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-picker-status{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-picker-empty p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-book{background:linear-gradient(100deg,color-mix(in srgb,var(--binder-color,var(--theme-soft)) 24%,var(--theme-bg)),color-mix(in srgb,var(--binder-color,var(--theme-soft)) 52%,var(--theme-bg-alt)) 14%,color-mix(in srgb,var(--binder-color,var(--theme-soft)) 32%,var(--theme-bg)) 65%,color-mix(in srgb,var(--binder-color,var(--theme-soft)) 60%,var(--theme-bg-alt)))}
html[data-site-theme]:not([data-site-theme="default"]) .binder-book .binder-leaf{background:linear-gradient(100deg,color-mix(in srgb,var(--binder-color,var(--theme-soft)) 10%,color-mix(in srgb,var(--theme-soft) 5%,transparent)),color-mix(in srgb,var(--theme-soft) 7%,transparent) 50%,color-mix(in srgb,var(--binder-color,var(--theme-soft)) 12%,color-mix(in srgb,var(--theme-soft) 10%,transparent)))}
html[data-site-theme]:not([data-site-theme="default"]) .binder-actions .button[aria-pressed="true"]{border-color:color-mix(in srgb,var(--theme-accent) 50%,transparent);background:color-mix(in srgb,var(--theme-soft) 40%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-order-hint{border-left:2px solid var(--theme-accent);background:var(--theme-bg-alt);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-pocket-order>span{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-move-handle{border:1px solid color-mix(in srgb,var(--theme-line) 24%,transparent);background:color-mix(in srgb,var(--theme-bg-alt) 94%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-move-handle:hover{background:var(--theme-soft);border-color:color-mix(in srgb,var(--theme-accent) 48%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-pocket.binder-drop-target .binder-pocket-order{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-move-title{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-picker-toolbar{background:var(--surface,var(--theme-bg-alt))}
html[data-site-theme]:not([data-site-theme="default"]) .binder-picker-filters wa-select::part(form-control-label){color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-picker-filters wa-select::part(combobox){border:1px solid color-mix(in srgb,var(--theme-line) 27%,transparent);background:var(--theme-bg-alt);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-picker-count{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-picker-row{border-color:color-mix(in srgb,var(--theme-line) 19%,transparent);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-picker-row:hover{background:var(--theme-panel);border-color:color-mix(in srgb,var(--theme-line) 38%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-picker-row:has(input:checked){background:var(--theme-soft);border-color:color-mix(in srgb,var(--theme-accent) 55%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-picker-card{background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-picker-name{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-picker-name small{color:var(--theme-muted)}
@media(hover:none),(pointer:coarse){html[data-site-theme]:not([data-site-theme="default"]) .binder-picker-row:hover{background:var(--theme-bg-alt);border-color:color-mix(in srgb,var(--theme-line) 19%,transparent)}}
@media(hover:none),(pointer:coarse){html[data-site-theme]:not([data-site-theme="default"]) .binder-picker-row:has(input:checked){background:var(--theme-soft);border-color:color-mix(in srgb,var(--theme-accent) 55%,transparent)}}
html[data-site-theme]:not([data-site-theme="default"]) .binder-book .binder-leaf-number{background:color-mix(in srgb,var(--theme-bg-alt) 86%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-card-move{background:color-mix(in srgb,var(--theme-bg-alt) 91%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-card-move:hover{background:var(--theme-soft);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-move-picker>p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-move-picker>label{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-move-picker>select{border:1px solid color-mix(in srgb,var(--theme-line) 40%,transparent);background:var(--theme-bg-alt);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-move-slots button{border:1px solid color-mix(in srgb,var(--theme-line) 24%,transparent);background:var(--theme-bg-alt);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-move-slots button>span{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-move-slots button[aria-pressed="true"]{border-color:var(--theme-accent);background:var(--theme-soft)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-pocket.binder-drop-target{background:color-mix(in srgb,var(--theme-accent) 13%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-accent) 22%,transparent),0 0 0 6px color-mix(in srgb,var(--theme-accent) 7%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-file-picker svg{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-file-picker span{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-file-picker:hover{background:var(--theme-panel);border-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-privacy{border:1px solid color-mix(in srgb,var(--theme-line) 20%,transparent);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-privacy:hover{border-color:color-mix(in srgb,var(--theme-line) 40%,transparent);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-privacy input{background:var(--theme-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-soft) 25%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-privacy input::before{background:var(--theme-soft)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-privacy input:checked{background:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-privacy input:checked::before{background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-privacy span{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-privacy small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-book .binder-pocket{background:linear-gradient(180deg,#ffffff0e,#ffffff03 38%,#0000001a),var(--theme-bg)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-book .binder-binding::before{background:linear-gradient(90deg,var(--theme-soft),var(--theme-soft) 40%,#e5ece0 50%,#8e9a8b 62%,#3a463a)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-book .binder-binding i{background:linear-gradient(#0000,#0000) padding-box,linear-gradient(160deg,#fbfdf7 0%,#a7b2a2 24%,#5b685a 46%,#e9efe2 60%,#7b8879 78%,var(--theme-soft) 100%) border-box}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-book .binder-turn-zone svg{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-book .binder-turn-zone.is-next.is-armed::after{background:linear-gradient(225deg,#0000 50%,#e3ecda 50%,var(--theme-soft) 72%,var(--theme-soft))}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-book .binder-turn-zone.is-previous.is-armed::after{background:linear-gradient(135deg,#0000 50%,#e3ecda 50%,var(--theme-soft) 72%,var(--theme-soft))}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-book .binder-pocket.binder-drop-target{box-shadow:0 0 0 2px var(--theme-accent),0 0 26px color-mix(in srgb,var(--theme-accent) 44%,transparent),inset 0 0 0 1px #ffffff30}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-book .binder-pocket.binder-drop-target.is-empty>button{outline-color:var(--theme-accent);background:color-mix(in srgb,var(--theme-accent) 8%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-arrange{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-arrange select{border:1px solid color-mix(in srgb,var(--theme-line) 20%,transparent);background:var(--theme-bg-alt);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-arrange select:hover{border-color:color-mix(in srgb,var(--theme-line) 40%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-private-audience wa-select::part(combobox){border:1px solid color-mix(in srgb,var(--theme-line) 25%,transparent);background:var(--theme-bg);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-private-audience wa-select::part(listbox){border:1px solid var(--theme-line);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-tools .binder-arrange{border:1px solid color-mix(in srgb,var(--theme-line) 20%,transparent);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-tools .binder-arrange:hover{border-color:color-mix(in srgb,var(--theme-line) 40%,transparent);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-tools .binder-arrange:focus-within{border-color:color-mix(in srgb,var(--theme-line) 40%,transparent);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-tools .binder-arrange span{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-tools .binder-arrange select{border:1px solid color-mix(in srgb,var(--theme-line) 25%,transparent);background:var(--theme-bg) url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2714%27 height=%2714%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23bedca5%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m6 9 6 6 6-6%27/%3E%3C/svg%3E") no-repeat right 11px center/14px;color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-tools .binder-arrange select option{background:var(--theme-bg-alt);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-curl-under{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-accent) 12%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-book .binder-turn-zone.is-next .binder-peel::before{background:var(--theme-bg)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-book .binder-turn-zone.is-previous .binder-peel::before{background:var(--theme-bg)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-book .binder-turn-zone.is-next .binder-peel::after{background:linear-gradient(135deg,color-mix(in srgb,var(--binder-color,var(--theme-soft)) 30%,var(--theme-bg)) 0%,color-mix(in srgb,var(--binder-color,var(--theme-soft)) 45%,var(--theme-panel)) 70%,color-mix(in srgb,var(--binder-color,var(--theme-soft)) 60%,var(--theme-soft)) 100%)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-book .binder-turn-zone.is-previous .binder-peel::after{background:linear-gradient(225deg,color-mix(in srgb,var(--binder-color,var(--theme-soft)) 30%,var(--theme-bg)) 0%,color-mix(in srgb,var(--binder-color,var(--theme-soft)) 45%,var(--theme-panel)) 70%,color-mix(in srgb,var(--binder-color,var(--theme-soft)) 60%,var(--theme-soft)) 100%)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-scope{border:1px solid color-mix(in srgb,var(--theme-accent) 20%,transparent);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-scope b{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-scope.is-active{background:var(--theme-accent);border-color:var(--theme-accent);color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-scope.is-active b{background:color-mix(in srgb,var(--theme-bg-alt) 20%,transparent);color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-picker-tile .binder-picker-card{background:var(--theme-bg)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-picker-tile:hover .binder-picker-card{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-accent) 40%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-picker-tile.is-picked .binder-picker-card{box-shadow:0 0 0 3px var(--theme-accent),0 0 18px color-mix(in srgb,var(--theme-accent) 40%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-picker-check{background:var(--theme-accent);color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-picker-tile .binder-picker-name{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-tools .binder-arrange:not(.binder-private-audience) wa-select::part(combobox){border:1px solid color-mix(in srgb,var(--theme-line) 25%,transparent);background:var(--theme-bg);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-tools .binder-arrange:not(.binder-private-audience) wa-select::part(display-input){color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-tools .binder-arrange:not(.binder-private-audience) wa-select::part(expand-icon){color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-tools .binder-arrange:not(.binder-private-audience) wa-select::part(listbox){border:1px solid var(--theme-line);background:var(--theme-bg-alt);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-tools .binder-arrange:not(.binder-private-audience) wa-option{color:var(--theme-text);--wa-color-neutral-fill-normal:var(--theme-panel);--wa-color-on-normal:var(--theme-soft)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-tools .binder-arrange:not(.binder-private-audience) wa-option:hover{background:var(--theme-panel);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-tools .binder-arrange:not(.binder-private-audience) wa-option:focus{background:var(--theme-panel);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-tools .binder-arrange:not(.binder-private-audience) wa-option[selected]{background:var(--theme-panel);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-book .binder-turn-zone.is-next.is-top .binder-peel::before{background:linear-gradient(225deg,var(--theme-bg) 0%,var(--theme-bg) 60%,var(--theme-bg-alt) 100%)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-book .binder-turn-zone.is-next.is-top .binder-peel::after{background:linear-gradient(45deg,var(--theme-soft) 0%,#d9e4cf 42%,#eef4e6 50%,var(--theme-soft) 51%,var(--theme-soft) 100%)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-book .binder-turn-zone.is-previous.is-top .binder-peel::before{background:linear-gradient(135deg,var(--theme-bg) 0%,var(--theme-bg) 60%,var(--theme-bg-alt) 100%)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-book .binder-turn-zone.is-previous.is-top .binder-peel::after{background:linear-gradient(315deg,var(--theme-soft) 0%,#d9e4cf 42%,#eef4e6 50%,var(--theme-soft) 51%,var(--theme-soft) 100%)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-book .binder-turn-zone.is-next.is-top.is-armed::after{background:linear-gradient(315deg,#0000 50%,#e3ecda 50%,var(--theme-soft) 72%,var(--theme-soft))}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-book .binder-turn-zone.is-previous.is-top.is-armed::after{background:linear-gradient(45deg,#0000 50%,#e3ecda 50%,var(--theme-soft) 72%,var(--theme-soft))}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-view .binder-status{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-view .binder-page-number{border:1px solid color-mix(in srgb,var(--theme-line) 46%,transparent);background:var(--theme-bg-alt);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-view .binder-page-arrow{border:1px solid color-mix(in srgb,var(--theme-line) 46%,transparent);background:var(--theme-bg-alt);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-view .binder-page-number:hover:not(:disabled){border-color:var(--theme-accent);background:var(--theme-soft)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-view .binder-page-arrow:hover:not(:disabled){border-color:var(--theme-accent);background:var(--theme-soft)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-view .binder-page-ellipsis{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-view .binder-page-jump{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-view .binder-page-jump input{border:1px solid color-mix(in srgb,var(--theme-line) 46%,transparent);background:var(--theme-bg-alt);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-view .binder-page-jump button{border:1px solid var(--theme-line);background:var(--theme-soft);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-view .binder-page-jump button:hover:not(:disabled){background:var(--theme-soft)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-view .binder-help{border:1px solid color-mix(in srgb,var(--theme-line) 18%,transparent);background:color-mix(in srgb,var(--theme-bg-alt) 67%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-view .binder-help summary{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-view .binder-help summary svg{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-view .binder-help li svg{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-page{--profile-ink:var(--theme-text);--profile-muted:var(--theme-muted);--profile-line:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-hero{background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-portrait{box-shadow:0 0 0 7px var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-bio{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-badges{background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-appearance{background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-completed{background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-text-link{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-text-link:hover{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-badge{border:1px solid var(--theme-line);background:var(--theme-panel);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-badge svg{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-badge[data-badge-kind="community"]{background:var(--theme-panel);border-color:var(--theme-line);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-editor{background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-side>section{background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-field input{color:var(--theme-text);background:var(--theme-bg-alt);border:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-field textarea{color:var(--theme-text);background:var(--theme-bg-alt);border:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-side dl small{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-quicklinks a{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-signout{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-quicklinks svg{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-feedback{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-style-feedback{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-completed-grid article{background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-completed-grid p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-completed-grid p span{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-completed-grid article>svg{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .sidebar-bottom button:hover{background:color-mix(in srgb,var(--theme-accent) 8%,transparent)!important}
html[data-site-theme]:not([data-site-theme="default"]) .sidebar-bottom [data-action=profile]:hover{background:color-mix(in srgb,var(--theme-accent) 8%,transparent)!important}
html[data-site-theme]:not([data-site-theme="default"]) .profile-style-motion{color:var(--text-muted,var(--theme-muted))}
html[data-site-theme]:not([data-site-theme="default"]) .profile-card-picker{border:1px solid var(--theme-line);background:linear-gradient(135deg,var(--theme-panel),var(--theme-bg-alt))}
html[data-site-theme]:not([data-site-theme="default"]) .profile-card-picker>p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-card-search{border:1px solid var(--theme-line);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-card-search>svg{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-card-search input{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-card-choice{border:1px solid var(--theme-line);background:var(--theme-bg-alt);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-card-choice>span{background:var(--theme-bg)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-card-choice:hover{background:var(--theme-soft);border-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-card-choice[aria-pressed=true]{border-color:var(--theme-accent);background:var(--theme-soft);box-shadow:inset 0 0 0 1px var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-card-choice>svg{background:var(--theme-accent);color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-card-empty{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-card-pagination{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-image-credits{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-image-credits a{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-card-picker-feedback{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .profile-card-unique{background:color-mix(in srgb,var(--theme-bg-alt) 95%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .notifications-panel{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .notifications-heading h2{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .notifications-heading .notifications-close{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .notifications-heading .notifications-close:hover{background:color-mix(in srgb,var(--theme-soft) 27%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .notification-link{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .notification-link:hover{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .notification-glyph{background:color-mix(in srgb,var(--theme-soft) 21%,transparent);color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .notification-link>strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .notification-link>svg{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .notification-entry{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) button.notification-entry:hover{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .notification-entry.is-unread{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .notification-entry.is-unread .notification-glyph{background:color-mix(in srgb,var(--theme-soft) 14%,transparent);color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .notification-entry-copy strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .notification-entry>svg{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .notification-entry>i{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .notifications-panel{border:1px solid color-mix(in srgb,var(--theme-accent) 20%,transparent);background:linear-gradient(165deg,color-mix(in srgb,var(--theme-panel) 96%,transparent),color-mix(in srgb,var(--theme-bg) 97%,transparent))}
html[data-site-theme]:not([data-site-theme="default"]) .notifications-section-title{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .notifications-activity-list{scrollbar-color:var(--theme-soft) transparent}
html[data-site-theme]:not([data-site-theme="default"]) button.notification-entry:hover{background:color-mix(in srgb,var(--theme-accent) 8%,transparent);border-color:color-mix(in srgb,var(--theme-accent) 20%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .notification-entry.is-visit .notification-glyph{background:color-mix(in srgb,var(--theme-soft) 15%,transparent);color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .notification-entry.is-unread{background:color-mix(in srgb,var(--theme-accent) 6%,transparent);border-color:color-mix(in srgb,var(--theme-accent) 18%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .notification-entry.is-unread::before{background:var(--theme-accent);box-shadow:0 0 8px color-mix(in srgb,var(--theme-accent) 67%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .notification-entry-copy time{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .notification-link:hover{background:color-mix(in srgb,var(--theme-accent) 8%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .notifications-empty{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .notifications-desktop strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .notifications-desktop small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .booster-tier{border:1px solid color-mix(in srgb,var(--theme-line) 15%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--theme-panel) 79%,transparent),color-mix(in srgb,var(--theme-bg-alt) 91%,transparent))}
html[data-site-theme]:not([data-site-theme="default"]) .booster-tier.is-best{border-color:color-mix(in srgb,var(--theme-accent) 44%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--theme-soft) 91%,transparent),color-mix(in srgb,var(--theme-bg-alt) 91%,transparent))}
html[data-site-theme]:not([data-site-theme="default"]) .booster-tier-tag{background:color-mix(in srgb,var(--theme-accent) 10%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .booster-tier h3 span{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .booster-tier-saving{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-reserve-note{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .booster-tier-promotion{background:color-mix(in srgb,var(--theme-accent) 13%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .booster-promotion-name{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .booster-tier-price-line del{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-booster-summary{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-booster-summary span+span{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .popz-shop{border:1px solid color-mix(in srgb,var(--theme-accent) 23%,transparent);background:radial-gradient(circle at 90% 0%,rgba(89,224,218,.09),transparent 40%),var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .popz-shop .section-heading p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .popz-wallet{background:var(--theme-panel);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .popz-wallet strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .popz-tier{border:1px solid color-mix(in srgb,var(--theme-accent) 20%,transparent);background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .popz-tier:nth-child(2){background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .popz-tier:nth-child(3){background:linear-gradient(135deg,var(--theme-panel),var(--theme-soft))}
html[data-site-theme]:not([data-site-theme="default"]) .popz-tier-icon{background:color-mix(in srgb,var(--theme-accent) 11%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .popz-tier h3{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .popz-tier h3 span{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .popz-shop-note{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .collection-goal{border:1px solid color-mix(in srgb,var(--theme-line) 12%,transparent);background:linear-gradient(105deg, color-mix(in srgb,var(--theme-panel) 76%,transparent), color-mix(in srgb,var(--theme-bg-alt) 58%,transparent))}
html[data-site-theme]:not([data-site-theme="default"]) .collection-goal-eyebrow{color:var(--muted, var(--theme-muted))}
html[data-site-theme]:not([data-site-theme="default"]) .collection-goal-copy h3{color:var(--text, var(--theme-text))}
html[data-site-theme]:not([data-site-theme="default"]) .collection-goal-count{color:var(--muted, var(--theme-muted))}
html[data-site-theme]:not([data-site-theme="default"]) .collection-goal-count strong{color:var(--text, var(--theme-text))}
html[data-site-theme]:not([data-site-theme="default"]) .collection-goal-count small{color:var(--muted, var(--theme-muted))}
html[data-site-theme]:not([data-site-theme="default"]) .collection-goal progress{background:color-mix(in srgb,var(--theme-accent) 12%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .collection-goal progress::-webkit-progress-bar{background:color-mix(in srgb,var(--theme-accent) 12%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .collection-goal progress::-webkit-progress-value{background:linear-gradient(90deg, var(--theme-soft), var(--theme-accent))}
html[data-site-theme]:not([data-site-theme="default"]) .collection-goal progress::-moz-progress-bar{background:linear-gradient(90deg, var(--theme-soft), var(--theme-accent))}
html[data-site-theme]:not([data-site-theme="default"]) .collection-goal-meter p{color:var(--muted, var(--theme-muted))}
html[data-site-theme]:not([data-site-theme="default"]) .card-value-note{background:color-mix(in srgb,var(--theme-accent) 6%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .card-value-note strong{color:var(--text,var(--theme-text))}
html[data-site-theme]:not([data-site-theme="default"]) .card-value-note p{color:var(--muted,var(--theme-muted))}
html[data-site-theme]:not([data-site-theme="default"]) .redemption-reward{background:color-mix(in srgb,var(--theme-accent) 8%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .redemption-reward span{color:var(--muted,var(--theme-muted))}
html[data-site-theme]:not([data-site-theme="default"]) .redemption-summary a{color:var(--accent,var(--theme-accent))}
html[data-site-theme]:not([data-site-theme="default"]) body wa-select.language-select:hover::part(combobox){background:color-mix(in srgb,var(--theme-accent) 5%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body wa-select.language-select[open]::part(combobox){background:color-mix(in srgb,var(--theme-accent) 5%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body wa-select.language-select::part(listbox){border:1px solid var(--theme-line);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-back{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-back:hover{background:color-mix(in srgb,var(--theme-accent) 5%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body #balance-button{border:1px solid color-mix(in srgb,var(--theme-accent) 9%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body #balance-button:hover{background:color-mix(in srgb,var(--theme-accent) 3%,transparent);border-color:color-mix(in srgb,var(--theme-accent) 19%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body #balance-button>small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body #balance-button>span[data-icon="plus"]{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body #balance-button:hover>span[data-icon="plus"]{background:color-mix(in srgb,var(--theme-accent) 6%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .sidebar-bottom.profile-button{border-top:1px solid color-mix(in srgb,var(--theme-line) 15%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .sidebar-bottom.profile-button:hover{border-top-color:color-mix(in srgb,var(--theme-line) 15%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .sidebar-bottom.profile-button:active{border-top-color:color-mix(in srgb,var(--theme-line) 15%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .sidebar-bottom.profile-button>.avatar{background:var(--theme-soft);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .sidebar-bottom.profile-button strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .sidebar-bottom.profile-button small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .sidebar-bottom.profile-button>.status-dot{background:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .sidebar-bottom.profile-button:hover strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .sidebar-bottom.profile-button:hover>.avatar{box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-accent) 19%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .staff-heading-actions>.staff-pill{background:color-mix(in srgb,var(--theme-soft) 44%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .topbar-actions>.avatar.avatar-small{border:1px solid color-mix(in srgb,var(--theme-accent) 22%,transparent);background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) body .topbar-actions>.avatar.avatar-small:hover{background:var(--theme-soft)}
html[data-site-theme]:not([data-site-theme="default"]) body wa-select.staff-select::part(combobox){background:var(--theme-bg-alt);border-color:var(--theme-line);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body wa-select.staff-select:hover::part(combobox){border-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) body wa-select.staff-select::part(form-control-label){color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .app-footer{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .footer-brand>strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .footer-brand>a{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .footer-legal>strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .footer-legal>a:hover{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .sidebar-navigation{scrollbar-color:var(--theme-soft) transparent}
html[data-site-theme]:not([data-site-theme="default"]) body .sidebar-navigation::-webkit-scrollbar-thumb{background:var(--theme-soft)}
html[data-site-theme]:not([data-site-theme="default"]) #modal-root .modal.trade-workspace{background:var(--theme-bg-alt);border:1px solid color-mix(in srgb,var(--theme-accent) 15%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) #modal-root .trade-workspace .modal-header{border-color:color-mix(in srgb,var(--theme-accent) 9%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) #modal-root .trade-workspace .modal-footer{border-color:color-mix(in srgb,var(--theme-accent) 9%,transparent);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-workbench-intro>p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-partner-avatar{background:var(--theme-soft);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-partner-picker wa-select::part(form-control-label){color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-partner-picker wa-select::part(combobox){background:var(--theme-bg-alt);border-color:color-mix(in srgb,var(--theme-line) 14%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-side-tabs{background:var(--theme-bg)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-side-button{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-side-button[aria-pressed="true"]{background:var(--theme-soft);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-side-button:hover{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-side-count{background:color-mix(in srgb,var(--theme-accent) 8%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-card-search{border:1px solid color-mix(in srgb,var(--theme-accent) 15%,transparent);background:var(--theme-bg-alt);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-card-search:focus-within{border-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-card-search input{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-card-search input::placeholder{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-choice-scroll{scrollbar-color:var(--theme-soft) transparent}
html[data-site-theme]:not([data-site-theme="default"]) .trade-choice-check{background:var(--theme-bg-alt);border:1px solid color-mix(in srgb,var(--theme-accent) 45%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-choice.is-selected .trade-choice-check{background:var(--theme-accent);color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-choice-empty{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-selected-thumb{background:var(--theme-bg-alt);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-selected-row .icon-button{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-selected-row .icon-button:hover{color:var(--theme-text);background:color-mix(in srgb,var(--theme-accent) 5%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-selection-empty{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-reserve-note{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-footer-limit{color:var(--theme-muted)}
@media(max-width:760px){html[data-site-theme]:not([data-site-theme="default"]) .trade-reserve-note{border-top:1px solid color-mix(in srgb,var(--theme-accent) 9%,transparent)}}
html[data-site-theme]:not([data-site-theme="default"]) #modal-root .modal.friend-library-modal{border-color:color-mix(in srgb,var(--theme-accent) 15%,transparent);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) #modal-root .friend-library-modal .modal-header{border-color:color-mix(in srgb,var(--theme-accent) 9%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) #modal-root .friend-library-modal .modal-footer{border-color:color-mix(in srgb,var(--theme-accent) 9%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .friend-library-intro{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .friend-library-quantity{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-direct-name strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-direct-name small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .social-hub{--social-ink:var(--theme-text);--social-dim:var(--theme-soft);--social-line:color-mix(in srgb,var(--theme-line) 8%,transparent);--social-accent:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .social-hub .social-button-primary{color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) .social-hub .social-button-quiet{color:var(--theme-text);border-color:color-mix(in srgb,var(--theme-line) 12%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .social-hub .social-button-quiet:hover:not(:disabled){border-color:color-mix(in srgb,var(--theme-line) 28%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .social-count{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .social-search form>label{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .social-search-field{background:color-mix(in srgb,var(--theme-bg) 33%,transparent);border:1px solid color-mix(in srgb,var(--theme-line) 17%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .social-search-field:focus-within{border-color:var(--theme-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 5%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .social-search-field>.social-glyph{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .social-search-field input{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .social-section-title h2{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .social-avatar{background:color-mix(in srgb,var(--theme-soft) 22%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .social-person-copy h3{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .social-search-empty strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .social-invitation-section{background:linear-gradient(125deg,color-mix(in srgb,var(--theme-accent) 4%,transparent),color-mix(in srgb,var(--theme-soft) 1%,transparent));border:1px solid color-mix(in srgb,var(--theme-line) 7%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .social-rail-label{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .social-rail-empty{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .social-invitation-help{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .social-trades-link{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .social-trades-link small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .social-trades-link:hover{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .social-empty-symbol{background:color-mix(in srgb,var(--theme-accent) 3%,transparent);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .social-empty h2{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .social-state{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .social-state-accepted{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .social-trade-tabs{border-bottom:1px solid color-mix(in srgb,var(--theme-line) 10%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .social-trade-tab{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .social-trade-tab.is-active{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .social-trade-tab.is-active::after{background:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .social-trade-tab.is-active .social-count{background:color-mix(in srgb,var(--theme-accent) 13%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .social-trade-tab:hover{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .social-trade-ticket{border:1px solid color-mix(in srgb,var(--theme-line) 8%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--theme-accent) 3%,transparent),color-mix(in srgb,var(--theme-soft) 1%,transparent))}
html[data-site-theme]:not([data-site-theme="default"]) .social-trade-header{border-bottom:1px solid color-mix(in srgb,var(--theme-line) 7%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .social-trade-person>div>span{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .social-trade-person h2{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .social-trade-side>h3{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .social-trade-side>h3 small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .social-trade-receive>h3>span{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .social-trade-divider{background:color-mix(in srgb,var(--theme-accent) 4%,transparent);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .social-trade-card-caption strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .social-trade-card-caption>span{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .social-card-unavailable{background:color-mix(in srgb,var(--theme-bg) 24%,transparent);border:1px dashed color-mix(in srgb,var(--theme-line) 20%,transparent);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .social-trade-no-cards{color:var(--theme-muted);background:color-mix(in srgb,var(--theme-bg) 21%,transparent);border:1px dashed color-mix(in srgb,var(--theme-accent) 9%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .social-trade-footer{border-top:1px solid color-mix(in srgb,var(--theme-line) 7%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .social-trade-date{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .social-profile-link>small{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .social-profile-link:hover>small{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .public-profile{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .public-profile-avatar{background:var(--theme-soft);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .public-profile-identity p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .public-profile-bio{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .public-profile-favorite dt{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .public-profile-favorite dd{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .public-profile-trophies{border-top:1px solid color-mix(in srgb,var(--theme-accent) 12%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .public-profile-trophies>header>span{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .public-collection-badge{--badge-color:var(--theme-accent);border:1px solid color-mix(in srgb,var(--theme-line) 14%,transparent);background:color-mix(in srgb,var(--theme-bg-alt) 40%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .public-collection-badge[data-theme="internet"]{--badge-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .public-collection-badge p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .public-collection-badge small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .public-profile-empty{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .social-sale-ticket{background:linear-gradient(120deg,#c99e260b,color-mix(in srgb,var(--theme-soft) 1%,transparent))}
html[data-site-theme]:not([data-site-theme="default"]) body{background:var(--theme-bg)}
html[data-site-theme]:not([data-site-theme="default"]) body .sidebar{background:var(--theme-bg-alt);border-right-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) body .topbar{background:var(--theme-bg-alt);border-bottom-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) body .brand{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .nav-link.active{background:var(--theme-soft);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .balance{background:var(--theme-bg-alt);border-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) body .balance small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .auth-product-card:nth-child(1){border-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .feed-intro p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .feed-intro .text-link{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .feed-hero{border:1px solid var(--theme-line);background:linear-gradient(110deg,var(--theme-soft) 0%,var(--theme-panel) 54%,var(--theme-panel) 100%)}
html[data-site-theme]:not([data-site-theme="default"]) .feed-hero::after{border:45px solid color-mix(in srgb,var(--theme-accent) 5%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .feed-hero h2{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .feed-hero p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .feed-hero .button{background:var(--theme-accent)!important;color:var(--theme-accent-text)!important}
html[data-site-theme]:not([data-site-theme="default"]) .feed-progress{border:1px solid var(--theme-line);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .feed-progress p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .feed-progress .button{background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .feed-section-heading p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .feed-universe{--universe-color:var(--theme-accent);background:var(--theme-bg-alt);border:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .feed-universe:hover{background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .feed-universe[data-universe=games]{--universe-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .feed-universe[data-universe=internet]{--universe-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .feed-universe h3{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .feed-universe p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .feed-universe>svg{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .feed-home .community-callout{background:var(--theme-panel);border-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-odds-note{color:var(--theme-muted)!important}
html[data-site-theme]:not([data-site-theme="default"]) body .auth-world{background:radial-gradient(ellipse at 20% 85%,color-mix(in srgb,var(--theme-soft) 15%,transparent),transparent 60%),var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) body .auth-product-card{background:linear-gradient(155deg,var(--theme-soft),var(--theme-bg-alt));color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .achievements-page{--achievement-mint:var(--theme-accent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-heading p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-total{background:var(--theme-panel);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-spotlight{background:linear-gradient(116deg,color-mix(in srgb,var(--theme-accent) 9%,transparent),transparent 58%),var(--theme-bg-alt);border:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-spotlight-emblem{background:color-mix(in srgb,var(--achievement-accent) 10%,var(--theme-bg-alt))}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-spotlight-copy p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-filters{border:1px solid var(--theme-line);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .achievements-page .achievement-button{color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-filters .achievement-button{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-filters .achievement-button>span{background:var(--theme-panel);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-filters .achievement-button[aria-pressed=true]{color:var(--theme-text);background:var(--theme-soft)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-filters .achievement-button[aria-pressed=true]>span{background:var(--theme-soft);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-filters .achievement-button:hover:not(:disabled){background:var(--theme-panel);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-item{background:var(--theme-bg-alt);border:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-item.is-ready{background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-item.is-claimed{border-color:color-mix(in srgb,var(--theme-line) 30%,transparent);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-item.is-claimed .achievement-emblem{color:var(--theme-accent);background:color-mix(in srgb,var(--theme-soft) 7%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-soft) 19%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-item.is-claimed .achievement-progress{--achievement-accent:var(--theme-soft)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-item.is-claimed h3{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-item.is-locked{background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-item h3{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-item p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-progress progress{background:var(--theme-soft)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-progress progress::-webkit-progress-bar{background:var(--theme-soft)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-progress>span{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-progress>span>span{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-rewards{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-rewards b{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-item-action{border-top:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-claimed{color:var(--theme-accent);background:color-mix(in srgb,var(--theme-soft) 8%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-series{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-series button{color:var(--theme-text);border:1px solid var(--theme-line);background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-series button:hover{border-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-shelf{border-top:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-shelf>p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-owned-badge{border:1px solid var(--theme-line);background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-owned-badge>svg{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-notes{border-top:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-notes p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-empty{color:var(--theme-muted);border:1px dashed var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-message{color:var(--theme-muted);border:1px dashed var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-complete{color:var(--theme-muted);border:1px dashed var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-complete h2{color:var(--theme-text)}
@media(max-width:620px){html[data-site-theme]:not([data-site-theme="default"]) .achievement-spotlight-action{border-top:1px solid var(--theme-line)}}
html[data-site-theme]:not([data-site-theme="default"]) .achievement-series button.is-collected{color:var(--theme-text);border-color:var(--theme-line);background:var(--theme-soft)}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-preference{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-preference:hover{background:color-mix(in srgb,var(--theme-accent) 5%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-preference-check{border:1px solid var(--theme-line);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-preference-check .icon{color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-preference[aria-pressed="true"] .opening-preference-check{background:var(--theme-accent);border-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-card-action{border:1px solid color-mix(in srgb,var(--theme-line) 19%,transparent);background:var(--theme-bg-alt);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-card-action:hover:not(:disabled){background:var(--theme-panel);border-color:color-mix(in srgb,var(--theme-line) 40%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-card-action:disabled{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-card-action.is-sold:disabled{color:var(--theme-accent);border-color:color-mix(in srgb,var(--theme-accent) 18%,transparent);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-sale-confirm{border:1px solid color-mix(in srgb,var(--theme-line) 21%,transparent);background:color-mix(in srgb,var(--theme-bg-alt) 92%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-sale-confirm>strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-sale-confirm>p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-sale-confirm .opening-sale-accept{background:var(--theme-accent);color:var(--theme-accent-text);border-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-sale-confirm .opening-sale-accept:hover:not(:disabled){color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .modal .modal-header button.icon-button[data-action="close-modal"]{border:1px solid color-mix(in srgb,var(--theme-line) 24%,transparent);color:var(--theme-text);background:color-mix(in srgb,var(--theme-bg-alt) 85%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .modal .modal-header button.icon-button[data-action="close-modal"]:hover{color:var(--theme-text);background:var(--theme-panel);border-color:color-mix(in srgb,var(--theme-accent) 50%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-binder-saved{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-binder-panel{border:1px solid color-mix(in srgb,var(--theme-line) 21%,transparent);background:color-mix(in srgb,var(--theme-bg-alt) 96%,transparent);box-shadow:0 12px 28px color-mix(in srgb,var(--theme-bg) 32%,transparent);scrollbar-color:var(--theme-soft) transparent}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-binder-heading strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-binder-close{background:var(--theme-panel);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-binder-close:hover:not(:disabled){background:var(--theme-soft);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-binder-hint{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-binder-list{scrollbar-color:var(--theme-soft) transparent}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-binder-option{background:var(--theme-panel);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-binder-option:hover:not(:disabled){background:var(--theme-soft);border-color:color-mix(in srgb,var(--theme-accent) 30%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-binder-option-state{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-binder-option.is-included{background:var(--theme-bg-alt);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-binder-empty{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-binder-new{color:var(--theme-text);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) body #opening-binder-form>label{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body #opening-binder-name{border:1px solid color-mix(in srgb,var(--theme-line) 29%,transparent);background:var(--theme-bg);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body #opening-binder-name::placeholder{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body #opening-binder-name[readonly]{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-binder-form-actions .opening-binder-submit{background:var(--theme-accent);color:var(--theme-accent-text);border-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-binder-form-actions .opening-binder-submit:hover:not(:disabled){color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-page{--collection-accent:var(--theme-accent);--collection-wash:color-mix(in srgb,var(--theme-accent) 7%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-page .theme-games{--collection-accent:var(--theme-accent);--collection-wash:color-mix(in srgb,var(--theme-accent) 7%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-page .theme-sport{--collection-accent:var(--theme-accent);--collection-wash:color-mix(in srgb,var(--theme-accent) 7%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-heading p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-completion-count{color:var(--theme-muted);background:var(--theme-panel);border:1px solid color-mix(in srgb,var(--theme-line) 25%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-completion-count strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-button{border:1px solid color-mix(in srgb,var(--theme-line) 25%,transparent);background:var(--theme-panel);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-button:hover:not(:disabled){background:var(--theme-soft);border-color:color-mix(in srgb,var(--theme-line) 50%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-themes{scrollbar-color:var(--theme-soft) transparent}
html[data-site-theme]:not([data-site-theme="default"]) .collections-themes .collections-button{background:var(--theme-panel);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-themes .collections-button[aria-pressed="true"]{color:var(--theme-text);background:var(--theme-soft);border-color:color-mix(in srgb,var(--theme-line) 26%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-themes .collections-button[aria-pressed="true"]>.icon{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-search{border:1px solid color-mix(in srgb,var(--theme-line) 26%,transparent);background:var(--theme-bg-alt);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-search:focus-within{border-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-search input{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-search input::placeholder{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-status-filter{border:1px solid color-mix(in srgb,var(--theme-line) 22%,transparent);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-status-filter .collections-button{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-status-filter .collections-button[aria-pressed="true"]{background:var(--theme-soft);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .collection-tile{border:1px solid color-mix(in srgb,var(--theme-line) 21%,transparent);background:linear-gradient(140deg,var(--collection-wash),transparent 70%),var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .collection-tile-top{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .collection-tile-state{background:color-mix(in srgb,var(--theme-soft) 13%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-cover-placeholder{background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .collection-tile-copy h2{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-progress>div{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-progress strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-progress progress{background:color-mix(in srgb,var(--theme-soft) 15%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-progress progress::-webkit-progress-bar{background:color-mix(in srgb,var(--theme-soft) 15%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .collection-tile-footer{border-top:1px solid color-mix(in srgb,var(--theme-line) 13%,transparent);background:color-mix(in srgb,var(--theme-bg-alt) 30%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-reward-items{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-reward-items.is-compact .collections-badge-label{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-claim{background:var(--theme-accent);border-color:var(--theme-accent);color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-claim:hover:not(:disabled){color:var(--theme-accent-text);border-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-earned{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-notes{border-top:1px solid color-mix(in srgb,var(--theme-line) 16%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-notes p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-notes .icon{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-message{border:1px solid color-mix(in srgb,var(--theme-line) 19%,transparent);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-message>.icon{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-message p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .collection-back{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .collection-back:hover:not(:disabled){color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .collection-detail-heading{border:1px solid color-mix(in srgb,var(--theme-line) 21%,transparent);background:linear-gradient(115deg,var(--collection-wash),transparent 72%),var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .collection-theme-label>span{color:var(--theme-muted);border-left:1px solid color-mix(in srgb,var(--theme-line) 25%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .collection-detail-summary>p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-celebration{border:1px solid color-mix(in srgb,var(--theme-accent) 37%,transparent);background:linear-gradient(110deg,color-mix(in srgb,var(--theme-soft) 14%,transparent),var(--theme-panel));color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-celebration p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-celebration.is-ready{background:color-mix(in srgb,var(--theme-panel) 18%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-card-filters .collections-button{border-color:color-mix(in srgb,var(--theme-line) 21%,transparent);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-card-filters .collections-button[aria-pressed="true"]{background:var(--theme-soft);color:var(--theme-text);border-color:color-mix(in srgb,var(--theme-line) 29%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-card-filters .collections-button>span{background:color-mix(in srgb,var(--theme-soft) 15%,transparent);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .collection-reward-panel p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .collection-card-state{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .collection-card-state>i{background:var(--theme-soft)}
html[data-site-theme]:not([data-site-theme="default"]) .collection-series-card.is-missing .collection-card-state{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .collection-card-placeholder{border:1px solid color-mix(in srgb,var(--theme-line) 30%,transparent);background:var(--theme-panel);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-load-more .collections-button>span{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .collection-tabs .collection-section-link{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .collection-tabs .collection-section-link:hover{color:var(--theme-accent);border-bottom-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .collection-tabs .collection-section-link:focus-visible{color:var(--theme-accent);border-bottom-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-return{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-return:hover{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .collections-return:focus-visible{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .collection-size-label{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .collection-tile.is-unstarted{background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .collection-tile-footer>.collections-earned{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .modal.card-showcase{border:1px solid color-mix(in srgb,var(--theme-line) 47%,transparent);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) body .modal.card-showcase>.modal-header>.icon-button[data-action="close-modal"]{border:1px solid color-mix(in srgb,var(--theme-line) 15%,transparent);background:color-mix(in srgb,var(--theme-bg) 92%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .modal.card-showcase>.modal-header>.icon-button[data-action="close-modal"]:hover{background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) body .showcase-stage{background:radial-gradient(ellipse at 50% 44%,var(--showcase-light),transparent 68%),linear-gradient(155deg,var(--theme-panel),var(--theme-bg) 85%)}
html[data-site-theme]:not([data-site-theme="default"]) body .showcase-number{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .showcase-title{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .showcase-description{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .showcase-facts dt{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .showcase-facts dd{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .showcase-actions .button{border:1px solid color-mix(in srgb,var(--theme-line) 24%,transparent);background:var(--theme-panel);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .showcase-actions .button:hover{background:var(--theme-soft);border-color:color-mix(in srgb,var(--theme-line) 44%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .showcase-value{border-top:1px solid color-mix(in srgb,var(--theme-line) 13%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .showcase-currency strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .showcase-sell.button{border:1px solid color-mix(in srgb,var(--theme-line) 24%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .showcase-sell.button:hover{background:var(--theme-panel);border-color:color-mix(in srgb,var(--theme-line) 44%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .showcase-value p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .showcase-provenance{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .showcase-reference{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .card-market-reference{border:1px solid color-mix(in srgb,var(--theme-accent) 16%,transparent);background:var(--theme-panel);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .card-market-reference-heading>span{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .card-market-reference-heading>strong{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .card-market-reference-heading>strong>span{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .card-market-reference-heading>.card-market-reference-empty{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .card-market-reference>p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .card-market-reference>small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-market-reference{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-market-reference>strong{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .opening-market-reference>small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .card-admin-hint{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .card-showcase .card-detail-action.button{border:1px solid color-mix(in srgb,var(--theme-line) 24%,transparent);background:var(--theme-panel);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .card-showcase .card-detail-action.button:hover{background:var(--theme-panel);border-color:color-mix(in srgb,var(--theme-line) 44%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .card-showcase .wish-toggle.is-wished.button{border-color:var(--theme-accent);background:color-mix(in srgb,var(--theme-accent) 12%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .card-showcase .card-admin-button.button.primary{border:1px solid var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .skip-link{color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .button:disabled{background:var(--theme-bg-alt)!important;border-color:var(--theme-line)!important}
html[data-site-theme]:not([data-site-theme="default"]) body .button:disabled:hover{background:var(--theme-bg-alt)!important;border-color:var(--theme-line)!important}
html[data-site-theme]:not([data-site-theme="default"]) body .collection-metrics{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .collection-metrics strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .collection-preference-note{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .results-count{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .feed-universe[data-universe=internet]{--universe-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .inline-pack-timer{background:color-mix(in srgb,var(--theme-bg-alt) 50%,transparent);border:1px solid var(--theme-line);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .inline-pack-timer strong{color:var(--theme-text)}
@media(max-width:760px){html[data-site-theme]:not([data-site-theme="default"]) body .sidebar-scrim:not([hidden]){background:color-mix(in srgb,var(--theme-bg) 72%,transparent)}}
html[data-site-theme]:not([data-site-theme="default"]) body .proposal-category-suggestion{border:1px solid color-mix(in srgb,var(--theme-line) 38%,transparent);background:var(--theme-panel);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .proposal-category-suggestion:hover{background:var(--theme-soft);border-color:var(--theme-line);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .proposal-category-suggestion[aria-pressed=true]{background:var(--theme-soft);border-color:var(--theme-line);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .proposal-description-count{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .proposal-live-card{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .proposal-live-art{background:radial-gradient(circle at 30% 15%,var(--theme-soft),var(--theme-bg-alt) 75%)}
html[data-site-theme]:not([data-site-theme="default"]) body .proposal-live-art>img{background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) body .proposal-live-copy{background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) body .proposal-live-footer{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .proposal-live-footer>span:first-child{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .proposal-review-copy{border-top:1px solid color-mix(in srgb,var(--theme-line) 16%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .proposal-review-copy>p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .proposal-review-copy .review-steps li{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .collection-intro .button.primary{background:var(--theme-accent);border-color:var(--theme-accent);color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .collection-market-price{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .collection-market-price strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .catalog-summary>div+div{border-left:1px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .business-status{border:1px solid var(--theme-line);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .business-status>span{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .business-status>strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .business-status[data-status=open]>strong{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .business-status p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .business-status small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .proposal-access-notice{border:1px solid var(--theme-line);background:var(--theme-panel);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .sell-bar.is-active{border:1px solid color-mix(in srgb,var(--theme-line) 25%,transparent);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) body .sell-bar strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .sell-bar small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .sell-pick-check{background:color-mix(in srgb,var(--theme-bg) 85%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .sell-pick.is-selected .sell-pick-check{background:var(--theme-accent);border-color:var(--theme-accent);color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .news-hero{border:1px solid color-mix(in srgb,var(--theme-line) 18%,transparent);background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--theme-accent) 12%,transparent),color-mix(in srgb,var(--theme-accent) 0%,transparent) 55%),linear-gradient(135deg,var(--theme-panel),var(--theme-bg-alt) 70%)}
html[data-site-theme]:not([data-site-theme="default"]) body .news-hero-icon{background:var(--theme-accent);color:var(--theme-accent-text);box-shadow:0 8px 20px color-mix(in srgb,var(--theme-accent) 20%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .news-hero h1{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .news-hero p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .news-hero-count{border:1px solid color-mix(in srgb,var(--theme-accent) 25%,transparent);background:color-mix(in srgb,var(--theme-accent) 8%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .news-timeline::before{background:linear-gradient(color-mix(in srgb,var(--theme-accent) 40%,transparent),color-mix(in srgb,var(--theme-accent) 5%,transparent))}
html[data-site-theme]:not([data-site-theme="default"]) body .news-entry::before{background:var(--theme-bg-alt);border:2px solid var(--theme-accent);box-shadow:0 0 0 5px var(--theme-bg)}
html[data-site-theme]:not([data-site-theme="default"]) body .news-entry.is-latest::before{background:var(--theme-accent);box-shadow:0 0 0 5px var(--theme-bg),0 0 18px color-mix(in srgb,var(--theme-accent) 50%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .news-entry-date time{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .news-latest{background:var(--theme-accent);color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .news-entry-card{border:1px solid color-mix(in srgb,var(--theme-line) 18%,transparent);background:linear-gradient(160deg,var(--theme-bg-alt),var(--theme-bg-alt))}
html[data-site-theme]:not([data-site-theme="default"]) body .news-entry.is-latest .news-entry-card{border-color:color-mix(in srgb,var(--theme-accent) 32%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .news-entry-card h2{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .news-entry-card li>span{background:color-mix(in srgb,var(--theme-accent) 12%,transparent);color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .news-entry-card li p{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-toggle.is-wished{border-color:var(--theme-accent);background:color-mix(in srgb,var(--theme-accent) 12%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-wanted{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-wanted svg{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-player:hover{border-color:var(--theme-accent);background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-more{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-section-heading h2{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-section-heading span{background:color-mix(in srgb,var(--theme-accent) 12%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-hint{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-empty{border:1px dashed color-mix(in srgb,var(--theme-line) 25%,transparent);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .numbered-page-button.is-active{border-color:color-mix(in srgb,var(--theme-accent) 67%,transparent);background:color-mix(in srgb,var(--theme-accent) 15%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .numbered-page-status{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-toggle small{background:color-mix(in srgb,var(--theme-accent) 15%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-tabs{border:1px solid color-mix(in srgb,var(--theme-line) 18%,transparent);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-tab{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-tab:hover{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-tab.is-active{background:var(--theme-accent);color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-owned-badge{background:var(--theme-accent);color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-form h3{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-form-intro{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-field{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-offer-input{border:1px solid color-mix(in srgb,var(--theme-line) 25%,transparent);background:var(--theme-bg)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-offer-input:focus-within{border-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-offer-input input{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-field small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-switch{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-switch input{background:var(--theme-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-soft) 25%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-switch input::before{background:var(--theme-soft)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-switch input:checked{background:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-switch input:checked::before{background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) body .sidebar-navigation:hover::-webkit-scrollbar-thumb{background:var(--theme-soft)}
html[data-site-theme]:not([data-site-theme="default"]) body .sidebar-navigation:focus-within::-webkit-scrollbar-thumb{background:var(--theme-soft)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-player{border:1px solid color-mix(in srgb,var(--theme-line) 25%,transparent);background:var(--theme-bg-alt);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-player-initial{background:var(--theme-accent);color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-no-offer{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-offer-panel{border:1px solid color-mix(in srgb,var(--theme-line) 18%,transparent);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-reaction{border:1px solid color-mix(in srgb,var(--theme-line) 18%,transparent);background:var(--theme-bg);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-reaction.is-mine{border-color:var(--theme-accent);background:color-mix(in srgb,var(--theme-accent) 12%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .chat-list{scrollbar-color:var(--theme-soft) transparent}
html[data-site-theme]:not([data-site-theme="default"]) body .chat-avatar{background:var(--theme-accent);color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .chat-name{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .chat-badge-owner{background:var(--theme-accent);color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .chat-tag{border:1px solid color-mix(in srgb,var(--theme-line) 25%,transparent);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .chat-meta time{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .chat-body{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .chat-empty{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .chat-form textarea{border:1px solid color-mix(in srgb,var(--theme-line) 25%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .chat-form textarea:focus{border-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .chat-rules{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-react-summary{border:1px solid color-mix(in srgb,var(--theme-line) 18%,transparent);background:var(--theme-bg)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-react-summary b{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-react-tooltip{border:1px solid color-mix(in srgb,var(--theme-line) 25%,transparent);background:var(--theme-bg);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-react-open{border:1px dashed color-mix(in srgb,var(--theme-line) 33%,transparent);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-react-open:hover{border-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-react-open[aria-expanded="true"]{border-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-react-picker{border:1px solid color-mix(in srgb,var(--theme-line) 25%,transparent);background:var(--theme-bg)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-react-picker .wish-reaction.is-mine{background:color-mix(in srgb,var(--theme-accent) 18%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .chat-typing{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .public-profile-friend-status{border:1px solid color-mix(in srgb,var(--theme-accent) 40%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .chat-panel{border:1px solid color-mix(in srgb,var(--theme-accent) 18%,transparent);background-color:var(--theme-bg);background-image:radial-gradient(color-mix(in srgb,var(--theme-accent) 8%,transparent) 1px,transparent 1px),radial-gradient(70% 60% at 0% 0%,color-mix(in srgb,var(--theme-soft) 33%,transparent),transparent 70%),radial-gradient(60% 60% at 100% 100%,#f6cf6a1a,transparent 70%)}
html[data-site-theme]:not([data-site-theme="default"]) body .chat-form{background:color-mix(in srgb,var(--theme-bg) 80%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .chat-rules{background:color-mix(in srgb,var(--theme-bg) 80%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .chat-tool{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .chat-tool-gif{box-shadow:inset 0 0 0 1.5px var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .chat-popover{background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) body .chat-gif-panel label{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .chat-gif-row input{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-gif-picker input{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-gif-back{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .wish-filters select{border:1px solid color-mix(in srgb,var(--theme-line) 25%,transparent);background:var(--theme-bg);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .wish-chip{border:1px solid color-mix(in srgb,var(--theme-line) 25%,transparent);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .wish-chip.is-on{background:var(--theme-accent);border-color:var(--theme-accent);color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) .wish-grid .wish-item{border:1px solid color-mix(in srgb,var(--theme-line) 18%,transparent);background:linear-gradient(180deg,var(--theme-bg-alt),var(--theme-bg))}
html[data-site-theme]:not([data-site-theme="default"]) .wish-grid .wish-item:hover{border-color:color-mix(in srgb,var(--theme-accent) 40%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .wish-grid .wish-item.is-owned{border-color:color-mix(in srgb,var(--theme-accent) 67%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .wish-overlay{border:1px solid color-mix(in srgb,var(--theme-accent) 20%,transparent);background:color-mix(in srgb,var(--theme-bg) 93%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .wish-react-open{border:1px solid color-mix(in srgb,var(--theme-accent) 20%,transparent);color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .wish-react-open:hover{background:color-mix(in srgb,var(--theme-accent) 13%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .wish-react-open[aria-expanded="true"]{background:color-mix(in srgb,var(--theme-accent) 13%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-actions{border:1px solid color-mix(in srgb,var(--theme-accent) 20%,transparent);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-act{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-act:hover{background:color-mix(in srgb,var(--theme-accent) 13%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-react-menu{border:1px solid color-mix(in srgb,var(--theme-accent) 20%,transparent);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-reaction{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-reaction.is-mine{border-color:var(--theme-accent);background:color-mix(in srgb,var(--theme-accent) 13%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-edited{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-reply-quote{border-left:2px solid color-mix(in srgb,var(--theme-accent) 40%,transparent);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-reply-quote b{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-mention{background:color-mix(in srgb,var(--theme-accent) 13%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-message.is-flash{background:color-mix(in srgb,var(--theme-accent) 13%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-edit-form textarea{border:1px solid color-mix(in srgb,var(--theme-accent) 33%,transparent);background:var(--theme-bg);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-reply-bar{background:var(--theme-bg-alt);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-reply-bar b{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) #chat-mention.chat-mention-menu{border:1px solid color-mix(in srgb,var(--theme-accent) 20%,transparent);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-mention-option{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-mention-option.is-active{background:color-mix(in srgb,var(--theme-accent) 13%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-mention-option:hover{background:color-mix(in srgb,var(--theme-accent) 13%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-mention-card{border:1px solid color-mix(in srgb,var(--theme-accent) 20%,transparent);background:linear-gradient(160deg,var(--theme-bg-alt),var(--theme-bg));color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-reaction[data-tip]:hover::after{border:1px solid color-mix(in srgb,var(--theme-accent) 20%,transparent);background:var(--theme-bg);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-reaction[data-tip]:focus-visible::after{border:1px solid color-mix(in srgb,var(--theme-accent) 20%,transparent);background:var(--theme-bg);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-context{border:1px solid color-mix(in srgb,var(--theme-accent) 20%,transparent);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-context button{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-context button:hover{background:color-mix(in srgb,var(--theme-accent) 13%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .redeem-allowance{background:color-mix(in srgb,var(--theme-accent) 8%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .emoji-picker{border:1px solid color-mix(in srgb,var(--theme-accent) 20%,transparent);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .emoji-picker-tab:hover{background:color-mix(in srgb,var(--theme-accent) 11%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .emoji-picker-tab.is-active{background:color-mix(in srgb,var(--theme-accent) 11%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .emoji-picker-title{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .emoji-picker-grid{scrollbar-color:var(--theme-soft) transparent}
html[data-site-theme]:not([data-site-theme="default"]) .emoji-picker-item.is-mine{background:color-mix(in srgb,var(--theme-accent) 16%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .emoji-picker-search{border:1px solid color-mix(in srgb,var(--theme-accent) 20%,transparent);background:var(--theme-bg);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .emoji-picker-search:focus{border-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .wish-reaction-pill[data-tip]:hover::after{border:1px solid color-mix(in srgb,var(--theme-accent) 20%,transparent);background:var(--theme-bg);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-teaser{background:linear-gradient(90deg,#f6cf6a22,color-mix(in srgb,var(--theme-accent) 13%,transparent))}
@media (min-width:701px){html[data-site-theme]:not([data-site-theme="default"]) body .chat-popover .chat-gif-head{background:var(--theme-bg-alt)}}
html[data-site-theme]:not([data-site-theme="default"]) .chat-avatar-spacer time{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-companion-mark{background:var(--theme-soft)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-companion-owner{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-footer{background:var(--theme-bg);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-companion-title{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-auto-toggle{border:1px solid color-mix(in srgb,var(--theme-line) 48%,transparent);background:var(--theme-bg-alt);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-auto-toggle:hover:not(:has(input:disabled)){background:var(--theme-panel);border-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-auto-toggle:has(input:checked){background:var(--theme-panel);border-color:color-mix(in srgb,var(--theme-line) 61%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-accent) 7%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-auto-toggle input{background:var(--theme-soft)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-auto-toggle input:checked{background:var(--theme-accent);border-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-auto-toggle input:checked::before{background:var(--theme-bg)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-viewers{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .chat-viewers-dot{background:var(--theme-accent);box-shadow:0 0 8px var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .booster-tier-guarantee{background:color-mix(in srgb,var(--theme-accent) 13%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .site-announcement{--notice-bg:var(--theme-panel);--notice-line:var(--theme-line);--notice-accent:var(--theme-accent);--notice-text:var(--theme-text);--notice-soft:var(--theme-soft)}
html[data-site-theme]:not([data-site-theme="default"]) body .booster-tier{background:radial-gradient(130% 60% at 50% 0%,color-mix(in srgb,var(--tier) 34%,transparent),transparent 62%),linear-gradient(165deg,var(--theme-bg-alt),var(--theme-bg))}
html[data-site-theme]:not([data-site-theme="default"]) body .booster-tier:nth-child(2){background:radial-gradient(120% 55% at 20% 0%,#2fc6d64d,transparent 60%),radial-gradient(120% 55% at 90% 10%,#e46fb244,transparent 60%),linear-gradient(165deg,var(--theme-bg-alt),var(--theme-bg))}
html[data-site-theme]:not([data-site-theme="default"]) body .booster-tier .booster-tier-guarantee{background:color-mix(in srgb,var(--tier) 20%,var(--theme-bg))}
html[data-site-theme]:not([data-site-theme="default"]) body .booster-tier:nth-child(4){background:radial-gradient(120% 60% at 50% 0%,#f1c45759,transparent 60%),radial-gradient(90% 40% at 50% 100%,#e46fb233,transparent 70%),linear-gradient(165deg,var(--theme-bg-alt),var(--theme-bg))}
html[data-site-theme]:not([data-site-theme="default"]) body .popz-shop{background:radial-gradient(60% 80% at 0% 0%,#2fc6d62e,transparent 60%),radial-gradient(60% 80% at 100% 100%,#e46fb22a,transparent 60%),linear-gradient(160deg,var(--theme-bg-alt),var(--theme-bg))}
html[data-site-theme]:not([data-site-theme="default"]) body .popz-tier{background:radial-gradient(120% 70% at 50% 0%,color-mix(in srgb,var(--pz) 30%,transparent),transparent 65%),var(--theme-bg)}
html[data-site-theme]:not([data-site-theme="default"]) body .popz-tier .button{color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .runel-booster-offer{background:linear-gradient(var(--theme-bg-alt),var(--theme-bg-alt)) padding-box,linear-gradient(90deg,#ffe29a,#f6a6d8,#7ef0ff,#c4a6ff,#ffe29a) border-box}
html[data-site-theme]:not([data-site-theme="default"]) .reveal-wishers{background:color-mix(in srgb,var(--theme-bg-alt) 90%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .reveal-wishers-list button{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .reveal-wishers-terms span{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .reveal-wishers-more{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .search-input:focus-within{border-color:var(--theme-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 25%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body input:focus{border-color:var(--theme-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 20%,transparent)!important}
html[data-site-theme]:not([data-site-theme="default"]) body textarea:focus{border-color:var(--theme-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 20%,transparent)!important}
html[data-site-theme]:not([data-site-theme="default"]) body wa-select:focus-within::part(combobox){box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 20%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-grid .wish-mine-item{border:1px solid color-mix(in srgb,var(--theme-line) 18%,transparent);background:linear-gradient(180deg,var(--theme-bg-alt),var(--theme-bg))}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-grid .wish-mine-item:hover{border-color:color-mix(in srgb,var(--theme-accent) 40%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .chat-content>.chat-gif-expand:hover{box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-accent) 44%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .market-browse{border:1px solid color-mix(in srgb,var(--theme-accent) 13%,transparent);background:linear-gradient(110deg,color-mix(in srgb,var(--theme-panel) 65%,transparent),color-mix(in srgb,var(--theme-bg-alt) 72%,transparent));box-shadow:0 12px 28px color-mix(in srgb,var(--theme-bg) 13%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .market-view-switch{background:color-mix(in srgb,var(--theme-bg) 49%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .market-view-switch>button{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .market-view-switch>button:hover{color:var(--theme-text);background:color-mix(in srgb,var(--theme-accent) 7%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .market-view-switch>button[aria-pressed="true"]{color:var(--theme-text);background:var(--theme-soft)}
html[data-site-theme]:not([data-site-theme="default"]) body .market-own-toggle{border:1px solid color-mix(in srgb,var(--theme-line) 23%,transparent);background:var(--theme-bg-alt);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .market-own-toggle[aria-pressed="true"]{border-color:color-mix(in srgb,var(--theme-accent) 51%,transparent);background:var(--theme-soft);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .market-own-toggle:hover{border-color:color-mix(in srgb,var(--theme-accent) 51%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .market-toolbar>.market-search{border:1px solid color-mix(in srgb,var(--theme-line) 36%,transparent);background:var(--theme-bg-alt);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .market-search>input{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .market-search>input::placeholder{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .market-search:focus-within{border-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) body .market-filter-select::part(form-control-label){color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .market-filter-select::part(combobox){border:1px solid color-mix(in srgb,var(--theme-line) 36%,transparent);background:var(--theme-bg-alt);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .market-filter-select::part(display-input){color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .market-filter-select::part(listbox){border:1px solid var(--theme-line);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) body .market-filter-select:hover::part(combobox){border-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) body .market-results-count{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .market-page .market-item{border:1px solid color-mix(in srgb,var(--theme-line) 15%,transparent);background:color-mix(in srgb,var(--theme-bg-alt) 57%,transparent);box-shadow:0 7px 17px color-mix(in srgb,var(--theme-bg) 11%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .market-page .listing-price strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .market-page .listing-price small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .market-page .listing-footer .listing-action:disabled{background:color-mix(in srgb,var(--theme-panel) 48%,transparent);color:var(--theme-muted);border-color:color-mix(in srgb,var(--theme-line) 15%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .market-page .auction-minimum{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .market-page .auction-minimum strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .market-page .auction-date{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .market-page .seller-label{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .market-page .seller-label>[data-no-translate]{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .market-more{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-hub-nav{background:var(--theme-bg-alt);border:1px solid color-mix(in srgb,var(--theme-accent) 14%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-hub-nav a{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-hub-nav a:hover{background:var(--theme-soft);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-help{border-top:1px solid color-mix(in srgb,var(--theme-line) 16%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-help details{border-bottom:1px solid color-mix(in srgb,var(--theme-line) 15%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-help summary{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-help details p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-support{background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-support strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-support a{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-rotation{background:var(--theme-bg-alt);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-explorer{border:1px solid color-mix(in srgb,var(--theme-line) 15%,transparent);background:color-mix(in srgb,var(--theme-bg-alt) 50%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-explorer-search{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-explorer-search-box{border:1px solid color-mix(in srgb,var(--theme-line) 23%,transparent);background:var(--theme-bg)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-explorer-search-box:focus-within{border-color:var(--theme-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-accent) 10%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-explorer-search-box>svg{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-explorer-search-box input{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-explorer-search-box input::placeholder{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-explorer-filter-label{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-explorer-filter-count{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-explorer-filter button[aria-pressed="true"] .shop-explorer-filter-count{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-explorer-filter{border:1px solid color-mix(in srgb,var(--theme-line) 14%,transparent);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-explorer-filter button{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-explorer-filter button:hover{background:color-mix(in srgb,var(--theme-soft) 40%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-explorer-filter button[aria-pressed="true"]{background:var(--theme-soft);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-explorer-status p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-explorer-reset{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-explorer-empty{border-top:1px solid color-mix(in srgb,var(--theme-line) 14%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-explorer-empty>svg{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-explorer-empty h3{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-explorer-empty p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-explorer-motion{border:1px solid color-mix(in srgb,var(--theme-line) 20%,transparent);background:var(--theme-panel);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-explorer-motion:hover{border-color:color-mix(in srgb,var(--theme-accent) 53%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-orders{color:var(--text,var(--theme-text))}
html[data-site-theme]:not([data-site-theme="default"]) .shop-orders-heading p{color:var(--muted,var(--theme-muted))}
html[data-site-theme]:not([data-site-theme="default"]) .shop-orders-list{border-top:1px solid color-mix(in srgb,var(--theme-accent) 16%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-order{border-bottom:1px solid color-mix(in srgb,var(--theme-accent) 16%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-order-main time{color:var(--muted,var(--theme-muted))}
html[data-site-theme]:not([data-site-theme="default"]) .shop-order small{color:var(--muted,var(--theme-muted))}
html[data-site-theme]:not([data-site-theme="default"]) .shop-order-status{background:color-mix(in srgb,var(--theme-soft) 10%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-order-status-paid{background:color-mix(in srgb,var(--theme-accent) 12%,transparent);color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .shop-orders-pagination span{color:var(--muted,var(--theme-muted))}
html[data-site-theme]:not([data-site-theme="default"]) .shop-orders-message{color:var(--muted,var(--theme-muted))}
html[data-site-theme]:not([data-site-theme="default"]) .trade-workspace .trade-choice-check{background:var(--theme-panel);border:1px solid color-mix(in srgb,var(--theme-line) 25%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-workspace .trade-choice.is-selected .trade-choice-check{background:var(--theme-accent);border-color:var(--theme-accent);color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-workspace .trade-owned-note{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-workspace .trade-choice:disabled .trade-choice-check{background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .trade-workspace .trade-footer-actions .button:disabled{background:var(--theme-soft);color:var(--theme-muted);border-color:color-mix(in srgb,var(--theme-line) 22%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .trade-workspace .trade-filter{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .trade-workspace .trade-filter select{border:1px solid color-mix(in srgb,var(--theme-accent) 15%,transparent);background:var(--theme-bg-alt);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-unique-explanation{color:var(--text-muted,var(--theme-muted))}
html[data-site-theme]:not([data-site-theme="default"]) .staff-unique-results>p{color:var(--text-muted,var(--theme-muted))}
html[data-site-theme]:not([data-site-theme="default"]) .staff-unique-player{border:1px solid var(--theme-line);background:var(--theme-bg-alt);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-unique-player small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-unique-player[aria-pressed=true]{border-color:var(--theme-accent);background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-unique-choice{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-unique-player:hover{border-color:var(--theme-line);background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) body .reveal-flip-back.card-back{border:2px solid var(--theme-line);background:radial-gradient(ellipse at 50% 30%,var(--theme-panel),var(--theme-bg) 78%)}
html[data-site-theme]:not([data-site-theme="default"]) body .reveal-flip-back.card-back::after{border:1px solid color-mix(in srgb,var(--theme-accent) 25%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .reveal-count{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .reveal-count strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .reveal-side-arrow{border:1px solid color-mix(in srgb,var(--theme-line) 20%,transparent);background:color-mix(in srgb,var(--theme-bg-alt) 85%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .reveal-side-arrow:hover:not(:disabled){background:var(--theme-panel);border-color:color-mix(in srgb,var(--theme-line) 50%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .ios-switch{border:1px solid color-mix(in srgb,var(--theme-line) 18%,transparent);background:color-mix(in srgb,var(--theme-bg-alt) 85%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .ios-switch:hover{border-color:color-mix(in srgb,var(--theme-accent) 40%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .ios-switch .ios-switch-track{background:var(--theme-soft)}
html[data-site-theme]:not([data-site-theme="default"]) body .ios-switch[aria-checked="true"] .ios-switch-track{background:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .ios-switch.pack-page-preference{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .ios-switch.pack-page-preference:hover{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .ios-switch.pack-page-preference .ios-switch-track{background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) body .ios-switch.pack-page-preference[aria-checked="true"] .ios-switch-track{background:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .reveal-dock>.opening-card-action{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .reveal-dock>.opening-card-action .dock-label{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .reveal-dock>.opening-card-action:hover:not(:disabled) .dock-label{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .reveal-dock>.opening-sell.is-sold .dock-icon{background:color-mix(in srgb,var(--theme-accent) 18%,transparent);color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .reveal-dock .dock-badge{background:var(--theme-accent);color:var(--theme-accent-text);box-shadow:0 0 0 2px var(--theme-bg)}
html[data-site-theme]:not([data-site-theme="default"]) body .reveal-dock .dock-cta{background:var(--theme-accent);color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .reveal-dock>.dock-wait.opening-card-action{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .reveal-dock>.dock-wait .dock-icon{background:color-mix(in srgb,var(--theme-accent) 8%,transparent);color:var(--theme-text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-accent) 18%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .reveal-dock>.dock-wait .dock-label strong{color:var(--theme-text)}
@media(max-width:999px),(max-height:540px){html[data-site-theme]:not([data-site-theme="default"]) body .reveal-wishers .reveal-wishers-title{background:color-mix(in srgb,var(--theme-bg-alt) 95%,transparent)}}
@media(max-width:999px),(max-height:540px){html[data-site-theme]:not([data-site-theme="default"]) body .reveal-wishers.is-open .reveal-wishers-list{background:color-mix(in srgb,var(--theme-bg-alt) 96%,transparent)}}
html[data-site-theme]:not([data-site-theme="default"]) body .pack-info .pack-odds-details summary{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .pack-refill{background:radial-gradient(ellipse at 90% 0%,#e7c66b2e,#0000 55%),linear-gradient(160deg,var(--theme-panel),var(--theme-bg-alt))}
html[data-site-theme]:not([data-site-theme="default"]) .pack-refill-boost span{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .pack-refill-offer{border:1px solid color-mix(in srgb,var(--theme-line) 20%,transparent);background:color-mix(in srgb,var(--theme-bg-alt) 80%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .pack-refill-offer h3 span{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .pack-refill-guarantee{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .pack-refill-price del{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .pack-refill-price small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .pack-refill-wait{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .pack-refill-wait strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .pack-refill-loading{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .auction-buy-now-field input::placeholder{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .pack-hero-copy{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .pack-hero-stock{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .pack-hero-stock svg{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .pack-hero-note{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .pack-hero-note strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .auction-overlay{border:1px solid color-mix(in srgb,var(--theme-accent) 20%,transparent);background:color-mix(in srgb,var(--theme-bg) 95%,transparent);scrollbar-color:var(--theme-soft) transparent}
html[data-site-theme]:not([data-site-theme="default"]) .auction-overlay-head span{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .auction-bid.is-you .auction-bid-name{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .auction-bid-avatar{background:var(--theme-panel)}
html[data-site-theme]:not([data-site-theme="default"]) .auction-bid-time{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .auction-bid-amount{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .auction-bid-amount::after{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .auction-overlay-more{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .auction-leader{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .auction-leader strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .auction-leader.is-empty{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .auction-history-toggle{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .auction-pill{background:color-mix(in srgb,var(--theme-bg) 85%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .auction-pill.is-empty{border-color:color-mix(in srgb,var(--theme-line) 20%,transparent);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .auction-pill.is-you{border-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .auction-pill-count{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .auction-ends{background:color-mix(in srgb,var(--theme-accent) 10%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .auction-item .auction-overlay{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-bg) 91%,transparent),color-mix(in srgb,var(--theme-bg) 97%,transparent))}
html[data-site-theme]:not([data-site-theme="default"]) #modal-root .binder-picker .binder-picker-list{scrollbar-color:var(--theme-soft) transparent}
html[data-site-theme]:not([data-site-theme="default"]) #modal-root .binder-picker .binder-picker-list.is-grid{scrollbar-color:var(--theme-soft) transparent}
@media (min-width:801px){html[data-site-theme]:not([data-site-theme="default"]) body .modal.card-showcase .showcase-layout>.showcase-copy{scrollbar-color:var(--theme-soft) transparent}}
html[data-site-theme]:not([data-site-theme="default"]) #modal-root .modal-backdrop:has(.chat-gif-viewer){background:color-mix(in srgb,var(--theme-bg) 91%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .card-image-editor .card-image-current{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .card-image-editor .card-image-current a{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .card-image-editor .card-image-review{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .card-showcase .showcase-actions>.button:hover{background:var(--theme-soft);border-color:var(--theme-line);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-board-item:not(.wish-mine-item,.wish-offer-item) .wish-overlay .wish-offer-row>.wish-no-offer{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-board-item:not(.wish-mine-item,.wish-offer-item) .wish-overlay .wish-offer-row>span+span::before{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .album-store-head strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .album-store-head span{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .album-store-option:hover{border-color:color-mix(in srgb,var(--theme-accent) 40%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .album-store-text strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .album-store-text small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .album-store-option:has(input:checked){border-color:color-mix(in srgb,var(--theme-accent) 67%,transparent);background:color-mix(in srgb,var(--theme-accent) 8%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .album-store-option:has(input:checked) .album-store-check{background:var(--theme-accent);border-color:var(--theme-accent);color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) body wa-select{color:var(--theme-text);--wa-color-surface-default:var(--theme-bg-alt);--wa-color-surface-raised:var(--theme-bg-alt);--wa-color-surface-lowered:var(--theme-bg-alt);--wa-color-on-quiet:var(--theme-soft);--wa-color-neutral-border-normal:var(--theme-line);--wa-color-brand-fill-loud:var(--theme-accent);--wa-color-brand-fill-normal:var(--theme-soft);--wa-color-brand-on-loud:var(--theme-bg-alt);--wa-form-control-placeholder-color:var(--theme-soft)}
html[data-site-theme]:not([data-site-theme="default"]) body wa-select::part(combobox){background:var(--theme-bg-alt);border-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) body wa-select::part(combobox):hover{border-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) body wa-select:focus-within::part(combobox){border-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body wa-select::part(display-input){color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body wa-select::part(form-control-label){color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body wa-select::part(expand-icon){color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body wa-select::part(listbox){background:var(--theme-bg-alt);border-color:var(--theme-line);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body wa-option{color:var(--theme-text);--wa-color-neutral-fill-normal:var(--theme-panel);--wa-color-on-normal:var(--theme-soft);--wa-color-brand-fill-loud:var(--theme-accent);--wa-color-brand-on-loud:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) body wa-option:hover{background:var(--theme-panel);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body wa-option:focus{background:var(--theme-panel);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body wa-option[selected]{background:var(--theme-soft);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body wa-option::part(checked-icon){color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-stat-tile strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-stat-tile small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-stat-label{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-stat-tile.is-live{border-color:color-mix(in srgb,var(--theme-accent) 40%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--theme-accent) 12%,transparent),color-mix(in srgb,var(--theme-accent) 3%,transparent))}
html[data-site-theme]:not([data-site-theme="default"]) .staff-live-dot{background:var(--theme-accent);box-shadow:0 0 0 0 color-mix(in srgb,var(--theme-accent) 53%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-stat-trend.is-up{background:color-mix(in srgb,var(--theme-accent) 12%,transparent);color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-stat-trend.is-flat{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-stat-chart figcaption{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-stat-chart figcaption strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-chart-mark{fill:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-chart-bar.is-today .staff-chart-mark{fill:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-chart-bar:hover .staff-chart-mark{fill:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-chart-axis{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-stat-list h3{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-stat-insights h3{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-stat-list>p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-stat-name{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-stat-bar i{background:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-stat-list li strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-stat-list li strong small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-stat-sub{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-stat-insights li{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-stat-insights li.is-good>span{background:color-mix(in srgb,var(--theme-accent) 15%,transparent);color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-stat-note{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .staff-stat-empty{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .style-highlight-head h3{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .style-highlight-head p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .style-highlight-chip strong{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .style-highlight-chip small{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .style-highlight-chip.is-chatBubble{--tab:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .daily-goals{border:1px solid color-mix(in srgb,var(--theme-accent) 20%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent) 7%,transparent),#ffffff03 60%)}
html[data-site-theme]:not([data-site-theme="default"]) .daily-goals h2{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .daily-goals header p{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .daily-goals-ring{background:conic-gradient(var(--theme-accent) var(--progress),#ffffff14 0)}
html[data-site-theme]:not([data-site-theme="default"]) .daily-goals-ring span{background:var(--theme-bg-alt);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .daily-goals li.is-done{border-color:color-mix(in srgb,var(--theme-accent) 33%,transparent);background:color-mix(in srgb,var(--theme-accent) 6%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .daily-goal-check{color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) .daily-goals li.is-done .daily-goal-check{background:var(--theme-accent);border-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .daily-goal-label{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .daily-goals li.is-done .daily-goal-label{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .daily-goal-go{background:color-mix(in srgb,var(--theme-accent) 12%,transparent);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .daily-goal-go:hover{background:color-mix(in srgb,var(--theme-accent) 20%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) .daily-goals-note{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .badge-icon{color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) .unique-reveal{background:radial-gradient(circle at 50% 45%,#2a1d3fee 0%,color-mix(in srgb,var(--theme-bg) 96%,transparent) 62%)}
html[data-site-theme]:not([data-site-theme="default"]) body .modal:has(.reveal-stage) .modal-header .auto-speed{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) .auto-speed input[type=range]{background:linear-gradient(90deg,var(--theme-accent) 0%,#3fd6e8 50%,#f3c45a 100%)}
html[data-site-theme]:not([data-site-theme="default"]) .auto-speed input[type=range]::-webkit-slider-thumb{border:2px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .auto-speed input[type=range]::-moz-range-track{background:linear-gradient(90deg,var(--theme-accent) 0%,#3fd6e8 50%,#f3c45a 100%)}
html[data-site-theme]:not([data-site-theme="default"]) .auto-speed input[type=range]::-moz-range-thumb{border:2px solid var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) .news-entry-card ul + h2{border-top:1px solid color-mix(in srgb,var(--theme-line) 33%,transparent)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-tools .binder-search{border:1px solid color-mix(in srgb,var(--theme-line) 20%,transparent);background:var(--theme-bg-alt);color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-tools .binder-search:hover{border-color:color-mix(in srgb,var(--theme-line) 40%,transparent);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-tools .binder-search:focus-within{border-color:color-mix(in srgb,var(--theme-line) 40%,transparent);background:var(--theme-bg-alt)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-tools .binder-search input{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .binder-tools .binder-search input::placeholder{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .binder-search-empty{border:1px dashed color-mix(in srgb,var(--theme-line) 27%,transparent);color:var(--theme-text)}
/* Ticket reply box follows the seasonal theme (it kept the default green). */
html[data-site-theme]:not([data-site-theme="default"]) .support-composer{background:var(--theme-bg-alt)!important}
html[data-site-theme]:not([data-site-theme="default"]) .support-composer textarea{background:transparent!important;color:var(--theme-text)!important}
html[data-site-theme]:not([data-site-theme="default"]) .support-composer textarea::placeholder{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) .support-composer-tool{background:color-mix(in srgb,var(--theme-text) 7%,transparent)!important;color:var(--theme-muted)!important}
html[data-site-theme]:not([data-site-theme="default"]) .support-composer-send{background:var(--theme-accent)!important;color:var(--theme-accent-text)!important}
html[data-site-theme]:not([data-site-theme="default"]) .support-form{background:color-mix(in srgb,var(--theme-text) 4%,transparent)!important}
html[data-site-theme]:not([data-site-theme="default"]) .support-composer textarea:focus{outline-color:color-mix(in srgb,var(--theme-accent) 45%,transparent)!important}
/* Ticket window: one background everywhere (the form had its own shade), and the message box shows a single frame on focus
   (the text area drew a second ring between the picture and send buttons). */
html:not(#_) body .support-form{background:transparent!important}
html:not(#_) body .support-composer{background:color-mix(in srgb,var(--theme-text,#fff) 5%,transparent)!important}
html:not(#_) body .support-composer textarea,html:not(#_) body .support-composer textarea:is(:focus,:focus-visible){background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important}
html:not(#_) body .support-composer:focus-within{box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-accent,#bedca5) 55%,transparent)}
/* Badge gallery window (profile badges « +26 »): follows the seasonal theme like the other windows. */
html[data-site-theme]:not([data-site-theme="default"]) body .badge-gallery{background:var(--theme-panel)!important;color:var(--theme-text)!important}
html[data-site-theme]:not([data-site-theme="default"]) body .badge-gallery-list{background:var(--theme-bg-alt)!important}
html[data-site-theme]:not([data-site-theme="default"]) body :is(.badge-gallery-hint,.badge-gallery-empty,.badge-gallery-loading,.badge-gallery-facts span){color:var(--theme-muted)!important}
html[data-site-theme]:not([data-site-theme="default"]) body .badge-gallery-detail{color:var(--theme-muted)!important}
html[data-site-theme]:not([data-site-theme="default"]) body :is(.badge-gallery-tile,.badge-gallery-facts>div){background:color-mix(in srgb,var(--theme-text) 6%,transparent)!important}
html[data-site-theme]:not([data-site-theme="default"]) body .badge-gallery-tile:hover,html[data-site-theme]:not([data-site-theme="default"]) body .badge-gallery-tile.is-selected{background:color-mix(in srgb,var(--theme-accent) 16%,transparent)!important}
html[data-site-theme]:not([data-site-theme="default"]) body .badge-gallery-close{color:var(--theme-muted)!important}
html[data-site-theme]:not([data-site-theme="default"]) body .badge-gallery-close:hover{background:color-mix(in srgb,var(--theme-text) 8%,transparent)!important;color:var(--theme-text)!important}
html[data-site-theme]:not([data-site-theme="default"]) body :is(.badge-gallery-title,.badge-gallery-name){color:var(--theme-text)!important}

/* site-theme.css */
html[data-site-theme]:not([data-site-theme="default"]){--bg:var(--theme-bg);--panel:var(--theme-panel);--line:var(--theme-line);--text:var(--theme-text);--muted:var(--theme-muted);--accent:var(--theme-accent);--accent-dark:var(--theme-accent);--mint:var(--theme-accent);--forest:var(--theme-bg);--wa-color-surface-default:var(--theme-panel);--wa-color-surface-raised:var(--theme-panel);--wa-color-surface-lowered:var(--theme-bg-alt);--wa-color-surface-border:var(--theme-line);--wa-color-on-normal:var(--theme-text);--wa-color-text-normal:var(--theme-text);--wa-color-text-quiet:var(--theme-muted);--wa-color-brand-fill-loud:var(--theme-accent);--wa-color-brand-fill-normal:var(--theme-soft);--wa-color-brand-fill-quiet:var(--theme-soft);--wa-color-brand-border-loud:var(--theme-accent);--wa-color-brand-on-loud:var(--theme-accent-text);--wa-color-neutral-fill-quiet:var(--theme-soft);--wa-color-neutral-border-quiet:var(--theme-line);--wa-color-neutral-border-normal:var(--theme-line);--wa-focus-ring-color:var(--theme-accent);--wa-form-control-background-color:var(--theme-bg-alt);--wa-form-control-border-color:var(--theme-line);--wa-form-control-value-color:var(--theme-text);--wa-form-control-placeholder-color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body{background:var(--theme-bg);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .sidebar{background:var(--theme-bg-alt);border-right-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) body .topbar{background:var(--theme-bg-alt);border-bottom-color:var(--theme-line)}
html[data-site-theme]:not([data-site-theme="default"]) body .sidebar .nav-link:hover{background:var(--theme-soft);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .sidebar .nav-link.active{background:var(--theme-soft);color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .button.primary{background:var(--theme-accent);border-color:var(--theme-accent);color:var(--theme-accent-text);box-shadow:0 4px 16px var(--theme-glow)}
html[data-site-theme]:not([data-site-theme="default"]) body .button.secondary{background:var(--theme-bg-alt);border-color:var(--theme-line);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .button.secondary:hover{background:var(--theme-soft);border-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .modal:not(:has(.reveal-stage)),html[data-site-theme]:not([data-site-theme="default"]) body .modal:not(:has(.reveal-stage)) .modal-header,html[data-site-theme]:not([data-site-theme="default"]) body .modal:not(:has(.reveal-stage)) .modal-footer{background:var(--theme-panel);border-color:var(--theme-line);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body input:not([type=range]):not([type=checkbox]):not([type=radio]),html[data-site-theme]:not([data-site-theme="default"]) body textarea,html[data-site-theme]:not([data-site-theme="default"]) body select{background-color:var(--theme-bg-alt);border-color:var(--theme-line);color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .page-heading h1{color:var(--theme-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .page-heading p,html[data-site-theme]:not([data-site-theme="default"]) body .greeting{color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body a:not(.button):not(.nav-link){color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .sidebar .nav-link[data-page="shop"]{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent) 82%,#fff),var(--theme-accent) 55%,color-mix(in srgb,var(--theme-accent) 72%,#000));color:var(--theme-accent-text);box-shadow:0 6px 18px var(--theme-glow),inset 0 1px 0 #ffffff55}
html[data-site-theme]:not([data-site-theme="default"]) body .sidebar .nav-link[data-page="shop"]:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent) 70%,#fff),var(--theme-accent) 55%,color-mix(in srgb,var(--theme-accent) 80%,#000));color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) body .sidebar .nav-link[data-page="shop"] svg,html[data-site-theme]:not([data-site-theme="default"]) body .sidebar .nav-link[data-page="shop"] [data-icon]{color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]) body input[type=checkbox],html[data-site-theme]:not([data-site-theme="default"]) body input[type=radio]{accent-color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body input[type=checkbox]:not(:checked),html[data-site-theme]:not([data-site-theme="default"]) body input[type=radio]:not(:checked){border-color:var(--theme-muted)!important}
html[data-site-theme]:not([data-site-theme="default"]) body .button.primary *,html[data-site-theme]:not([data-site-theme="default"]) body .button.primary svg{color:var(--theme-accent-text)}
html[data-site-theme]:not([data-site-theme="default"]){scrollbar-color:var(--theme-accent) var(--theme-bg)}
html[data-site-theme]:not([data-site-theme="default"]) ::-webkit-scrollbar-thumb{background:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) ::-webkit-scrollbar-track{background:var(--theme-bg)}
.staff-theme-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0 0 14px}
.staff-theme-option{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--theme-line,#9aba9b33);border-radius:12px;background:var(--theme-bg-alt,#12211a);color:var(--theme-text,#e3eedf);cursor:pointer}
.staff-theme-option:has(input:checked){border-color:var(--theme-accent,#f3c45a);background:var(--theme-soft,#1b2b20)}
.staff-theme-option input{accent-color:var(--theme-accent,#f3c45a)}
.staff-theme-swatch{display:inline-flex;gap:3px}.staff-theme-swatch i{width:12px;height:12px;border-radius:50%;border:1px solid #0006}
#site-theme-decor{position:fixed;inset:0;z-index:40;pointer-events:none;overflow:hidden}
html[data-site-theme]:not([data-site-theme="default"]) body .ios-switch .ios-switch-track{background:color-mix(in srgb,var(--theme-muted) 35%,transparent)!important}html[data-site-theme]:not([data-site-theme="default"]) body .ios-switch[aria-checked="true"] .ios-switch-track{background:var(--theme-accent)!important}html[data-site-theme]:not([data-site-theme="default"]) body .ios-switch .ios-switch-thumb{background:#fff!important}html[data-site-theme]:not([data-site-theme="default"]) body input[type=checkbox]:checked{background-color:var(--theme-accent)!important;border-color:var(--theme-accent)!important}html[data-site-theme]:not([data-site-theme="default"]) body input[type=checkbox]:checked::before{background:var(--theme-accent-text)!important}html[data-site-theme]:not([data-site-theme="default"]) body input[type=checkbox]:not(:checked){background-color:var(--theme-bg-alt)!important}
html[data-site-theme]:not([data-site-theme="default"]) body .wish-switch input::before,html[data-site-theme]:not([data-site-theme="default"]) body .chat-auto-toggle input::before{background:var(--theme-text)!important}html[data-site-theme]:not([data-site-theme="default"]) body .wish-switch input:checked::before,html[data-site-theme]:not([data-site-theme="default"]) body .chat-auto-toggle input:checked::before{background:var(--theme-accent-text)!important}html[data-site-theme]:not([data-site-theme="default"]) body .wish-switch input,html[data-site-theme]:not([data-site-theme="default"]) body .chat-auto-toggle input{box-shadow:inset 0 0 0 1px var(--theme-muted)!important}
html[data-site-theme]:not([data-site-theme="default"]),html[data-site-theme]:not([data-site-theme="default"]) body{--wa-color-neutral-fill-normal:var(--theme-soft);--wa-color-neutral-on-normal:var(--theme-text);--wa-color-on-quiet:var(--theme-muted);--tab:var(--theme-accent);--showcase-accent:var(--theme-accent);--showcase-light:var(--theme-text)}
html[data-site-theme="halloween"] img[src*="popkard-pack"],html[data-site-theme="halloween"] img[src*="popkard-sealed"]{filter:hue-rotate(-124deg) saturate(1.15) drop-shadow(0 14px 18px #0007)!important}html[data-site-theme="noel"] img[src*="popkard-pack"],html[data-site-theme="noel"] img[src*="popkard-sealed"]{filter:hue-rotate(-150deg) saturate(1.15) drop-shadow(0 14px 18px #0007)!important}html[data-site-theme="gta-vi"] img[src*="popkard-pack"],html[data-site-theme="gta-vi"] img[src*="popkard-sealed"]{filter:hue-rotate(178deg) saturate(1.15) drop-shadow(0 14px 18px #0007)!important}html[data-site-theme="nouvel-an"] img[src*="popkard-pack"],html[data-site-theme="nouvel-an"] img[src*="popkard-sealed"]{filter:hue-rotate(-111deg) saturate(1.15) drop-shadow(0 14px 18px #0007)!important}html[data-site-theme="saint-valentin"] img[src*="popkard-pack"],html[data-site-theme="saint-valentin"] img[src*="popkard-sealed"]{filter:hue-rotate(190deg) saturate(1.15) drop-shadow(0 14px 18px #0007)!important}html[data-site-theme="printemps"] img[src*="popkard-pack"],html[data-site-theme="printemps"] img[src*="popkard-sealed"]{filter:hue-rotate(183deg) saturate(1.15) drop-shadow(0 14px 18px #0007)!important}html[data-site-theme="ete"] img[src*="popkard-pack"],html[data-site-theme="ete"] img[src*="popkard-sealed"]{filter:hue-rotate(-112deg) saturate(1.15) drop-shadow(0 14px 18px #0007)!important}
html[data-site-theme]:not([data-site-theme="default"]) body.personal-shop-available .shop-hub-nav a.shop-gift-link,html[data-site-theme]:not([data-site-theme="default"]) body.personal-shop-available .shop-hub-nav a.shop-gift-link:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent) 85%,#fff),var(--theme-accent) 55%,color-mix(in srgb,var(--theme-accent) 75%,#000))!important;border-color:var(--theme-accent)!important;color:var(--theme-accent-text)!important;text-shadow:none!important}html[data-site-theme]:not([data-site-theme="default"]) body.personal-shop-available .shop-hub-nav a.shop-gift-link *{color:inherit!important}
html[data-site-theme]:not([data-site-theme="default"]) *{scrollbar-color:var(--theme-accent) transparent!important}html[data-site-theme]:not([data-site-theme="default"]) *::-webkit-scrollbar-thumb{background:var(--theme-accent)!important}
html[data-site-theme]:not([data-site-theme="default"]) body .numbered-page-button.is-active,html[data-site-theme]:not([data-site-theme="default"]) body .numbered-page-button[aria-current="page"],html[data-site-theme]:not([data-site-theme="default"]) body .binder-page-number[aria-current="page"]{border-color:var(--theme-accent)!important;background:color-mix(in srgb,var(--theme-accent) 22%,transparent)!important;color:var(--theme-text)!important;box-shadow:0 0 0 1px var(--theme-accent),0 0 12px var(--theme-glow)!important}
html[data-site-theme="halloween"] body .chat-panel{background-color:#140b06!important;background-image:none,url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Cpath d=%22M-12 14v-16a12 12 0 0 1 24 0v16l-4-4-4 4-4-4-4 4-4-4z%22 fill=%22%23f4ece2%22/%3E%3Ccircle cx=%22-4%22 cy=%22-3%22 r=%222%22 fill=%22%231b0d02%22/%3E%3Ccircle cx=%224%22 cy=%22-3%22 r=%222%22 fill=%22%231b0d02%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Cpath d=%22M0-14c1-6 4-9 7-10%22 stroke=%22%235a3a12%22 stroke-width=%223%22 fill=%22none%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M5-20c5-4 10-3 13 0-5 3-9 3-13 0z%22 fill=%22%233f6b26%22/%3E%3Cellipse cx=%22-11%22 cy=%220%22 rx=%2211%22 ry=%2214%22 fill=%22%23e8741c%22/%3E%3Cellipse cx=%2211%22 cy=%220%22 rx=%2211%22 ry=%2214%22 fill=%22%23e8741c%22/%3E%3Cellipse cx=%220%22 cy=%220%22 rx=%2212%22 ry=%2215%22 fill=%22%23ff8a1f%22/%3E%3Cpath d=%22M-6-13c-2 8-2 18 0 26M6-13c2 8 2 18 0 26%22 stroke=%22%23c45f12%22 stroke-width=%221.6%22 fill=%22none%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Cpath d=%22M-12 14v-16a12 12 0 0 1 24 0v16l-4-4-4 4-4-4-4 4-4-4z%22 fill=%22%23f4ece2%22/%3E%3Ccircle cx=%22-4%22 cy=%22-3%22 r=%222%22 fill=%22%231b0d02%22/%3E%3Ccircle cx=%224%22 cy=%22-3%22 r=%222%22 fill=%22%231b0d02%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Cpath d=%22M0-14c1-6 4-9 7-10%22 stroke=%22%235a3a12%22 stroke-width=%223%22 fill=%22none%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M5-20c5-4 10-3 13 0-5 3-9 3-13 0z%22 fill=%22%233f6b26%22/%3E%3Cellipse cx=%22-11%22 cy=%220%22 rx=%2211%22 ry=%2214%22 fill=%22%23e8741c%22/%3E%3Cellipse cx=%2211%22 cy=%220%22 rx=%2211%22 ry=%2214%22 fill=%22%23e8741c%22/%3E%3Cellipse cx=%220%22 cy=%220%22 rx=%2212%22 ry=%2215%22 fill=%22%23ff8a1f%22/%3E%3Cpath d=%22M-6-13c-2 8-2 18 0 26M6-13c2 8 2 18 0 26%22 stroke=%22%23c45f12%22 stroke-width=%221.6%22 fill=%22none%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-size:84px,62px,56px,46px,40px!important;background-position:left 6% top 38%,right 18% top 14%,right 8% top 58%,left 34% top 70%,left 28% top 8%!important;border-color:#e8954a40!important}
html[data-site-theme="halloween"] body .chat-message:hover{background:#e8954a12!important}
html[data-site-theme="halloween"] body .chat-avatar{background:#e8954a!important;color:var(--theme-accent-text)!important}
html[data-site-theme="halloween"] body .chat-form textarea{background:var(--theme-bg-alt)!important;border-color:#e8954a44!important;color:var(--theme-text)!important}
html[data-site-theme="halloween"] body .chat-form textarea:focus{border-color:#e8954a!important;box-shadow:0 0 0 3px #e8954a33!important}
html[data-site-theme="noel"] body .chat-panel{background-color:#08130f!important;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Cg stroke=%22%23e9f4ff%22 stroke-width=%222.4%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M0-16v32M-14-8l28 16M-14 8l28-16%22/%3E%3Cpath d=%22M0-16l-4-4M0-16l4-4M0 16l-4 4M0 16l4 4%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Cpath d=%22M0-18l12 14h-6l9 11H-15l9-11h-6z%22 fill=%22%232f7a4a%22/%3E%3Crect x=%22-2.5%22 y=%227%22 width=%225%22 height=%226%22 fill=%22%236b4422%22/%3E%3Ccircle cx=%220%22 cy=%22-19%22 r=%222.6%22 fill=%22%23f2c45a%22/%3E%3Ccircle cx=%22-5%22 cy=%222%22 r=%221.8%22 fill=%22%23e2433b%22/%3E%3Ccircle cx=%225%22 cy=%22-4%22 r=%221.8%22 fill=%22%23f2c45a%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Cg stroke=%22%23e9f4ff%22 stroke-width=%222.4%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M0-16v32M-14-8l28 16M-14 8l28-16%22/%3E%3Cpath d=%22M0-16l-4-4M0-16l4-4M0 16l-4 4M0 16l4 4%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Cpath d=%22M0-18l12 14h-6l9 11H-15l9-11h-6z%22 fill=%22%232f7a4a%22/%3E%3Crect x=%22-2.5%22 y=%227%22 width=%225%22 height=%226%22 fill=%22%236b4422%22/%3E%3Ccircle cx=%220%22 cy=%22-19%22 r=%222.6%22 fill=%22%23f2c45a%22/%3E%3Ccircle cx=%22-5%22 cy=%222%22 r=%221.8%22 fill=%22%23e2433b%22/%3E%3Ccircle cx=%225%22 cy=%22-4%22 r=%221.8%22 fill=%22%23f2c45a%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Cg stroke=%22%23e9f4ff%22 stroke-width=%222.4%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M0-16v32M-14-8l28 16M-14 8l28-16%22/%3E%3Cpath d=%22M0-16l-4-4M0-16l4-4M0 16l-4 4M0 16l4 4%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-size:84px,62px,56px,46px,40px!important;background-position:left 6% top 38%,right 18% top 14%,right 8% top 58%,left 34% top 70%,left 28% top 8%!important;border-color:#cf5f5540!important}
html[data-site-theme="noel"] body .chat-message:hover{background:#cf5f5512!important}
html[data-site-theme="noel"] body .chat-avatar{background:#cf5f55!important;color:var(--theme-accent-text)!important}
html[data-site-theme="noel"] body .chat-form textarea{background:var(--theme-bg-alt)!important;border-color:#cf5f5544!important;color:var(--theme-text)!important}
html[data-site-theme="noel"] body .chat-form textarea:focus{border-color:#cf5f55!important;box-shadow:0 0 0 3px #cf5f5533!important}
html[data-site-theme="gta-vi"] body .chat-panel{background-color:#100717!important;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Cpath d=%22M0 18C1 6 2-4 0-14%22 stroke=%22%237a4a2a%22 stroke-width=%223.2%22 fill=%22none%22 stroke-linecap=%22round%22/%3E%3Cg fill=%22%232fbf8f%22%3E%3Cpath d=%22M0-14c-6-6-14-6-18-2 6 0 12 1 18 2z%22/%3E%3Cpath d=%22M0-14c6-6 14-6 18-2-6 0-12 1-18 2z%22/%3E%3Cpath d=%22M0-14c-3-7-2-12 2-15-1 5-1 10-2 15z%22/%3E%3Cpath d=%22M0-14c-8-1-13 3-14 8 4-4 9-6 14-8z%22/%3E%3Cpath d=%22M0-14c8-1 13 3 14 8-4-4-9-6-14-8z%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Ccircle r=%2213%22 fill=%22%23ff7a59%22/%3E%3Cg fill=%22%230f0716%22%3E%3Crect x=%22-14%22 y=%222%22 width=%2228%22 height=%222%22/%3E%3Crect x=%22-14%22 y=%226%22 width=%2228%22 height=%222.4%22/%3E%3Crect x=%22-14%22 y=%2210.5%22 width=%2228%22 height=%223%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Cpath d=%22M0 18C1 6 2-4 0-14%22 stroke=%22%237a4a2a%22 stroke-width=%223.2%22 fill=%22none%22 stroke-linecap=%22round%22/%3E%3Cg fill=%22%232fbf8f%22%3E%3Cpath d=%22M0-14c-6-6-14-6-18-2 6 0 12 1 18 2z%22/%3E%3Cpath d=%22M0-14c6-6 14-6 18-2-6 0-12 1-18 2z%22/%3E%3Cpath d=%22M0-14c-3-7-2-12 2-15-1 5-1 10-2 15z%22/%3E%3Cpath d=%22M0-14c-8-1-13 3-14 8 4-4 9-6 14-8z%22/%3E%3Cpath d=%22M0-14c8-1 13 3 14 8-4-4-9-6-14-8z%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Ccircle r=%2213%22 fill=%22%23ff7a59%22/%3E%3Cg fill=%22%230f0716%22%3E%3Crect x=%22-14%22 y=%222%22 width=%2228%22 height=%222%22/%3E%3Crect x=%22-14%22 y=%226%22 width=%2228%22 height=%222.4%22/%3E%3Crect x=%22-14%22 y=%2210.5%22 width=%2228%22 height=%223%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Cpath d=%22M0 18C1 6 2-4 0-14%22 stroke=%22%237a4a2a%22 stroke-width=%223.2%22 fill=%22none%22 stroke-linecap=%22round%22/%3E%3Cg fill=%22%232fbf8f%22%3E%3Cpath d=%22M0-14c-6-6-14-6-18-2 6 0 12 1 18 2z%22/%3E%3Cpath d=%22M0-14c6-6 14-6 18-2-6 0-12 1-18 2z%22/%3E%3Cpath d=%22M0-14c-3-7-2-12 2-15-1 5-1 10-2 15z%22/%3E%3Cpath d=%22M0-14c-8-1-13 3-14 8 4-4 9-6 14-8z%22/%3E%3Cpath d=%22M0-14c8-1 13 3 14 8-4-4-9-6-14-8z%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-size:84px,62px,56px,46px,40px!important;background-position:left 6% top 38%,right 18% top 14%,right 8% top 58%,left 34% top 70%,left 28% top 8%!important;border-color:#e58bb040!important}
html[data-site-theme="gta-vi"] body .chat-message:hover{background:#e58bb012!important}
html[data-site-theme="gta-vi"] body .chat-avatar{background:#e58bb0!important;color:var(--theme-accent-text)!important}
html[data-site-theme="gta-vi"] body .chat-form textarea{background:var(--theme-bg-alt)!important;border-color:#e58bb044!important;color:var(--theme-text)!important}
html[data-site-theme="gta-vi"] body .chat-form textarea:focus{border-color:#e58bb0!important;box-shadow:0 0 0 3px #e58bb033!important}
html[data-site-theme="nouvel-an"] body .chat-panel{background-color:#0a0c18!important;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Cpath d=%22M0-15l4.4 9.2 10.1 1.3-7.4 7 1.9 10L0 7.6-9 12.5l1.9-10-7.4-7 10.1-1.3z%22 fill=%22%23f2c45a%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Cpath d=%22M0-10l2.5 7.5L10 0l-7.5 2.5L0 10l-2.5-7.5L-10 0l7.5-2.5z%22 fill=%22%23fff3c4%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Cpath d=%22M0-15l4.4 9.2 10.1 1.3-7.4 7 1.9 10L0 7.6-9 12.5l1.9-10-7.4-7 10.1-1.3z%22 fill=%22%23f2c45a%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Cpath d=%22M0-10l2.5 7.5L10 0l-7.5 2.5L0 10l-2.5-7.5L-10 0l7.5-2.5z%22 fill=%22%23fff3c4%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Cpath d=%22M0-15l4.4 9.2 10.1 1.3-7.4 7 1.9 10L0 7.6-9 12.5l1.9-10-7.4-7 10.1-1.3z%22 fill=%22%23f2c45a%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-size:84px,62px,56px,46px,40px!important;background-position:left 6% top 38%,right 18% top 14%,right 8% top 58%,left 34% top 70%,left 28% top 8%!important;border-color:#e6c77a40!important}
html[data-site-theme="nouvel-an"] body .chat-message:hover{background:#e6c77a12!important}
html[data-site-theme="nouvel-an"] body .chat-avatar{background:#e6c77a!important;color:var(--theme-accent-text)!important}
html[data-site-theme="nouvel-an"] body .chat-form textarea{background:var(--theme-bg-alt)!important;border-color:#e6c77a44!important;color:var(--theme-text)!important}
html[data-site-theme="nouvel-an"] body .chat-form textarea:focus{border-color:#e6c77a!important;box-shadow:0 0 0 3px #e6c77a33!important}
html[data-site-theme="saint-valentin"] body .chat-panel{background-color:#16090e!important;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Cpath d=%22M0 12C-14 2-16-6-11-11c4-4 9-2 11 2 2-4 7-6 11-2 5 5 3 13-11 23z%22 fill=%22%23ff5c8a%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Cpath d=%22M0 12C-14 2-16-6-11-11c4-4 9-2 11 2 2-4 7-6 11-2 5 5 3 13-11 23z%22 fill=%22%23ff5c8a%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Cpath d=%22M0 12C-14 2-16-6-11-11c4-4 9-2 11 2 2-4 7-6 11-2 5 5 3 13-11 23z%22 fill=%22%23ff5c8a%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Cpath d=%22M0 12C-14 2-16-6-11-11c4-4 9-2 11 2 2-4 7-6 11-2 5 5 3 13-11 23z%22 fill=%22%23ff5c8a%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Cpath d=%22M0 12C-14 2-16-6-11-11c4-4 9-2 11 2 2-4 7-6 11-2 5 5 3 13-11 23z%22 fill=%22%23ff5c8a%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-size:84px,62px,56px,46px,40px!important;background-position:left 6% top 38%,right 18% top 14%,right 8% top 58%,left 34% top 70%,left 28% top 8%!important;border-color:#e8879f40!important}
html[data-site-theme="saint-valentin"] body .chat-message:hover{background:#e8879f12!important}
html[data-site-theme="saint-valentin"] body .chat-avatar{background:#e8879f!important;color:var(--theme-accent-text)!important}
html[data-site-theme="saint-valentin"] body .chat-form textarea{background:var(--theme-bg-alt)!important;border-color:#e8879f44!important;color:var(--theme-text)!important}
html[data-site-theme="saint-valentin"] body .chat-form textarea:focus{border-color:#e8879f!important;box-shadow:0 0 0 3px #e8879f33!important}
html[data-site-theme="printemps"] body .chat-panel{background-color:#0c1510!important;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Cg fill=%22%23ff9fc6%22%3E%3Ccircle cx=%220%22 cy=%22-8%22 r=%226%22/%3E%3Ccircle cx=%227.6%22 cy=%22-2.5%22 r=%226%22/%3E%3Ccircle cx=%224.7%22 cy=%226.5%22 r=%226%22/%3E%3Ccircle cx=%22-4.7%22 cy=%226.5%22 r=%226%22/%3E%3Ccircle cx=%22-7.6%22 cy=%22-2.5%22 r=%226%22/%3E%3C/g%3E%3Ccircle r=%224%22 fill=%22%23f2c45a%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Cpath d=%22M-10 6C-6-8 6-10 12-8 8 2-2 10-10 6z%22 fill=%22%237cc48a%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Cg fill=%22%23ff9fc6%22%3E%3Ccircle cx=%220%22 cy=%22-8%22 r=%226%22/%3E%3Ccircle cx=%227.6%22 cy=%22-2.5%22 r=%226%22/%3E%3Ccircle cx=%224.7%22 cy=%226.5%22 r=%226%22/%3E%3Ccircle cx=%22-4.7%22 cy=%226.5%22 r=%226%22/%3E%3Ccircle cx=%22-7.6%22 cy=%22-2.5%22 r=%226%22/%3E%3C/g%3E%3Ccircle r=%224%22 fill=%22%23f2c45a%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Cpath d=%22M-10 6C-6-8 6-10 12-8 8 2-2 10-10 6z%22 fill=%22%237cc48a%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Cg fill=%22%23ff9fc6%22%3E%3Ccircle cx=%220%22 cy=%22-8%22 r=%226%22/%3E%3Ccircle cx=%227.6%22 cy=%22-2.5%22 r=%226%22/%3E%3Ccircle cx=%224.7%22 cy=%226.5%22 r=%226%22/%3E%3Ccircle cx=%22-4.7%22 cy=%226.5%22 r=%226%22/%3E%3Ccircle cx=%22-7.6%22 cy=%22-2.5%22 r=%226%22/%3E%3C/g%3E%3Ccircle r=%224%22 fill=%22%23f2c45a%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-size:84px,62px,56px,46px,40px!important;background-position:left 6% top 38%,right 18% top 14%,right 8% top 58%,left 34% top 70%,left 28% top 8%!important;border-color:#e3a6bf40!important}
html[data-site-theme="printemps"] body .chat-message:hover{background:#e3a6bf12!important}
html[data-site-theme="printemps"] body .chat-avatar{background:#e3a6bf!important;color:var(--theme-accent-text)!important}
html[data-site-theme="printemps"] body .chat-form textarea{background:var(--theme-bg-alt)!important;border-color:#e3a6bf44!important;color:var(--theme-text)!important}
html[data-site-theme="printemps"] body .chat-form textarea:focus{border-color:#e3a6bf!important;box-shadow:0 0 0 3px #e3a6bf33!important}
html[data-site-theme="ete"] body .chat-panel{background-color:#071318!important;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Ccircle r=%229%22 fill=%22%23ffc23d%22/%3E%3Cg stroke=%22%23ffc23d%22 stroke-width=%222.6%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M0-15v-5M0 15v5M-15 0h-5M15 0h5M-11-11l-3-3M11 11l3 3M-11 11l-3 3M11-11l3-3%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Cpath d=%22M-18 0c4-5 8-5 12 0s8 5 12 0 8-5 12 0%22 stroke=%22%235fd3e6%22 stroke-width=%223%22 fill=%22none%22 stroke-linecap=%22round%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Ccircle r=%229%22 fill=%22%23ffc23d%22/%3E%3Cg stroke=%22%23ffc23d%22 stroke-width=%222.6%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M0-15v-5M0 15v5M-15 0h-5M15 0h5M-11-11l-3-3M11 11l3 3M-11 11l-3 3M11-11l3-3%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Cpath d=%22M-18 0c4-5 8-5 12 0s8 5 12 0 8-5 12 0%22 stroke=%22%235fd3e6%22 stroke-width=%223%22 fill=%22none%22 stroke-linecap=%22round%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22%3E%3Cg opacity=%220.22%22%3E%3Cg transform=%22translate(30 30) scale(1.4)%22%3E%3Ccircle r=%229%22 fill=%22%23ffc23d%22/%3E%3Cg stroke=%22%23ffc23d%22 stroke-width=%222.6%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M0-15v-5M0 15v5M-15 0h-5M15 0h5M-11-11l-3-3M11 11l3 3M-11 11l-3 3M11-11l3-3%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-size:84px,62px,56px,46px,40px!important;background-position:left 6% top 38%,right 18% top 14%,right 8% top 58%,left 34% top 70%,left 28% top 8%!important;border-color:#e9c46e40!important}
html[data-site-theme="ete"] body .chat-message:hover{background:#e9c46e12!important}
html[data-site-theme="ete"] body .chat-avatar{background:#e9c46e!important;color:var(--theme-accent-text)!important}
html[data-site-theme="ete"] body .chat-form textarea{background:var(--theme-bg-alt)!important;border-color:#e9c46e44!important;color:var(--theme-text)!important}
html[data-site-theme="ete"] body .chat-form textarea:focus{border-color:#e9c46e!important;box-shadow:0 0 0 3px #e9c46e33!important}
/* Player on another tab or window: theme decor stands still */
.pk-away #site-theme-decor,.pk-away #site-theme-decor *,.pk-away #site-theme-decor *::before,.pk-away #site-theme-decor *::after{animation-play-state:paused!important}
html[data-site-theme="halloween"] body .chat-panel{background-image:none!important}
/* Chat panels: plain theme colour, the old emoji patterns are gone with the redrawn scenes. */
html[data-site-theme="noel"] body .chat-panel{background-image:none!important}
html[data-site-theme="gta-vi"] body .chat-panel{background-image:none!important}
html[data-site-theme="nouvel-an"] body .chat-panel{background-image:none!important}
html[data-site-theme="saint-valentin"] body .chat-panel{background-image:none!important}
html[data-site-theme="printemps"] body .chat-panel{background-image:none!important}
html[data-site-theme="ete"] body .chat-panel{background-image:none!important}

html[data-site-theme]:not([data-site-theme="default"]) body .staff-panel .staff-tabs>:is(a,button){color:var(--theme-muted)}
html[data-site-theme]:not([data-site-theme="default"]) body .staff-panel .staff-tabs>:is(a,button):is(:hover,:focus-visible){background:var(--theme-soft);color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .staff-panel .staff-tabs>:is(a,button).active{background:var(--theme-soft);color:var(--theme-accent)}
html[data-site-theme]:not([data-site-theme="default"]) body .staff-panel .staff-tabs>:is(a,button).active:hover{background:color-mix(in srgb,var(--theme-accent) 22%,var(--theme-panel))}
html[data-site-theme]:not([data-site-theme="default"]) body .staff-panel .staff-tabs>:is(a,button):focus-visible{outline-color:var(--theme-accent)}

/* theme-scenes.css */
/* Seasonal scenery (theme-scenes.js): painted behind the page content, right of the sidebar, never clickable. */
#site-theme-decor.is-scene{position:fixed;top:0;bottom:0;right:0;left:var(--sidebar,0);z-index:-1;pointer-events:none;overflow:hidden;contain:strict}
#site-theme-decor.is-scene>*{position:absolute;pointer-events:none}
.scene-layer{left:0;bottom:0;width:100%;height:auto;max-height:46vh;display:block}

/* Halloween: orange haze from the ground, pale moon, manor and dead trees in shadow, drifting fog, a few rising embers. */
[data-site-theme="halloween"]{--scene-far:#2a170c;--scene-mid:#170c06;--scene-near:#090503;--scene-light:#e8954a;--scene-window:#f4a650;--scene-mist:#e6cfae}
.scene-glow{left:0;right:0;bottom:0;height:62vh;background:radial-gradient(ellipse 62% 78% at 58% 100%,color-mix(in srgb,var(--scene-light) 22%,transparent) 0,color-mix(in srgb,var(--scene-light) 8%,transparent) 42%,transparent 72%)}
.scene-moon{top:118px;right:8%;width:118px;height:118px;border-radius:50%;opacity:.26;background:radial-gradient(circle at 38% 36%,#fbf0d9 0,#ecd6ac 42%,#cdb07f 68%,#b59768 100%);box-shadow:0 0 70px 26px #f3dcae1f,0 0 160px 70px #f3dcae0d}
.scene-moon i{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 64% 58%,#a98b5e66 0 9%,transparent 10%),radial-gradient(circle at 34% 64%,#a98b5e4d 0 6%,transparent 7%),radial-gradient(circle at 56% 28%,#a98b5e40 0 5%,transparent 6%)}
.scene-cloud{top:150px;right:-10%;width:520px;height:90px;opacity:.5;background:radial-gradient(ellipse 50% 50% at 40% 55%,#120b07e6 0,#120b0799 45%,transparent 72%),radial-gradient(ellipse 34% 42% at 70% 45%,#120b07cc 0,transparent 70%);animation:scene-cloud 140s linear infinite}
.scene-mid .scene-manor{fill:var(--scene-mid)}
.scene-windows{fill:var(--scene-window);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--scene-window) 70%,transparent))}
.scene-windows .is-dim{opacity:.32}
.scene-windows .is-flicker{animation:scene-flicker 7s ease-in-out infinite}
.scene-windows .is-late{animation-delay:-3.4s;animation-duration:9s}
.scene-near{fill:var(--scene-near)}
.scene-near .scene-tree{fill:none;stroke:var(--scene-near);stroke-linecap:round}
.scene-near .scene-tree-base{fill:var(--scene-near);stroke:none}
.scene-pumpkin-body,.scene-pumpkin-stem{fill:var(--scene-near)}
.scene-pumpkin-face{fill:var(--scene-window);opacity:.78;filter:drop-shadow(0 0 4px var(--scene-light));animation:scene-flicker 5s ease-in-out infinite}
.scene-fog{left:-50%;width:200%;bottom:0;height:210px;background:radial-gradient(ellipse 14% 46% at 8% 78%,color-mix(in srgb,var(--scene-mist) 10%,transparent),transparent 72%),radial-gradient(ellipse 18% 52% at 30% 86%,color-mix(in srgb,var(--scene-mist) 8%,transparent),transparent 72%),radial-gradient(ellipse 13% 42% at 52% 76%,color-mix(in srgb,var(--scene-mist) 10%,transparent),transparent 72%),radial-gradient(ellipse 20% 50% at 76% 88%,color-mix(in srgb,var(--scene-mist) 7%,transparent),transparent 72%),radial-gradient(ellipse 12% 40% at 94% 80%,color-mix(in srgb,var(--scene-mist) 9%,transparent),transparent 72%);opacity:.55;animation:scene-fog 160s ease-in-out infinite alternate}
.scene-fog.is-front{display:none}
.scene-ember{bottom:6vh;width:var(--size);height:var(--size);border-radius:50%;background:#ffc27a;box-shadow:0 0 6px 2px color-mix(in srgb,var(--scene-light) 60%,transparent);opacity:0;animation:scene-ember 20s linear infinite}
@keyframes scene-ember{0%{transform:translate3d(0,0,0);opacity:0}8%{opacity:.85}60%{opacity:.5}100%{transform:translate3d(var(--drift),-48vh,0);opacity:0}}
@keyframes scene-fog{from{transform:translate3d(0,0,0)}to{transform:translate3d(22%,0,0)}}
@keyframes scene-cloud{from{transform:translate3d(0,0,0)}to{transform:translate3d(-130vw,0,0)}}
@keyframes scene-flicker{0%,100%{opacity:.95}46%{opacity:.95}50%{opacity:.62}53%{opacity:.9}58%{opacity:.7}62%{opacity:.95}}

/* Other seasons: same recipe (light, one silhouette, a few slow particles), each with its own colours. */
[data-site-theme="noel"]{--scene-mid:#0f2219;--scene-near:#050c09;--scene-light:#e9c27a;--scene-window:#f2c46d;--scene-mist:#e8efe6}
[data-site-theme="gta-vi"]{--scene-mid:#1a1322;--scene-near:#07050a;--scene-light:#e58bb0;--scene-window:#f2a6c6;--scene-cool:#7cc4d8;--scene-mist:#f6eef2}
[data-site-theme="nouvel-an"]{--scene-mid:#0f1329;--scene-near:#05060e;--scene-light:#e6c77a;--scene-window:#f1d68e;--scene-cool:#a9b8ff;--scene-mist:#f4f1e6}
[data-site-theme="saint-valentin"]{--scene-mid:#24101a;--scene-near:#0a0306;--scene-light:#e8879f;--scene-window:#f4a9bb;--scene-mist:#fdeef3}
[data-site-theme="printemps"]{--scene-mid:#12241a;--scene-near:#06100a;--scene-light:#f0d9a6;--scene-window:#e9b3c8;--scene-mist:#f4e8ee}
[data-site-theme="ete"]{--scene-mid:#0b2530;--scene-near:#040d11;--scene-light:#e9c46e;--scene-window:#f3d58a;--scene-mist:#cdeff0}
.scene-house,.scene-city,.scene-sea{fill:var(--scene-mid)}
.scene-windows .is-cool{fill:var(--scene-cool,var(--scene-window))}
.scene-snowcap.is-roof{fill:var(--scene-mist);opacity:.3}
.scene-snowline{fill:none;stroke:var(--scene-mist);stroke-opacity:.22;stroke-width:2}
.scene-near .scene-trunk,.scene-near .scene-stem,.scene-near .scene-grass{fill:none;stroke:var(--scene-near);stroke-linecap:round}
.scene-near .scene-stem{stroke-width:2.2}
.scene-near .scene-grass{stroke-width:1.6}
.scene-blossom{fill:var(--scene-window);opacity:.45}
.scene-wave{fill:none;stroke:var(--scene-mist);stroke-opacity:.1;stroke-width:1.2}
.scene-streak{fill:var(--scene-window);opacity:.15;animation:scene-shimmer 9s ease-in-out infinite}
.scene-streak.is-cool{fill:var(--scene-cool)}
.scene-glint{fill:var(--scene-window);opacity:.15;animation:scene-shimmer 6s ease-in-out infinite}
.scene-glow.is-split{background:radial-gradient(ellipse 46% 72% at 36% 100%,color-mix(in srgb,var(--scene-light) 20%,transparent) 0,transparent 70%),radial-gradient(ellipse 40% 64% at 78% 100%,color-mix(in srgb,var(--scene-cool) 15%,transparent) 0,transparent 70%)}
.scene-sunset{left:56%;bottom:-250px;width:560px;height:560px;margin-left:-280px;border-radius:50%;background:radial-gradient(circle,#ffa98066 0,color-mix(in srgb,var(--scene-light) 22%,transparent) 34%,transparent 66%);opacity:.8}
.scene-sun{left:62%;bottom:5vh;width:210px;height:210px;margin-left:-105px;border-radius:50%;background:radial-gradient(circle,#ffe7ad 0,color-mix(in srgb,var(--scene-light) 70%,transparent) 30%,color-mix(in srgb,var(--scene-light) 14%,transparent) 52%,transparent 70%);opacity:.42}
.scene-snow{top:-3vh;width:var(--size);height:var(--size);border-radius:50%;background:var(--scene-mist);box-shadow:0 0 4px 1px color-mix(in srgb,var(--scene-mist) 45%,transparent);opacity:.5;animation:scene-snow 38s linear infinite}
.scene-petal{top:-3vh;width:var(--size);height:calc(var(--size) * .62);border-radius:80% 0 80% 0;background:var(--scene-window);opacity:.55;animation:scene-petal 36s linear infinite}
.scene-bokeh{bottom:4vh;width:var(--size);height:var(--size);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--scene-window) 60%,transparent) 0,transparent 70%);opacity:0;animation:scene-bokeh 34s linear infinite}
.scene-spark{width:var(--size);height:var(--size);border-radius:50%;background:#f8e2a2;box-shadow:0 0 6px 1px color-mix(in srgb,var(--scene-light) 70%,transparent);opacity:0;animation:scene-twinkle 6s ease-in-out infinite}
.scene-firework{width:150px;height:150px;border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--scene-window) 0 1.4deg,transparent 1.4deg 15deg);-webkit-mask:radial-gradient(circle,transparent 0 30%,#000 32% 46%,transparent 49%);mask:radial-gradient(circle,transparent 0 30%,#000 32% 46%,transparent 49%);opacity:0;animation:scene-firework 13s ease-out infinite}
.scene-firework.is-late{width:110px;height:110px;background:repeating-conic-gradient(from 7deg,var(--scene-cool) 0 1.4deg,transparent 1.4deg 15deg);animation-delay:-6.5s}
@keyframes scene-shimmer{0%,100%{opacity:.12}50%{opacity:.6}}
@keyframes scene-snow{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(-22px,53vh,0)}100%{transform:translate3d(30px,106vh,0)}}
@keyframes scene-petal{0%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(60px,53vh,0) rotate(200deg)}100%{transform:translate3d(10px,106vh,0) rotate(380deg)}}
@keyframes scene-bokeh{0%{transform:translate3d(0,0,0);opacity:0}15%{opacity:.7}85%{opacity:.45}100%{transform:translate3d(0,-60vh,0);opacity:0}}
@keyframes scene-twinkle{0%,100%{opacity:0;transform:scale(.6)}50%{opacity:.8;transform:scale(1)}}
@keyframes scene-firework{0%{transform:scale(.25);opacity:0}2%{opacity:.5}15%{transform:scale(1);opacity:0}100%{transform:scale(1);opacity:0}}

/* Still scenery when motion is reduced, the site runs in low-motion mode or the player is away. */
@media(prefers-reduced-motion:reduce){#site-theme-decor.is-scene *{animation:none!important}.scene-ember,.scene-snow,.scene-petal,.scene-bokeh,.scene-spark,.scene-firework{display:none}}
.pk-low-motion #site-theme-decor.is-scene *{animation:none!important}
.pk-low-motion .scene-ember,.pk-low-motion .scene-snow,.pk-low-motion .scene-petal,.pk-low-motion .scene-bokeh,.pk-low-motion .scene-spark,.pk-low-motion .scene-firework{display:none}

/* card-holo.css */
.card-wrap{--holo-x:50%;--holo-y:50%;--holo-hue:0deg;--holo-foil-x:50%;--holo-foil-y:50%;--holo-intensity:0}
.collectible-card[data-holo-finish]>.card-native-foil,.collectible-card[data-holo-finish] .card-native-pattern,.collectible-card[data-holo-finish]>.card-native-rim,.collectible-card[data-holo-finish]>.card-native-glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3}
.collectible-card[data-holo-finish]>.card-native-foil{mix-blend-mode:color-dodge;background:radial-gradient(ellipse at 25% 30%,#ffc75d,transparent 44%),radial-gradient(ellipse at 75% 70%,#65bdff,transparent 48%),conic-gradient(from 35deg,#f6b1e0,#84b5ff,#8ce3b1,#ffe4a2,#f6b1e0);background-size:180% 180%,180% 180%,240% 240%;background-position:var(--holo-foil-x) var(--holo-foil-y);filter:hue-rotate(var(--holo-hue)) saturate(1.1);opacity:calc(.07 + var(--holo-intensity)*.29);mask-image:linear-gradient(#000 0 54%,#0008 61%,#0002 78%,#0004)}
.collectible-card[data-holo-finish][data-rarity="L"]>.card-native-foil{background-image:radial-gradient(ellipse at 20% 25%,#ffeb85,transparent 48%),radial-gradient(ellipse at 80% 75%,#ed8c50,transparent 45%),conic-gradient(from 70deg,#e4ac38,#fff6b1,#81d2ce,#da9bcd,#e8aa34,#e4ac38);opacity:calc(.1 + var(--holo-intensity)*.32);filter:hue-rotate(calc(var(--holo-hue)*.5)) saturate(1.2)}
.collectible-card[data-holo-finish][data-rarity="UR"]>.card-native-foil{opacity:calc(.1 + var(--holo-intensity)*.37);filter:hue-rotate(var(--holo-hue)) saturate(1.4)}
.collectible-card[data-holo-finish][data-rarity="SR"]>.card-native-foil{background-image:radial-gradient(ellipse at 15% 30%,#f28f96,transparent 50%),radial-gradient(ellipse at 80% 70%,#9ccff9,transparent 50%),conic-gradient(from 20deg,#f4bdb0,#b7b6ff,#80ddd0,#f4bdb0);opacity:calc(.04 + var(--holo-intensity)*.23)}
.collectible-card[data-holo-finish]>.card-native-glare{mix-blend-mode:screen;opacity:calc(var(--holo-intensity)*.35);background:radial-gradient(ellipse at var(--holo-x) var(--holo-y),#fff9,transparent 58%)}
.collectible-card[data-holo-finish] .card-native-pattern{background:conic-gradient(from var(--holo-hue) at var(--holo-x) var(--holo-y),#ffeba1,#8ce8ff,#efabff,#fff3ac,#9cefe2,#ffeba1);background-size:160% 160%;background-position:var(--holo-foil-x) var(--holo-foil-y);mix-blend-mode:screen;opacity:calc(.025 + var(--holo-intensity)*.66)}
.collectible-card[data-holo-finish]>.card-native-rim{z-index:6;padding:var(--card-layout-frame,8px);background:conic-gradient(from var(--holo-hue),#ced8df,#53606a 9%,#fff 15%,#b2e9f1 25%,#9a7599 34%,#fff6ce 48%,#45505b 58%,#f0f8ff 67%,#75848c 79%,#fff 88%,#ced8df);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0}
body .card-wrap .collectible-card[data-holo-finish]>.card-body{z-index:5}
.collectible-card[data-holo-finish="emblems"] .card-native-pattern{inset:73% 10px 12%;mask:url('/assets/foil-emblems.2d6cddec732c.svg') 0 0/110px 103px;filter:hue-rotate(calc(var(--holo-hue)*.2));background-image:linear-gradient(125deg,#a16b2c,#fff4a7 30%,#ffe1a5 40%,#81d4db 60%,#ebc16b 80%);background-size:240% 240%;opacity:calc(.05 + var(--holo-intensity)*.85);z-index:5}
.collectible-card[data-holo-finish="chrome"]>.card-native-rim{opacity:1}
.collectible-card[data-holo-finish="chrome"] .card-native-pattern{inset:8px 8px 42%;mask:url('/assets/foil-waves.a23a60dc8e50.svg') center/210px 210px;opacity:calc(var(--holo-intensity)*.28)}
.collectible-card[data-holo-finish="waves"] .card-native-pattern{inset:8px 8px 42%;mask:url('/assets/foil-waves.a23a60dc8e50.svg') center/210px 210px;opacity:calc(.02 + var(--holo-intensity)*.75)}
.collectible-card[data-holo-finish="stars"] .card-native-pattern{inset:8px 8px 42%;mask:url('/assets/foil-stars.4e74df0abe36.svg') 0 0/120px 128px;opacity:calc(.02 + var(--holo-intensity)*.85)}
.collectible-card[data-holo-finish="stars"]>.card-native-foil{background-image:radial-gradient(ellipse at var(--holo-x) var(--holo-y),#926aff,#6ce9ff 40%,#ffb6ed 70%)}
.collectible-card[data-holo-finish="fullart"]>.card-native-foil{mask-image:linear-gradient(#000 70%,#0001 90%)}
.collectible-card[data-holo-finish="fullart"] .card-native-pattern{inset:8px 8px 30%;mask:url('/assets/foil-waves.a23a60dc8e50.svg') center/300px 300px;opacity:calc(var(--holo-intensity)*.45)}
.collectible-card[data-holo-finish="fullart"]>.card-native-rim{opacity:.85;background:conic-gradient(from var(--holo-hue),#e6c76d,#fff9d5,#a78736,#e6c76d,#fff9d5,#a78736,#e6c76d)}
.collectible-card[data-holo-finish="etched"] .card-native-pattern{inset:8px 8px 42%;mask:url('/assets/foil-emblems.2d6cddec732c.svg') 0 0/70px 65px;opacity:calc(.04 + var(--holo-intensity)*.65);mix-blend-mode:color-dodge}
.collectible-card[data-holo-finish="etched"]>.card-native-rim{opacity:.75}
.collectible-card[data-holo-finish="etched"]>.card-native-foil{background-image:conic-gradient(from var(--holo-hue) at 35% 40%,#d7a5ff,#8be5ec,#ffe4ad,#c49cff,#d7a5ff);background-size:190% 190%}
.collectible-card.is-unique[data-holo-finish]>.card-native-rim,.collectible-card.is-unique[data-holo-finish]>.card-native-foil,.collectible-card.is-unique[data-holo-finish] .card-native-pattern{background-image:conic-gradient(from var(--holo-hue),#ff1744,#ff729b,#ffe1e9,#bd103b,#ff1744)}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.collectible-card[data-holo-finish]>.card-native-foil,.collectible-card[data-holo-finish] .card-native-pattern{opacity:.1}.collectible-card[data-holo-finish]>.card-native-glare{display:none}.collectible-card[data-holo-finish]>.card-native-rim{filter:saturate(.7)}}
html[data-cosmetic-motion="off"] .collectible-card[data-holo-finish]>.card-native-foil,html[data-cosmetic-motion="off"] .collectible-card[data-holo-finish] .card-native-pattern{opacity:.07;background-position:50% 50%;filter:none}
html[data-cosmetic-motion="off"] .collectible-card[data-holo-finish]>.card-native-glare{display:none}
html[data-cosmetic-motion="off"] .collectible-card[data-holo-finish]>.card-native-rim{background:linear-gradient(135deg,#b8c9cc,#f1e4b4,#9ea9b4)}
body .card-wrap.is-tilting,body .card-back.is-tilting{transition:box-shadow .25s ease;transform:perspective(600px) rotateX(var(--card-tilt-x,0deg)) rotateY(var(--card-tilt-y,0deg))}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){body .card-wrap.is-tilting,body .card-back.is-tilting{transform:none!important;transition:none;will-change:auto}}

#modal-root.card-detail-preparing{visibility:hidden!important;pointer-events:none!important}
#modal-root.card-detail-preparing .modal-backdrop{visibility:hidden!important}

#modal-root.card-detail-motion .modal.card-showcase{isolation:isolate;background:transparent!important;border-color:transparent!important;box-shadow:none!important;overflow:visible!important}
#modal-root.card-detail-motion .card-showcase>.modal-content{overflow:visible!important}
#modal-root.card-detail-motion .showcase-stage{position:relative;isolation:isolate;background:none!important}
#modal-root.card-detail-motion .showcase-stage .card-wrap{transform-origin:center;pointer-events:none;transition:none!important;will-change:transform}
#modal-root.card-detail-motion .card-detail-surface{position:absolute;inset:0;z-index:-1;pointer-events:none}
#modal-root.card-detail-motion .card-detail-surface-panel{inset:-1px}
#modal-root>.card-detail-flight{position:fixed!important;inset:0;z-index:10001;display:block;padding:0;background:none;border-radius:0;overflow:visible;pointer-events:none;isolation:isolate}
#modal-root .card-detail-flight>.card-wrap{position:absolute!important;max-width:none!important;min-width:0!important;margin:0!important;transform-origin:center;transition:none!important;will-change:transform}
.collectible-card[data-holo-finish="emblems"] .card-native-pattern{inset:8px 8px 42%}
.collectible-card[data-holo-finish="fullart"] .card-native-pattern{inset:8px 8px 42%}
.collectible-card[data-holo-finish] .card-art>.card-native-pattern{inset:0!important;border-radius:inherit}
/* The card's text is rendered as a stable layer while the card tilts (hovering made the name and description flicker). */
.card-wrap .collectible-card .card-body{-webkit-font-smoothing:antialiased;backface-visibility:hidden;transform:translateZ(0)}

/* binder-reader.css */
body .binder-view{max-width:1160px;margin-inline:auto;min-width:0}
body .binder-view .binder-heading{gap:16px;margin-bottom:24px}
body .binder-view .binder-title-row{align-items:center;gap:20px}
body .binder-view .binder-title-row h1{font-size:clamp(22px,2.4vw,30px);text-align:left}
body .binder-view .binder-summary-row{align-items:center;gap:16px}
body .binder-view .binder-actions .button{min-height:38px;padding:8px 12px;font-size:12px}
body .binder-view .binder-tools{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;margin:0;padding-top:16px;border-top:1px solid #abc7b31f}
body .binder-view .binder-tools>.binder-privacy,body .binder-view .binder-tools>.binder-arrange{flex:1 1 185px;width:auto;min-width:0;min-height:42px;margin:0;border-radius:8px;box-sizing:border-box}
body .binder-view .binder-tools>.binder-search{flex:1.3 1 210px;width:auto;min-width:0;margin:0;border-radius:8px}
body .binder-view .binder-tools .binder-privacy{display:grid;grid-template-columns:40px minmax(0,1fr);gap:0 8px;align-content:center;padding:5px 10px;text-align:left}
body .binder-view .binder-privacy input{grid-row:1/3;align-self:center;margin:0}
body .binder-view .binder-privacy span,body .binder-view .binder-privacy small{grid-column:2;margin:0;text-align:left}
body .binder-view .binder-privacy small{font-size:10px}
body .binder-view .binder-tools .binder-arrange>span{font-size:12px}
body .binder-view .binder-search input{min-height:40px}
body .binder-book.binder-reader{display:flex;position:relative;isolation:isolate;width:100%;max-width:580px;gap:22px;padding:18px 18px 18px 36px;margin:0 auto;border:1px solid #a4c4b329;border-radius:12px;background:color-mix(in srgb,var(--binder-color,#698b70) 22%,#10251c);box-shadow:0 12px 32px #0003;perspective:none;transform:none;overflow:visible;touch-action:pan-y}
body .binder-book.binder-reader.has-2-leaves{max-width:1080px;padding:18px;gap:28px}
body .binder-book.binder-reader::before,body .binder-book.binder-reader::after{content:none!important;display:none!important}
body .binder-book.binder-reader>.album-cover-art{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;pointer-events:none;z-index:0;overflow:hidden;opacity:1;transform:none}
body .binder-book.binder-reader>.binder-leaf,body .binder-book.binder-reader.has-2-leaves>.binder-leaf:first-of-type{position:relative;z-index:1;flex:1;min-width:0;padding:12px 10px 28px;border:0;border-radius:6px;background:#173326b8;box-shadow:inset 0 0 0 1px #bfd8c21c;transform:none;transform-style:flat;backface-visibility:visible;filter:none}
body .binder-book.binder-reader>.binder-leaf::before,body .binder-book.binder-reader>.binder-leaf::after{display:none;content:none}
body .binder-reader .binder-pocket-grid{position:relative;display:grid;grid-template-columns:repeat(var(--binder-columns),minmax(0,1fr));gap:12px;align-items:start}
body .binder-book.binder-reader .binder-pocket{min-width:0;aspect-ratio:2/3;padding:0;border:0;border-radius:6px;background:transparent;box-shadow:none;isolation:isolate}
body .binder-book.binder-reader .binder-pocket::before,body .binder-book.binder-reader .binder-pocket::after{display:none;content:none}
body .binder-book.binder-reader .binder-pocket.is-empty{border:1px dashed #accab324;background:#0b211622;box-shadow:none}
body .binder-reader .binder-pocket.is-empty>button{min-height:0;gap:8px;color:#a9c2af}
body .binder-reader .binder-pocket.is-empty>button:hover{background:#d8efdb08;color:#edf3e6}
body .binder-reader .binder-pocket.is-empty strong{font-size:11px;font-weight:400}
body .binder-reader .binder-leaf-number{bottom:7px;color:#a9c2af;font-size:11px;font-variant-numeric:tabular-nums}
body .binder-reader .binder-binding{left:9px;width:18px;z-index:3;background:none}
body .binder-reader.has-2-leaves .binder-binding{left:calc(50% - 9px);background:linear-gradient(90deg,transparent,#07170b66,transparent)}
body .binder-reader .binder-binding i{width:16px;height:22px;border:2px solid #7d9386;border-right-color:#bed1c2;border-left-color:#365446;box-shadow:0 2px 3px #0004}
body .binder-book.binder-reader>.binder-reader-arrow{display:grid!important;place-items:center;position:absolute;top:50%;bottom:auto;left:auto;right:-17px;width:34px;height:48px;min-height:0;max-height:none;padding:0;transform:translateY(-50%);clip-path:none;background:#163126;border:1px solid #98b7a54d;border-radius:9px;box-shadow:0 4px 12px #0003;color:#e3f0df;opacity:1;visibility:visible;cursor:pointer;z-index:45}
body .binder-book.binder-reader>.binder-reader-arrow.is-previous{left:-17px;right:auto}
body .binder-book.binder-reader>.binder-reader-arrow svg{display:block!important;width:18px;height:18px;pointer-events:none}
body .binder-book.binder-reader>.binder-reader-arrow:hover:not(:disabled),body .binder-book.binder-reader>.binder-reader-arrow.is-armed{background:#254c38;border-color:#88e4d2;color:#b6f5de}
body .binder-book.binder-reader>.binder-reader-arrow:disabled{opacity:0;visibility:hidden;pointer-events:none}
body .binder-reader.is-reading-turn .binder-pocket-grid{pointer-events:none}
body .binder-reader .public-binder-owned{right:5px;top:32px;z-index:20;font-size:10px;max-width:calc(100% - 10px);overflow:hidden;text-overflow:ellipsis;background:#10281ff5;box-shadow:none}
body .binder-view>.binder-pagination,body .public-binder-view>.binder-pagination{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px;margin:18px 0 0;padding:0;position:static;min-width:0}
body :is(.binder-view,.public-binder-view) .binder-page-row{display:flex;justify-content:center;align-items:center;gap:4px;flex-wrap:nowrap}
body :is(.binder-view,.public-binder-view) :is(.binder-page-number,.binder-page-arrow){display:grid;place-items:center;width:34px;min-width:34px;height:36px;min-height:36px;padding:0;margin:0;border:1px solid transparent;border-radius:7px;background:transparent;color:#adc5b5;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;box-shadow:none}
body :is(.binder-view,.public-binder-view) .binder-page-number[aria-current="page"]{background:#284d38;border-color:#8fb59c55;color:#eff8e5}
body :is(.binder-view,.public-binder-view) :is(.binder-page-number,.binder-page-arrow):hover:not(:disabled){background:#254332;color:#edf3e6}
body :is(.binder-view,.public-binder-view) .binder-page-arrow:disabled{opacity:.3;cursor:default}
body :is(.binder-view,.public-binder-view) .binder-page-ellipsis{font-size:12px;width:12px;text-align:center;color:#a9c2af}
body :is(.binder-view,.public-binder-view) .binder-page-jump{display:flex;align-items:center;gap:7px;font-size:11px;color:#a9c2af;margin:0}
body :is(.binder-view,.public-binder-view) .binder-page-jump input{width:58px;min-width:0;min-height:34px;height:34px;padding:4px 6px;border:1px solid #8eae9838;border-radius:6px;background:#11271c;color:#edf3e6;font:inherit;text-align:center}
body :is(.binder-view,.public-binder-view) .binder-page-jump button{min-height:34px;padding:4px 9px;border:1px solid #8eae9838;border-radius:6px;background:#193223;color:#edf3e6;font:inherit;cursor:pointer}
body :is(.binder-view,.public-binder-view) .binder-status{font-size:11px;color:#a9c2af;min-width:0}
body :is(.binder-view,.public-binder-view) button:focus-visible,body :is(.binder-view,.public-binder-view) input:focus-visible{outline:2px solid #88e4d2;outline-offset:3px}
body .binder-view>.binder-help{max-width:1080px;margin:20px auto 0;border:0;border-top:1px solid #abc7b31f;border-radius:0;background:none;padding:14px 0}
body .binder-view .binder-help summary{font-size:12px;color:#a9c2af}
body .modal.public-binder-modal{width:min(1240px,calc(100vw - 40px));height:auto;max-height:calc(100dvh - 40px);border:1px solid #8da99733;border-radius:16px;overflow:hidden!important;background:#0e2119}
body .modal.public-binder-modal .modal-header{flex:none;padding:16px 24px}
body .modal.public-binder-modal .modal-content{min-height:0;overflow-y:auto!important;overflow-x:hidden;padding:16px 28px 22px;scrollbar-gutter:stable;overscroll-behavior:contain}
body .modal.public-binder-modal .modal-footer{display:none}
body .modal.public-binder-modal .public-binder-view{display:block;width:100%;max-width:1160px;overflow:visible!important;outline:none}
body .modal.public-binder-modal .public-binder-pages{overflow:visible!important;padding:0}
body .public-binder-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
body .public-binder-heading .binder-count{font-size:12px;color:#a9c2af;font-variant-numeric:tabular-nums;white-space:nowrap}
body .modal-backdrop:has(.public-binder-modal){padding:20px;background:#07140df5;backdrop-filter:none}
@media(max-width:760px){body .binder-view .binder-title-row{align-items:flex-start;gap:8px}body .binder-view .binder-summary-row{flex-wrap:wrap;gap:10px}body .binder-view .binder-summary-row>.binder-actions{display:flex;flex-wrap:wrap;flex:1 1 100%}body .binder-view .binder-summary-row>.binder-actions .button{width:auto;min-height:40px}body .binder-view .binder-summary-row>.binder-count{margin:0}body .binder-view .binder-tools>.binder-search{flex-basis:100%}body .modal.public-binder-modal{width:100%;max-height:100dvh;border:0;border-radius:0}body .modal-backdrop:has(.public-binder-modal){padding:0}body .modal.public-binder-modal .modal-header{padding:14px 16px}body .modal.public-binder-modal .modal-content{padding:12px 16px 20px}body .binder-book.binder-reader{padding:12px 12px 12px 28px}body .binder-book.binder-reader>.binder-leaf{padding:10px 8px 26px}body .binder-reader .binder-pocket-grid{gap:10px}body .binder-book.binder-reader>.binder-reader-arrow{right:-10px;width:28px;height:44px}body .binder-book.binder-reader>.binder-reader-arrow.is-previous{left:-10px}body .binder-reader .binder-binding{left:5px}body .binder-reader .binder-binding i{width:13px;height:19px}}
@media(max-width:559px){body .binder-view .binder-tools{flex-direction:row}body .binder-view .binder-tools>.binder-privacy,body .binder-view .binder-tools>.binder-arrange{flex:1 1 calc(50% - 8px);min-width:140px}body .binder-view .binder-tools>.binder-search{flex:1 1 100%}body :is(.binder-view,.public-binder-view) .binder-page-row{gap:2px;width:100%}body :is(.binder-view,.public-binder-view) :is(.binder-page-number,.binder-page-arrow){width:28px;min-width:28px;height:40px}body :is(.binder-view,.public-binder-view) .binder-page-ellipsis{width:10px}body .binder-view>.binder-pagination,body .public-binder-view>.binder-pagination{gap:10px 16px}}

body .binder-view .binder-privacy:has(input:checked) span::after{content:none}

/* folio.css */
body .binder-book.folio-book{--folio-inset:8px;--folio-paper:var(--theme-panel,#153026);display:block;max-width:calc(100% - 64px);padding:var(--folio-inset);border:1px solid var(--theme-line,#819b8745);border-radius:12px 18px 18px 12px;isolation:isolate;background:linear-gradient(100deg,var(--theme-bg-alt,#0a1a13),color-mix(in srgb,var(--binder-color,#698b70) 22%,var(--theme-panel,#153226)) 12%,var(--theme-panel,#153226) 65%,var(--theme-bg-alt,#183323));box-shadow:0 2px 0 #0005,0 18px 38px #0004;perspective:none;overflow:visible}
body .binder-book.folio-book.has-2-leaves{max-width:calc(100% - 64px);padding:8px;gap:0}
body .binder-book.folio-book>.album-cover-art{opacity:1}
body .binder-book.folio-book>.binder-reader-arrow{display:none!important}
body .folio-soft .folio-stage{position:relative;width:100%;z-index:1;isolation:isolate;touch-action:pan-y}
body .folio-soft .stf__wrapper{position:relative;width:100%;height:100%;box-sizing:border-box}
body .folio-soft .stf__block{position:absolute;width:100%;height:100%;box-sizing:border-box;perspective:none}
body .folio-soft .stf__item{display:none;position:absolute;transform-style:flat;backface-visibility:visible;background:var(--folio-paper);border-radius:4px}
body .folio-soft :is(.stf__outerShadow,.stf__innerShadow,.stf__hardShadow,.stf__hardInnerShadow){position:absolute;left:0;top:0;pointer-events:none}
body .folio-soft .folio-page>.binder-leaf{position:absolute;inset:0;isolation:isolate;margin:0;padding:10px 14px 24px;min-width:0;border:1px solid color-mix(in srgb,var(--theme-muted,#b7c6b5) 23%,transparent);border-radius:4px;background:var(--folio-paper);box-shadow:0 1px 2px #0006;transform:none;transform-style:flat;backface-visibility:visible;overflow:hidden}
body .folio-soft .folio-page>.binder-leaf::before,body .folio-soft .folio-page>.binder-leaf::after{content:none}
body .folio-soft .folio-page>.binder-leaf>.album-cover-art{position:absolute;inset:0;width:100%;height:100%;z-index:0;border-radius:inherit;overflow:hidden;pointer-events:none;opacity:1}
body .folio-soft .folio-page>.binder-leaf>.album-cover-art::after{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--folio-paper) 68%,transparent)}
body .folio-book .binder-pocket-grid{position:relative;z-index:1;height:100%;gap:8px;grid-template-rows:repeat(var(--folio-rows),minmax(0,1fr));align-items:stretch}
body .folio-book .binder-pocket-grid>.binder-pocket{height:100%;width:100%;aspect-ratio:auto;padding:3px;border-radius:5px;background:#ffffff03;box-shadow:inset 0 1px 0 #ffffff24,inset 0 0 0 1px #ffffff10;min-height:0}
body .folio-book .binder-pocket-grid>.binder-pocket.is-empty{border:1px dashed color-mix(in srgb,var(--theme-muted,#b1ceb3) 20%,transparent);padding:3px}
body .folio-book .binder-pocket .card-wrap,body .folio-book .binder-pocket .card-wrap .collectible-card{height:100%!important;aspect-ratio:2/3}
body .folio-book .binder-pocket-grid>.binder-pocket::after{display:block;content:"";position:absolute;inset:0;pointer-events:none;z-index:10;border-radius:inherit;background:linear-gradient(135deg,#fff0 75%,#fff04 80%,#fff0 84%);box-shadow:none}
body .folio-book .binder-binding{left:8px;width:16px;z-index:2;pointer-events:none}
body .folio-book.folio-spread .binder-binding{left:calc(50% - 9px);width:18px;background:linear-gradient(90deg,transparent,#0005,transparent)}
body .folio-book .binder-binding i{position:relative;width:20px;height:8px;border:0;border-radius:50%;background:linear-gradient(180deg,#d7dbd8,#848985 35%,#444a46 58%,#c1c7c3 80%,#626d66);box-shadow:0 3px 4px #0008}
body .folio-book>.folio-grip{position:absolute;z-index:30;bottom:-16px;right:-16px;top:auto;width:52px;height:52px;padding:0;border:0;border-radius:0 0 14px 0;background:transparent;color:var(--theme-muted,#a9c2af);cursor:grab;touch-action:none;outline-offset:2px}
body .folio-book>.folio-grip-previous{left:-16px;right:auto;border-radius:0 0 0 10px}
body .folio-book>.folio-grip:active{cursor:grabbing}
body .folio-grip span{position:absolute;bottom:19px;right:19px;width:22px;height:22px;border-radius:0 0 10px 0;clip-path:polygon(100% 0,100% 100%,0 100%);background:linear-gradient(135deg,var(--theme-bg-alt,#12271c) 44%,color-mix(in srgb,var(--theme-muted,#adc5b5) 55%,var(--theme-panel,#193426)) 49%,var(--theme-panel,#193426) 76%);opacity:.7;transform-origin:bottom right;transition:transform .16s ease,opacity .16s ease;pointer-events:none}
body .folio-grip-previous span{right:auto;left:19px;transform:scaleX(-1);transform-origin:center}
body .folio-grip:hover span,body .folio-grip:focus-visible span{opacity:1;transform:scale(1.15)}
body .folio-grip-previous:hover span,body .folio-grip-previous:focus-visible span{transform:scale(-1.15,1.15)}
body .folio-grip:disabled{visibility:hidden;pointer-events:none}
body .folio-is-turning .folio-grip span{opacity:0}
body .folio-is-turning .binder-card-move{opacity:0;pointer-events:none}
body .folio-is-turning .folio-page{pointer-events:none;user-select:none}
@media(prefers-reduced-motion:reduce){body .folio-grip span{transition:none}}
body .folio-grip:hover,body .folio-grip:focus-visible{background:transparent;box-shadow:none}
body .folio-soft .stf__block>.binder-binding{z-index:2;transform-style:flat}
body .folio-soft.folio-single .stf__block>.binder-binding{display:none}
body .binder-view{max-width:1440px}
body .binder-view .binder-heading:has(.folio-controls-bar){display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 8px;padding:0 0 8px;border-bottom:1px solid var(--theme-line,#abc7b31f)}
body .binder-view .binder-heading-main{min-width:0;flex:1;gap:0}
body .binder-view .binder-summary-row:empty{display:none}
body .binder-view .binder-title-row{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
body .folio-heading-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
body .binder-view .binder-title-row h1{font-size:clamp(20px,2vw,26px);line-height:1.2;margin:0;text-align:left;overflow-wrap:anywhere}
body .binder-view .folio-heading-copy>.binder-count{font-size:12px;line-height:1.4;white-space:normal;margin:0;color:var(--theme-muted,#9eb9a5)}
body :is(.binder-view,.public-binder-view) .binder-back{align-self:start;flex:0 0 auto;width:max-content;max-width:100%;color:var(--theme-muted,var(--muted));padding:5px 8px;margin-left:-8px;border-radius:7px;min-height:30px;font-size:12px;line-height:1.4;transition:background-color .15s,color .15s}
body :is(.binder-view,.public-binder-view) .binder-back:hover{background:var(--theme-soft,#ffffff0a);color:var(--theme-text,var(--text))}
body .folio-controls-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body :is(.folio-expand,.folio-contract){display:inline-flex;align-items:center;gap:7px;border:1px solid var(--theme-line,#8aac9555);border-radius:7px;background:var(--theme-bg-alt,#163023);color:var(--theme-text,#d6e7cd);min-height:36px;padding:7px 10px;font:inherit;font-size:12px;cursor:pointer}
body .folio-expand svg{width:16px;height:16px}
body .folio-contract{display:none}
body :is(.binder-view,.public-binder-view):fullscreen{overflow-y:auto!important;background:var(--theme-bg,#071a12);padding:18px 28px;max-width:none!important;width:100%;height:100dvh;box-sizing:border-box}
body :is(.binder-view,.public-binder-view):fullscreen .folio-expand{display:none}
body :is(.binder-view,.public-binder-view):fullscreen .folio-contract{display:inline-flex}
body .folio-manage{position:relative;z-index:50}
body .folio-manage>summary{display:flex;align-items:center;gap:8px;padding:8px 10px;min-height:36px;border:1px solid var(--theme-line,#8aac9544);border-radius:7px;list-style:none;color:var(--theme-text,#c8dbc3);font-size:12px;cursor:pointer;background:var(--theme-bg-alt,#10291c)}
body .folio-manage>summary::-webkit-details-marker{display:none}
body .folio-manage[open]>summary{background:var(--theme-soft,#244431)}
body .folio-manage-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(680px,calc(100vw - 48px));max-height:calc(100dvh - 150px);overflow-y:auto;padding:20px;border:1px solid var(--theme-line,#56775e);border-radius:12px;background:var(--theme-panel,#0f2519);box-shadow:0 18px 48px #0008}
body .folio-manage-panel .binder-actions{justify-content:flex-start;margin-bottom:16px}
body :is(.binder-view,.public-binder-view) :is(.folio-expand,.folio-contract,.folio-manage>summary):hover{background:var(--theme-soft,#244431);border-color:var(--theme-accent,#8aac95)}
body :is(.binder-view,.public-binder-view) :is(button,summary,input):focus-visible{outline:2px solid var(--theme-accent,#88e4d2);outline-offset:3px}
body .folio-gesture{display:none}
body .binder-view>.binder-help{margin:12px 0 0;padding:8px 0}
body .folio-book .binder-leaf-number{z-index:2;font-size:10px;bottom:6px;background:none;border-radius:0;padding:0;letter-spacing:.08em;color:var(--theme-muted,#c7d6bd)}
body .folio-book .public-binder-owned{top:32px;right:6px;max-width:calc(100% - 12px);background:var(--theme-bg-alt,#10281f);color:var(--theme-text,#edf3e6)}
body :is(.binder-view,.public-binder-view)>.binder-pagination{gap:8px 16px;margin:10px 0 0;padding:0;background:none;border:0}
body :is(.binder-view,.public-binder-view) :is(.binder-page-number,.binder-page-arrow,.binder-status,.binder-page-jump,.binder-count){color:var(--theme-muted,#adc5b5)}
body :is(.binder-view,.public-binder-view) .binder-page-number[aria-current="page"],body :is(.binder-view,.public-binder-view) :is(.binder-page-number,.binder-page-arrow):hover:not(:disabled){background:var(--theme-soft,#284d38);border-color:var(--theme-line,#8fb59c55);color:var(--theme-text,#eff8e5)}
body :is(.binder-view,.public-binder-view) .binder-page-jump :is(input,button){background:var(--theme-bg-alt,#11271c);border-color:var(--theme-line,#8eae9838);color:var(--theme-text,#edf3e6)}
body .binder-reader .binder-pocket.is-empty>button{color:var(--theme-muted,#a9c2af)}
body .binder-reader .binder-pocket.is-empty>button:hover{background:var(--theme-soft,#d8efdb08);color:var(--theme-text,#edf3e6)}
body .modal.public-binder-modal{width:min(1480px,calc(100vw - 40px));background:var(--theme-panel,#0e2119);border-color:var(--theme-line,#8da99733)}
body .modal.public-binder-modal .public-binder-view{max-width:1380px}
body .public-binder-heading{gap:12px;margin-bottom:12px;flex-wrap:wrap}
body .public-binder-heading .folio-controls-bar{margin-left:auto}
body .modal-backdrop:has(.folio-book){align-items:flex-start;background:var(--theme-bg,#07140d)}
body .modal.public-binder-modal .modal-content:has(.folio-book){scroll-behavior:auto}
@media(max-width:760px){body .binder-book.folio-book{--folio-inset:8px;padding:8px;border-radius:10px}body .folio-soft .folio-page>.binder-leaf{padding:8px 12px 22px}body .folio-book .binder-pocket-grid{gap:7px}body .folio-book .binder-binding{display:none}body .binder-view .binder-heading:has(.folio-controls-bar){flex-wrap:wrap;gap:10px}body .folio-manage-panel{position:fixed;inset:auto 12px;top:96px;width:auto;max-height:calc(100dvh - 120px)}body :is(.binder-view,.public-binder-view):fullscreen{padding:12px}body .public-binder-heading .folio-controls-bar{margin:0}body .folio-controls-bar{gap:6px}}

body .folio-book .binder-pocket .card-wrap .card-title{font-size:clamp(10px,calc(var(--folio-card-width,120px) * .095),14px);line-height:1.15;-webkit-line-clamp:2;min-height:0;max-height:100%;text-overflow:ellipsis}
body .folio-book .binder-pocket .card-wrap .card-category{font-size:clamp(8px,calc(var(--folio-card-width,120px) * .07),10px);line-height:1.15}
body .folio-book .binder-pocket .card-wrap .card-body{height:42%;padding:4px;gap:2px}
body .folio-book .binder-pocket .card-wrap .card-art{height:55%}
body .folio-book .binder-pocket .card-wrap :is(.card-number,.rarity-label){font-size:clamp(7px,calc(var(--folio-card-width,120px) * .065),9px);line-height:1.1}

body .folio-soft .folio-page>.binder-leaf{contain:layout paint}
body .folio-soft .stf__item{will-change:transform}
body .folio-book .binder-pocket .card-wrap .collectible-card:has(.card-level){--card-layout-media:48%;--card-layout-copy:clamp(8px,calc(var(--folio-card-width,120px) * .065),10px);--card-layout-title:clamp(10px,calc(var(--folio-card-width,120px) * .09),14px)}
body .folio-book .binder-pocket .card-wrap .collectible-card .card-body:has(>.card-level){grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto!important;gap:2px;padding:4px!important}
body .folio-book .binder-pocket .card-wrap .collectible-card .card-body>.card-level{position:static;inset:auto;grid-row:3;grid-column:1;justify-self:end;align-self:end;max-width:100%;box-sizing:border-box;font-size:clamp(7px,calc(var(--folio-card-width,120px) * .06),9px);padding:2px 4px;box-shadow:none;backdrop-filter:none}
body .folio-book .binder-pocket .card-wrap .collectible-card .card-body:has(>.card-level)>.card-title{grid-column:1;grid-row:2!important}
body .folio-book .binder-pocket .card-wrap .collectible-card .card-body:has(>.card-level)>.card-bottom{grid-column:1;grid-row:4!important;padding-top:0!important}
body .folio-book .binder-pocket .card-wrap .collectible-card .card-body.has-description:has(>.card-level){grid-template-rows:auto auto minmax(0,1fr) auto auto!important}
body .folio-book .binder-pocket .card-wrap .collectible-card .card-body.has-description:has(>.card-level)>.card-description{grid-row:3!important}
body .folio-book .binder-pocket .card-wrap .collectible-card .card-body.has-description:has(>.card-level)>.card-level{grid-row:4}
body .folio-book .binder-pocket .card-wrap .collectible-card .card-body.has-description:has(>.card-level)>.card-bottom{grid-row:5!important}
body .folio-book .binder-pocket .card-wrap .collectible-card .card-body:has(>.card-level):not(:has(>.card-category)){grid-template-rows:minmax(0,1fr) auto auto!important}
body .folio-book .binder-pocket .card-wrap .collectible-card .card-body:has(>.card-level):not(:has(>.card-category))>.card-title{grid-row:1!important}
body .folio-book .binder-pocket .card-wrap .collectible-card .card-body:has(>.card-level):not(:has(>.card-category))>.card-level{grid-row:2}
body .folio-book .binder-pocket .card-wrap .collectible-card .card-body:has(>.card-level):not(:has(>.card-category))>.card-bottom{grid-row:3!important}
body .folio-book .binder-pocket .card-wrap .collectible-card .card-body.has-description:has(>.card-level):not(:has(>.card-category)){grid-template-rows:auto minmax(0,1fr) auto auto!important}
body .folio-book .binder-pocket .card-wrap .collectible-card .card-body.has-description:has(>.card-level):not(:has(>.card-category))>.card-description{grid-row:2!important}
body .folio-book .binder-pocket .card-wrap .collectible-card .card-body.has-description:has(>.card-level):not(:has(>.card-category))>.card-level{grid-row:3}
body .folio-book .binder-pocket .card-wrap .collectible-card .card-body.has-description:has(>.card-level):not(:has(>.card-category))>.card-bottom{grid-row:4!important}
@container pop-card (max-width:110px){body .folio-book .binder-pocket .card-wrap .collectible-card:has(.card-level){--card-layout-media:25%;--card-layout-copy:7px;--card-layout-title:10px}}
@media(min-width:761px){body .binder-view .binder-title-row{flex-direction:row;align-items:center;gap:18px}body .binder-view .binder-title-row>.binder-back{align-self:center;margin-left:0}body .binder-view .folio-heading-copy{flex:1;gap:2px}}

body :is(.binder-view,.public-binder-view){overflow-x:clip;overflow-y:visible}
body .modal.public-binder-modal .modal-content{overflow-x:hidden}
body:has(.folio-book){overflow-x:clip}
body .binder-drag-ghost.card-wrap{filter:none;box-shadow:0 12px 24px #0006;contain:layout style paint;border-radius:8px}

body .binder-shelf-sort{display:block;width:min(100%,260px);margin:0 0 18px;--wa-form-control-label-font-size:12px}
body .binder-shelf-item{position:relative;min-width:0;display:flex}
body .binder-shelf-item>.binder-cover{width:100%;height:100%;box-sizing:border-box}
body .binder-shelf-item>.binder-cover .binder-cover-name{padding-right:22px}
body .binder-shelf-more{position:absolute;right:8px;top:8px;z-index:3;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--theme-line,#69827255);border-radius:8px;background:var(--theme-panel,#11251c);color:var(--theme-text,#e9f1e4);cursor:pointer}
body .binder-shelf-more:hover,body .binder-shelf-more[aria-expanded="true"]{background:var(--theme-soft,#294535)}
body .binder-shelf-menu{position:fixed;z-index:22000;box-sizing:border-box;width:236px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow-y:auto;padding:6px;border:1px solid var(--theme-line,#69827266);border-radius:12px;background:var(--theme-panel,#11251c);box-shadow:0 12px 36px #0007;color:var(--theme-text,#e9f1e4)}
body .binder-shelf-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:9px 10px;border:0;border-radius:6px;background:transparent;color:inherit;text-align:left;font:inherit;font-size:13px;cursor:pointer}
body .binder-shelf-menu button:hover,body .binder-shelf-menu button:focus-visible{outline:none;background:var(--theme-soft,#294535)}
body .binder-shelf-menu button.is-danger{color:#ffa69d;border-top:1px solid var(--theme-line,#69827244);border-radius:0 0 6px 6px;margin-top:4px}
body .binder-shelf-more:focus-visible{outline:2px solid var(--theme-accent,#8fe2be);outline-offset:3px}
@media(hover:none),(pointer:coarse){body .binder-shelf-more{width:44px;height:44px;right:4px;top:4px}body .binder-shelf-menu button{min-height:44px}}

body .folio-book .card-universe{-webkit-backdrop-filter:none;backdrop-filter:none}
body .folio-book .binder-pocket .collectible-card{isolation:isolate}
/* Page turns (moving pages and their shadows) stay inside the binder: the page height never changes during a turn,
   so the page scrollbar does not move. */
body .folio-soft .folio-stage{overflow:clip;overflow-clip-margin:12px}
/* Binder tiles: the room kept for the « … » button is mirrored on the left, so the title is centred like the cover and the count */
body .binder-shelf-item>.binder-cover .binder-cover-name{padding-left:22px;padding-right:22px;text-align:center}

/* certified-badge.css */
body .badge-icon.account-certified{display:inline-flex;align-items:center;justify-content:center;position:relative;inset:auto;width:var(--certified-size,18px);height:var(--certified-size,18px);min-width:var(--certified-size,18px);min-height:var(--certified-size,18px);max-width:var(--certified-size,18px);flex:0 0 var(--certified-size,18px);margin:0 0 0 6px;padding:0;line-height:0;vertical-align:middle;background:none;border:0;box-shadow:none}
body .badge-icon.account-certified,html[data-site-theme] body .badge-icon.account-certified{color:#64dce9}
body .badge-icon.account-certified>.badge-icon-symbol{display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;line-height:0}
body .badge-icon.account-certified svg{display:block;width:100%;height:100%;margin:0;flex:none;transform:none}
body .account-certified-name{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;max-width:100%;min-width:0;vertical-align:middle;text-align:start;text-wrap:wrap}
body .account-certified-name>.account-certified-text{min-width:0;overflow-wrap:anywhere}
body .account-certified-name>.account-certified{margin:0;--certified-size:20px}
body .chat-meta>.account-certified{--certified-size:16px;margin:0}
body .social-person-copy h3:has(>.account-certified){display:flex;align-items:flex-start;justify-content:flex-start;gap:6px}
body .social-person-copy h3:has(>.account-certified)>.social-profile-link{min-width:0}
body .social-person-copy h3>.account-certified{margin:3px 0 0;--certified-size:18px}
body .cosmetic-certified-scene{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:240px;padding:28px 18px;text-align:center;box-sizing:border-box;width:100%}
body .cosmetic-certified-scene>strong{display:flex;align-items:center;justify-content:center;gap:6px;max-width:100%;overflow-wrap:anywhere;font-size:20px;color:var(--theme-text,#edf3e6)}
body .cosmetic-certified-scene>span:last-child{font-size:12px;color:var(--theme-muted,#a9c2af)}
body .certified-preview-avatar{position:relative;display:grid;place-items:center;overflow:hidden;width:76px;height:76px;border-radius:50%;background:var(--theme-soft,#213e32);color:var(--theme-text,#edf3e6);font-family:Sora,sans-serif;font-weight:700;font-size:24px}
body .certified-preview-avatar>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body .cosmetic-tab-accountBadge{--tab:#64dce9;--cosmetic-accent:#64dce9}
body .cosmetic-product[data-cosmetic-id="badge-certified"]{--cosmetic-accent:#64dce9}
body .cosmetic-product[data-cosmetic-id="badge-certified"]>.finish-preview{min-height:240px}

body .cosmetic-certified-scene>strong>.account-certified{margin:0}
.social-name-row{display:inline-flex;align-items:center;gap:5px;max-width:100%}.social-name-row>span{min-width:0;overflow-wrap:anywhere}.social-name-row>.account-certified{--certified-size:16px;margin:0;flex:none}.chat-who>.account-certified{--certified-size:16px;margin:0 0 0 -1px}
body .badge-icon.account-certified{cursor:pointer}

/* Animated account badges: only the ab-* parts inside the 24px drawing move (transform/opacity), the badge box never changes size.
   Motion stays small so it reads calmly beside a name in the chat; everything stops for low motion, reduced motion and paused cosmetics. */
svg.account-badge-art [class^="ab-"],svg.account-badge-art [class*=" ab-"]{transform-box:fill-box;transform-origin:center}
svg.account-badge-art .ab-comet{animation:pk-ab-glow 2.4s ease-in-out infinite}
svg.account-badge-art .ab-streak{animation:pk-ab-streak 1.2s linear infinite}
svg.account-badge-art .ab-blaze{transform-origin:50% 100%;animation:pk-ab-flicker 1.8s ease-in-out infinite}
svg.account-badge-art .ab-blaze-core{transform-origin:50% 100%;animation:pk-ab-core 1.1s ease-in-out infinite}
svg.account-badge-art .ab-beat{animation:pk-ab-beat 1.4s ease-in-out infinite}
svg.account-badge-art .ab-beat-ring{animation:pk-ab-ring 1.4s ease-out infinite}
svg.account-badge-art .ab-twinkle{animation:pk-ab-twinkle 3.2s ease-in-out infinite}
svg.account-badge-art .ab-blink{animation:pk-ab-blink 2.4s ease-in-out infinite}
svg.account-badge-art .ab-gear{transform-box:view-box;transform-origin:12px 12px;animation:pk-ab-spin 9s linear infinite}
svg.account-badge-art .ab-galaxy{transform-box:view-box;transform-origin:12px 12px;animation:pk-ab-spin 14s linear infinite}
svg.account-badge-art .ab-ring{transform-box:view-box;transform-origin:12px 12px;animation:pk-ab-spin 3.6s linear infinite}
svg.account-badge-art .ab-wave{animation:pk-ab-wave 3s ease-in-out infinite}
svg.account-badge-art[data-badge="badge-aurora"]>.ab-rosette{animation:pk-ab-aurora 9s ease-in-out infinite}
svg.account-badge-art[data-badge="badge-storm"]>.ab-rosette{animation:pk-ab-flash 4.2s linear infinite}
svg.account-badge-art .ab-bolt{animation:pk-ab-bolt 4.2s linear infinite}
svg.account-badge-art .ab-ripple{animation:pk-ab-ripple 2.6s ease-out infinite}
svg.account-badge-art .ab-drop{animation:pk-ab-bob 2.6s ease-in-out infinite}
svg.account-badge-art .ab-facet{animation:pk-ab-glint 3.4s ease-in-out infinite}
svg.account-badge-art .ab-wing{transform-origin:100% 75%;animation:pk-ab-flap 1.8s ease-in-out infinite}
svg.account-badge-art .ab-later{animation-delay:-.8s}
svg.account-badge-art .ab-last{animation-delay:-1.6s}
svg.account-badge-art .ab-facet.ab-later{animation-delay:.16s}
svg.account-badge-art .ab-facet.ab-last{animation-delay:.32s}
svg.account-badge-art .ab-ripple.ab-later{animation-delay:-1.3s}
svg.account-badge-art .ab-blink.ab-later{animation-delay:-1.2s}
@keyframes pk-ab-spin{to{transform:rotate(360deg)}}
@keyframes pk-ab-glow{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
@keyframes pk-ab-streak{to{stroke-dashoffset:-3.9}}
@keyframes pk-ab-flicker{0%,100%{transform:scale(1,1) skewX(0)}25%{transform:scale(.97,1.04) skewX(-2deg)}50%{transform:scale(1.02,.98) skewX(1.5deg)}75%{transform:scale(.98,1.03) skewX(-1deg)}}
@keyframes pk-ab-core{0%,100%{transform:scale(1);opacity:1}40%{transform:scale(.9,1.12);opacity:.8}70%{transform:scale(1.05,.94);opacity:.95}}
@keyframes pk-ab-beat{0%,45%,100%{transform:scale(1)}12%{transform:scale(1.12)}24%{transform:scale(.98)}34%{transform:scale(1.07)}}
@keyframes pk-ab-ring{0%{transform:scale(.7);opacity:0}15%{opacity:.6}70%,100%{transform:scale(1.08);opacity:0}}
@keyframes pk-ab-twinkle{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(.88) rotate(45deg)}}
@keyframes pk-ab-blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.15;transform:scale(.45)}}
@keyframes pk-ab-wave{0%,100%{transform:translateX(-.5px)}50%{transform:translateX(.5px)}}
@keyframes pk-ab-aurora{0%,100%{fill:#62e3c4}33%{fill:#79c8ff}66%{fill:#b9a6ff}}
@keyframes pk-ab-flash{0%,64%,80%,100%{fill:#8fb0ff}66%{fill:#eef3ff}69%{fill:#a6c0ff}72%{fill:#dfe8ff}}
@keyframes pk-ab-bolt{0%,64%,82%,100%{transform:scale(1)}66%,72%{transform:scale(1.12)}}
@keyframes pk-ab-ripple{0%{transform:scale(.35);opacity:0}25%{opacity:.9}100%{transform:scale(1.15);opacity:0}}
@keyframes pk-ab-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-.6px)}}
@keyframes pk-ab-glint{0%,40%,100%{opacity:0}12%{opacity:.55}}
@keyframes pk-ab-flap{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(12deg)}}
@media (prefers-reduced-motion:reduce){svg.account-badge-art,svg.account-badge-art *{animation:none!important}}
html.pk-low-motion svg.account-badge-art,html.pk-low-motion svg.account-badge-art *,:root[data-cosmetic-motion="off"] svg.account-badge-art,:root[data-cosmetic-motion="off"] svg.account-badge-art *{animation:none!important}
/* Founder seal (unique, the site owner's): the rosette turns very slowly, its gold-to-violet colours drift, a soft light sweeps
   across it every few seconds, the crown breathes and two sparkles twinkle. Same motion-off rules as the other animated badges. */
svg.account-badge-art[data-badge="badge-founder"] .ab-rosette{transform-box:fill-box;transform-origin:center;animation:ab-founder-turn 24s linear infinite}
svg.account-badge-art[data-badge="badge-founder"] .ab-founder-stop-a{animation:ab-founder-tint-a 6s ease-in-out infinite}
svg.account-badge-art[data-badge="badge-founder"] .ab-founder-stop-c{animation:ab-founder-tint-c 6s ease-in-out infinite}
svg.account-badge-art[data-badge="badge-founder"] .ab-founder-glint{opacity:.55;animation:ab-founder-glint 4.2s cubic-bezier(.45,0,.2,1) infinite}
svg.account-badge-art[data-badge="badge-founder"] .ab-founder-crown{transform-box:fill-box;transform-origin:50% 100%;animation:ab-founder-crown 3s ease-in-out infinite}
svg.account-badge-art[data-badge="badge-founder"] .ab-founder-spark{transform-box:fill-box;transform-origin:center;opacity:0;animation:ab-founder-spark 2.8s ease-in-out infinite}
svg.account-badge-art[data-badge="badge-founder"] .ab-founder-spark-b{animation-delay:1.4s}
@keyframes ab-founder-turn{to{transform:rotate(360deg)}}
@keyframes ab-founder-tint-a{0%,100%{stop-color:#ffe7a0}50%{stop-color:#ffd2e4}}
@keyframes ab-founder-tint-c{0%,100%{stop-color:#b88cff}50%{stop-color:#8fb4ff}}
@keyframes ab-founder-glint{0%,55%{transform:translateX(0)}85%,100%{transform:translateX(34px)}}
@keyframes ab-founder-crown{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@keyframes ab-founder-spark{0%,100%{opacity:0;transform:scale(.4) rotate(0)}45%{opacity:1;transform:scale(1) rotate(45deg)}70%{opacity:0;transform:scale(.6) rotate(90deg)}}
/* « Premier cheater du site » (dKS only), hacker mode: neon-green rosette and a padlock being picked — the shackle pops open
   and snaps shut, the keyhole flashes green, the rosette glitches for an instant. */
svg.account-badge-art[data-badge="badge-first-cheater"] .ab-hack-shackle{transform-box:fill-box;transform-origin:85% 100%;animation:ab-hack-unlock 3.2s ease-in-out infinite}
svg.account-badge-art[data-badge="badge-first-cheater"] .ab-hack-key{animation:ab-hack-blink 1.1s steps(1,end) infinite}
svg.account-badge-art[data-badge="badge-first-cheater"] .ab-rosette{transform-box:fill-box;transform-origin:center;animation:ab-cheater-glitch 4.5s steps(1,end) infinite}
@keyframes ab-hack-unlock{0%,55%,100%{transform:none}65%,85%{transform:translateY(-1.3px) rotate(-14deg)}}
@keyframes ab-hack-blink{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes ab-cheater-glitch{0%,86%,100%{transform:none;opacity:1}88%{transform:translateX(-1px) skewX(-8deg);opacity:.75}90%{transform:translateX(1.2px);opacity:1}92%{transform:translateX(-.6px) skewX(6deg);opacity:.85}94%{transform:none}}
/* « Premier utilisateur de macro » (Medouille only): the key presses in rhythm and the repeat arrow keeps looping. */
svg.account-badge-art[data-badge="badge-first-macro"] .ab-macro-key{transform-box:fill-box;transform-origin:center;animation:ab-macro-press 1.2s ease-in-out infinite}
svg.account-badge-art[data-badge="badge-first-macro"] .ab-macro-loop{transform-box:view-box;transform-origin:12px 12.2px;animation:ab-macro-loop 2.4s linear infinite}
@keyframes ab-macro-press{0%,60%,100%{transform:none}70%{transform:translateY(.7px) scale(.96)}80%{transform:none}}
@keyframes ab-macro-loop{to{transform:rotate(360deg)}}

/* staff-finance.css */
.staff-finance { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--border, #385332); min-width: 0; }
.staff-finance-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; }
.staff-finance-heading h3 { margin: 0; font-size: 17px; }
.staff-finance-heading > div { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; font-size: 12px; }
.staff-finance-heading a { color: var(--text-muted, #acbda6); text-underline-offset: 4px; }
.staff-finance-heading button { min-height: 36px; font-size: 12px; padding: 8px 12px; }
.staff-sales .staff-finance-balances { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px 20px; margin: 0 0 28px; }
.staff-finance-balances > div { min-width: 0; }
.staff-sales .staff-finance dd { margin: 6px 0 0; font-size: clamp(20px,2vw,27px); line-height: 1.3; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.staff-finance dd > span { display: block; }
.staff-finance small { display: block; max-width: 38ch; margin-top: 6px; color: var(--text-muted, #acbda6); font-size: 11px; line-height: 1.6; font-weight: 400; }
.staff-finance h4 { margin: 0 0 10px; font-size: 14px; }
.staff-finance p { font-size: 12px; line-height: 1.65; color: var(--text-muted, #acbda6); }
.staff-finance-notice { padding: 12px; border-left: 3px solid var(--accent, #f3d48c); background: rgba(243,212,140,.05); }
.staff-finance-table { overflow-x: auto; }
.staff-finance table { width: 100%; border-collapse: collapse; font-size: 12px; text-align: left; }
.staff-finance th { font-weight: 500; color: var(--text-muted, #acbda6); }
.staff-finance th, .staff-finance td { padding: 12px 8px; border-bottom: 1px solid var(--border, #385332); white-space: nowrap; }
.staff-finance th:first-child, .staff-finance td:first-child { padding-left: 0; }
.staff-finance th:nth-child(3), .staff-finance td:nth-child(3) { text-align: right; font-variant-numeric: tabular-nums; }
.staff-finance th:last-child, .staff-finance td:last-child { text-align: right; padding-right: 0; }
.staff-finance-status { display: inline-block; padding: 4px 8px; border-radius: 5px; background: #ffffff09; color: var(--text-muted, #acbda6); }
.staff-finance-status.is-paid { color: #a9e4b3; background: #a9e4b30d; }
.staff-finance-status.is-pending, .staff-finance-status.is-in_transit { color: #f3d48c; background: #f3d48c0d; }
.staff-finance-status.is-failed { color: #ffa38f; background: #ffa38f0d; }
.staff-finance-pages { display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin-top: 12px; font-size: 12px; }
.staff-finance-pages button { display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 1px solid var(--border, #385332); border-radius: 6px; background: transparent; color: inherit; cursor: pointer; }
.staff-finance button:disabled { opacity: .45; cursor: default; }
.staff-finance :is(button,a,summary):focus-visible { outline: 2px solid var(--accent, #f3d48c); outline-offset: 3px; }
.staff-finance-details { margin-top: 20px; border-top: 1px solid var(--border, #385332); padding-top: 16px; }
.staff-finance-details summary { cursor: pointer; font-size: 13px; padding: 5px 0; }
.staff-sales .staff-finance-ledger { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 18px; margin: 18px 0; }
.staff-sales .staff-finance-ledger dd { font-size: 19px; }
.staff-finance-ledger dt { font-size: 11px; }
.staff-finance-updated { margin: 20px 0 0; font-size: 11px !important; }
body .staff-sales.is-hidden .staff-finance-sensitive { filter: blur(9px); user-select: none; }
@media (max-width: 760px) { .staff-sales .staff-finance-balances { grid-template-columns: repeat(2,minmax(0,1fr)); } .staff-sales .staff-finance-ledger { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 420px) { .staff-sales .staff-finance-balances { gap: 20px 12px; } .staff-sales .staff-finance dd { font-size: 19px; } .staff-finance th, .staff-finance td { padding: 10px 7px; font-size: 11px; } }

@media (max-width: 600px) {
 .staff-finance-table { overflow: visible; }
 .staff-finance table, .staff-finance tbody { display: block; }
 .staff-finance thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
 .staff-finance tbody tr { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--border, #385332); }
 .staff-finance table td:nth-child(n) { display: block; padding: 0; border: 0; text-align: left; white-space: normal; min-width: 0; }
 .staff-finance td::before { content: attr(data-label); display: block; font-size: 10px; color: var(--text-muted, #acbda6); margin-bottom: 6px; }
 .staff-finance .staff-finance-sensitive { display: inline-block; }
}

/* wishlist-browse.css */
/* « Bourse aux recherches » by category (wishlist-browse.js). Flat and aligned: no borders, no pills, nothing tilted.
   Colours come from the seasonal theme variables, with the default green palette as fallback. */
.wish-browse{--wb-panel:var(--theme-panel,#13241b);--wb-soft:color-mix(in srgb,var(--theme-text,#eef5ef) 6%,transparent);--wb-text:var(--theme-text,#eef5ef);--wb-muted:var(--theme-muted,#a9bfac);--wb-accent:var(--theme-accent,#bedca5);--wb-accent-text:var(--theme-accent-text,#15271b);display:grid;gap:0;min-width:0;color:var(--wb-text)}
.wish-browse .wish-hint{margin-bottom:12px}
.wish-browse .wish-browse-search{max-width:520px;margin:0 0 18px}
#wish-browse-body{display:grid;gap:16px;min-width:0}
#wish-browse-body>*{min-width:0}

/* Landing: totals, the « I can give » shortcut, then one tile per theme. */
.wish-browse-stats{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px}
.wish-browse-stat{display:inline-flex;align-items:baseline;gap:6px;color:var(--wb-muted);font-size:13px}
.wish-browse-stat b{color:var(--wb-text);font-size:20px;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.3px}
.wish-browse-stat.is-owned b{color:var(--wb-accent)}
.wish-browse-link{display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:8px 12px;border:0;border-radius:8px;background:var(--wb-soft);color:var(--wb-text);font:inherit;font-size:13px;font-weight:650;cursor:pointer}
.wish-browse-link:hover{background:color-mix(in srgb,var(--wb-text) 11%,transparent)}
.wish-browse-link .icon{width:16px;height:16px}
.wish-browse-give{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:12px 14px 12px 16px;border-radius:10px;background:color-mix(in srgb,var(--wb-accent) 12%,var(--wb-panel))}
.wish-browse-give>span{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:650}
.wish-browse-give>span .icon{width:18px;height:18px;color:var(--wb-accent)}
.wish-browse-give .button{display:inline-flex;align-items:center;gap:6px;border-radius:8px}
.wish-browse-give .button .icon{width:16px;height:16px}
.wish-browse-section-title{margin:6px 0 0;font-size:16px;font-weight:750;letter-spacing:-.2px;color:var(--wb-text)}
.wish-browse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.wish-browse-tile{display:grid;grid-template-rows:auto 1fr;min-width:0;border-radius:10px;background:var(--wb-panel);overflow:hidden}
.wish-browse-tile-main{display:grid;gap:10px;align-content:start;width:100%;padding:12px 12px 12px;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.wish-browse-tile-main:hover,.wish-browse-tile-main:focus-visible{background:var(--wb-soft)}
.wish-browse-tile-main:focus-visible{outline:2px solid var(--wb-accent);outline-offset:-2px}
.wish-browse-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.wish-browse-thumb{display:grid;place-items:center;aspect-ratio:3/4;border-radius:6px;background:color-mix(in srgb,var(--wb-text) 5%,transparent);overflow:hidden;color:var(--wb-muted)}
.wish-browse-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.wish-browse-thumb .icon{width:20px;height:20px}
.wish-browse-tile-title{display:flex;align-items:center;gap:8px;min-width:0;font-size:15.5px;font-weight:750;letter-spacing:-.2px}
.wish-browse-tile-title .icon{flex:none;width:18px;height:18px;color:var(--wb-accent)}
.wish-browse-tile-title>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wish-browse-tile-stats{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--wb-muted);font-size:12.5px;font-variant-numeric:tabular-nums}
.wish-browse-tile-stats .is-owned{color:var(--wb-accent);font-weight:650}
.wish-browse-tile-links{display:grid;align-content:start;padding:0 6px 8px}
.wish-browse-tile-links button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;min-height:34px;padding:6px 8px;border:0;border-radius:6px;background:transparent;color:var(--wb-text);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.wish-browse-tile-links button:hover,.wish-browse-tile-links button:focus-visible{background:var(--wb-soft)}
.wish-browse-tile-links button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wish-browse-tile-links button b{flex:none;color:var(--wb-muted);font-size:12px;font-weight:650;font-variant-numeric:tabular-nums}

/* One theme / collection: breadcrumb, heading, collection tabs, quick filters and the cards. */
.wish-browse-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:13px;color:var(--wb-muted)}
.wish-browse-crumbs button{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:0;border-radius:8px;background:transparent;color:var(--wb-text);font:inherit;font-weight:650;cursor:pointer}
.wish-browse-crumbs button:hover{background:var(--wb-soft)}
.wish-browse-crumbs .wish-browse-back{padding-left:6px;background:var(--wb-soft)}
.wish-browse-crumbs .icon{width:16px;height:16px}
.wish-browse-crumbs [aria-current]{color:var(--wb-text);font-weight:650}
.wish-browse-crumb-sep{opacity:.55}
.wish-browse-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 20px}
.wish-browse-head h2{display:flex;align-items:center;gap:10px;min-width:0;margin:0;font-size:24px;font-weight:780;letter-spacing:-.6px;color:var(--wb-text)}
.wish-browse-head h2 .icon{flex:none;width:22px;height:22px;color:var(--wb-accent)}
.wish-browse-head p{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0}
.wish-browse-tabs{display:flex;flex-wrap:wrap;gap:6px}
.wish-browse-tab,.wish-browse-filter{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:7px 12px;border:0;border-radius:8px;background:var(--wb-soft);color:var(--wb-text);font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
.wish-browse-tab:hover,.wish-browse-filter:hover{background:color-mix(in srgb,var(--wb-text) 11%,transparent)}
.wish-browse-tab b,.wish-browse-filter b{color:var(--wb-muted);font-size:12px;font-weight:650;font-variant-numeric:tabular-nums}
.wish-browse-tab.is-active,.wish-browse-filter.is-active{background:var(--wb-accent);color:var(--wb-accent-text)}
.wish-browse-tab.is-active b,.wish-browse-filter.is-active b{color:inherit;opacity:.75}
.wish-browse-tab.is-more{background:transparent;color:var(--wb-muted)}
.wish-browse-tab span{max-width:220px;overflow:hidden;text-overflow:ellipsis}
.wish-browse-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:8px;border-radius:10px;background:var(--wb-panel)}
.wish-browse-filters,.wish-browse-sort{display:flex;flex-wrap:wrap;gap:4px}
.wish-browse-toolbar .wish-browse-filter{background:transparent}
.wish-browse-toolbar .wish-browse-filter:hover{background:var(--wb-soft)}
.wish-browse-toolbar .wish-browse-filter.is-active{background:var(--wb-accent);color:var(--wb-accent-text)}
.wish-browse .wish-browse-cards{margin-top:0}
.wish-browse-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0;padding:0 2px;color:var(--wb-muted);font-size:12px;font-variant-numeric:tabular-nums}
.wish-browse-meta span{display:inline-flex;align-items:center;gap:5px}
.wish-browse-meta .icon{width:14px;height:14px}
.wish-browse-meta .is-offer{color:#f1d07c}
.wish-browse-meta .is-owned{color:var(--wb-accent);font-weight:650}
.wish-browse-empty{display:grid;justify-items:start;gap:10px}

@media (max-width:760px){
  .wish-browse-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:10px}
  .wish-browse-link{margin-left:0}
  .wish-browse-head h2{font-size:20px}
  .wish-browse-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -2px;padding:0 2px}
  .wish-browse-tabs::-webkit-scrollbar{display:none}
  .wish-browse-toolbar{padding:6px}
  .wish-browse-filters,.wish-browse-sort{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%}
}
/* « Recherchées chez toi »: category bar above the grid. */
.wish-offers-categories{margin:4px 0 18px}
.wish-offers-categories .wish-browse-tabs{display:flex;flex-wrap:wrap;gap:6px}
/* Category tiles: a missing picture shows the card placeholder (green glow + card mark) instead of an empty box. */
.wish-browse-thumb{position:relative}
.wish-browse-thumb-mark{display:none}
.wish-browse-thumb.is-missing{background:radial-gradient(ellipse at 45% 25%,#4a6b45,#213d29 46%,#101f18 85%);color:#cfe3c4}
.wish-browse-thumb.is-missing .wish-browse-thumb-mark{display:grid;place-items:center;opacity:.7}

/* market-browse.css */
/* Market by category (market-browse.js). It reuses the « Bourse aux recherches » look (wishlist-browse.css classes and its
   --wb-* colours, which follow the seasonal theme); only what the market adds is here. Flat and aligned: no borders, no pills,
   nothing tilted. */
.market-hub{--mh-gold:#f1d07c;margin-bottom:8px}
#market-hub-body{display:grid;gap:16px;min-width:0}
#market-hub-body>*{min-width:0}

/* Landing: totals, « Mes ventes », then one tile per theme. */
.market-hub .wish-browse-stat.is-soon b{color:var(--mh-gold)}
.market-hub-price>span{color:var(--wb-muted)}
.market-hub-mine{display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px;padding:12px 14px 12px 16px;border-radius:10px;background:var(--wb-panel)}
.market-hub-mine-part{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0}
.market-hub-mine-part>strong{display:inline-flex;align-items:center;gap:10px;min-width:0;color:var(--wb-text);font-size:14px;font-weight:700}
.market-hub-mine-part>strong .icon{flex:none;width:18px;height:18px;color:var(--wb-accent)}
.market-hub-mine-part.is-leading>strong .icon{color:var(--mh-gold)}
.market-hub-mine-part>span{color:var(--wb-muted);font-size:13px;font-variant-numeric:tabular-nums}
.market-hub-mine-link{display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:5px 8px 5px 10px;border:0;border-radius:8px;background:var(--wb-soft);color:var(--wb-text);font:inherit;font-size:13px;font-weight:650;cursor:pointer}
.market-hub-mine-link:hover{background:color-mix(in srgb,var(--wb-text) 11%,transparent)}
.market-hub-mine-link .icon{width:15px;height:15px}
.market-hub-mine-actions{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}
.market-hub-mine-actions .button,.market-hub-empty-actions .button{display:inline-flex;align-items:center;gap:6px;min-height:40px;margin:0;border-radius:8px}
.market-hub-mine-actions .button .icon,.market-hub-empty-actions .button .icon{width:16px;height:16px}
.market-hub-section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-top:6px}
.market-hub-section-head .wish-browse-section-title{margin:0}
.market-hub-section-head .wish-browse-link{margin-left:0}
.market-hub-tile .wish-browse-tile-stats .is-price{color:var(--wb-text);font-weight:650}
.market-hub-tile .wish-browse-tile-stats .is-auction{color:var(--mh-gold)}

/* One theme: quick filters, « Je ne l’ai pas », sorting, then the rarities on their own line. */
.market-hub-owned{margin-left:6px}
.market-hub-box{display:inline-grid;place-items:center;flex:none;width:16px;height:16px;border-radius:4px;background:color-mix(in srgb,var(--wb-text) 16%,transparent);color:var(--wb-accent-text)}
.market-hub-box .icon{width:12px;height:12px}
.market-hub-owned[aria-pressed="true"] .market-hub-box{background:var(--wb-accent)}
.market-hub-rarities{display:flex;flex-wrap:wrap;align-items:center;gap:4px;flex-basis:100%;min-width:0}
.market-hub-rarities-label{margin:0 6px 0 4px;color:var(--wb-muted);font-size:12px;font-weight:650}
.market-hub-rarities .wish-browse-filter{min-height:32px;padding:5px 10px;font-size:12.5px}
.market-hub .rarity-dot{display:inline-block;flex:none;width:9px;height:9px;border-radius:2px}
.market-hub .rarity-dot.unique{background:#ff4545}
.market-hub-empty{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;padding:20px;border-radius:10px;background:var(--wb-panel)}
.market-hub-empty-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:10px;background:var(--wb-soft);color:var(--wb-accent)}
.market-hub-empty-icon .icon{width:22px;height:22px}
.market-hub-empty>div:not(.market-hub-empty-actions){flex:1 1 260px;min-width:0}
.market-hub-empty h3{margin:0;color:var(--wb-text);font-size:16px;font-weight:700}
.market-hub-empty p{margin:4px 0 0;color:var(--wb-muted);font-size:13.5px;line-height:1.5}
.market-hub-empty-actions{display:flex;flex-wrap:wrap;gap:8px}

/* Offers in the grid: flat panels (no frame or shadow), countdown and leading-bid tag squared off like the rest. */
html:not(#_) body .market-hub .market-item{border:0;border-radius:10px;background:var(--wb-panel);box-shadow:none}
html:not(#_) body .market-hub .auction-pill{border:0;border-radius:6px}
html:not(#_) body .market-hub .auction-ends{border-radius:6px}
html:not(#_) body .market-hub .auction-overlay{border:0}
.market-hub .market-hub-cards{margin-top:0}

@media (max-width:760px){
  .market-hub-mine{gap:10px 16px}
  .market-hub-mine-actions{margin-left:0;width:100%}
  .market-hub-mine-actions .button{flex:1 1 auto}
  .market-hub-rarities{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .market-hub-rarities::-webkit-scrollbar{display:none}
  .market-hub-owned{margin-left:0}
}

/* notifications-refresh.css */
/* Notifications refresh: one design for toasts (#toast-root stack, shop reminders, hardware notice, legendary pulls)
   and the bell panel. Flat surfaces, no borders, small radii, tone per kind in a tinted square.
   Every selector starts with html:not(#_) body so it out-ranks the older layers and the seasonal theme rules. */

html:not(#_) body #toast-root,html:not(#_) body .notifications-panel{
  --pkn-surface:var(--theme-panel,#16241c);
  --pkn-text:var(--theme-text,#edf2e7);
  --pkn-muted:var(--theme-muted,#9db1a3);
  --pkn-accent:var(--theme-accent,#a9dcb4);
  --pkn-hover:color-mix(in srgb,var(--pkn-text) 6%,transparent);
  --pkn-band:color-mix(in srgb,var(--pkn-text) 3%,transparent);
  --pkn-tile:color-mix(in srgb,var(--pkn-text) 4.5%,transparent);
  --pkn-shadow:0 22px 50px -18px rgb(0 0 0/.72),0 4px 14px rgb(0 0 0/.26);
  --pkn-scroll:color-mix(in srgb,var(--pkn-text) 18%,transparent)
}

/* Tones: semantic colours chosen outside the green range the theme repaint rewrites; success follows the theme accent. */
html:not(#_) body .pk-toast,html:not(#_) body .notification-entry{--tone:#93b5f3}
html:not(#_) body .pk-toast.is-success{--tone:#7fd3a0}
html:not(#_) body .pk-toast.is-info,html:not(#_) body .notification-entry.is-ticket{--tone:#93b5f3}
html:not(#_) body .pk-toast.is-warning{--tone:#f0ad5e}
html:not(#_) body .pk-toast.is-error{--tone:#f27d7d}
html:not(#_) body .pk-toast.is-reward{--tone:#f0c965}
html:not(#_) body .pk-toast.is-social,html:not(#_) body .notification-entry.is-visit{--tone:#b9a4fb}
html:not(#_) body .pk-toast.is-trade,html:not(#_) body .notification-entry.is-trade{--tone:#71cbe0}
html:not(#_) body .pk-toast.is-gift,html:not(#_) body .notification-entry.is-gift{--tone:#f19dc4}
html:not(#_) body .pk-toast.is-arena{--tone:#f8916f}
html:not(#_) body .notification-entry.is-mention{--tone:var(--pkn-accent)}
html:not(#_)[data-site-theme]:not([data-site-theme="default"]) body .pk-toast.is-success{--tone:var(--theme-accent)}

/* ---------- Toast stack ---------- */
html:not(#_) body #toast-root{position:fixed;top:calc(env(safe-area-inset-top,0px) + 84px);right:20px;bottom:auto;left:auto;z-index:10070;display:flex;flex-direction:column;align-items:stretch;gap:10px;width:min(380px,calc(100vw - 40px));max-width:none;margin:0;padding:0;pointer-events:none}
html:not(#_) body .pk-toast{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 28px;align-items:start;column-gap:12px;width:100%;box-sizing:border-box;margin:0;padding:12px 10px 13px 12px;border:0;border-radius:12px;background:linear-gradient(100deg,color-mix(in srgb,var(--tone) 9%,var(--pkn-surface)) 0%,var(--pkn-surface) 58%);color:var(--pkn-text);box-shadow:var(--pkn-shadow);font-size:13px;font-weight:500;line-height:1.45;letter-spacing:0;text-align:left;overflow:hidden;pointer-events:auto;animation:pk-toast-in .24s cubic-bezier(.2,.8,.2,1) both}
html:not(#_) body .pk-toast svg{width:auto;height:auto;color:inherit}
html:not(#_) body .pk-toast-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--tone) 16%,transparent);color:var(--tone)}
html:not(#_) body .pk-toast-icon svg{width:18px;height:18px;stroke-width:1.9}
html:not(#_) body .pk-toast-body{display:grid;gap:2px;min-width:0;align-self:center;padding:1px 0}
html:not(#_) body .pk-toast-title{display:block;font-size:13.5px;font-weight:650;line-height:1.35;color:var(--pkn-text)}
html:not(#_) body .pk-toast-text{margin:0;font-size:13px;line-height:1.45;color:var(--pkn-text);overflow-wrap:anywhere}
html:not(#_) body .pk-toast.has-title .pk-toast-text{font-size:12.5px;color:var(--pkn-muted)}
html:not(#_) body .pk-toast-action{justify-self:start;display:inline-flex;align-items:center;height:30px;min-height:0;min-width:0;margin:8px 0 0;padding:0 12px;border:0;border-radius:8px;background:color-mix(in srgb,var(--tone) 18%,transparent);color:var(--tone);box-shadow:none;font:inherit;font-size:12.5px;font-weight:650;line-height:1;cursor:pointer;transition:background-color .15s}
html:not(#_) body .pk-toast-action:hover{background:color-mix(in srgb,var(--tone) 28%,transparent)}
html:not(#_) body .pk-toast-close{display:grid;place-items:center;width:28px;height:28px;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:8px;background:transparent;color:var(--pkn-muted);box-shadow:none;opacity:.8;cursor:pointer;transition:background-color .15s,opacity .15s}
html:not(#_) body .pk-toast-close:hover{background:var(--pkn-hover);color:var(--pkn-text);opacity:1}
html:not(#_) body .pk-toast-close svg{width:15px;height:15px;stroke-width:2}
html:not(#_) body .pk-toast-action:focus-visible,html:not(#_) body .pk-toast-close:focus-visible{outline:2px solid var(--tone);outline-offset:2px}
html:not(#_) body .pk-toast-timer{position:absolute;left:0;right:0;bottom:0;height:2px;background:color-mix(in srgb,var(--tone) 65%,transparent);transform-origin:left center;animation:pk-toast-timer var(--pk-toast-duration,5000ms) linear forwards;pointer-events:none}
html:not(#_) body .pk-toast.is-paused .pk-toast-timer{animation-play-state:paused}
html:not(#_) body .pk-toast.is-bumped{animation:pk-toast-bump .28s ease-out}
html:not(#_) body .pk-toast.is-leaving{animation:pk-toast-out .18s ease-in forwards;pointer-events:none}
@keyframes pk-toast-in{from{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}
@keyframes pk-toast-out{to{opacity:0;transform:translateX(14px) scale(.985)}}
@keyframes pk-toast-bump{0%,100%{transform:none}40%{transform:scale(1.015)}}
@keyframes pk-toast-timer{from{transform:scaleX(1)}to{transform:scaleX(0)}}

/* Legendary and unique pulls: shown inside the same stack, as a richer toast with the card. */
html:not(#_) body #toast-root .legendary-toast{--tone:#f0c965;position:relative;top:auto;left:auto;right:auto;z-index:auto;display:flex;align-items:center;gap:14px;width:100%;box-sizing:border-box;margin:0;padding:14px 44px 14px 14px;border:0;border-radius:12px;background:linear-gradient(100deg,color-mix(in srgb,var(--tone) 13%,var(--pkn-surface)) 0%,var(--pkn-surface) 62%);background-size:auto;color:var(--pkn-text);box-shadow:var(--pkn-shadow);overflow:hidden;transform:none;pointer-events:auto;animation:pk-toast-in .24s cubic-bezier(.2,.8,.2,1) both}
html:not(#_) body #toast-root .legendary-toast.is-unique-pull{--tone:#7fdcf2}
html:not(#_) body #toast-root .legendary-toast.is-leaving{animation:pk-toast-out .18s ease-in forwards;pointer-events:none}
html:not(#_) body #toast-root .legendary-toast-rays,html:not(#_) body #toast-root .legendary-toast-sparks{display:none}
html:not(#_) body #toast-root .legendary-toast-card{flex:0 0 auto;width:52px;aspect-ratio:2/3;object-fit:cover;border-radius:6px;box-shadow:0 8px 18px -6px rgb(0 0 0/.6);animation:none}
html:not(#_) body #toast-root .legendary-toast-copy{flex:1 1 auto;display:grid;gap:3px;min-width:0}
html:not(#_) body #toast-root .legendary-toast-kicker{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tone)}
html:not(#_) body #toast-root .legendary-toast-copy strong{font-size:14.5px;font-weight:700;line-height:1.3;color:var(--pkn-text);text-shadow:none;overflow-wrap:anywhere}
html:not(#_) body #toast-root .legendary-toast-copy p{margin:0;font-size:12.5px;line-height:1.45;color:var(--pkn-muted)}
html:not(#_) body #toast-root .legendary-toast-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
html:not(#_) body #toast-root .legendary-toast-actions button{display:inline-flex;align-items:center;justify-content:center;height:30px;min-height:0;margin:0;padding:0 12px;border:0;border-radius:8px;box-shadow:none;font:inherit;font-size:12.5px;font-weight:650;line-height:1;cursor:pointer;transform:none;transition:background-color .15s,filter .15s}
html:not(#_) body #toast-root .legendary-toast-actions .legendary-toast-ask{background:var(--tone);color:#1b1505}
html:not(#_) body #toast-root .legendary-toast-actions .legendary-toast-trade{background:color-mix(in srgb,var(--tone) 16%,transparent);color:var(--tone)}
html:not(#_) body #toast-root .legendary-toast-actions button:hover{transform:none;filter:brightness(1.08)}
html:not(#_) body #toast-root .legendary-toast-close{position:absolute;top:10px;right:10px;display:grid!important;place-items:center;width:28px;height:28px;padding:0!important;border:0;border-radius:8px;background:transparent;color:var(--pkn-muted);opacity:.8}
html:not(#_) body #toast-root .legendary-toast-close:hover{background:var(--pkn-hover);color:var(--pkn-text);opacity:1}
html:not(#_) body #toast-root .legendary-toast button:focus-visible{outline:2px solid var(--tone);outline-offset:2px}

@media(max-width:760px){
  html:not(#_) body #toast-root{top:calc(env(safe-area-inset-top,0px) + 10px);left:12px;right:12px;width:auto}
  html:not(#_) body .pk-toast{padding:11px 8px 12px 11px;column-gap:10px}
  html:not(#_) body #toast-root .legendary-toast{padding:12px 42px 12px 12px;gap:12px}
  html:not(#_) body #toast-root .legendary-toast-card{width:44px}
}

/* ---------- Bell badge ---------- */
html:not(#_) body #notification-button .notification-dot{right:4px;top:4px;width:8px;height:8px;margin:0;border:0;border-radius:50%;background:#f2a65e;box-shadow:0 0 0 2px var(--theme-bg-alt,#101b16)}
html:not(#_)[data-site-theme]:not([data-site-theme="default"]) body #notification-button .notification-dot{background:var(--theme-accent)}

/* ---------- Notification panel ---------- */
html:not(#_) body .notifications-panel{width:min(380px,calc(100vw - 24px));padding:0;border:0;border-radius:14px;background:var(--pkn-surface);color:var(--pkn-text);box-shadow:var(--pkn-shadow);backdrop-filter:none;-webkit-backdrop-filter:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--pkn-scroll) transparent;transform-origin:top right}
html:not(#_) body .notifications-panel:popover-open,html:not(#_) body .notifications-panel.is-open{animation:pk-panel-in .18s cubic-bezier(.2,.8,.2,1)}
@keyframes pk-panel-in{from{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:none}}
html:not(#_) body .notifications-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 12px 6px 18px;border:0}
html:not(#_) body .notifications-heading h2{margin:0;font-family:Sora,sans-serif;font-size:16px;font-weight:650;line-height:1.3;letter-spacing:-.01em;color:var(--pkn-text)}
html:not(#_) body .notifications-heading .notifications-close{display:grid;place-items:center;width:30px;height:30px;min-width:30px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--pkn-muted)}
html:not(#_) body .notifications-heading .notifications-close:hover{background:var(--pkn-hover);color:var(--pkn-text)}
html:not(#_) body .notifications-heading .notifications-close svg{width:16px;height:16px}

html:not(#_) body .notifications-activity{padding:6px 8px 12px;border:0}
html:not(#_) body .notifications-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:22px;margin:4px 10px 8px}
html:not(#_) body .notifications-section-title{margin:0;font-size:11px;font-weight:650;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:var(--pkn-muted)}
html:not(#_) body .notifications-new-count{padding:2px 7px;border-radius:6px;background:color-mix(in srgb,var(--pkn-accent) 15%,transparent);color:var(--pkn-accent);font-size:11.5px;font-weight:650;line-height:1.4;font-variant-numeric:tabular-nums}
html:not(#_) body .notifications-caught-up{font-size:11.5px;line-height:1.4;color:var(--pkn-muted)}

html:not(#_) body .notifications-activity-list{display:grid;gap:2px;max-height:min(380px,52dvh);margin:0;padding:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--pkn-scroll) transparent}
html:not(#_) body .notifications-panel ::-webkit-scrollbar{width:6px;height:6px}
html:not(#_) body .notifications-panel ::-webkit-scrollbar-track{background:transparent}
html:not(#_) body .notifications-panel ::-webkit-scrollbar-thumb{border:0;border-radius:6px;background:var(--pkn-scroll)}

html:not(#_) body .notification-entry{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) 14px;align-items:center;gap:12px;width:100%;min-width:0;min-height:0;box-sizing:border-box;margin:0;padding:10px 10px 10px 16px;border:0;border-radius:10px;background:transparent;color:var(--pkn-muted);box-shadow:none;text-align:left;transform:none;transition:background-color .15s,color .15s}
html:not(#_) body button.notification-entry:hover{background:var(--pkn-hover);color:var(--pkn-text);transform:none}
html:not(#_) body .notification-entry.is-unread,html:not(#_) body .notification-entry.is-fresh{background:color-mix(in srgb,var(--pkn-accent) 7%,transparent);color:var(--pkn-text)}
html:not(#_) body button.notification-entry.is-unread:hover,html:not(#_) body button.notification-entry.is-fresh:hover{background:color-mix(in srgb,var(--pkn-accent) 11%,transparent)}
html:not(#_) body .notification-entry.is-unread::before,html:not(#_) body .notification-entry.is-fresh::before{content:"";position:absolute;left:6px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--pkn-accent);box-shadow:none}
html:not(#_) body .notification-entry .notification-glyph{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--tone) 15%,transparent);color:var(--tone)}
html:not(#_) body .notification-entry .notification-glyph svg{width:17px;height:17px;stroke-width:1.8;color:inherit}
html:not(#_) body .notification-entry-copy{display:grid;gap:3px;min-width:0;font-size:13px;line-height:1.45;color:inherit;overflow-wrap:anywhere}
html:not(#_) body .notification-entry-copy strong{font-weight:650;color:var(--pkn-text)}
html:not(#_) body .notification-entry-meta{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;font-size:11.5px;line-height:1.4;color:var(--pkn-muted);font-variant-numeric:tabular-nums}
html:not(#_) body .notification-entry-kind{font-weight:600;color:var(--tone)}
html:not(#_) body .notification-entry-copy time{display:inline;margin:0;font-size:inherit;line-height:inherit;color:var(--pkn-muted)}
html:not(#_) body .notification-entry-copy time::before{content:"·";margin-right:6px;opacity:.6}
html:not(#_) body .notification-entry>svg,html:not(#_) body .notification-entry>i{width:14px;height:14px;color:var(--pkn-muted);opacity:.45;transition:opacity .15s}
html:not(#_) body button.notification-entry:hover>svg,html:not(#_) body button.notification-entry:hover>i{opacity:.9}

html:not(#_) body .notifications-empty{display:grid;justify-items:center;gap:6px;margin:0;padding:22px 16px 16px;text-align:center;color:var(--pkn-muted)}
html:not(#_) body .notifications-empty-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:4px;border-radius:12px;background:var(--pkn-tile);color:var(--pkn-muted)}
html:not(#_) body .notifications-empty-icon svg{width:20px;height:20px;stroke-width:1.7}
html:not(#_) body .notifications-empty strong{font-size:13.5px;font-weight:650;line-height:1.35;color:var(--pkn-text)}
html:not(#_) body .notifications-empty p{max-width:270px;margin:0;font-size:12.5px;line-height:1.5;color:var(--pkn-muted)}

/* Shortcuts: three flat tiles in a quiet band at the bottom of the panel. */
html:not(#_) body .notifications-links-title{margin:0;padding:12px 18px 8px;background:var(--pkn-band)}
html:not(#_) body .notifications-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0 10px 12px;border:0;background:var(--pkn-band)}
html:not(#_) body .notification-link{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"icon" "count" "label";justify-items:start;align-content:start;gap:4px;min-width:0;min-height:0;margin:0;padding:10px;border:0;border-radius:10px;background:var(--pkn-tile);color:var(--pkn-muted);text-decoration:none;transition:background-color .15s,color .15s}
html:not(#_) body .notification-link:hover{background:color-mix(in srgb,var(--pkn-text) 8%,transparent);color:var(--pkn-text)}
html:not(#_) body .notification-link .notification-glyph{grid-area:icon;display:grid;place-items:center;width:28px;height:28px;margin-bottom:2px;border-radius:8px;background:color-mix(in srgb,var(--pkn-accent) 13%,transparent);color:var(--pkn-accent)}
html:not(#_) body .notification-link .notification-glyph svg{width:15px;height:15px;stroke-width:1.8}
html:not(#_) body .notification-link>span:nth-child(2){grid-area:label;min-width:0;font-size:11.5px;line-height:1.3;overflow-wrap:anywhere}
html:not(#_) body .notification-link>strong{grid-area:count;font-family:Sora,sans-serif;font-size:17px;font-weight:650;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--pkn-text)}
html:not(#_) body .notification-link>svg,html:not(#_) body .notification-link>i{display:none}
html:not(#_) body .notifications-panel button:focus-visible,html:not(#_) body .notifications-panel a:focus-visible{outline:2px solid var(--pkn-accent);outline-offset:-2px}

@media(max-width:380px){
  html:not(#_) body .notification-entry{gap:10px;padding:10px 8px 10px 14px}
  html:not(#_) body .notifications-links{gap:4px;padding:0 8px 10px}
  html:not(#_) body .notification-link{padding:9px 8px}
}

/* ---------- Motion ---------- */
@media(prefers-reduced-motion:reduce){
  html:not(#_) body .pk-toast,html:not(#_) body .pk-toast.is-bumped,html:not(#_) body .pk-toast.is-leaving,html:not(#_) body #toast-root .legendary-toast,html:not(#_) body .notifications-panel:popover-open,html:not(#_) body .notifications-panel.is-open{animation:none}
  html:not(#_) body .notification-entry,html:not(#_) body .notification-link,html:not(#_) body .pk-toast-action,html:not(#_) body .pk-toast-close{transition:none}
}
html.pk-low-motion:not(#_) body .pk-toast,html.pk-low-motion:not(#_) body .pk-toast.is-bumped,html.pk-low-motion:not(#_) body .pk-toast.is-leaving,html.pk-low-motion:not(#_) body #toast-root .legendary-toast,html.pk-low-motion:not(#_) body .notifications-panel:popover-open,html.pk-low-motion:not(#_) body .notifications-panel.is-open{animation:none}
html.pk-low-motion:not(#_) body .notification-entry,html.pk-low-motion:not(#_) body .notification-link{transition:none}
/* Placement asked by the owner: always the bottom-right corner of the screen (fixed, whatever the scroll), one toast at a time
   (notifications.js queues the next one); full width at the bottom on phones. */
html:not(#_) body #toast-root{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);right:22px;flex-direction:column-reverse}
@keyframes pk-toast-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:760px){html:not(#_) body #toast-root{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);left:12px;right:12px}}
/* Animations off: the time bar is driven in small steps by notifications.js (its CSS animation cannot run). */
html.pk-low-motion:not(#_) body .pk-toast-timer{animation:none!important;transform-origin:left center}
@media(prefers-reduced-motion:reduce){html:not(#_) body .pk-toast-timer{animation:none!important;transform-origin:left center}}

html:not(#_) body .pk-toast-media{max-width:224px;margin-top:6px}
html:not(#_) body .pk-toast-media img{display:block;width:100%;height:126px;object-fit:contain;object-position:left center;border-radius:6px}

/* profile-effects.css */
.public-profile.pp2:has(>.profile-effect),.cosmetic-effect-scene,.profile-effect-swatch{position:relative}
.profile-effect{position:absolute;left:0;right:0;top:0;z-index:6;height:min(100%,380px);overflow:hidden;pointer-events:none;contain:strict}
.profile-effect.is-sample{height:100%;animation:none}
.profile-effect-layer{position:absolute;inset:0;-webkit-mask:linear-gradient(#000 30%,transparent 54%),linear-gradient(90deg,#000 0 12%,#0007 30% 70%,#000 88%);mask:linear-gradient(#000 30%,transparent 54%),linear-gradient(90deg,#000 0 12%,#0007 30% 70%,#000 88%)}
.is-sample>.profile-effect-layer{animation:none}
.profile-effect-layer::before,.profile-effect-layer::after{content:"";position:absolute;inset:0;opacity:0;pointer-events:none}
.profile-effect i{position:absolute;left:var(--x);top:var(--y);width:var(--w,12px);height:var(--h,var(--w,12px));opacity:0;background:center/contain no-repeat;animation:3.6s var(--d) infinite both;will-change:transform,opacity}
/* Fourteen particle slots shared by every effect: position, start delay (≤ .9 s so each run fits in its 3.6 s window), drift and size. */
.profile-effect i:nth-child(1){--x:6%;--y:12%;--d:0s;--r:-.8;--q:.2;--s:1}
.profile-effect i:nth-child(2){--x:15%;--y:58%;--d:.35s;--r:.5;--q:.7;--s:.75}
.profile-effect i:nth-child(3){--x:24%;--y:26%;--d:.7s;--r:-.3;--q:.45;--s:.9}
.profile-effect i:nth-child(4){--x:34%;--y:8%;--d:.15s;--r:.9;--q:.9;--s:.65}
.profile-effect i:nth-child(5){--x:45%;--y:40%;--d:.55s;--r:-.6;--q:.1;--s:1.1}
.profile-effect i:nth-child(6){--x:52%;--y:16%;--d:.85s;--r:.2;--q:.6;--s:.8}
.profile-effect i:nth-child(7){--x:61%;--y:52%;--d:.25s;--r:-.9;--q:.35;--s:.7}
.profile-effect i:nth-child(8){--x:70%;--y:20%;--d:.6s;--r:.7;--q:.8;--s:1}
.profile-effect i:nth-child(9){--x:79%;--y:64%;--d:.05s;--r:-.4;--q:.25;--s:.85}
.profile-effect i:nth-child(10){--x:88%;--y:10%;--d:.45s;--r:.35;--q:.55;--s:1.15}
.profile-effect i:nth-child(11){--x:95%;--y:44%;--d:.8s;--r:-.7;--q:.95;--s:.7}
.profile-effect i:nth-child(12){--x:3%;--y:78%;--d:.5s;--r:.6;--q:.4;--s:.9}
.profile-effect i:nth-child(13){--x:40%;--y:72%;--d:.3s;--r:-.2;--q:.15;--s:.6}
.profile-effect i:nth-child(14){--x:92%;--y:82%;--d:.75s;--r:.1;--q:.75;--s:.95}

/* Flames: soft tongues rise from the bottom edge over a warm glow. */
[data-profile-effect="effect-flames"] i{top:auto;bottom:-12px;--w:calc(24px * var(--s) + 6px);--h:calc(var(--w) * 1.6);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 64'%3E%3Cdefs%3E%3CradialGradient id='g' cx='50%25' cy='74%25' r='62%25'%3E%3Cstop offset='0' stop-color='%23fff7d1'/%3E%3Cstop offset='.3' stop-color='%23ffd25e'/%3E%3Cstop offset='.62' stop-color='%23ff7a24' stop-opacity='.9'/%3E%3Cstop offset='1' stop-color='%23e0300f' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M21 1c2 13 15 22 15 39a16 16 0 0 1-32 0c0-10 6-16 9-24 2 5 4 7 6 8 2-7 3-14 2-23z' fill='url(%23g)'/%3E%3C/svg%3E");transform-origin:50% 100%;animation-name:pkfx-flame;animation-timing-function:ease-out}
[data-profile-effect="effect-flames"] .profile-effect-layer::before{background:linear-gradient(0deg,#ff6a1f40,#ff9a3c14 22%,transparent 42%);animation:pkfx-glow 3.6s ease-in-out infinite}
@keyframes pkfx-flame{0%{opacity:0;transform:translate3d(0,10px,0) scale(.45)}8%{opacity:.95}38%{opacity:.75;transform:translate3d(calc(var(--r) * 10px),-80px,0) scale(1)}62%{opacity:0;transform:translate3d(calc(var(--r) * -6px),-140px,0) scale(.5)}100%{opacity:0;transform:translate3d(0,-140px,0) scale(.45)}}
@keyframes pkfx-glow{0%{opacity:0}18%{opacity:1}55%{opacity:.7}85%,100%{opacity:0}}

/* Lightning: three bolts strike from the top edge, each with a cold flash. */
[data-profile-effect="effect-lightning"] i:nth-child(n+4){display:none}
[data-profile-effect="effect-lightning"] i{top:-8px;--w:calc(44px * var(--s) + 8px);--h:calc(var(--w) * 2.8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 180'%3E%3Cdefs%3E%3Cfilter id='b' x='-60%25' y='-10%25' width='220%25' height='120%25'%3E%3CfeGaussianBlur stdDeviation='3.2'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M40 0 28 50 42 56 22 104 34 110 14 178M28 50 12 74M22 104 40 130' stroke='%237cc4ff' stroke-width='7' filter='url(%23b)'/%3E%3Cpath d='M40 0 28 50 42 56 22 104 34 110 14 178' stroke='%23f4fbff' stroke-width='2.2'/%3E%3Cpath d='M28 50 12 74M22 104 40 130' stroke='%23d9efff' stroke-width='1.2'/%3E%3C/g%3E%3C/svg%3E");transform-origin:50% 0;animation-name:pkfx-strike;animation-timing-function:linear}
[data-profile-effect="effect-lightning"] i:nth-child(1){--x:12%;--s:1.1}
[data-profile-effect="effect-lightning"] i:nth-child(2){--x:74%;--s:.95}
[data-profile-effect="effect-lightning"] i:nth-child(3){--x:46%;--s:.6}
[data-profile-effect="effect-lightning"] .profile-effect-layer::before{background:radial-gradient(70% 60% at 20% 0,#cfe6ff66,transparent 70%),radial-gradient(60% 55% at 80% 0,#cfe6ff4d,transparent 70%);animation:pkfx-flash 3.6s linear infinite}
@keyframes pkfx-strike{0%{opacity:0;transform:scaleY(.55)}2%{opacity:1;transform:scaleY(1)}4%{opacity:.2}6%{opacity:1}11%{opacity:.55}18%{opacity:0;transform:scaleY(1)}100%{opacity:0;transform:scaleY(1)}}
@keyframes pkfx-flash{0%{opacity:0}1%{opacity:.9}4%,9%{opacity:0}11%{opacity:.6}14%,19%{opacity:0}21%{opacity:.45}25%,100%{opacity:0}}

/* Sakura: petals twirl down from the top. */
[data-profile-effect="effect-sakura"] i{top:-22px;--w:calc(11px * var(--s) + 5px);--h:calc(var(--w) * 1.08);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 26'%3E%3Cdefs%3E%3ClinearGradient id='p' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ffe3ec'/%3E%3Cstop offset='1' stop-color='%23f08fb2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M12 25C4 19 2 10 8 2l4 4 4-4c6 8 4 17-4 23z' fill='url(%23p)'/%3E%3Cpath d='M12 24V9' stroke='%23e57aa2' stroke-opacity='.45' stroke-width='.8'/%3E%3C/svg%3E");animation-name:pkfx-petal;animation-timing-function:linear}
@keyframes pkfx-petal{0%{opacity:0;transform:translate3d(0,0,0) rotate(0) rotateY(0)}8%{opacity:.95}38%{transform:translate3d(calc(var(--r) * 28px),110px,0) rotate(calc(var(--r) * 150deg + 50deg)) rotateY(120deg)}55%{opacity:.85}75%{opacity:0;transform:translate3d(calc(var(--r) * -12px),230px,0) rotate(calc(var(--r) * 320deg + 130deg)) rotateY(300deg)}100%{opacity:0;transform:translate3d(calc(var(--r) * -12px),230px,0)}}

/* Snow: fine flakes drift down. */
[data-profile-effect="effect-snow"] i{top:-10px;--w:calc(4px * var(--s) + 2px);border-radius:50%;background:radial-gradient(circle,#fff 0 38%,#ffffffa6 55%,transparent 72%);animation-name:pkfx-snow;animation-timing-function:linear}
[data-profile-effect="effect-snow"] i:nth-child(3n){--w:calc(6px * var(--s) + 3px)}
@keyframes pkfx-snow{0%{opacity:0;transform:translate3d(0,0,0)}10%{opacity:.95}40%{transform:translate3d(calc(var(--r) * 14px),100px,0)}55%{opacity:.85}75%{opacity:0;transform:translate3d(calc(var(--r) * -8px),210px,0)}100%{opacity:0;transform:translate3d(0,210px,0)}}

/* Golden confetti: one burst from the top centre, the pieces flutter back down. */
[data-profile-effect="effect-confetti"] i{left:50%;top:14%;--w:6px;--h:10px;border-radius:1px;background:linear-gradient(135deg,#fff0bf,#e6b04a 55%,#b8812a);animation-name:pkfx-confetti;animation-delay:calc(var(--q) * .14s);animation-timing-function:ease-out}
[data-profile-effect="effect-confetti"] i:nth-child(3n){background:linear-gradient(135deg,#fffaf0,#efe2bf)}
[data-profile-effect="effect-confetti"] i:nth-child(4n+1){--w:8px;--h:5px;background:linear-gradient(135deg,#f6d68a,#c8902f)}
[data-profile-effect="effect-confetti"] i:nth-child(5n){--w:5px;--h:5px;border-radius:50%;background:#ffe39a}
@keyframes pkfx-confetti{0%{opacity:0;transform:translate3d(0,0,0) rotate(0) scale(.4)}4%{opacity:1;transform:translate3d(calc(var(--r) * 34px),calc(var(--q) * -16px),0) rotate(40deg) scale(1)}22%{transform:translate3d(calc(var(--r) * 170px),calc(var(--q) * -56px - 12px),0) rotate(calc(var(--r) * 360deg)) rotateX(180deg);animation-timing-function:ease-in}60%{opacity:.9}72%{opacity:0;transform:translate3d(calc(var(--r) * 210px),calc(160px - var(--q) * 30px),0) rotate(calc(var(--r) * 720deg)) rotateX(720deg)}100%{opacity:0;transform:translate3d(calc(var(--r) * 210px),160px,0)}}

/* Magic sparkles: four-point stars twinkle twice around the banner. */
[data-profile-effect="effect-sparkles"] i{--w:calc(14px * var(--s) + 6px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3CradialGradient id='h'%3E%3Cstop offset='0' stop-color='%23fff3c4' stop-opacity='.75'/%3E%3Cstop offset='1' stop-color='%23fff3c4' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='16' cy='16' r='9' fill='url(%23h)'/%3E%3Cpath d='M16 2c1 9 4 12.5 14 14-10 1.5-13 5-14 14-1-9-4-12.5-14-14 10-1.5 13-5 14-14z' fill='%23fffaf0'/%3E%3C/svg%3E");animation-name:pkfx-twinkle;animation-timing-function:ease-in-out}
[data-profile-effect="effect-sparkles"] i:nth-child(3n+1){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3CradialGradient id='h'%3E%3Cstop offset='0' stop-color='%23ffd36b' stop-opacity='.8'/%3E%3Cstop offset='1' stop-color='%23ffb53b' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='16' cy='16' r='10' fill='url(%23h)'/%3E%3Cpath d='M16 4c.9 7.5 3.6 10.2 12 12-8.4 1.8-11.1 4.5-12 12-.9-7.5-3.6-10.2-12-12 8.4-1.8 11.1-4.5 12-12z' fill='%23ffe7a3'/%3E%3C/svg%3E")}
@keyframes pkfx-twinkle{0%{opacity:0;transform:scale(0) rotate(0)}10%{opacity:1;transform:scale(1) rotate(45deg)}22%{opacity:0;transform:scale(.2) rotate(90deg)}34%{opacity:.85;transform:scale(.8) rotate(135deg)}48%{opacity:0;transform:scale(0) rotate(180deg)}100%{opacity:0;transform:scale(0)}}

/* Fireflies: warm points of light wander and blink. */
[data-profile-effect="effect-fireflies"] i{--w:calc(8px * var(--s) + 6px);border-radius:50%;background:radial-gradient(circle,#fffbe0 0 16%,#ffe17a 28%,#ffc94a55 48%,transparent 70%);animation-name:pkfx-firefly;animation-timing-function:ease-in-out}
@keyframes pkfx-firefly{0%{opacity:0;transform:translate3d(0,0,0)}12%{opacity:.95}24%{opacity:.35;transform:translate3d(calc(var(--r) * 14px),-10px,0)}38%{opacity:1;transform:translate3d(calc(var(--r) * 24px),calc(var(--q) * -26px),0)}54%{opacity:.4}72%{opacity:0;transform:translate3d(calc(var(--r) * 32px),calc(var(--q) * -40px - 6px),0)}100%{opacity:0;transform:translate3d(0,0,0)}}

/* Mist: wide soft veils roll across the top and the bottom, then clear. */
[data-profile-effect="effect-mist"] i:nth-child(n+7){display:none}
[data-profile-effect="effect-mist"] i{--w:240px;--h:96px;border-radius:50%;background:radial-gradient(closest-side,#e9eff5 0,#e9eff599 35%,transparent);animation-name:pkfx-mist;animation-timing-function:ease-in-out}
[data-profile-effect="effect-mist"] i:nth-child(1){--x:-12%;--y:62%;--d:0s}
[data-profile-effect="effect-mist"] i:nth-child(2){--x:28%;--y:74%;--d:.4s}
[data-profile-effect="effect-mist"] i:nth-child(3){--x:64%;--y:58%;--d:.2s}
[data-profile-effect="effect-mist"] i:nth-child(4){--x:4%;--y:2%;--d:.6s}
[data-profile-effect="effect-mist"] i:nth-child(5){--x:48%;--y:-6%;--d:.1s}
[data-profile-effect="effect-mist"] i:nth-child(6){--x:80%;--y:24%;--d:.8s}
[data-profile-effect="effect-mist"] .profile-effect-layer::before{background:linear-gradient(0deg,#dfe7ef2e,transparent 40%),linear-gradient(180deg,#dfe7ef1f,transparent 30%);animation:pkfx-glow 3.6s ease-in-out infinite}
@keyframes pkfx-mist{0%{opacity:0;transform:translate3d(-40px,0,0) scale(.85)}25%{opacity:.3}50%{opacity:.24;transform:translate3d(30px,-6px,0) scale(1.05)}75%{opacity:0;transform:translate3d(90px,-10px,0) scale(1.2)}100%{opacity:0;transform:translate3d(90px,-10px,0) scale(1.2)}}

/* Bubbles: iridescent bubbles rise, sway and pop. */
[data-profile-effect="effect-bubbles"] i{top:auto;bottom:-24px;--w:calc(14px * var(--s) + 8px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3CradialGradient id='f' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='.62' stop-color='%23bfe9ff' stop-opacity='0'/%3E%3Cstop offset='.86' stop-color='%23a8dcff' stop-opacity='.22'/%3E%3Cstop offset='1' stop-color='%23f2c4ff' stop-opacity='.5'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='16' cy='16' r='14.5' fill='url(%23f)' stroke='%23ffffff' stroke-opacity='.55' stroke-width='1'/%3E%3Cpath d='M8.5 12a8.5 8.5 0 0 1 6-5.5' fill='none' stroke='%23fff' stroke-opacity='.85' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");animation-name:pkfx-bubble;animation-timing-function:ease-in-out}
@keyframes pkfx-bubble{0%{opacity:0;transform:translate3d(0,0,0) scale(.6)}8%{opacity:.9}25%{transform:translate3d(calc(var(--r) * 12px),-70px,0) scale(.8)}45%{transform:translate3d(calc(var(--r) * -10px),-150px,0) scale(.95)}60%{opacity:.9;transform:translate3d(calc(var(--r) * 8px),-210px,0) scale(1)}66%{opacity:0;transform:translate3d(calc(var(--r) * 8px),-214px,0) scale(1.45)}100%{opacity:0;transform:translate3d(0,-214px,0) scale(1.45)}}

/* Stardust: a slow curtain of golden glints drifts down, twinkling. */
[data-profile-effect="effect-stardust"] i{top:-12px;--w:calc(6px * var(--s) + 5px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3CradialGradient id='h'%3E%3Cstop offset='0' stop-color='%23ffd36b' stop-opacity='.8'/%3E%3Cstop offset='1' stop-color='%23ffb53b' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='16' cy='16' r='10' fill='url(%23h)'/%3E%3Cpath d='M16 4c.9 7.5 3.6 10.2 12 12-8.4 1.8-11.1 4.5-12 12-.9-7.5-3.6-10.2-12-12 8.4-1.8 11.1-4.5 12-12z' fill='%23ffe7a3'/%3E%3C/svg%3E");animation-name:pkfx-stardust;animation-timing-function:linear}
[data-profile-effect="effect-stardust"] .profile-effect-layer::before{background:linear-gradient(180deg,#ffd56b1f,transparent 45%);animation:pkfx-glow 3.6s ease-in-out infinite}
@keyframes pkfx-stardust{0%{opacity:0;transform:translate3d(0,0,0) scale(.8)}8%{opacity:1}18%{opacity:.3}28%{opacity:1;transform:translate3d(calc(var(--r) * 4px),70px,0) scale(1)}38%{opacity:.35}48%{opacity:.95}62%{opacity:.45}75%{opacity:0;transform:translate3d(calc(var(--r) * 10px),190px,0) scale(.7)}100%{opacity:0;transform:translate3d(0,190px,0) scale(.7)}}

/* Embers: small glowing sparks fly up quickly and go out. */
[data-profile-effect="effect-embers"] i{top:auto;bottom:-10px;--w:calc(2px * var(--s) + 2px);--h:calc(var(--w) * 2.6);border-radius:50%;background:radial-gradient(closest-side,#fff3c4,#ffb347 45%,#ff5a1f00);animation-name:pkfx-ember;animation-timing-function:ease-out}
[data-profile-effect="effect-embers"] .profile-effect-layer::before{background:linear-gradient(0deg,#ff5a1f24,transparent 30%);animation:pkfx-glow 3.6s ease-in-out infinite}
@keyframes pkfx-ember{0%{opacity:0;transform:translate3d(0,0,0)}6%{opacity:1}20%{transform:translate3d(calc(var(--r) * 16px),-80px,0)}34%{transform:translate3d(calc(var(--r) * -6px),-150px,0)}48%{opacity:.8;transform:translate3d(calc(var(--r) * 22px),-220px,0)}60%{opacity:0;transform:translate3d(calc(var(--r) * 10px),-260px,0)}100%{opacity:0;transform:translate3d(0,-260px,0)}}

/* Neon scan: a cyan line sweeps the whole card, then the four corners light up. */
[data-profile-effect="effect-neon-scan"]{height:100%}
[data-profile-effect="effect-neon-scan"] .profile-effect-layer{-webkit-mask:none;mask:none}
[data-profile-effect="effect-neon-scan"] i{display:none}
[data-profile-effect="effect-neon-scan"] .profile-effect-layer::before{background:linear-gradient(180deg,transparent 0 44%,#19e6ff1f 47%,#7ff4ff 49.6%,#fff 50%,#ff4fd899 50.5%,transparent 53.5%);animation:pkfx-scan 3.6s cubic-bezier(.45,0,.35,1) infinite}
[data-profile-effect="effect-neon-scan"] .profile-effect-layer::after{inset:10px;background:linear-gradient(#7ff4ff,#7ff4ff) 0 0/22px 2px,linear-gradient(#7ff4ff,#7ff4ff) 0 0/2px 22px,linear-gradient(#7ff4ff,#7ff4ff) 100% 0/22px 2px,linear-gradient(#7ff4ff,#7ff4ff) 100% 0/2px 22px,linear-gradient(#ff7ae0,#ff7ae0) 0 100%/22px 2px,linear-gradient(#ff7ae0,#ff7ae0) 0 100%/2px 22px,linear-gradient(#ff7ae0,#ff7ae0) 100% 100%/22px 2px,linear-gradient(#ff7ae0,#ff7ae0) 100% 100%/2px 22px;background-repeat:no-repeat;animation:pkfx-corners 3.6s linear infinite}
@keyframes pkfx-scan{0%{opacity:0;transform:translate3d(0,-52%,0)}6%{opacity:1}44%{opacity:1;transform:translate3d(0,52%,0)}50%,100%{opacity:0;transform:translate3d(0,52%,0)}}
@keyframes pkfx-corners{0%,40%{opacity:0}44%{opacity:1}47%{opacity:.25}50%{opacity:1}72%{opacity:.6}88%,100%{opacity:0}}

/* Autumn leaves: russet leaves swirl across from right to left. */
[data-profile-effect="effect-leaves"] i{top:calc(var(--y) * .7);--w:calc(14px * var(--s) + 8px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='l' x1='0' y1='1' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23c2531c'/%3E%3Cstop offset='.55' stop-color='%23e9923a'/%3E%3Cstop offset='1' stop-color='%23f6c562'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M3 29C3 13 13 3 30 2c0 17-10 27-27 27z' fill='url(%23l)'/%3E%3Cpath d='M3 29 24 8M10 22l-1-7M15 17h7M19 13l-1-5' stroke='%237c2f0e' stroke-opacity='.45' stroke-width='1.1' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");animation-name:pkfx-leaf;animation-timing-function:ease-in-out}
[data-profile-effect="effect-leaves"] i:nth-child(even){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='l' x1='0' y1='1' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%238c2416'/%3E%3Cstop offset='.55' stop-color='%23cf4a2a'/%3E%3Cstop offset='1' stop-color='%23ec8a4c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M3 29C3 13 13 3 30 2c0 17-10 27-27 27z' fill='url(%23l)'/%3E%3Cpath d='M3 29 24 8M10 22l-1-7M15 17h7M19 13l-1-5' stroke='%234d1209' stroke-opacity='.45' stroke-width='1.1' stroke-linecap='round' fill='none'/%3E%3C/svg%3E")}
@keyframes pkfx-leaf{0%{opacity:0;transform:translate3d(40px,-20px,0) rotate(0)}8%{opacity:.95}28%{transform:translate3d(-50px,30px,0) rotate(calc(var(--r) * 120deg + 90deg))}50%{transform:translate3d(-140px,50px,0) rotate(calc(var(--r) * 200deg + 200deg))}60%{opacity:.85}75%{opacity:0;transform:translate3d(-230px,110px,0) rotate(calc(var(--r) * 300deg + 320deg))}100%{opacity:0;transform:translate3d(-230px,110px,0)}}

/* Meteor shower: shooting stars streak down to the left. */
[data-profile-effect="effect-meteors"] i:nth-child(n+7){display:none}
[data-profile-effect="effect-meteors"] i{left:calc(var(--x) + 18%);top:calc(var(--y) * .45 - 4%);--w:calc(70px * var(--s) + 30px);--h:2px;border-radius:2px;background:linear-gradient(90deg,#fff,#d3e4ffaa 22%,transparent);transform-origin:0 50%;animation-name:pkfx-meteor;animation-timing-function:cubic-bezier(.3,.1,.6,1)}
[data-profile-effect="effect-meteors"] i::before{content:"";position:absolute;left:-3px;top:-3px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#fff 0 30%,#bcd7ff66 55%,transparent 72%)}
@keyframes pkfx-meteor{0%{opacity:0;transform:translate3d(0,0,0) rotate(-34deg) scaleX(.3)}4%{opacity:1;transform:translate3d(-20px,13px,0) rotate(-34deg) scaleX(1)}26%{opacity:0;transform:translate3d(-250px,168px,0) rotate(-34deg) scaleX(.75)}100%{opacity:0;transform:translate3d(-250px,168px,0) rotate(-34deg) scaleX(.75)}}

/* Northern lights: two veils ripple above the card under a few stars. */
[data-profile-effect="effect-aurora"] i:nth-child(n+7){display:none}
[data-profile-effect="effect-aurora"] i{top:calc(var(--y) * .5);--w:calc(6px * var(--s) + 6px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3CradialGradient id='h'%3E%3Cstop offset='0' stop-color='%23fff3c4' stop-opacity='.75'/%3E%3Cstop offset='1' stop-color='%23fff3c4' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='16' cy='16' r='9' fill='url(%23h)'/%3E%3Cpath d='M16 2c1 9 4 12.5 14 14-10 1.5-13 5-14 14-1-9-4-12.5-14-14 10-1.5 13-5 14-14z' fill='%23fffaf0'/%3E%3C/svg%3E");animation-name:pkfx-twinkle;animation-timing-function:ease-in-out}
[data-profile-effect="effect-aurora"] .profile-effect-layer::before,[data-profile-effect="effect-aurora"] .profile-effect-layer::after{inset:-12% -30% auto;height:64%;-webkit-mask:linear-gradient(transparent,#000 35%,#000 55%,transparent);mask:linear-gradient(transparent,#000 35%,#000 55%,transparent)}
[data-profile-effect="effect-aurora"] .profile-effect-layer::before{background:linear-gradient(100deg,transparent 8%,#41f0b055 26%,#3fc6ff5c 44%,#8b6bff4d 62%,transparent 82%);animation:pkfx-aurora 3.6s ease-in-out infinite}
[data-profile-effect="effect-aurora"] .profile-effect-layer::after{top:6%;background:linear-gradient(80deg,transparent 14%,#c06bff40 34%,#2fe0a04d 52%,#5fd0ff33 68%,transparent 86%);animation:pkfx-aurora-2 3.6s ease-in-out infinite}
@keyframes pkfx-aurora{0%{opacity:0;transform:translate3d(-12%,0,0) scaleY(.7)}20%{opacity:.9}45%{transform:translate3d(6%,4%,0) scaleY(1.05)}70%{opacity:.6}88%,100%{opacity:0;transform:translate3d(14%,-2%,0) scaleY(.85)}}
@keyframes pkfx-aurora-2{0%,8%{opacity:0;transform:translate3d(10%,0,0) scaleY(.8)}30%{opacity:.8}55%{transform:translate3d(-6%,6%,0) scaleY(1.1)}78%{opacity:.5}92%,100%{opacity:0;transform:translate3d(-12%,0,0) scaleY(.9)}}

/* Glitch: a brief burst of shifted pixel blocks and RGB bands. */
[data-profile-effect="effect-glitch"] i{--w:calc(10px + var(--q) * 34px);--h:calc(3px + var(--s) * 4px);background:#3ff5ffcc;animation-name:pkfx-glitch;animation-timing-function:steps(1,end)}
[data-profile-effect="effect-glitch"] i:nth-child(3n){background:#ff3fb4cc}
[data-profile-effect="effect-glitch"] i:nth-child(4n){background:#f4f4f4b3}
[data-profile-effect="effect-glitch"] .profile-effect-layer::before{background:linear-gradient(180deg,transparent 0 18%,#ff3fb42e 18% 21%,transparent 21% 62%,#3ff5ff29 62% 64.5%,transparent 64.5%);animation:pkfx-bands 3.6s steps(1,end) infinite}
@keyframes pkfx-glitch{0%{opacity:0;transform:translate3d(0,0,0)}3%{opacity:.9;transform:translate3d(calc(var(--r) * 14px),0,0)}6%{opacity:0}9%{opacity:.8;transform:translate3d(calc(var(--r) * -22px),0,0) scaleX(1.6)}12%{opacity:.2}15%{opacity:.9;transform:translate3d(calc(var(--r) * 8px),0,0) scaleX(.6)}19%{opacity:0}27%{opacity:.7;transform:translate3d(calc(var(--r) * 30px),0,0)}30%,100%{opacity:0;transform:translate3d(0,0,0)}}
@keyframes pkfx-bands{0%{opacity:0;transform:translate3d(0,0,0)}2%{opacity:1;transform:translate3d(-8px,0,0)}5%{opacity:0}8%{opacity:.8;transform:translate3d(10px,6%,0)}11%{opacity:0}16%{opacity:1;transform:translate3d(-4px,-8%,0)}19%,100%{opacity:0;transform:translate3d(0,0,0)}}

/* No motion: effects are not drawn at all. */
html.pk-low-motion .profile-effect,:root[data-cosmetic-motion="off"] .profile-effect{display:none!important}
@media(prefers-reduced-motion:reduce){.profile-effect{display:none!important}}

/* Shop tile, profile pickers. */
.cosmetic-effect-scene .cosmetic-banner-profile{position:relative;z-index:1}
html:not(#_) body .profile-style-option>.profile-effect-swatch{min-height:64px;overflow:hidden}
.profile-name-swatch{display:flex;align-items:center;justify-content:center;width:100%;min-height:45px;max-width:100%;font-size:17px;font-weight:650;line-height:1.3;color:#edf3e6;overflow:hidden}
.profile-name-swatch>span{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.profile-name-options .profile-style-option{min-height:96px}
html:not(#_) body .cosmetic-name-scene>strong{font-size:22px;letter-spacing:-.01em}
html:not(#_) body .cosmetic-name-scene>.cosmetic-name-chat{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}
.cosmetic-name-chat>b{margin-right:4px;font-weight:700}
body .cosmetics-section .cosmetic-tabs .cosmetic-tab-profileEffect{--tab:#ffab76}
body .cosmetics-section .cosmetic-tabs .cosmetic-tab-nameStyle{--tab:#c9b0ff}

/* Name styles: gradient text drawn on the name itself. html:not(#_) out-ranks the seasonal theme text colours and
   -webkit-text-fill-color keeps the gradient visible whatever colour a theme writes; site-themes.js skips [data-name-style]. */
html:not(#_) body [data-name-style]{background-color:transparent;background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;animation:none;-webkit-box-decoration-break:clone;box-decoration-break:clone}
html:not(#_) body [data-name-style="name-gold"]{background-image:linear-gradient(100deg,#f5d07e,#ffe9ad 32%,#e4ae4c 64%,#f8d88c)}
html:not(#_) body [data-name-style="name-rose-gold"]{background-image:linear-gradient(100deg,#f4bfae,#ffe2d6 34%,#e59a88 66%,#f7c9b9)}
html:not(#_) body [data-name-style="name-silver"]{background-image:linear-gradient(100deg,#d4dde6,#fff 32%,#a9b6c2 64%,#e4eaf0)}
html:not(#_) body [data-name-style="name-sunset"]{background-image:linear-gradient(95deg,#ffc35a,#ff8a5c 50%,#ff74a4)}
html:not(#_) body [data-name-style="name-ocean"]{background-image:linear-gradient(95deg,#74f2e6,#4cbcff 55%,#7d98ff)}
html:not(#_) body [data-name-style="name-amethyst"]{background-image:linear-gradient(95deg,#dcbcff,#ab82ff 50%,#e6acff)}
html:not(#_) body [data-name-style="name-engraved"]{background-image:linear-gradient(180deg,#fbf2dc,#d8c398);font-variant:small-caps;letter-spacing:.07em;font-weight:700}
html:not(#_) body [data-name-style="name-aurora"]{background-image:linear-gradient(90deg,#64f5c2,#5fd0ff 33%,#b28dff 66%,#64f5c2);background-size:200% 100%;background-repeat:repeat-x;animation:pkname-flow 9s linear infinite}
html:not(#_) body [data-name-style="name-prism"]{background-image:linear-gradient(90deg,#ffb6c9,#ffd7a0 20%,#d2f5ad 40%,#a3e7ff 60%,#ccb6ff 80%,#ffb6c9);background-size:200% 100%;background-repeat:repeat-x;animation:pkname-flow 11s linear infinite}
html:not(#_) body [data-name-style="name-gold-shimmer"]{background-image:linear-gradient(100deg,transparent 42%,#fffbea 50%,transparent 58%),linear-gradient(100deg,#e8b24a,#ffe08f 50%,#d99b37);background-size:250% 100%,100% 100%;background-repeat:no-repeat;animation:pkname-glint 4.8s ease-in-out infinite}
html:not(#_) body [data-name-style="name-frost"]{background-image:linear-gradient(100deg,transparent 42%,#fff 50%,transparent 58%),linear-gradient(100deg,#e2f6ff,#9fd6ff 50%,#e9f8ff);background-size:250% 100%,100% 100%;background-repeat:no-repeat;animation:pkname-glint 6s ease-in-out infinite}
html:not(#_) body [data-name-style="name-neon"]{background:none;color:#cbfbff;-webkit-text-fill-color:#cbfbff;text-shadow:0 0 4px #33e6ffcc,0 0 11px #19b8ff80;animation:pkname-flicker 7s linear infinite}
html:not(#_) body .chat-name[data-name-style]:hover{text-decoration-color:#ffffff99}
@keyframes pkname-flow{from{background-position:0 0}to{background-position:200% 0}}
@keyframes pkname-glint{0%{background-position:105% 0,0 0}60%,100%{background-position:-5% 0,0 0}}
@keyframes pkname-flicker{0%,88%,100%{opacity:1}89%{opacity:.55}90%{opacity:1}92%{opacity:.7}93%{opacity:1}}
html.pk-low-motion [data-name-style],:root[data-cosmetic-motion="off"] [data-name-style]{animation:none!important}
@media(prefers-reduced-motion:reduce){html:not(#_) body [data-name-style]{animation:none}}
/* « Ton style » pickers for effects and name styles: compact tiles in a grid like the other styles (each choice used to take
   the whole width with a giant preview). */
html:not(#_) body .profile-style-options.profile-effect-options,html:not(#_) body .profile-style-options.profile-name-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px}
html:not(#_) body .profile-effect-options .profile-style-option,html:not(#_) body .profile-name-options .profile-style-option{min-height:0;padding:10px;gap:8px}
html:not(#_) body .profile-effect-options .profile-effect-swatch{display:block;width:100%;height:56px!important;min-height:0!important;max-height:56px;aspect-ratio:auto!important;overflow:hidden;border-radius:8px}
html:not(#_) body .profile-name-options .profile-name-swatch{display:flex;align-items:center;justify-content:center;width:100%;height:44px;overflow:hidden;border-radius:8px;background:color-mix(in srgb,var(--theme-text,#eef5ef) 5%,transparent);font-size:16px!important;font-weight:700;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}
html:not(#_) body .profile-name-options .profile-name-swatch>span{font-size:16px!important;max-width:100%;overflow:hidden;text-overflow:ellipsis}
html:not(#_) body :is(.profile-effect-options,.profile-name-options) .profile-style-option>span:last-of-type{font-size:12.5px}

html:not(#_) body [data-name-style="name-rose"]{background-image:none;color:#ffb4d4;-webkit-text-fill-color:#ffb4d4}
html:not(#_) body [data-name-style="name-fuchsia"]{background-image:none;color:#ff72ba;-webkit-text-fill-color:#ff72ba}
html:not(#_) body [data-name-style="name-rose-pearl"]{background-image:linear-gradient(100deg,transparent 42%,#fff3fa 50%,transparent 58%),linear-gradient(100deg,#f5a5c5,#ffdbec 45%,#e588b9);background-size:250% 100%,100% 100%;background-repeat:no-repeat;animation:pkname-glint 6s ease-in-out infinite}
html:not(#_) body [data-name-style="name-candy-rose"]{background-image:linear-gradient(90deg,#ff88bd,#ffe2ef 32%,#ea6cb1 66%,#ff88bd);background-size:200% 100%;background-repeat:repeat-x;animation:pkname-flow 10s linear infinite}
html.pk-low-motion [data-name-style="name-rose-pearl"],html.pk-low-motion [data-name-style="name-candy-rose"],:root[data-cosmetic-motion="off"] [data-name-style="name-rose-pearl"],:root[data-cosmetic-motion="off"] [data-name-style="name-candy-rose"]{animation:none!important}
@media(prefers-reduced-motion:reduce){html:not(#_) body [data-name-style="name-rose-pearl"],html:not(#_) body [data-name-style="name-candy-rose"]{animation:none}}

/* messages.css */
body .dm-page{width:100%;max-width:1400px;margin:0 auto}
body .dm-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:stretch}
body .dm-layout>.dm-thread{grid-column:2;grid-row:1}
body .dm-layout>.dm-sidebar{grid-column:1;grid-row:1}
body .dm-sidebar{display:flex;flex-direction:column;height:calc(100dvh - 190px);min-height:0;overflow:hidden;border:1px solid var(--theme-line,#bedca52e);border-radius:18px;background:var(--theme-panel,#0c1611);color:var(--theme-text,#eef6ea)}
body .dm-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px 10px}
body .dm-sidebar-head h2{margin:0;font-size:15px;font-weight:800}
body .dm-new{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;font-size:13px}
body .dm-new .icon{width:16px;height:16px}
body .dm-search{margin:0 12px 8px}
body .dm-conv-list{flex:1;min-height:0;margin:0;padding:0 8px 8px;list-style:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4b6d55 transparent}
body .dm-conv{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:66px;padding:10px 12px;border:0;border-radius:8px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
body .dm-conv-list li+li{margin-top:4px}
body .dm-conv::after,body .dm-thread-head::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--theme-panel,#0c1611) 94%,transparent) 0%,color-mix(in srgb,var(--theme-panel,#0c1611) 72%,transparent) 55%,color-mix(in srgb,var(--theme-panel,#0c1611) 40%,transparent) 100%)}
body .dm-conv:not(:has(.dm-banner))::after{background:none}
body .dm-conv:hover::after{background-color:#ffffff0a}
body .dm-conv.is-active::after{background-color:color-mix(in srgb,var(--theme-accent,#bedca5) 16%,transparent)}
body .dm-banner.appearance-banner{position:absolute;inset:0;z-index:-1;width:auto;height:auto;min-height:0;aspect-ratio:auto;margin:0;border-radius:0;pointer-events:none}
body .dm-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body .dm-conv-name,body .dm-thread-name{text-shadow:0 1px 3px #000a}
body .dm-conv:focus-visible{outline:2px solid var(--theme-accent,#bedca5);outline-offset:-2px}
body .dm-conv-text{display:flex;flex-direction:column;min-width:0;gap:2px}
body .dm-conv-name{overflow:hidden;font-size:14.5px;font-weight:800;white-space:nowrap;text-overflow:ellipsis}
body .dm-conv-preview{display:flex;align-items:center;gap:4px;overflow:hidden;color:var(--theme-muted,#9fb5a4);font-size:12.5px;white-space:nowrap;text-overflow:ellipsis}
body .dm-conv-preview .icon{flex:none;width:13px;height:13px}
body .dm-conv.is-unread .dm-conv-name,body .dm-conv.is-unread .dm-conv-preview{color:var(--theme-text,#eef6ea);font-weight:700}
body .dm-conv-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;color:var(--theme-muted,#9fb5a4);font-size:11.5px}
body .dm-count{min-width:20px;padding:1px 6px;border-radius:6px;background:var(--theme-accent,#bedca5);color:var(--theme-accent-text,#15271b);font-size:11.5px;font-weight:800;line-height:18px;text-align:center}
body .dm-conv .chat-avatar-wrap.appearance-avatar{--avatar-size:44px;width:44px;height:44px;margin:0;align-self:center;box-shadow:none;background:none}
body .dm-thread-head .chat-avatar-wrap.appearance-avatar{--avatar-size:36px;width:36px;height:36px;margin:0;align-self:center;box-shadow:none;background:none}
body :is(.dm-conv,.dm-thread-head) .chat-avatar-wrap.appearance-avatar::before{inset:-3px;border-width:2px}
body :is(.dm-conv,.dm-thread-head) .chat-avatar-wrap.appearance-avatar::after{transform:scale(.6);transform-origin:50% 100%}
body :is(.dm-conv,.dm-thread-head) .chat-avatar{width:100%;height:100%}
body .dm-empty{padding:18px 10px;color:var(--theme-muted,#9fb5a4);font-size:13.5px;line-height:1.5;list-style:none}
body .dm-thread{grid-template-rows:auto minmax(0,1fr) auto auto auto}
body .dm-thread.is-empty{display:grid;place-items:center;grid-template-rows:1fr}
body .dm-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0;padding:24px;color:var(--theme-muted,#9fb5a4);font-size:14px;text-align:center}
body .dm-placeholder .icon{width:34px;height:34px;opacity:.7}
body .dm-thread-head{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;border-bottom:1px solid #ffffff12;background:color-mix(in srgb,var(--theme-bg-alt,#0a130e) 80%,transparent);backdrop-filter:blur(6px)}
body .dm-thread-id{display:flex;flex:1;flex-direction:column;align-items:flex-start;min-width:0}
body .dm-thread-name{min-width:0;font-size:15px;text-align:left}
body .dm-thread-status{color:var(--theme-muted,#9fb5a4);font-size:12px;font-weight:700;text-shadow:0 1px 3px #000a}
body .dm-thread-status.is-online{color:#3ddc84}
body .dm-thread-status.is-busy{color:#ff6b6b}
body .dm-thread-status.is-away{color:#f2b84b}
body .dm-thread-tools{display:flex;align-items:center;gap:4px}
body .dm-tool{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:36px;height:36px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--theme-muted,#bedca5);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
body .dm-tool .icon{width:18px;height:18px}
body .dm-tool:hover{background:#ffffff0f;color:var(--theme-text,#eef6ea)}
body .dm-tool[data-danger]:hover{color:#ff8a7a}
body .dm-tool:focus-visible{outline:2px solid var(--theme-accent,#bedca5);outline-offset:-2px}
body .dm-ephemeral-toggle.is-on{background:color-mix(in srgb,var(--theme-accent,#bedca5) 18%,transparent);color:var(--theme-text,#eef6ea)}
body .dm-back{display:none}
body .dm-list .chat-message{position:relative}
body .dm-message.is-ephemeral .chat-body{color:var(--theme-text,#eef6ea);font-style:italic}
body .dm-message.is-ephemeral{background:color-mix(in srgb,var(--theme-accent,#bedca5) 6%,transparent)}
body .dm-ephemeral-tag{display:inline-flex;align-items:center;gap:3px;color:var(--theme-accent,#bedca5);font-size:11.5px;font-weight:700}
body .dm-ephemeral-tag .icon{width:12px;height:12px}
body .dm-deleted{color:var(--theme-muted,#9fb5a4)!important;font-style:italic}
body .dm-seen{display:block;margin-top:2px;color:var(--theme-muted,#9fb5a4);font-size:11.5px}
body .dm-day{display:flex;justify-content:center;margin:12px 0 6px;list-style:none}
body .dm-day span{padding:2px 10px;border-radius:6px;background:#ffffff0d;color:var(--theme-muted,#9fb5a4);font-size:12px;font-weight:700;text-transform:capitalize}
body .dm-older{display:flex;justify-content:center;padding:6px 0 10px;list-style:none}
body .dm-typing{padding:0 16px}
body .dm-ephemeral-note{display:flex;align-items:flex-start;gap:8px;margin:0;padding:8px 14px;background:color-mix(in srgb,var(--theme-accent,#bedca5) 10%,transparent);color:var(--theme-text,#eef6ea);font-size:12.5px;line-height:1.45}
body .dm-ephemeral-note .icon{flex:none;width:15px;height:15px;margin-top:1px;color:var(--theme-accent,#bedca5)}
body .dm-form.is-ephemeral textarea{font-style:italic}
body .dm-notice{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding:14px 12px;border-top:1px solid #ffffff12;color:var(--theme-muted,#9fb5a4);font-size:13.5px;text-align:center}
body .dm-confirm p,body .dm-report p{margin:0 0 14px;line-height:1.5}
body .dm-reasons{display:grid;gap:6px;margin:0 0 12px;padding:0;border:0}
body .dm-reason{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.4;cursor:pointer}
body .dm-reason input{margin-top:3px;accent-color:var(--theme-accent,#bedca5)}
body .dm-details{display:grid;gap:6px;margin:12px 0 0;font-size:13.5px}
body .dm-details textarea{width:100%;box-sizing:border-box;padding:9px 12px;border:0;border-radius:8px;background:#ffffff0a;color:inherit;font:inherit;resize:vertical}
body .dm-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
@media(max-width:820px){
  body .dm-layout{grid-template-columns:minmax(0,1fr)}
  body .dm-layout>.dm-thread,body .dm-layout>.dm-sidebar{grid-column:1}
  body .dm-layout:not(.is-thread)>.dm-thread{display:none}
  body .dm-layout.is-thread>.dm-sidebar{display:none}
  body .dm-back{display:inline-flex}
  body .dm-close{display:none}
  body .dm-ephemeral-toggle span{display:none}
}
body .dm-presence{position:absolute;right:-2px;bottom:-2px;z-index:3;width:13px;height:13px;border-radius:50%;background:#6b7a72;box-shadow:0 0 0 2.5px var(--theme-panel,#0c1611)}
body .dm-thread-head .dm-presence{width:11px;height:11px}
body .dm-presence.is-online{background:#3ddc84}
body .dm-presence.is-busy{background:#ff5c5c}
body .dm-presence.is-away{background:#f2b84b}
body .dm-presence.is-offline,body .dm-presence.is-invisible{background:#6b7a72}
body .dm-status{position:relative;z-index:10;flex:none;padding:12px 12px 0}
body .dm-status-button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:8px;background:#ffffff08;color:inherit;font:inherit;text-align:left;cursor:pointer}
body .dm-status-button:hover{background:#ffffff10}
body .dm-status-button .dm-presence,body .dm-status-option .dm-presence{position:static;flex:none;box-shadow:none}
body .dm-status-copy{display:flex;flex:1;flex-direction:column;min-width:0}
body .dm-status-copy small{color:var(--theme-muted,#9fb5a4);font-size:11.5px}
body .dm-status-copy b{font-size:13.5px}
body .dm-status-button .icon{width:16px;height:16px;color:var(--theme-muted,#9fb5a4)}
body .dm-status-menu{position:absolute;top:calc(100% + 4px);left:12px;right:12px;z-index:20;display:grid;gap:2px;max-height:min(280px,calc(100dvh - 180px));overflow-y:auto;overscroll-behavior:contain;padding:4px;border:1px solid var(--theme-line,#bedca52e);border-radius:10px;background:var(--theme-panel,#0c1611);box-shadow:0 12px 32px #0006}
body .dm-status-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:8px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
body .dm-status-option:hover,body .dm-status-option.is-current{background:#ffffff0d}
body .dm-status-option span{display:flex;flex-direction:column;min-width:0}
body .dm-status-option b{font-size:13.5px}
body .dm-status-option small{color:var(--theme-muted,#9fb5a4);font-size:12px}
body .dm-section{padding:10px 10px 4px;color:var(--theme-muted,#9fb5a4);font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;list-style:none}
body .dm-section:first-child{padding-top:2px}
body .dm-edit-form{display:grid;gap:6px;margin-top:4px}
body .dm-edit-form textarea{width:100%;box-sizing:border-box;padding:8px 10px;border:0;border-radius:8px;background:#ffffff0d;color:var(--theme-text,#eef6ea);font:inherit;font-size:13.5px;resize:vertical}
body .dm-edit-form textarea:focus{outline:2px solid var(--theme-accent,#bedca5);outline-offset:-2px}
body .dm-edit-form div{display:flex;justify-content:flex-end;gap:6px}
body .dm-thread .chat-gif-expand{display:block;margin-top:4px}

body .dm-status-option:focus-visible,body .dm-status-button:focus-visible{outline:2px solid var(--theme-accent,#bedca5);outline-offset:-2px}
body :is(.dm-conv,.dm-thread-head)>.profile-effect{height:100%;border-radius:inherit}

@media(max-width:700px){html.dm-keyboard,html.dm-keyboard body{overflow:hidden;overscroll-behavior:none}html.dm-keyboard body .dm-layout.is-thread{position:fixed;left:0;right:0;z-index:65;width:auto;max-width:none;margin:0;gap:0}html.dm-keyboard body .dm-thread{border-radius:0;border-inline:0;min-height:0;max-height:none}html.dm-keyboard body .dm-form{margin-bottom:0;padding-bottom:8px}body .dm-form textarea{font-size:16px}}

body .dm-sidebar-head{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:10px;padding:16px 14px 12px}
body .dm-sidebar-head h2{min-width:0;font-size:14px;line-height:1.4}
body .dm-sidebar-head .dm-new{display:flex;align-items:center;justify-content:flex-start;gap:9px;box-sizing:border-box;width:100%;min-width:0;min-height:38px;height:auto;margin:0;padding:9px 11px;border:1px solid var(--theme-line,#34513e);border-radius:8px;background:var(--theme-bg-alt,#101b15);color:var(--theme-text,#eef5ef);font:600 12px/1.5 Plus Jakarta Sans,sans-serif;white-space:normal;box-shadow:none}
body .dm-sidebar-head .dm-new:hover{background:var(--theme-soft,#20372b);border-color:var(--theme-accent,#a0d7ad)}
body .dm-sidebar-head .dm-new:focus-visible{outline:2px solid var(--theme-accent,#a0d7ad);outline-offset:3px}
body .dm-sidebar-head .dm-new span{min-width:0;overflow-wrap:anywhere}
body .dm-sidebar-head .dm-new .icon{flex:none;width:16px;height:16px;color:var(--theme-accent,#a0d7ad)}

/* voice.css */
body .voice-record{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
body .voice-record.is-recording{color:#ff5c5c;background:#ff5c5c1f}
body .voice-recording{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#ff5c5c14;color:var(--theme-text,#eef6ea);font-size:13px;font-weight:700}
body .voice-recording time{font-variant-numeric:tabular-nums}
body .voice-recording .voice-hint{color:var(--theme-muted,#9fb5a4);font-weight:600}
body .voice-recording.is-cancelling{background:#ffffff0a}
body .voice-recording.is-cancelling .voice-dot{animation:none;background:#6b7a72}
body .voice-dot{width:10px;height:10px;border-radius:50%;background:#ff5c5c;animation:voice-pulse 1s ease-in-out infinite}
@keyframes voice-pulse{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){body .voice-dot{animation:none}}
body .voice-msg{display:flex;align-items:center;gap:10px;width:min(300px,100%);margin-top:4px;padding:6px 10px 6px 6px;border-radius:8px;background:#ffffff0d}
body .voice-play{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:var(--theme-accent,#bedca5);color:var(--theme-accent-text,#15271b);cursor:pointer}
body .voice-play:focus-visible{outline:2px solid var(--theme-text,#eef6ea);outline-offset:2px}
body .voice-wave{display:flex;flex:1;align-items:center;gap:2px;height:28px;min-width:0;cursor:pointer;touch-action:manipulation}
body .voice-wave i{flex:1;min-width:2px;height:var(--h,40%);border-radius:2px;background:#ffffff40;transition:background-color 120ms}
body .voice-wave i.is-played{background:var(--theme-accent,#bedca5)}
body .voice-wave:hover i:not(.is-played){background:#ffffff5c}
body .voice-time{flex:none;min-width:34px;color:var(--theme-muted,#9fb5a4);font-size:12px;font-variant-numeric:tabular-nums;text-align:right}
body .voice-settings-controls{display:grid;gap:8px;min-width:min(100%,280px)}
body .voice-settings-actions{display:flex;flex-wrap:wrap;gap:8px}
body .voice-level{display:block;height:6px;overflow:hidden;border-radius:3px;background:#ffffff14;opacity:.4}
body .voice-settings.is-testing .voice-level{opacity:1}
body .voice-level span{display:block;width:0;height:100%;background:var(--theme-accent,#bedca5);transition:width 80ms linear}
body .voice-gain{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:13px;color:var(--theme-muted,#9fb5a4)}
body .voice-gain input{width:100%;accent-color:var(--theme-accent,#bedca5)}
body .voice-gain output{min-width:40px;color:var(--theme-text,#eef6ea);font-variant-numeric:tabular-nums;text-align:right}
body .voice-device-select{width:100%}
body .voice-live{display:flex;flex:1;align-items:center;gap:2px;height:22px;min-width:60px;max-width:220px}
body .voice-live i{flex:1;min-width:2px;height:10%;border-radius:2px;background:#ff5c5c;transition:height 60ms linear}
body .voice-recording.is-cancelling .voice-live i{background:#6b7a72}
@media (prefers-reduced-motion:reduce){body .voice-live i{transition:none}}
body .has-voice-preview textarea,body .has-voice-preview .chat-tools{display:none!important}
body .voice-preview{display:flex;flex:1;align-items:center;gap:10px;min-width:0;min-height:40px;padding:4px 6px 4px 4px;border-radius:10px;background:#ffffff0a}
body .voice-preview .voice-play{width:32px;height:32px}
body .voice-preview time{flex:none;min-width:34px;color:var(--theme-muted,#9fb5a4);font-size:12px;font-variant-numeric:tabular-nums}
body .voice-preview .voice-preview-discard{flex:none}
body .is-sending-voice .voice-preview{opacity:.6}

body .voice-permission{min-width:0;margin:8px 0;padding:12px 14px;border-radius:10px;background:var(--theme-panel,#173227);color:var(--theme-text,#eef6ea);font-size:13px;line-height:1.5;overflow-wrap:anywhere}
body .voice-permission p{margin:0 0 8px;text-align:left}
body .voice-permission .voice-permission-title{font-weight:700}
body .voice-permission .voice-settings-actions{gap:8px}
body .voice-permission button{min-height:40px;white-space:normal}

body .voice-wave{position:relative}
body .voice-wave.is-seeking i.is-hovered{background:#fff}
body .voice-wave.is-seeking::after{content:"";position:absolute;top:0;bottom:0;left:clamp(0px,var(--voice-hover,0%),calc(100% - 2px));width:2px;border-radius:2px;background:#fff;box-shadow:0 0 5px #0006;pointer-events:none}

@media(max-width:760px),(hover:none) and (pointer:coarse){body .settings-panel .voice-settings{display:none!important}}

@media screen and (max-device-width:760px){body .settings-panel .voice-settings{display:none!important}}

@media(max-width:760px){
body .voice-recording{flex-wrap:wrap;justify-content:center;gap:8px 10px;padding:10px 12px;text-align:center}
body .voice-recording .voice-live{flex:0 1 160px;min-width:0}
body .voice-recording .voice-hint{flex:0 0 100%;min-width:0;text-align:center;line-height:1.45;overflow-wrap:anywhere}
}

body .chat-form.is-sending-voice .chat-send:disabled{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:84px;background:var(--theme-accent,#dff36a);color:var(--theme-accent-text,#11251b);opacity:1;cursor:wait}
body .voice-send-spinner{display:inline-block;flex:0 0 16px;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:voice-send-spin .75s linear infinite}
@keyframes voice-send-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){body .voice-send-spinner{animation:none}}

.voice-download.is-loading svg{animation:voice-download-pulse .8s ease-in-out infinite alternate}
.voice-download:disabled{cursor:wait;opacity:.6}
@keyframes voice-download-pulse{to{opacity:.3}}
@media(prefers-reduced-motion:reduce){.voice-download.is-loading svg{animation:none}}

body .voice-msg{box-sizing:border-box;width:min(368px,100%);gap:8px}
body .voice-msg .voice-wave{gap:1.5px}
body .voice-msg .voice-wave i{min-width:0}
.voice-playback-controls{display:flex;flex:none;align-items:center;gap:5px}
body .voice-rate,body .voice-volume{display:inline-flex;flex:none;align-items:center;justify-content:center;min-height:28px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--theme-muted,#9fb5a4);box-shadow:none;font:650 11px/1 Plus Jakarta Sans,sans-serif;cursor:pointer;touch-action:manipulation}
body .voice-rate{min-width:30px;padding:0 4px;background:color-mix(in srgb,var(--theme-text,#eef6ea) 7%,transparent)}
body .voice-volume{width:26px}
body .voice-rate:hover,body .voice-volume:hover{color:var(--theme-text,#eef6ea);background:color-mix(in srgb,var(--theme-text,#eef6ea) 11%,transparent)}
body .voice-volume.is-muted .voice-volume-waves{display:none}
body .voice-rate:focus-visible,body .voice-volume:focus-visible{outline:2px solid var(--theme-text,#eef6ea);outline-offset:2px}
.voice-volume-popup{position:fixed;inset:auto;z-index:10080;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:0;width:28px;max-width:calc(100vw - 16px);margin:0;padding:8px 6px;border:0;border-radius:8px;background:var(--theme-bg-alt,#101b15);color:var(--theme-text,#eef6ea);box-shadow:0 6px 22px #0007;overflow:visible}
.voice-volume-popup[hidden]{display:none!important}
.voice-volume-popup input{box-sizing:border-box;writing-mode:vertical-lr;direction:rtl;appearance:auto;width:16px;height:96px;margin:0;padding:0;accent-color:var(--theme-accent,#a0d7ad);cursor:pointer;touch-action:none}
.voice-volume-popup input:focus-visible{outline:2px solid var(--theme-text,#eef6ea);outline-offset:3px}
@media(max-width:540px){body .voice-msg{gap:6px}body .voice-msg .voice-wave{gap:1px}.voice-playback-controls{gap:3px}body .voice-volume{width:28px}body .voice-rate{min-width:28px}}

/* image-proposal-picker.css */
body .modal.image-proposal-modal{width:min(700px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto}
body .image-proposal-modal .modal-content{padding:0 24px 24px}
.image-picker-intro{margin-bottom:16px}
.image-picker-title{display:block;font-size:18px;line-height:1.4;overflow-wrap:anywhere}
.image-picker-context,.image-picker-hint{margin:5px 0 0;font-size:13px;line-height:1.5;color:inherit;opacity:.76}
.image-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:48dvh;overflow:auto;padding:4px;scrollbar-gutter:stable}
body .image-proposal-modal .image-picker-option{display:flex;flex-direction:column;min-width:0;width:100%;padding:0;border:1px solid #ffffff26;border-radius:12px;overflow:hidden;background:#0002;color:inherit;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation}
body .image-proposal-modal .image-picker-option:disabled{cursor:default;opacity:.62}
body .image-proposal-modal .image-picker-option:hover:not(:disabled){border-color:var(--showcase-accent,#c5d6cc)}
body .image-proposal-modal .image-picker-option:focus-visible{outline:3px solid var(--accent,#78d8af);outline-offset:2px}
body .image-proposal-modal .image-picker-option[aria-pressed="true"]{border-color:var(--accent,#78d8af);box-shadow:0 0 0 1px var(--accent,#78d8af)}
.image-picker-art{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:3/4;overflow:hidden;background:#0003}
.image-picker-preview{display:block;width:100%;height:100%;object-fit:contain}
.image-picker-preview[hidden]{display:none}
.image-picker-tick{display:none;position:absolute;top:8px;right:8px;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent,#78d8af);color:#10231a;font-weight:800}
.image-picker-option[aria-pressed="true"] .image-picker-tick{display:grid}
.image-picker-caption{display:block;width:100%;padding:9px 10px;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.image-picker-uncertain{display:block;margin-top:4px;color:#edc881}
.image-picker-failed{padding:12px;text-align:center;font-size:12px;line-height:1.5}
.image-picker-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid #ffffff20}
.image-picker-status{margin:0;min-width:0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
body .image-proposal-modal .image-picker-review{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5}
body .image-proposal-modal .image-picker-review-check{appearance:auto;flex:0 0 18px;width:18px;height:18px;min-width:18px;margin:2px 0;padding:0;accent-color:var(--accent,#78d8af)}
body .image-proposal-modal .image-picker-confirm{min-height:44px;margin:0;white-space:normal}
@media(max-width:540px){body .image-proposal-modal .modal-content{padding:0 14px 16px}.image-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.image-picker-footer{grid-template-columns:1fr}.image-picker-confirm{width:100%}}

.image-picker-other{margin-top:16px;border-top:1px solid #ffffff20;padding-top:12px}.image-picker-other-toggle{cursor:pointer;font-size:13px;line-height:1.5;padding:8px 0}.image-picker-other-toggle:focus-visible{outline:2px solid var(--accent,#78d8af);outline-offset:3px}.image-picker-other[open]>.image-picker-grid{margin-top:8px}

/* select-search.css */
html body wa-select::part(display-input),html body wa-option::part(label){text-align:left;justify-content:flex-start}
html body wa-option::part(base){text-align:left;justify-content:flex-start}
wa-select[data-searchable]::part(search-header){border-bottom:1px solid var(--theme-line,var(--line,#2a3c30))}
wa-select[data-searchable]::part(search-input){display:block;box-sizing:border-box;width:100%;min-width:0;height:36px;padding:0 8px;font:inherit;font-size:14px;line-height:1.4;text-align:left;color:inherit;background:transparent;border:0;border-radius:4px;outline:2px solid transparent;outline-offset:-2px;box-shadow:none;appearance:none}
wa-select[data-searchable]::part(search-input):focus-visible{outline-color:color-mix(in srgb,var(--theme-accent,var(--accent,#a0d7ad)) 55%,transparent)}
wa-select[data-searchable]::part(search-empty){padding:12px 8px 6px;text-align:left;font-size:13px;line-height:1.5;color:inherit;opacity:.7}
wa-select[data-searchable]::part(search-trigger),wa-select:not([data-search-active])::part(search-input){display:none}
@media(pointer:coarse){
 wa-select[data-searchable]::part(search-header){display:block}
 wa-select[data-searchable]::part(search-input){height:44px;font-size:16px}
 wa-select[data-searchable]::part(search-trigger){display:block;box-sizing:border-box;width:100%;min-height:44px;padding:8px;text-align:left;font:inherit;color:inherit;background:transparent;border:0;border-radius:4px}
 wa-select[data-search-active]::part(search-trigger){display:none}
}

/* discord-community.css */
.discord-community{max-width:1080px;margin:0 auto;display:grid;gap:28px}
.discord-community h1,.discord-community h2,.discord-community h3,.discord-community p{margin:0}
.discord-community h1{font-size:clamp(25px,4vw,36px);letter-spacing:-.8px}
.community-heading,.community-preferences,.community-events{display:grid;gap:12px}
.discord-community p,.discord-community-teaser p{color:var(--muted,#b0c0b2);font-size:14px;line-height:1.7;max-width:76ch}
.community-connection{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:22px;background:var(--panel,#15291e);border:1px solid var(--border,#35533e);border-radius:16px}
.community-connection>div:first-child{display:grid;gap:8px}.community-connection small{color:var(--muted,#b0c0b2)}
.community-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.community-actions .button{margin:0;min-height:44px}
.community-state{font-weight:650;font-size:14px}.community-state.is-synced{color:#96d9b2}.community-state.is-unavailable,.community-state.is-pending{color:#e8c98f}
.discord-community .community-separation{padding-left:14px;border-left:2px solid #5fd3c8}
.community-sharing{display:flex;align-items:flex-start;gap:12px;font-size:14px;font-weight:600;line-height:1.5;cursor:pointer}.community-sharing input{flex:none;width:20px;height:20px;margin-top:1px;accent-color:#a8cf8a}
.community-title-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.community-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px;border:1px solid var(--border,#35533e);border-radius:13px;min-width:0}.community-title>div{display:grid;gap:8px;min-width:0}.community-title h3{font-size:16px}.community-title p{font-size:12px;line-height:1.6}.community-title small{font-size:12px;color:var(--muted,#b0c0b2)}.community-title progress{width:100%;height:6px;accent-color:#a8cf8a;border:0}.community-title .button{flex:none;margin:0;min-height:44px;padding:10px 12px;font-size:12px}.community-title.is-unlocked{border-color:#70936c}
.discord-community-teaser{display:flex;align-items:center;gap:20px;padding:24px;border:1px solid var(--border,#35533e);border-radius:16px;background:var(--panel,#15291e)}.discord-community-teaser>div{flex:1;min-width:0}.discord-community-teaser h2{margin:0 0 8px;font-size:20px}.discord-community-teaser .button{flex:none;margin:0;min-height:44px}.discord-community-mark{display:grid;place-items:center;flex:none;width:48px;height:48px;color:#5fd3c8}.discord-community-mark svg{width:34px;height:34px}.community-profile{display:grid;gap:14px;padding:24px 0;border-top:1px solid var(--border,#35533e)}.community-title-chip{display:inline-block;margin:0 7px 7px 0;padding:6px 10px;border-radius:7px;background:#a8cf8a15;font-size:12px;color:var(--text,#e3edda)}
@media(max-width:760px){.community-title-grid{grid-template-columns:minmax(0,1fr)}.community-connection{padding:18px;align-items:stretch}.community-actions{width:100%}.community-actions>.button{flex:1 1 150px}.discord-community-teaser{flex-wrap:wrap;padding:18px;gap:12px}.discord-community-teaser>.button{width:100%;justify-content:center}.community-title{padding:16px;gap:12px}.community-title h3{overflow-wrap:anywhere}}
@media(max-width:380px){.community-title{flex-direction:column}.community-title .button{align-self:flex-start}}

.community-discord-link{flex-shrink:0;color:var(--theme-text,var(--text,#eef7f0))}.community-discord-link svg{display:block;flex-shrink:0}.community-discord-link:hover{color:var(--accent,#a0d7ad)}

.community-link-help,.community-connection-options{flex-basis:100%;width:100%;margin:0;font-size:13px;line-height:1.5;color:var(--muted)}.community-connection-options summary{width:fit-content;cursor:pointer;padding:12px 0}.community-connection-options .text-link{margin-top:8px}

/* brand-identity.css */
.brand>span::after,.auth-wordmark::after,.wordmark::after,.footer-brand>strong::after,.auth-product-card>strong::after{content:"";display:inline-block;width:.17em;height:.17em;margin-inline-start:.08em;border-radius:24%;background:#f4a38f;vertical-align:baseline;flex:none}
.brand>span{display:inline-block}
.auth-wordmark,.wordmark{display:inline-flex;align-items:baseline}
.card-back-mark>img{display:block;width:100%;height:100%;object-fit:contain}

.brand>span,.auth-wordmark,.wordmark,.footer-brand>strong{font-family:Sora,sans-serif;font-weight:800;letter-spacing:-.06em}

/* discord-settings.css */
.discord-sharing-preference{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-top:1px solid var(--line,#35533e);text-align:left}
.discord-sharing-preference>div{min-width:0}.discord-sharing-preference h2{margin:0 0 7px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.4}.discord-sharing-preference p{max-width:62ch;margin:0;color:var(--muted,#b0c0b2);font-size:13px;line-height:1.6}
.discord-sharing-preference button{flex:none;display:flex;align-items:center;gap:9px;min-height:44px;padding:6px;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.discord-sharing-preference button:disabled{opacity:.5;cursor:wait}.discord-sharing-preference button:focus-visible{outline:2px solid var(--accent,#a0d7ad);outline-offset:3px;border-radius:7px}
.discord-sharing-preference .profile-motion-track{position:relative;display:block;width:42px;height:24px;border-radius:99px;background:#66716a}.discord-sharing-preference .profile-motion-track>span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#eef7f0}.discord-sharing-preference .is-on .profile-motion-track{background:#5b9c72}.discord-sharing-preference .is-on .profile-motion-track>span{transform:translateX(18px)}
.discord-sharing-preference button b{max-width:15ch;font-size:12px;font-weight:600;text-align:left}@media(max-width:540px){.discord-sharing-preference{align-items:flex-start;flex-direction:column;gap:10px}.discord-sharing-preference button b{max-width:none}}

/* partners.css */
.partner-page,.partner-staff{max-width:1050px;margin:0 auto;color:var(--theme-text,#edf5ef)}
.partner-page header{margin-bottom:24px}.partner-page h1{font-size:clamp(25px,4vw,38px);margin:0 0 10px}.partner-page h2,.partner-staff h2{font-size:20px;margin:22px 0 14px}.partner-page p,.partner-staff p{line-height:1.6;color:var(--theme-muted,#b2c6ba);text-wrap:pretty}
.partner-rules{padding:0 0 16px;border-bottom:1px solid var(--theme-line,#ffffff18);margin:0 0 20px}.partner-rules strong{color:var(--theme-text,#edf5ef)}.partner-disclosure{font-size:13px}
.partner-card{display:grid;gap:14px;padding:20px;margin:16px 0;border:1px solid var(--theme-line,#ffffff18);border-radius:14px;background:var(--theme-panel,#12271e);min-width:0}.partner-card p{margin:0}.partner-card form{display:grid;gap:14px}.partner-card label{display:grid;gap:8px;font-size:14px;font-weight:600;min-width:0}.partner-card input:not([type=checkbox]){min-width:0;width:100%;padding:12px;border:1px solid var(--theme-line,#ffffff20);border-radius:8px;background:var(--theme-bg,#0a1711);color:inherit;font:inherit}.partner-card input:focus-visible{outline:2px solid var(--theme-accent,#87cdb0);outline-offset:2px}.partner-card .partner-check{display:flex;align-items:flex-start;gap:10px;line-height:1.5}.partner-check input{flex:none;width:18px;height:18px;margin-top:2px;accent-color:var(--theme-accent,#87cdb0)}.partner-card code{overflow-wrap:anywhere;font-size:14px;color:var(--theme-text,#edf5ef)}
.partner-actions,.partner-title{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}.partner-title a{font-size:18px;font-weight:700}.partner-status{font-size:13px;color:var(--theme-muted,#b2c6ba)}.partner-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}.partner-counts dt{font-size:12px;color:var(--theme-muted,#b2c6ba)}.partner-counts dd{font-size:26px;font-weight:700;margin:4px 0 0}.partner-feedback{padding:12px;border-radius:8px;background:#e58b7633;color:var(--theme-text,#edf5ef)}.partner-feedback[hidden]{display:none}
.partner-entry{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:0 0 18px}.partner-entry p{margin:0;color:var(--theme-muted,#b2c6ba)}
.twitch-live-badge{position:absolute;top:44px;left:12px;z-index:8;display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:6px;background:#5a2491;color:#fff;font-size:10px;font-weight:800;text-decoration:none;box-shadow:0 1px 5px #0008}.twitch-live-badge[hidden]{display:none}.twitch-live-badge>span{width:6px;height:6px;border-radius:50%;background:#d7b4ff}.twitch-live-badge:focus-visible{outline:2px solid #fff;outline-offset:2px}
.partner-public{margin:0;background:#0a1711;color:#edf5ef;font-family:'Plus Jakarta Sans',sans-serif;color-scheme:dark}.partner-landing{max-width:850px;margin:0 auto;padding:32px 24px 60px}.partner-brand{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:800;text-decoration:none;color:#edf5ef}.partner-brand>span{width:8px;height:8px;border-radius:2px;background:#f29c89;align-self:flex-end;margin-bottom:8px}.partner-landing nav{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 40px;font-size:13px}.partner-landing a:not(.button){color:#a5dec1}.partner-landing h1{font-size:clamp(30px,6vw,48px);line-height:1.15;text-wrap:balance}.partner-lead{font-size:18px;line-height:1.7}.partner-landing p{line-height:1.65}.partner-landing footer{margin-top:32px;font-size:13px}.partner-landing nav [aria-current]{text-decoration:underline;text-underline-offset:4px}
@media(max-width:650px){.partner-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-card{padding:16px}.partner-actions .button{flex:1}.partner-entry{align-items:flex-start;flex-direction:column}}

.card-wrap:has(>.twitch-live-badge){position:relative}

.partner-live-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.partner-live-checks [data-met=true]{color:#8bdab5}.partner-live-checks [data-met=false]{color:var(--theme-muted,#b2c6ba)}@media(max-width:650px){.partner-live-checks{grid-template-columns:minmax(0,1fr)}}

.growth-page,.partner-page{max-width:1050px;margin:0 auto;color:var(--theme-text,#edf5ef)}
.growth-navigation{display:flex;gap:6px;padding:5px;background:var(--theme-panel,#12271e);border:1px solid var(--theme-line,#ffffff18);border-radius:12px;width:fit-content;max-width:100%;margin:0 0 30px}
.growth-navigation a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 16px;border-radius:8px;color:var(--theme-muted,#b2c6ba);font-size:13px;font-weight:650;text-decoration:none}
.growth-navigation a[aria-current]{background:#a5dec11c;color:var(--theme-text,#edf5ef)}
.growth-navigation svg{width:18px;height:18px;flex:none}
.growth-heading{display:flex;align-items:flex-start;gap:18px;margin:0 0 28px}
.growth-heading>svg{width:27px;height:27px;color:#f29c89;margin-top:7px;flex:none}
.growth-heading h1{font:700 clamp(25px,3.5vw,36px)/1.25 Sora,sans-serif;letter-spacing:-1px;margin:0 0 10px;text-wrap:balance}
.growth-heading p{max-width:66ch;margin:0;line-height:1.7;color:var(--theme-muted,#b2c6ba)}
.referral-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:0 0 28px}
.referral-steps li{display:flex;gap:12px;align-items:center;font-size:13px;line-height:1.6;min-width:0}
.referral-steps li>span{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#a5dec118;color:#a5dec1;font-weight:700}
.growth-page .referral-card{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding:26px;margin:0;border:1px solid var(--theme-line,#ffffff18);border-radius:14px;background:var(--theme-panel,#12271e)}
.growth-page .referral-copy strong{font:650 19px/1.4 Sora,sans-serif}
.growth-page .referral-copy p{max-width:76ch;font-size:13px;line-height:1.8;color:var(--theme-muted,#b2c6ba);margin:10px 0 0}
.growth-page .referral-share{display:flex;gap:10px;min-width:0;flex-wrap:wrap}
.growth-page .referral-link{flex:1;min-width:150px;width:auto;border:1px solid var(--theme-line,#ffffff20);background:var(--theme-bg,#0a1711);border-radius:9px;padding:12px;color:var(--theme-text,#edf5ef);font:inherit;font-size:13px;text-overflow:ellipsis}
.growth-page .referral-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:18px;border-top:1px solid var(--theme-line,#ffffff18);font-size:12px;color:var(--theme-muted,#b2c6ba)}
.growth-page .referral-stats span{min-width:0}.growth-page .referral-stats b{display:block;margin-bottom:5px;color:var(--theme-text,#edf5ef);font-size:25px;font-variant-numeric:tabular-nums}
.growth-creator{display:flex;gap:16px;align-items:center;padding:25px 0;margin-top:18px;border-top:1px solid var(--theme-line,#ffffff18)}
.growth-creator>svg{width:28px;height:28px;flex:none;color:#a5dec1}.growth-creator>div{flex:1;min-width:0}
.growth-creator h2{font-size:17px;margin:0 0 8px}.growth-creator p{font-size:13px;line-height:1.6;color:var(--theme-muted,#b2c6ba);margin:0;max-width:62ch}
.partner-offer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:25px 0;margin-bottom:20px;border-top:1px solid var(--theme-line,#ffffff18);border-bottom:1px solid var(--theme-line,#ffffff18)}
.partner-offer>div{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:8px 10px;min-width:0}.partner-offer svg{width:20px;height:20px;color:#a5dec1}.partner-offer>div:nth-child(2) svg{color:#e7c77d}.partner-offer strong{font:700 30px/1.15 Sora,sans-serif;font-variant-numeric:tabular-nums}.partner-offer span{grid-column:2;font-size:12px;line-height:1.6;color:var(--theme-muted,#b2c6ba)}
.partner-conditions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;list-style:none;padding:0;margin:0 0 22px;font-size:13px}.partner-conditions li{display:flex;gap:9px;align-items:flex-start;line-height:1.6}.partner-conditions svg{width:16px;height:16px;flex:none;color:#a5dec1;margin-top:2px}
.partner-rules{padding-bottom:16px;margin-bottom:22px;font-size:13px}.partner-rules summary{cursor:pointer;width:fit-content;font-weight:650;min-height:32px;align-content:center;color:var(--theme-text,#edf5ef)}.partner-rules>div{max-width:82ch;padding:8px 0 0}.partner-rules p{margin:12px 0}
.partner-page .partner-card>h2{margin:0;font-size:18px}.partner-page>.partner-sessions{margin-top:24px}
.partner-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.partner-admin-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 24px}.partner-admin-heading h2{margin:0 0 6px;font-size:22px}.partner-admin-heading p{margin:0;font-size:13px;max-width:50ch}.partner-admin-heading .partner-actions{justify-content:flex-end;flex:none}.partner-admin-heading .button{font-size:12px;min-height:40px}
.partner-admin-tabs{display:flex;gap:6px;border-bottom:1px solid var(--theme-line,#ffffff18);padding-bottom:12px;margin-bottom:18px;flex-wrap:wrap}
.partner-admin-tabs button{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:9px 13px;border:0;border-radius:8px;background:transparent;color:var(--theme-muted,#b2c6ba);font:600 13px/1.4 'Plus Jakarta Sans',sans-serif;cursor:pointer}
.partner-admin-tabs button[aria-pressed=true]{background:#a5dec11c;color:var(--theme-text,#edf5ef)}.partner-admin-tabs button>span{padding:2px 6px;border-radius:5px;background:#ffffff0b;font-size:11px;font-variant-numeric:tabular-nums}
.partner-admin-search{display:flex;align-items:center;gap:10px;max-width:420px;padding:0 13px;min-height:44px;margin-bottom:18px;border:1px solid var(--theme-line,#ffffff20);border-radius:9px;background:var(--theme-bg,#0a1711);color:var(--theme-muted,#b2c6ba)}
.partner-admin-search>svg{width:17px;height:17px;flex:none}.partner-admin-search input{width:100%;min-width:0;border:0;background:transparent;color:var(--theme-text,#edf5ef);padding:12px 0;font:inherit;font-size:13px}.partner-admin-search:focus-within{outline:2px solid var(--theme-accent,#a5dec1);outline-offset:2px}.partner-admin-search input:focus-visible{outline:0}
.partner-admin-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.partner-admin-table th{font-size:11px;font-weight:500;color:var(--theme-muted,#b2c6ba);text-align:left;padding:12px 14px;border-bottom:1px solid var(--theme-line,#ffffff18)}.partner-admin-table th:first-child{width:30%}.partner-admin-table th:last-child{width:130px}
.partner-admin-table td{padding:16px 14px;border-bottom:1px solid var(--theme-line,#ffffff0d);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.partner-admin-table td strong{display:block;font-size:13px;font-weight:650}.partner-admin-table td small{display:block;color:var(--theme-muted,#b2c6ba);margin-top:5px;font-size:12px}.partner-admin-table td:last-child{text-align:right}.partner-admin-table .button{font-size:12px;min-height:36px;padding:7px 12px;white-space:nowrap}
.partner-admin-status{display:inline-block;font-size:11px;line-height:1.5;padding:4px 8px;border-radius:5px;background:#ffffff08;color:var(--theme-muted,#b2c6ba)}.partner-admin-status[data-status=approved],.partner-admin-status[data-status=active]{color:#b3e5c7;background:#a5dec113}.partner-admin-status[data-status=pending],.partner-admin-status[data-status=submitted]{color:#e7d49e;background:#e7d49e12}.partner-admin-status[data-status=rejected],.partner-admin-status[data-status=paused]{color:#f3b5a7;background:#f29c8912}
.partner-admin-empty{padding:48px 20px;text-align:center}.partner-admin-empty svg{width:26px;height:26px;color:var(--theme-muted,#b2c6ba);margin:0 auto 8px}.partner-admin-empty p{margin:0;font-size:13px}
.partner-admin-pagination{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:18px;color:var(--theme-muted,#b2c6ba);font-size:12px}.partner-admin-pagination>div{display:flex;gap:8px}.partner-admin-pagination .button{font-size:12px;min-height:38px}.partner-admin-pagination button:disabled{opacity:.4;cursor:default}
.partner-admin-dialog{width:min(560px,calc(100% - 28px));max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--theme-line,#ffffff25);border-radius:16px;background:var(--theme-panel,#12271e);color:var(--theme-text,#edf5ef);box-shadow:0 24px 80px #0008;overflow:auto;overscroll-behavior:contain;color-scheme:dark}
.partner-admin-dialog::backdrop{background:#020b08b3}.partner-admin-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--theme-line,#ffffff18);margin:0}.partner-admin-dialog h2{font-size:19px;margin:0;overflow-wrap:anywhere}.partner-admin-dialog .icon-button{flex:none}.partner-admin-dialog-body{display:grid;gap:20px;padding:24px}.partner-admin-dialog-body p{margin:0;font-size:13px;line-height:1.7}.partner-admin-dialog-body a{color:#a5dec1;overflow-wrap:anywhere}.partner-admin-dialog-body form{display:grid;gap:18px}.partner-admin-dialog-body label{display:grid;gap:8px;font-size:13px;font-weight:600;min-width:0}.partner-admin-dialog-body input{width:100%;min-width:0;border:1px solid var(--theme-line,#ffffff20);border-radius:8px;background:var(--theme-bg,#0a1711);padding:12px;color:inherit;font:inherit}.partner-admin-dialog-body .partner-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-admin-dialog-body>.button{justify-self:start}.partner-admin-dialog-body .partner-rules{margin:0;border:0;padding:0}.partner-dialog-feedback[hidden]{display:none}
.growth-page :focus-visible,.partner-page :focus-visible,.partner-staff :focus-visible{outline:2px solid var(--theme-accent,#a5dec1);outline-offset:3px}.partner-staff .partner-admin-search input:focus-visible{outline:0}
@media(max-width:760px){.growth-navigation{width:100%;margin-bottom:24px}.growth-navigation a{flex:1;padding:10px;font-size:12px}.growth-heading{gap:12px}.growth-heading h1{font-size:26px}.growth-heading p{font-size:13px}.growth-heading>svg{width:22px;height:22px;margin-top:4px}.referral-steps{grid-template-columns:1fr;gap:14px}.growth-page .referral-card{padding:20px}.growth-page .referral-share{flex-direction:column}.growth-page .referral-link{flex:auto;width:100%;font-size:12px}.growth-page .referral-stats{gap:10px;font-size:11px}.growth-creator{flex-wrap:wrap}.growth-creator .button{margin-left:44px;font-size:12px}.partner-offer{gap:12px}.partner-offer strong{font-size:23px}.partner-offer>div{grid-template-columns:1fr;gap:8px}.partner-offer span{grid-column:1}.partner-offer svg{display:none}.partner-conditions{grid-template-columns:1fr;gap:10px}.partner-admin-heading{flex-direction:column;gap:14px}.partner-admin-heading .partner-actions{justify-content:flex-start;flex-wrap:wrap}.partner-admin-tabs{gap:4px}.partner-admin-tabs button{flex:1 1 calc(50% - 4px);justify-content:space-between;font-size:12px}.partner-admin-search{max-width:none}.partner-admin-table,.partner-admin-table tbody{display:block}.partner-admin-table thead{display:none}.partner-admin-table tr{display:grid;grid-template-columns:1fr 1fr;gap:13px 16px;padding:18px 0;border-bottom:1px solid var(--theme-line,#ffffff18)}.partner-admin-table td{padding:0;border:0;min-width:0}.partner-admin-table td:first-child{grid-column:1}.partner-admin-table td:nth-child(4){grid-row:1;grid-column:2;text-align:right}.partner-admin-table td[data-label]::before{content:attr(data-label);display:block;font-size:10px;margin-bottom:5px;color:var(--theme-muted,#b2c6ba)}.partner-admin-table td:last-child{grid-column:1/-1;text-align:left}.partner-admin-table .button{min-height:40px}.partner-admin-pagination{align-items:flex-start;flex-direction:column}.partner-admin-dialog>header{padding:16px 18px}.partner-admin-dialog-body{padding:18px}.partner-admin-dialog .partner-actions .button{flex:1}.partner-admin-dialog-body .partner-counts dd{font-size:23px}}

body:has(.partner-admin-dialog[open]){overflow:hidden}

@media(max-width:760px){.growth-page .growth-creator{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:12px 14px;text-align:left}.growth-page .growth-creator>div{min-width:0}.growth-page .growth-creator h2{line-height:1.4;text-wrap:balance}.growth-page .growth-creator p{text-align:left;line-height:1.65}.growth-page .growth-creator .button{grid-column:2;justify-self:start;margin:0;max-width:100%;white-space:normal}}

.partner-program-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(680px,calc(100% - 28px));max-height:calc(100dvh - 40px);overflow:hidden}
.partner-program-dialog>header{gap:20px}.partner-program-dialog>header h2{font-size:20px;line-height:1.35;text-wrap:balance}.partner-program-dialog>header .icon-button{flex:none;border-radius:9px;color:var(--theme-muted,#b2c6ba)}.partner-program-dialog>header .icon-button:hover{color:var(--theme-accent,#a5dec1);background:color-mix(in srgb,var(--theme-accent,#a5dec1) 9%,transparent)}
.partner-program-dialog .partner-admin-dialog-body{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:24px}
.partner-program{display:grid;gap:25px}.partner-program-section{display:grid;gap:12px;min-width:0}
.partner-admin-dialog-body .partner-program h3{margin:0;font-size:14px;font-weight:700;line-height:1.4;color:var(--theme-text,#edf5ef)}
.partner-admin-dialog-body .partner-program p{margin:0;font-size:13px;line-height:1.65;color:var(--theme-muted,#b2c6ba)}
.partner-program-requirements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;margin:0;list-style:none}
.partner-program-requirements li{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--theme-line,#ffffff18);border-radius:10px;background:var(--theme-bg,#0a1711);font-size:13px;font-weight:600;line-height:1.45;min-width:0}
.partner-program-requirements svg{flex:none;width:18px;height:18px;color:var(--theme-accent,#a5dec1)}
.partner-program-rewards{display:grid;grid-template-columns:1.12fr 1fr;gap:12px}
.partner-program-reward{display:grid;align-content:start;justify-items:start;gap:9px;min-width:0;padding:18px;border:1px solid var(--theme-line,#ffffff18);border-radius:12px;background:var(--theme-bg,#0a1711)}
.partner-program-reward.is-first{border-color:color-mix(in srgb,var(--theme-accent,#a5dec1) 42%,transparent);background:color-mix(in srgb,var(--theme-accent,#a5dec1) 7%,var(--theme-bg,#0a1711))}
.partner-program-label{font-size:12px;font-weight:600;color:var(--theme-muted,#b2c6ba)}
.partner-admin-dialog-body .partner-program .partner-program-amount{display:flex;align-items:baseline;gap:9px;color:var(--theme-text,#edf5ef);line-height:1.1}
.partner-program-amount strong{font-family:Sora,sans-serif;font-size:38px;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-1.5px}.partner-program-amount span{font-size:15px;font-weight:600}
.partner-program-legendary{display:flex;gap:6px;align-items:center;padding:6px 8px;border-radius:7px;background:#e5bc5a12;color:#f4cf71;font-size:11px;font-weight:600;line-height:1.5}.partner-program-legendary svg{width:14px;height:14px;flex:none}
.partner-admin-dialog-body .partner-program .partner-program-timing{color:var(--theme-text,#edf5ef);font-size:12px}.partner-program-detail{font-size:12px!important}
.partner-program-checks{display:grid;gap:10px;list-style:none;margin:0;padding:0}.partner-program-checks li{display:flex;align-items:start;gap:10px}.partner-program-checks svg{width:15px;height:15px;flex:none;margin-top:4px;color:var(--theme-accent,#a5dec1)}
.partner-program-disclosure{display:flex;align-items:start;gap:12px;padding:15px 16px;border-left:3px solid var(--theme-accent,#a5dec1);border-radius:0 9px 9px 0;background:color-mix(in srgb,var(--theme-accent,#a5dec1) 7%,transparent)}
.partner-program-disclosure>svg{width:19px;height:19px;flex:none;margin-top:1px;color:var(--theme-accent,#a5dec1)}.partner-program-disclosure>div{display:grid;gap:6px;min-width:0}
.partner-program-dialog .icon-button:focus-visible{outline-color:var(--theme-accent,#a5dec1)}
@media(max-width:560px){.partner-program-dialog[open]{max-height:calc(100dvh - 24px)}.partner-program-dialog>header{padding:17px 18px;gap:12px}.partner-program-dialog>header h2{font-size:18px}.partner-program-dialog .partner-admin-dialog-body{padding:18px}.partner-program{gap:23px}.partner-program-rewards{grid-template-columns:1fr}.partner-program-reward{padding:16px}.partner-program-amount strong{font-size:34px}}
@media(max-width:420px){.partner-program-requirements{grid-template-columns:1fr}}

.partner-admin-toolbar{display:flex;align-items:end;gap:16px;margin-bottom:18px}.partner-admin-toolbar .partner-admin-search{flex:1;max-width:none;margin-bottom:0}.partner-admin-sort{display:grid;gap:6px;min-width:220px;color:var(--theme-muted,#b2c6ba);font-size:12px}.partner-admin-sort wa-select{width:100%;min-height:44px;padding:10px 34px 10px 12px;border:1px solid var(--theme-line,#ffffff20);border-radius:9px;background:var(--theme-bg,#0a1711);color:var(--theme-text,#edf5ef);font:inherit;font-size:13px;color-scheme:dark}.partner-admin-sort wa-select:disabled{opacity:.5}.partner-sales{display:grid;gap:14px}.partner-sales h3{margin:0;font-size:15px}.partner-sales-counts{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin:0}.partner-sales-list{list-style:none;padding:0;margin:0}.partner-sales-list li{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:12px 0;border-bottom:1px solid var(--theme-line,#ffffff18)}.partner-sales-list li>div{display:grid;gap:5px;min-width:0}.partner-sales-list li>div+div{text-align:right}.partner-sales-list strong{font-size:13px;overflow-wrap:anywhere}.partner-sales-list span,.partner-sales-list small,.partner-sales-note{font-size:12px;color:var(--theme-muted,#b2c6ba)}
@media(max-width:600px){.partner-admin-toolbar{display:grid;grid-template-columns:1fr;gap:10px}.partner-admin-sort{min-width:0}.partner-admin-table th,.partner-admin-table td{padding-left:8px;padding-right:8px}.partner-admin-table th:last-child{width:90px}.partner-admin-table th:first-child{width:28%}}

.partner-admin-sort>span{display:none}.partner-admin-sort wa-select{width:100%;padding:0;border:0;background:transparent}.partner-admin-sort wa-select::part(combobox){min-height:44px;background:var(--theme-bg,#0a1711);border:1px solid var(--theme-line,#ffffff20);border-radius:9px}.partner-admin-sort wa-select::part(form-control-label){font-size:12px;color:var(--theme-muted,#b2c6ba);margin-bottom:6px}

.partner-admin-dialog.partner-profile-dialog{width:min(720px,calc(100% - 28px))}.partner-decision-actions{gap:12px}.partner-decision-actions .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:normal;text-align:center}.partner-decision-actions .button svg{width:16px;height:16px;flex:none}@media(max-width:760px){.partner-admin-dialog .partner-decision-actions .button{flex:1 1 auto}}

/* mobile-header.css */
.mobile-header-toggle{display:none}
.mobile-header-menu[hidden]{display:none!important}
.mobile-header-menu{display:none}
@media(max-width:760px){
body .topbar.mobile-header-compact{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:8px;align-items:center;padding:8px 12px;min-height:52px}
body .mobile-header-compact .topbar-actions{display:contents}
body .mobile-header-compact .menu-toggle{grid-column:1;width:36px;height:36px;margin:0}
body .mobile-header-compact .breadcrumb{display:none}
body .mobile-header-compact .topbar-actions #balance-button{grid-column:2;grid-row:1;order:0;justify-self:center;display:flex;flex:none;width:auto;min-width:0;max-width:100%;height:36px;padding:2px 8px;gap:7px;overflow:visible}
body .mobile-header-compact #balance-button #balance{display:block;flex:none;width:auto;max-width:none;overflow:visible;text-overflow:clip;font-size:14px;white-space:nowrap}
body .mobile-header-compact .topbar-actions .mobile-header-toggle{grid-column:3;grid-row:1;display:grid;place-items:center;width:36px;height:36px;min-width:36px;padding:6px;margin:0}
body .mobile-header-toggle[aria-expanded=true]{background:var(--theme-soft,#294536);color:var(--theme-accent,#c4dfa9)}
body .mobile-header-menu{position:fixed;z-index:75;top:60px;right:max(10px,env(safe-area-inset-right));display:grid;gap:5px;width:min(310px,calc(100vw - 20px));max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain;padding:10px;border:1px solid var(--theme-line,#36503f);border-radius:14px;background:var(--theme-panel,#13271d);color:var(--theme-text,#edf1df);box-shadow:0 12px 36px #0007}
body .mobile-header-menu>:is(button,a){position:relative;display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;max-width:none;min-width:0;height:auto;min-height:46px;margin:0;padding:11px 12px;border:0;border-radius:8px;background:transparent;color:var(--theme-text,#edf1df);text-align:left;text-decoration:none;white-space:normal}
body .mobile-header-menu>:is(button,a)::after{content:attr(aria-label);font:600 13px/1.45 'Plus Jakarta Sans',sans-serif}
body .mobile-header-menu>:is(button,a):is(:hover,:active){background:var(--theme-soft,#294536)}
body .mobile-header-menu>:is(button,a):focus-visible{outline:2px solid var(--theme-accent,#c4dfa9);outline-offset:-2px}
body .mobile-header-menu>:is(button,a)>:is(svg,[data-icon],[data-lucide]){flex:none;width:20px;height:20px}
body .mobile-header-menu .pack-timer{order:0;justify-content:flex-start}
body .mobile-header-menu .pack-timer>div{display:flex;gap:6px;flex-wrap:wrap}
body .mobile-header-menu .pack-timer-text{display:none}
body .mobile-header-menu .language-select{display:block;width:100%;max-width:none;min-width:0}
body .mobile-header-menu>.avatar{display:none}
body .mobile-header-menu .notification-dot{top:11px;left:26px;right:auto}
}
@media(max-width:760px){body.auth-page .mobile-header-toggle,body.auth-page .mobile-header-menu{display:none!important}}

@media(max-width:760px){
body .mobile-header-menu{gap:3px;padding:6px;align-content:start;grid-auto-rows:max-content}
body .mobile-header-menu>:is(button,a){inset:auto;align-self:start}
body .mobile-header-menu #pack-timer{position:static;inset:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:auto;min-height:0;max-width:none;margin:0;padding:6px 10px 8px;gap:0;text-align:center}
body .mobile-header-menu #pack-timer::after{content:none}
body .mobile-header-menu #pack-timer>span{display:none}
body .mobile-header-menu #pack-timer>div{display:flex;width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:3px 8px;white-space:normal}
body .mobile-header-menu #pack-timer .pack-timer-text{display:block;flex:0 0 100%;text-align:center;font-size:11px;line-height:1.3}
body .mobile-header-menu #pack-timer .pack-timer-value{font-size:14px;font-weight:700}
body .mobile-header-menu #pack-timer .pack-timer-count{font-size:11px}
body .mobile-header-menu .language-select{margin:4px 0 0}
}

@media(max-width:760px){
body .topbar.mobile-header-compact{grid-template-columns:36px minmax(56px,1fr) minmax(0,1.3fr) 36px;gap:5px}
body .mobile-header-compact .topbar-actions #pack-timer{position:static;inset:auto;grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;order:0;width:100%;height:36px;min-width:0;min-height:0;max-width:none;margin:0;padding:0;gap:4px;text-align:center}
body .mobile-header-compact #pack-timer>span{display:none}
body .mobile-header-compact .topbar-actions #pack-timer>div{display:flex;width:100%;justify-content:center;align-items:center;gap:0}
body .mobile-header-compact #pack-timer .pack-timer-text,body .mobile-header-compact #pack-timer .pack-timer-count{display:none}
body .mobile-header-compact #pack-timer .pack-timer-value{display:block;font-size:12px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}
body .mobile-header-compact .topbar-actions #balance-button{grid-column:3;justify-self:center;padding-inline:0;gap:5px}
body .mobile-header-compact #balance-button #balance{font-size:13px}
body .mobile-header-compact .topbar-actions .mobile-header-toggle{grid-column:4}
body .mobile-header-compact .topbar-actions>.avatar,body .mobile-header-menu>.avatar{display:none!important}
body .mobile-header-menu{min-height:0;height:auto;padding-bottom:6px;grid-template-rows:none;grid-auto-rows:max-content}
body .mobile-header-menu .language-select{margin:0;padding:0}
body .mobile-header-menu .language-select::part(form-control-label){margin:0 0 3px}
body .mobile-header-menu .language-select::part(combobox){min-height:40px;margin:0}
}

@media(max-width:760px){
body .mobile-header-compact .topbar-actions #language-select{display:none!important}
body .mobile-header-menu .mobile-menu-language{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;margin:0;padding:6px 12px;font-size:13px;font-weight:600}
body .mobile-menu-language select{flex:0 1 175px;min-width:0;max-width:70%;height:34px;margin:0;padding:4px 8px;border:1px solid var(--theme-line,#36503f);border-radius:7px;background:var(--theme-panel,#13271d);color:var(--theme-text,#edf1df);font:inherit;font-size:16px}
body .mobile-header-menu{padding-bottom:4px;row-gap:2px}
}

body .topbar .mobile-header-toggle[hidden]{display:none!important}
@media(min-width:761px){body .topbar .mobile-header-toggle,body .mobile-header-menu{display:none!important}}

/* mobile-touch.css */
@media(max-width:760px),(pointer:coarse){
html{touch-action:manipulation}
body :is(a,button,label,summary,[role=button],wa-button){touch-action:manipulation}
body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]),textarea,select,[contenteditable=true]){font-size:16px!important}
body :is(wa-input,wa-textarea,wa-select)::part(input),body wa-textarea::part(textarea),body wa-select::part(display-input){font-size:16px!important}
}

@media(hover:none){
html:not(#_) body .chat-message:not(.is-touched):not(:has(:focus-visible)):not(:has(.chat-react-menu)) .chat-actions{display:none!important}
html:not(#_) body .chat-message.is-touched .chat-actions{display:flex}
body .chat-message{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
body .chat-message :is(input,textarea,[contenteditable]){-webkit-user-select:text;user-select:text}
}

/* list-rendering.css */
html.is-scrolling #page-content .card-wrap *,html.is-scrolling #page-content .card-wrap::before,html.is-scrolling #page-content .card-wrap::after,html.is-scrolling #site-theme-decor *,html.is-scrolling #site-theme-decor *::before,html.is-scrolling #site-theme-decor *::after{animation-play-state:paused!important}
.is-render-offscreen,.is-render-offscreen *,.is-render-offscreen::before,.is-render-offscreen::after,.is-render-offscreen *::before,.is-render-offscreen *::after{animation-play-state:paused!important}

html{scrollbar-gutter:stable}
body.modal-open .app-shell .card-wrap *,body.modal-open .app-shell .card-wrap::before,body.modal-open .app-shell .card-wrap::after,body.modal-open #site-theme-decor *,body.modal-open #site-theme-decor *::before,body.modal-open #site-theme-decor *::after{animation-play-state:paused!important}

/* form-theme-fixes.css */
body .proposal-form-layout>.form-panel,body .proposal-form-layout>.proposal-preview-panel,body .request-list>.request-item{background:var(--theme-panel,#18271f);border-color:var(--theme-line,#344933);color:var(--theme-text,#e5eddd)}
body #proposal-form input:not([type=checkbox]),body #proposal-form textarea{background:var(--theme-bg-alt,#13271b);border-color:var(--theme-line,#344933);color:var(--theme-text,#e5eddd)}
body #proposal-form input::placeholder,body #proposal-form textarea::placeholder{color:var(--theme-muted,#a5b8a5)}
body #proposal-form input:focus-visible,body #proposal-form textarea:focus-visible{outline:2px solid var(--theme-accent,#a0d7ad);outline-offset:2px;border-color:var(--theme-accent,#a0d7ad)}
body #proposal-form :is(.helper-text,.proposal-description-count),body .proposal-preview-panel .proposal-preview-intro,body .request-list .request-meta{color:var(--theme-muted,#a5b8a5)}
body .proposal-form-layout .proposal-live-card,body .proposal-form-layout .proposal-live-art,body .request-list .request-thumbnail{background:var(--theme-bg-alt,#13271b);border-color:var(--theme-line,#344933)}
body .request-list .request-description{color:var(--theme-text,#e5eddd)}
body .request-list .review-reason{background:color-mix(in srgb,var(--theme-accent,#a0d7ad) 8%,var(--theme-panel,#18271f));border-color:var(--theme-line,#344933);color:var(--theme-text,#e5eddd)}
#modal-root .trade-partner-picker:has(wa-select){display:grid;grid-template-columns:34px minmax(0,1fr);align-items:end;gap:10px}
#modal-root .trade-partner-picker:has(wa-select)>.trade-partner-avatar{width:34px;height:34px;margin-bottom:4px;background:var(--theme-soft,#2c4434);color:var(--theme-text,#d5e8c8)}
#modal-root .trade-partner-picker wa-select{width:100%;min-width:0;color:var(--theme-text,#e5eddd)}
#modal-root .trade-partner-picker wa-select::part(form-control-label){display:block;margin-bottom:8px;text-align:center;color:var(--theme-muted,#a5b8a5)}
#modal-root .trade-partner-picker wa-select::part(combobox){min-height:42px;border:1px solid var(--theme-line,#344933);background:var(--theme-bg-alt,#13271b);color:var(--theme-text,#e5eddd)}
#modal-root .trade-partner-picker wa-select::part(display-input){text-align:center;color:var(--theme-text,#e5eddd)}
#modal-root .trade-partner-picker wa-select::part(listbox){box-sizing:border-box;width:100%;min-width:0;padding:6px;border:1px solid var(--theme-line,#344933);background:var(--theme-panel,#18271f);color:var(--theme-text,#e5eddd)}
#modal-root .trade-partner-picker wa-option{color:var(--theme-text,#e5eddd);background:transparent}
#modal-root .trade-partner-picker wa-option:hover,#modal-root .trade-partner-picker wa-option:focus{background:var(--theme-soft,#2c4434);color:var(--theme-text,#e5eddd)}
#modal-root .trade-partner-picker wa-option[selected]{background:color-mix(in srgb,var(--theme-accent,#a0d7ad) 16%,var(--theme-panel,#18271f));color:var(--theme-text,#e5eddd)}
#modal-root .trade-partner-picker wa-option::part(base){justify-content:center;min-height:44px;gap:9px}
#modal-root .trade-partner-picker wa-option::part(label){text-align:center}
#modal-root .trade-partner-picker wa-option::part(checked-icon){color:var(--theme-accent,#a0d7ad)}
#modal-root .trade-partner-picker .trade-option-avatar{background:var(--theme-soft,#2c4434);color:var(--theme-text,#e5eddd)}

body .modal:has(#staff-site-theme-form){width:min(660px,calc(100vw - 28px));max-height:calc(100dvh - 28px);display:flex;flex-direction:column;border-radius:18px;overflow:hidden}body .modal:has(#staff-site-theme-form)>.modal-content{min-height:0;overflow:auto;overscroll-behavior:contain}#staff-site-theme-form>.staff-section-note{margin:0 0 22px;max-width:52ch;font-size:13px;line-height:1.7;color:var(--theme-muted,#b1c2b3)}#staff-site-theme-form .staff-theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;border:0;min-width:0}#staff-site-theme-form .staff-theme-option{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:12px;min-height:76px;padding:15px;border:1px solid var(--theme-line,#34483a);border-radius:11px;background:var(--theme-bg-alt,#13271b);color:var(--theme-text,#eff3e9);font-size:13px;line-height:1.5;cursor:pointer;transition:border-color .15s,background .15s}#staff-site-theme-form .staff-theme-option input{position:absolute;width:1px;height:1px;opacity:0;margin:0;overflow:hidden}#staff-site-theme-form .staff-theme-option::after{content:"";display:grid;place-items:center;grid-column:3;width:19px;height:19px;border:1px solid var(--theme-line,#34483a);border-radius:50%;font-size:12px;font-weight:800}#staff-site-theme-form .staff-theme-option:has(input:checked){border-color:var(--theme-accent,#bce8c8);background:var(--theme-soft,#284335)}#staff-site-theme-form .staff-theme-option:has(input:checked)::after{content:"✓";border-color:var(--theme-accent,#bce8c8);background:var(--theme-accent,#bce8c8);color:var(--theme-accent-text,#11251b)}#staff-site-theme-form .staff-theme-option:has(input:focus-visible){outline:2px solid var(--theme-accent,#bce8c8);outline-offset:3px}#staff-site-theme-form .staff-theme-option:hover{border-color:var(--theme-accent,#bce8c8)}#staff-site-theme-form .staff-theme-swatch{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;width:42px;height:33px;border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px #ffffff17}#staff-site-theme-form .staff-theme-swatch i{width:auto;height:auto;border-radius:0}#staff-site-theme-form .staff-theme-local{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:23px 0;padding:18px 0;border-block:1px solid var(--theme-line,#34483a);cursor:pointer}#staff-site-theme-form .staff-theme-local>span{display:grid;gap:5px}#staff-site-theme-form .staff-theme-local strong{font-size:13px;font-weight:650}#staff-site-theme-form .staff-theme-local small{font-size:11px;line-height:1.6;color:var(--theme-muted,#b1c2b3)}#staff-site-theme-form .staff-theme-local input{appearance:none;position:relative;flex:0 0 42px;width:42px;height:24px;margin:0;padding:0;border:1px solid var(--theme-line,#34483a);border-radius:20px;background:var(--theme-bg-alt,#13271b);cursor:pointer}#staff-site-theme-form .staff-theme-local input::before{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:var(--theme-muted,#b1c2b3);transition:transform .15s}#staff-site-theme-form .staff-theme-local input:checked{border-color:var(--theme-accent,#bce8c8);background:var(--theme-accent,#bce8c8)}#staff-site-theme-form .staff-theme-local input:checked::before{transform:translateX(18px);background:var(--theme-accent-text,#11251b)}#staff-site-theme-form .staff-theme-local input:focus-visible{outline:2px solid var(--theme-accent,#bce8c8);outline-offset:3px}#staff-site-theme-form .staff-theme-preview-note{display:grid;gap:8px;margin:0 0 20px}#staff-site-theme-form .staff-theme-preview-note p{font-size:12px;color:var(--theme-muted,#b1c2b3);margin:0}#staff-site-theme-form .staff-theme-reset{display:inline-flex;align-items:center;gap:8px;justify-self:start;padding:6px 0;border:0;background:transparent;color:var(--theme-accent,#bce8c8);font:inherit;font-size:12px;font-weight:650;text-decoration:underline;text-underline-offset:4px;cursor:pointer}#staff-site-theme-form .staff-theme-reset svg{width:15px;height:15px}#staff-site-theme-form .staff-theme-reason[hidden]{display:none}#staff-site-theme-form .staff-theme-reason input{min-height:46px;border-radius:9px;background:var(--theme-bg-alt,#13271b);border-color:var(--theme-line,#34483a);color:var(--theme-text,#eff3e9)}
@media(max-width:540px){#staff-site-theme-form .staff-theme-options{grid-template-columns:1fr}#staff-site-theme-form .staff-theme-option{min-height:64px;padding:12px}}
@media(prefers-reduced-motion:reduce){#staff-site-theme-form .staff-theme-option,#staff-site-theme-form .staff-theme-local input::before{transition:none}}

#modal-root .trade-partner-picker wa-select{--wa-color-surface-default:var(--theme-bg-alt,#13271b);--wa-color-surface-raised:var(--theme-panel,#18271f);--wa-color-on-normal:var(--theme-text,#e5eddd);--wa-color-on-quiet:var(--theme-muted,#a5b8a5);--wa-color-neutral-border-normal:var(--theme-line,#344933);--wa-color-brand-fill-loud:var(--theme-accent,#a0d7ad);--wa-color-brand-on-loud:var(--theme-accent-text,#11251b);--wa-form-control-value-color:var(--theme-text,#e5eddd)}
#modal-root .trade-partner-picker wa-option{--wa-color-neutral-fill-normal:var(--theme-soft,#2c4434);--wa-color-neutral-on-normal:var(--theme-text,#e5eddd);--wa-color-on-normal:var(--theme-text,#e5eddd);--wa-color-brand-fill-loud:var(--theme-accent,#a0d7ad);--wa-color-brand-on-loud:var(--theme-accent-text,#11251b)}
#modal-root .trade-partner-picker wa-option::part(base){background:transparent;color:inherit}
#modal-root .trade-partner-picker wa-option:hover::part(base),#modal-root .trade-partner-picker wa-option:focus::part(base){background:var(--theme-soft,#2c4434)}
#modal-root .trade-partner-picker wa-option[selected]::part(base){background:color-mix(in srgb,var(--theme-accent,#a0d7ad) 16%,var(--theme-panel,#18271f))}

/* public-entry.css */
.entry-public{--entry-bg:var(--theme-bg,#0d1713);--entry-panel:var(--theme-panel,#16271f);--entry-line:var(--theme-line,#34483a);--entry-text:var(--theme-text,#eff3e9);--entry-muted:var(--theme-muted,#b1c2b3);--entry-accent:var(--theme-accent,#bce8c8);margin:0;background:var(--entry-bg);color:var(--entry-text);font-family:'Plus Jakarta Sans',sans-serif;font-size:15px;line-height:1.65;color-scheme:dark}
.entry-public *,body.auth-page .auth-screen *{box-sizing:border-box}.entry-public :is(h1,h2,h3,p,figure){margin:0}.entry-public :is(h1,h2,h3){font-family:Sora,sans-serif;font-weight:600;letter-spacing:-.035em;line-height:1.18}.entry-public a{color:inherit;text-decoration:none}.entry-public a:focus-visible,.entry-public summary:focus-visible{outline:2px solid var(--entry-accent);outline-offset:5px;border-radius:5px}.entry-width{width:min(1200px,calc(100% - 80px));margin-inline:auto}.entry-skip{position:fixed;top:10px;left:10px;z-index:20;padding:10px;background:var(--entry-accent);color:var(--entry-bg)!important;transform:translateY(-160%)}.entry-skip:focus{transform:none}
.entry-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;border-bottom:1px solid var(--entry-line)}.entry-brand{display:inline-flex;align-items:center;gap:10px;font-family:Sora,sans-serif;font-size:25px;font-weight:750;letter-spacing:-.055em;line-height:1}.entry-brand>span::after,.entry-footer>.entry-brand::after{content:"";display:inline-block;width:.17em;height:.17em;margin-left:.06em;border-radius:2px;background:#f4a38f}.entry-header-actions{display:flex;align-items:center;gap:30px}.entry-login{font-size:13px;font-weight:700}.entry-login:hover{text-decoration:underline;text-underline-offset:5px}.entry-language{position:relative;font-size:12px}.entry-language summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;padding:8px}.entry-language summary::-webkit-details-marker{display:none}.entry-language nav{position:absolute;right:0;top:100%;z-index:4;display:grid;min-width:200px;padding:8px;border:1px solid var(--entry-line);border-radius:10px;background:var(--entry-panel);box-shadow:0 12px 36px #0005}.entry-language nav a{padding:9px 12px;border-radius:6px;white-space:nowrap}.entry-language nav a:hover,.entry-language nav a[aria-current]{background:var(--theme-soft,#284335)}
.entry-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);align-items:center;gap:74px;padding-block:54px 64px}.entry-hero-copy{min-width:0;max-width:550px}.entry-hero h1{font-size:clamp(34px,3.8vw,54px);max-width:15ch;text-wrap:balance}.entry-description{max-width:47ch;margin-top:22px!important;color:var(--entry-muted);font-size:16px;line-height:1.8}.entry-welcome{margin-top:30px;padding-block:18px;border-block:1px solid var(--entry-line)}.entry-welcome>p{font-size:12px;color:var(--entry-muted)}.entry-welcome>div{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:6px;font-size:16px;font-weight:750}.entry-welcome>div>span+span{color:var(--entry-accent)}.entry-welcome small{display:block;margin-top:8px;font-size:11px;color:var(--entry-muted)}.entry-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:25px}.entry-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border:1px solid var(--entry-line);border-radius:9px;font-size:13px;font-weight:750;line-height:1.4;text-align:center;transition:background .15s,transform .15s}.entry-button:hover{background:var(--entry-panel)}.entry-button.is-primary{background:var(--entry-accent);border-color:var(--entry-accent);color:var(--theme-accent-text,#11251b)}.entry-button.is-primary:hover{transform:translateY(-2px);filter:brightness(1.05)}
.entry-album{min-width:0;margin:0;max-width:470px;width:100%;justify-self:end}.entry-album-page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;background:var(--theme-bg-alt,#12221b);border:1px solid var(--theme-line,#34483a);border-radius:14px;box-shadow:12px 15px 0 -8px var(--theme-panel,#16271f),13px 16px 0 -8px var(--theme-line,#34483a)}.entry-pocket{min-width:0;padding:6px;border:1px solid color-mix(in srgb,var(--theme-text,#eff3e9) 12%,transparent);border-radius:10px;background:color-mix(in srgb,var(--theme-text,#eff3e9) 3%,transparent)}.entry-sample{display:flex;flex-direction:column;aspect-ratio:2/3;padding:5px;border:1px solid #bde7e1;border-radius:8px;background:linear-gradient(130deg,#bce9e6,#c0b8d3,#e6cbb8,#bce9e6);overflow:hidden;box-shadow:0 4px 10px #0003}.entry-sample.is-legendary{background:#d6b468;border-color:#efcf84}.entry-sample-art{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:4px 4px 0 0;background:#162127}.entry-sample-art img{display:block;width:100%;height:100%;object-fit:cover}.entry-sample-art>span{position:absolute;left:7px;top:7px;padding:3px 6px;border-radius:4px;background:#071b1bd9;color:#e7f2ec;font-size:8px;font-weight:650;line-height:1.4}.entry-sample-art>b{position:absolute;right:7px;top:7px;display:grid;place-items:center;width:23px;height:23px;border-radius:5px;background:#c4e7e3;color:#153134;font-size:12px}.is-legendary .entry-sample-art>b{background:#eed085;color:#34280d}.entry-sample-copy{display:grid;gap:8px;flex:0 0 23%;min-height:58px;padding:11px 9px;background:#13242b;color:#e9f1ed}.entry-sample-copy strong{font-family:Sora,sans-serif;font-size:clamp(11px,1.2vw,15px);font-weight:600;line-height:1.2}.entry-sample-copy>span{font-size:8px;color:#c0dfdb}.is-legendary .entry-sample-copy{background:#342b19}.is-legendary .entry-sample-copy>span{color:#e6ce94}.entry-pack-pocket{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px 16px}.entry-pack-pocket>img{display:block;width:73%;height:auto;filter:drop-shadow(0 8px 8px #0004)}.entry-pack-pocket>p{max-width:16ch;text-align:center;font-size:10px;line-height:1.55;color:var(--theme-muted,#b1c2b3)}.entry-album figcaption{margin-top:15px;text-align:center;font-size:11px;color:var(--theme-muted,#b1c2b3)}
.entry-story{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;padding-block:54px;border-top:1px solid var(--entry-line)}.entry-story h2,.entry-play>h2,.entry-join h2{font-size:clamp(25px,3vw,34px);max-width:19ch}.entry-story p{margin-top:18px;color:var(--entry-muted);max-width:57ch}.entry-universes{align-self:center;margin:0!important;font-family:Sora,sans-serif;font-size:24px;line-height:1.8!important;color:var(--entry-text)!important}.entry-play{padding-block:35px 60px}.entry-play>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:30px}.entry-play article{border-top:1px solid var(--entry-line);padding-top:22px}.entry-play h3{font-size:18px;margin-block:15px 10px}.entry-play p{font-size:13px;color:var(--entry-muted);max-width:40ch}.entry-play-pack{width:38px;height:57px;object-fit:contain}.entry-play-mark{display:grid;place-items:center;width:48px;height:57px;font-family:Sora,sans-serif;font-size:35px;font-weight:750;color:var(--entry-accent)}.entry-join{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:35px 45px;border-top:1px solid var(--entry-line)}.entry-join h2{max-width:23ch}.entry-footer{display:flex;align-items:start;justify-content:space-between;gap:35px;padding-block:28px;border-top:1px solid var(--entry-line)}.entry-footer .entry-brand{font-size:21px}.entry-footer>p{max-width:48ch;font-size:11px;color:var(--entry-muted)}.entry-footer>nav{display:flex;gap:20px;font-size:12px}.entry-footer a:hover{color:var(--entry-accent)}
.entry-invitation{display:flex;align-items:center;gap:12px;padding-bottom:24px;margin-bottom:25px;border-bottom:1px solid var(--entry-line)}.entry-partner-avatar{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid var(--entry-line);border-radius:50%;background:var(--entry-panel);color:var(--entry-accent);font-family:Sora,sans-serif;font-size:21px;font-weight:700}.entry-invitation p{font-size:11px;color:var(--entry-muted)}.entry-invitation strong{font-size:14px}.entry-invitation>a{margin-left:auto;font-size:11px;color:var(--entry-accent);text-decoration:underline;text-underline-offset:4px}.entry-referral{display:grid;gap:9px;margin-top:22px}.entry-referral>strong{font-size:13px}.entry-referral>p{font-size:12px;color:var(--entry-muted)}.entry-referral>small{font-size:10px;line-height:1.6;color:var(--entry-muted)}.entry-referral>a{justify-self:start;font-size:11px;text-decoration:underline;text-underline-offset:4px;color:var(--entry-muted)}
body.auth-page .auth-screen{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.8fr);align-items:center;gap:80px;width:min(1140px,100%);min-height:620px;margin:10px auto 24px;padding:24px 0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}body.auth-page .auth-world{display:flex;flex-direction:column;align-items:flex-start;min-height:0;padding:0;background:none!important;border:0;overflow:visible}body.auth-page .auth-world::after{display:none}body.auth-page .auth-world-copy{position:static;max-width:480px;margin:0}body.auth-page .auth-world-copy h1{max-width:15ch;font-family:Sora,sans-serif;font-size:37px;line-height:1.18;letter-spacing:-.04em;color:var(--theme-text,#eff3e9)}body.auth-page .auth-world-copy>p{max-width:43ch;margin-top:15px;font-size:14px;line-height:1.75;color:var(--theme-muted,#b1c2b3)}body.auth-page .auth-world .entry-album{align-self:flex-start;max-width:450px;margin-top:25px}.entry-album.is-compact .entry-album-page{padding:12px;gap:12px}.entry-album.is-compact figcaption{display:none}body.auth-page .auth-form-pane{position:relative;padding:35px 0 35px 36px;border-left:1px solid var(--theme-line,#34483a);background:none;min-height:0}body.auth-page .auth-form-wrap{max-width:370px;margin:0 auto;width:100%}body.auth-page .auth-form-wrap h2{font-family:Sora,sans-serif;font-size:29px;line-height:1.2;letter-spacing:-.035em;color:var(--theme-text,#eff3e9)}body.auth-page .auth-form-intro{font-size:14px;margin:12px 0 28px;color:var(--theme-muted,#b1c2b3)}body.auth-page .auth-discord{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:52px;padding:14px 20px;border:0;border-radius:9px;background:var(--theme-accent,#bce8c8)!important;color:var(--theme-accent-text,#11251b)!important;font-size:14px;font-weight:750;box-shadow:0 4px 0 color-mix(in srgb,var(--theme-accent,#bce8c8) 45%,transparent)}body.auth-page .auth-discord svg{width:23px;height:23px;flex:none}body.auth-page .auth-discord:hover{filter:brightness(1.06)}body.auth-page .auth-discord-note{max-width:40ch;margin-top:18px;font-size:12px;line-height:1.7;color:var(--theme-muted,#b1c2b3)}body.auth-page .auth-security{display:flex;align-items:center;gap:8px;position:static;margin:20px 0 0;padding:0;font-size:11px;color:var(--theme-muted,#b1c2b3)}body.auth-page .auth-security svg{width:15px;height:15px;flex:none}body.auth-page .auth-field input{min-height:48px;border-radius:8px;font-size:16px;background:var(--theme-bg-alt,#13271b);border-color:var(--theme-line,#344933);color:var(--theme-text,#e5eddd)}
@media(max-width:1050px){.entry-width{width:calc(100% - 48px)}.entry-hero{gap:38px;padding-block:40px 50px}.entry-hero h1{font-size:38px}.entry-album-page{padding:12px;gap:10px}.entry-story{gap:40px}.entry-universes{font-size:20px}body.auth-page .auth-screen{gap:40px;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr)}body.auth-page .auth-world-copy h1{font-size:32px}}
@media(max-width:700px){.entry-width{width:calc(100% - 36px)}.entry-header{min-height:74px;gap:12px}.entry-brand{font-size:23px;gap:7px}.entry-brand>img{width:27px;height:27px}.entry-header-actions{gap:12px}.entry-language summary{font-size:0;padding:8px 2px}.entry-language summary>span{font-size:17px}.entry-login{font-size:12px}.entry-hero{grid-template-columns:1fr;gap:32px;padding-block:32px 45px}.entry-hero-copy{max-width:none}.entry-hero h1{font-size:36px;max-width:17ch}.entry-description{font-size:14px;margin-top:17px!important}.entry-welcome{margin-top:23px;padding-block:16px}.entry-welcome>div{font-size:14px;gap:7px 20px}.entry-actions{gap:10px;margin-top:22px}.entry-button{padding:12px 16px;font-size:12px}.entry-album{max-width:430px;justify-self:center}.entry-sample-copy strong{font-size:13px}.entry-sample-copy{padding:9px 7px;gap:5px}.entry-story{grid-template-columns:1fr;gap:23px;padding-block:32px}.entry-story h2,.entry-play>h2,.entry-join h2{font-size:27px}.entry-story p{font-size:13px}.entry-universes{font-size:18px;line-height:1.9!important}.entry-play{padding-block:20px 34px}.entry-play>div{grid-template-columns:1fr;gap:25px;margin-top:24px}.entry-play article{display:grid;grid-template-columns:45px minmax(0,1fr);column-gap:16px;padding-top:18px}.entry-play article>:first-child{grid-row:1/3}.entry-play h3{font-size:17px;margin:0 0 8px}.entry-play p{font-size:13px;max-width:none}.entry-play-mark{width:38px}.entry-join{flex-direction:column;align-items:start;gap:22px;padding-block:28px 35px}.entry-footer{flex-wrap:wrap;gap:20px;padding-block:26px}.entry-footer>p{order:3;max-width:none}.entry-invitation{padding-bottom:18px;margin-bottom:21px}.entry-invitation>a{font-size:10px;max-width:9ch;text-align:right}.entry-referral>small{font-size:10px}body.auth-page .auth-screen{grid-template-columns:1fr;gap:30px;min-height:0;padding:10px 0 16px;margin:0}body.auth-page .auth-world{padding:0!important;min-height:0}body.auth-page .auth-world-copy{max-width:none;margin:0}body.auth-page .auth-world-copy h1{max-width:20ch;font-size:28px}body.auth-page .auth-world-copy>p{font-size:13px;max-width:40ch;margin-top:12px}body.auth-page .auth-world .entry-album{max-width:235px;margin:20px 0 0;align-self:center}.entry-album.is-compact .entry-album-page{padding:8px;gap:8px}.entry-album.is-compact .entry-sample-copy{min-height:40px;padding:7px 5px;gap:4px}.entry-album.is-compact .entry-sample-copy strong{font-size:9px}.entry-album.is-compact .entry-sample-copy>span{font-size:7px}.entry-album.is-compact .entry-sample-art>span{display:none}.entry-album.is-compact .entry-sample-art>b{width:17px;height:17px;right:4px;top:4px;font-size:9px}body.auth-page .auth-form-pane{padding:26px 0 0;border-left:0;border-top:1px solid var(--theme-line,#34483a)}body.auth-page .auth-form-wrap{max-width:430px}body.auth-page .auth-form-wrap h2{font-size:25px}body.auth-page .auth-form-intro{margin-bottom:20px;font-size:13px}body.auth-page .auth-security{display:none}}
@media(prefers-reduced-motion:reduce){.entry-public *{scroll-behavior:auto!important;transition:none!important}.entry-button.is-primary:hover{transform:none}}

html:not(#_) body.auth-page .auth-screen{border:0!important;background:transparent!important;box-shadow:none!important}
html:not(#_) body.auth-page .auth-discord{background:var(--theme-accent,#bce8c8)!important;color:var(--theme-accent-text,#11251b)!important;border:0!important}
.entry-footer{flex-wrap:wrap}.entry-footer>nav{flex-wrap:wrap;row-gap:8px}.entry-image-credits{flex:1 0 100%;color:var(--entry-muted);font-size:10px}.entry-image-credits summary{cursor:pointer}.entry-image-credits p{margin-top:8px}.entry-image-credits a{text-decoration:underline;text-underline-offset:3px}.entry-flag{display:inline-block;width:22px;height:15px;border-radius:2px;overflow:hidden;vertical-align:middle;flex:none}.entry-flag svg{display:block;width:100%;height:100%}

/* connection-state.css */
html[data-app-loading],html:has(.connection-loading){overflow:hidden;scrollbar-gutter:auto}html[data-app-loading] body>*,body:has(.connection-loading)>*{visibility:hidden!important}.connection-loading,.connection-loading *{visibility:visible!important}.connection-loading{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;box-sizing:border-box;padding:24px;background:var(--theme-bg,var(--bg,#0b1913));color:var(--theme-text,#eef7f0);text-align:center}.connection-loading-content{display:grid;justify-items:center;gap:24px}.connection-loading-brand{display:flex;align-items:center;gap:11px}.connection-loading-brand img{display:block;width:44px;height:44px;flex:none}.connection-loading-brand>span{display:flex;align-items:baseline;font:700 29px/1 Sora,system-ui,sans-serif;letter-spacing:-1.4px}.connection-loading-brand i{display:block;width:6px;height:6px;margin-left:3px;border-radius:1px;background:#f4a38f}.connection-loading-track{width:160px;height:3px;border-radius:99px;overflow:hidden;background:color-mix(in srgb,var(--theme-text,#eef7f0) 12%,transparent)}.connection-loading-track>span{display:block;width:40%;height:100%;border-radius:inherit;background:var(--theme-accent,#c0e3ad);animation:popkard-loading-slide 1.45s ease-in-out -.35s infinite;will-change:transform}@keyframes popkard-loading-slide{from{transform:translateX(-110%)}to{transform:translateX(360%)}}@media(prefers-reduced-motion:reduce){.connection-loading-track>span{animation:none;transform:translateX(75%);will-change:auto}}
.connection-state{display:grid;place-items:center;box-sizing:border-box;min-height:calc(100svh - 210px);padding:32px 16px;text-align:center}
.connection-state-content{display:grid;justify-items:center;gap:18px;width:min(100%,520px)}
.connection-state-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:var(--theme-soft,#20372b);color:var(--theme-accent,#b8dd9b)}
.connection-state-icon .icon{width:26px;height:26px}
.connection-state h1{margin:0;font:700 clamp(23px,4vw,32px)/1.25 Sora,sans-serif;color:var(--theme-text,#eef5ef);text-wrap:balance}
.connection-state p{max-width:46ch;margin:0;color:var(--theme-muted,#a9c2b1);line-height:1.6;text-wrap:pretty}
.connection-state-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:8px}
@media(max-width:640px){.connection-state{min-height:calc(100svh - 160px)}.connection-state-actions{width:100%}.connection-state-actions .button{width:100%}}

/* chat-gifts.css */
.chat-gift{--gift-accent:var(--theme-accent,#b8dd9b);display:grid;grid-template-columns:minmax(0,1fr) 64px;grid-template-areas:"copy art" "actions actions";align-items:start;gap:14px 16px;box-sizing:border-box;width:min(100%,328px);min-width:0;margin:0;padding:12px 0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--theme-text,#eef5ef);text-align:left}
.chat-gift-art{grid-area:art;display:grid;place-items:center;width:64px;height:64px}
.chat-gift-art img{display:block;width:64px;height:64px;object-fit:contain}
.chat-gift-copy{grid-area:copy;display:grid;justify-items:start;align-content:start;gap:6px;min-width:0}
.chat-gift .chat-gift-from,.chat-gift-share>p,.chat-gift-create>p{margin:0;color:var(--theme-muted,#a9c2b1);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.chat-gift h3{margin:0;color:var(--theme-text,#eef5ef);font:700 18px/1.3 Sora,sans-serif;letter-spacing:-.03em}
.chat-gift .chat-gift-status{margin:0;color:var(--gift-accent);font-size:11px;font-weight:650;line-height:1.5;overflow-wrap:anywhere}
.chat-gift .chat-gift-hint{display:flex;align-items:flex-start;gap:6px;margin:0;color:var(--theme-muted,#a9c2b1);font-size:11px;line-height:1.5}
.chat-gift svg{flex:none;width:15px;height:15px}
.chat-gift-actions{grid-area:actions;display:grid;gap:8px;min-width:0}
.chat-gift .button{display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;width:100%;min-height:38px;max-width:100%;margin:0;padding:9px 12px;border-radius:7px;font-size:12px;font-weight:650;white-space:normal;text-wrap:balance;touch-action:manipulation}
.chat-gift .chat-gift-own{font-size:11px;font-weight:600;color:var(--theme-muted,#a9c2b1)}
.chat-gift.is-claimed .chat-gift-art{opacity:.55;filter:grayscale(.5)}
.chat-gift form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;width:100%}
.chat-gift form label{display:grid;gap:6px;min-width:0;font:650 14px/1.4 Sora,sans-serif}
.chat-gift input,.chat-gift-create input[type="number"],.chat-gift-create textarea,.chat-gift-share>input{box-sizing:border-box;min-width:0;max-width:100%;width:100%;border:1px solid var(--theme-line,#34513e);border-radius:7px;background:var(--theme-bg-alt,#0b1710);color:var(--theme-text,#eef5ef);font:inherit;padding:9px 10px}
.chat-gift :focus-visible,.chat-gift-create :focus-visible,.chat-gift-share :focus-visible{outline:2px solid var(--gift-accent,var(--theme-accent,#b8dd9b));outline-offset:3px}
.chat-gift-rarities [data-rarity]{--gift-rarity:#82b9f4}
.chat-gift-rarities [data-rarity="L"]{--gift-rarity:#ecc978}
.chat-gift-rarities [data-rarity="UR"]{--gift-rarity:#8be0d7}
.chat-gift-rarities [data-rarity="SR"]{--gift-rarity:#ec9aab}
.chat-gift-rarities i{display:inline-block;width:6px;height:6px;background:var(--gift-rarity);border-radius:2px;transform:rotate(45deg);flex:none}
html:not(#_) body .chat-message.is-gift-message{width:100%;max-width:406px;margin-right:auto;background:transparent;border-color:transparent;box-shadow:none}
html:not(#_) body .chat-message.is-gift-message::before,html:not(#_) body .chat-message.is-gift-message::after,html:not(#_) body .chat-message.is-gift-message>.chat-message-hover-highlight{display:none}
html:not(#_) body .chat-message.is-gift-message>.chat-content{min-width:0}
.modal:has(>.modal-content>.chat-gift){width:min(100%,364px);max-width:364px}
.modal:has(>.modal-content>.chat-gift)>.modal-header{padding:16px 18px}
.modal:has(>.modal-content>.chat-gift)>.modal-header h2{font-size:15px;line-height:1.4}
.modal:has(>.modal-content>.chat-gift)>.modal-content{padding:18px}
.modal-content>.chat-gift{width:100%;margin:0;padding:0}
.chat-gift-create{display:grid;gap:20px;color:var(--theme-text,#eef5ef)}
.chat-gift-create form{display:grid;gap:20px}
.chat-gift-create-top{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}
.chat-gift-mini{display:flex;gap:14px;align-items:center;padding:14px;border-radius:12px;background:var(--theme-bg-alt,#0b1710)}
.chat-gift-mini img{width:44px;height:66px;object-fit:contain;transform:rotate(-8deg)}
.chat-gift-mini strong{font:650 18px/1.2 Sora,sans-serif}
.chat-gift-create .staff-field{display:grid;gap:8px;font-size:13px;font-weight:600;color:var(--theme-text,#eef5ef)}
.chat-gift-create fieldset{min-width:0;margin:0;padding:0;border:0}
.chat-gift-create legend{margin-bottom:12px;font:650 13px/1.4 Sora,sans-serif}
.chat-gift-rarities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.chat-gift-rarities label{display:grid;gap:9px;min-width:0}
.chat-gift-rarities label>span{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--theme-muted,#a9c2b1)}
.chat-gift-create .chat-gift-note{margin:-10px 0 0;font-size:11px;line-height:1.5;color:var(--theme-muted,#a9c2b1)}
.chat-gift-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.chat-gift-modes label{position:relative;cursor:pointer}
.chat-gift-modes input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.chat-gift-modes label>span{display:grid;grid-template-columns:22px 1fr;gap:6px;padding:13px;border:1px solid var(--theme-line,#34513e);border-radius:12px;background:var(--theme-bg-alt,#0b1710)}
.chat-gift-modes svg{width:20px;height:20px;grid-row:span 2;color:var(--theme-muted,#a9c2b1)}
.chat-gift-modes strong{font-size:12px;font-weight:650}
.chat-gift-modes small{font-size:10.5px;line-height:1.5;color:var(--theme-muted,#a9c2b1)}
.chat-gift-modes input:checked+span{border-color:var(--theme-accent,#b8dd9b);background:var(--theme-soft,#20372b)}
.chat-gift-modes input:checked+span svg{color:var(--theme-accent,#b8dd9b)}
.chat-gift-modes input:focus-visible+span{outline:2px solid var(--theme-accent,#b8dd9b);outline-offset:3px}
.chat-gift-share{display:grid;justify-items:center;gap:20px}
.chat-gift-share>input{font-size:12px}
@media(max-width:540px){.chat-gift-create-top{gap:12px}.chat-gift-mini{padding:10px;gap:9px}.chat-gift-mini strong{font-size:14px}.chat-gift-rarities{grid-template-columns:1fr 1fr}.chat-gift-modes{grid-template-columns:1fr}.chat-gift .button{min-height:44px}.chat-gift form{grid-template-columns:1fr}.chat-gift input{font-size:16px}}
.chat-gift-rarities [data-rarity="C"]{--gift-rarity:#abb8b0}
.chat-gift-rarities [data-rarity="PC"]{--gift-rarity:#8cc9a2}
.chat-gift-rarities [data-rarity="U"] i{background:linear-gradient(135deg,#98e7d7,#ebacd3)}

.modal:has(.chat-gift-create){display:flex;flex-direction:column;overflow:hidden;max-height:calc(100dvh - 40px)}
.modal:has(.chat-gift-create)>.modal-header,.modal:has(.chat-gift-create)>.modal-footer{flex:none}
.modal:has(.chat-gift-create)>.modal-content{min-height:0;overflow:auto;overscroll-behavior:contain}

html:not(#_) body .chat-gif-expand,html:not(#_) body .chat-gif-expand:hover,html:not(#_) body .chat-gif-expand:hover .chat-gif{border:0!important;box-shadow:none!important}
html:not(#_) body .chat-gif-expand:not(:focus-visible),html:not(#_) body .chat-gif-expand:not(:focus-visible):hover{outline:0!important}
html:not(#_) body .chat-gif-expand:focus-visible{outline:2px solid var(--theme-accent,#a0d7ad);outline-offset:3px}

.modal:has(.chat-gift-create){width:min(680px,100%)}
.modal:has(.chat-gift-create)>.modal-content{padding:22px 24px}
.chat-gift-create{gap:16px}
.chat-gift-create form{gap:18px}
.chat-gift-editor-intro{display:flex;align-items:center;gap:14px}
.chat-gift-editor-intro img{flex:none;width:48px;height:48px}
.chat-gift-editor-intro p{margin:0;color:var(--theme-muted,#a9c2b1);font-size:12px;line-height:1.6}
.chat-gift-create-top{grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:end}
.chat-gift-create-top .staff-field{grid-template-columns:minmax(0,1fr) 80px;align-items:center;gap:12px}
.chat-gift-budget{display:grid;gap:4px;text-align:right;font-size:12px;color:var(--theme-muted,#a9c2b1)}
.chat-gift-budget strong{color:var(--theme-text,#eef5ef);font-weight:650}
.chat-gift-budget.is-invalid [data-gift-slots]{color:#f39a94}
.chat-gift-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px}
.chat-gift-editor-grid .chat-gift-rarities{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
.chat-gift-editor-grid .chat-gift-rarities label{display:grid;grid-template-columns:minmax(0,1fr) 68px;gap:12px;align-items:center;min-height:34px}
.chat-gift-editor-grid .chat-gift-rarities label>span{font-size:12px;color:var(--theme-text,#eef5ef)}
.chat-gift-rarities label small{margin-left:auto;color:var(--theme-muted,#a9c2b1);font-size:10px}
.chat-gift-editor-grid .chat-gift-rarities input{padding:7px 9px;font-size:13px;text-align:center;font-variant-numeric:tabular-nums}
.chat-gift-editor-grid .chat-gift-modes{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}
.chat-gift-editor-grid .chat-gift-modes label>span{padding:10px;border-radius:8px;grid-template-columns:18px minmax(0,1fr);gap:3px 7px}
.chat-gift-editor-grid .chat-gift-modes svg{width:16px;height:16px}
.chat-gift-editor-grid .chat-gift-modes small{grid-column:2;font-size:10px;line-height:1.5}
.chat-gift-create .chat-gift-note{margin:0;font-size:11px;line-height:1.6}
.chat-gift-create textarea{resize:vertical;min-height:64px}
.chat-gift-error{margin:0;color:#f39a94;font-size:12px;line-height:1.6}
.chat-gift-error[hidden]{display:none}
.chat-gift-secret{margin:0;color:var(--theme-muted,#a9c2b1);font-size:11px;line-height:1.5}
@media(max-width:540px){.modal:has(.chat-gift-create)>.modal-content{padding:18px}.chat-gift-create-top{grid-template-columns:minmax(0,1fr);gap:12px}.chat-gift-budget{display:flex;justify-content:space-between;text-align:left}.chat-gift-editor-grid{grid-template-columns:minmax(0,1fr);gap:22px}.chat-gift-editor-grid .chat-gift-rarities input{font-size:16px}.chat-gift-editor-grid .chat-gift-modes{grid-template-columns:1fr 1fr}.chat-gift-editor-grid .chat-gift-modes label>span{height:100%;box-sizing:border-box}.chat-gift-editor-grid .chat-gift-modes strong{font-size:11px}}

.chat-gift-create-top{align-items:center}.chat-gift-budget{align-self:center;align-items:center;min-width:130px;text-align:center}

.gift-code-panel{display:grid;gap:20px;color:var(--theme-text,#eef5ef)}
.gift-code-intro{display:flex;align-items:center;gap:16px}
.gift-code-intro img{flex:none;width:64px;height:64px}
.gift-code-intro p,.gift-code-note,.profile-gift-codes p{margin:0;color:var(--theme-muted,#a9c2b1);font-size:13px;line-height:1.7}
.gift-code-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gift-code-choice{display:grid;justify-items:start;gap:10px;min-width:0;padding:18px;border:1px solid var(--theme-line,#34513e);border-radius:10px;background:var(--theme-bg-alt,#101b15);color:var(--theme-text,#eef5ef);font:inherit;cursor:pointer}
.gift-code-choice strong{font-size:15px}.gift-code-choice span{font-size:18px;font-weight:700}
.gift-code-choice.is-selected{border-color:var(--theme-accent,#a0d7ad);background:var(--theme-soft,#20372b)}
.gift-code-text{align-self:center;box-sizing:border-box;min-height:36px;padding:6px 0;border:0;background:transparent;color:var(--theme-muted,#a9c2b1);font:600 12px/1.5 Plus Jakarta Sans,sans-serif;text-align:left;cursor:pointer}
.gift-code-text:hover{color:var(--theme-text,#eef5ef)}
body .booster-gift-tier .gift-code-text{margin-top:0;width:auto;text-align:center;text-decoration:underline;text-underline-offset:4px}
.gift-code-error{margin:0;color:#f39a94;font-size:12px;line-height:1.5}.gift-code-error[hidden]{display:none}
.gift-code-note{font-size:12px}.gift-code-choice:focus-visible,.gift-code-text:focus-visible{outline:2px solid var(--theme-accent,#a0d7ad);outline-offset:3px}
.profile-gift-codes{display:grid;gap:12px;margin-top:28px;padding-top:24px;border-top:1px solid var(--theme-line,#34513e)}
.profile-gift-codes summary{font:650 17px/1.5 Sora,sans-serif;cursor:pointer}.profile-gift-codes details>p{margin:12px 0}
.gift-code-history ol{list-style:none;margin:0;padding:0}.gift-code-history li{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--theme-line,#34513e)}
.gift-code-history li>div{display:grid;gap:6px;min-width:0}.gift-code-history strong{font-size:14px}.gift-code-history span,.gift-code-history small{font-size:12px;color:var(--theme-muted,#a9c2b1);overflow-wrap:anywhere}
.gift-code-history-actions{justify-items:end}.gift-code-history-actions .button{font-size:12px;min-height:36px}
.gift-code-redeem label{display:grid;gap:12px;font-size:13px;line-height:1.6;color:var(--theme-muted,#a9c2b1)}
.gift-code-redeem input{min-width:0;width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--theme-line,#34513e);border-radius:8px;background:var(--theme-bg-alt,#101b15);color:var(--theme-text,#eef5ef);font:inherit;font-size:16px}
@media(max-width:540px){.gift-code-history li{align-items:start;gap:12px}.gift-code-choices{gap:10px}.gift-code-choice{padding:14px}.gift-code-choice strong{font-size:13px}}

.gif-favorite-item{position:relative;width:fit-content;max-width:100%;margin:4px 0 0}
body .chat-content .gif-favorite-item>.chat-gif-expand{margin:0}
.gif-favorite-item .gif-favorite-star{position:absolute;top:7px;left:7px;z-index:2;display:grid;place-items:center;width:30px;height:30px;min-height:0;padding:0;border:0;border-radius:7px;background:#101613dd;color:#f2f5ed;box-shadow:none;opacity:0;cursor:pointer;transition:opacity .12s;touch-action:manipulation}
.gif-favorite-item:hover>.gif-favorite-star,.gif-favorite-item:has(>.gif-favorite-star:focus-visible)>.gif-favorite-star{opacity:1}
.gif-favorite-star.is-saved{color:#f0cd78}.gif-favorite-star.is-saved svg{fill:currentColor}.gif-favorite-star:focus-visible{outline:2px solid #f0cd78;outline-offset:2px}
.gif-favorites-toolbar{display:flex;justify-content:flex-start;padding:0 0 10px}
.gif-favorites-toolbar button{display:flex;align-items:center;gap:7px;min-height:34px;padding:6px 9px;border:0;border-radius:7px;background:transparent;color:var(--theme-muted,#a9c2b1);font:600 12px/1.4 Plus Jakarta Sans,sans-serif;cursor:pointer}
.gif-favorites-toolbar button[aria-pressed="true"]{background:var(--theme-soft,#20372b);color:var(--theme-text,#eef5ef)}
.gif-favorites-toolbar button:focus-visible{outline:2px solid var(--theme-accent,#a0d7ad);outline-offset:2px}
.chat-gif-grid>.gif-favorite-item.is-pick{width:100%;margin:0;min-width:0}.chat-gif-grid>.gif-favorite-item.is-pick>.chat-gif-pick{width:100%;height:100%}
@media(hover:none){.gif-favorite-item .gif-favorite-star{opacity:1;width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.gif-favorite-item .gif-favorite-star{transition:none}}

.chat-gift-create .chat-gift-create-top>.staff-field{margin:0;padding:0;min-height:44px}
.chat-gift-create .chat-gift-create-top>.staff-field input{margin:0;height:44px}
.chat-gift-create .chat-gift-create-top>.chat-gift-budget{margin:0;padding:0;min-height:44px;align-self:center;justify-content:center}

html:not(#_) body .chat-message.is-gift-message,html:not(#_) body .chat-message.is-gift-message:hover{margin-top:12px;margin-bottom:12px;padding:12px;border:1px solid var(--theme-line,#34513e)!important;border-radius:10px;background:transparent!important;box-shadow:none!important;animation:none}
html:not(#_) body .chat-message.is-gift-message .chat-gift{padding-bottom:0}
.profile-quicklinks button:is([data-action="gift-code-redeem"],[data-action="gift-code-history"]){display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0;border:0;background:transparent;color:var(--theme-text,#d7e4d5);font:inherit;font-size:14px;text-align:left;cursor:pointer}
.profile-quicklinks button:is([data-action="gift-code-redeem"],[data-action="gift-code-history"]):hover{color:var(--theme-accent,#a0d7ad)}
.profile-quicklinks button:is([data-action="gift-code-redeem"],[data-action="gift-code-history"]):focus-visible{outline:2px solid var(--theme-accent,#a0d7ad);outline-offset:3px}
.gif-favorite-star:hover{color:#f0cd78}.gif-favorite-star:hover svg{fill:currentColor}
.chat-gif-grid>.chat-gif-cat.is-favorites{display:flex;align-items:center;justify-content:center;background:var(--theme-soft,#20372b);color:var(--theme-text,#eef5ef)}
.chat-gif-grid>.chat-gif-cat.is-favorites>svg{width:28px;height:28px;margin-bottom:18px;color:#f0cd78;fill:#f0cd7830}

body .chat-content .gif-favorite-item>.chat-gif-expand{display:block;width:fit-content;max-width:min(260px,100%);max-height:204px;padding:0;margin:0;border:0;border-radius:10px;background:transparent;overflow:hidden;cursor:pointer;line-height:0}
body .chat-content .gif-favorite-item>.chat-gif-expand>.chat-gif{display:block;max-width:100%;max-height:200px;margin:0;border-radius:inherit;object-fit:contain}

.chat-gif-grid>.chat-gif-cat.is-favorites{display:block;background:var(--theme-bg-alt,#101b15)}
.chat-gif-grid>.chat-gif-cat.is-favorites>img{display:block;width:100%;height:100%;max-height:none;margin:0;border-radius:inherit;object-fit:cover}

.gift-code-choice[data-sku="boosters-400"]{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center}

/* chat-desktop.css */
.chat-topbar-description{display:none}
@media(min-width:761px){
 body:has(:is(.chat-page,.dm-page)){height:100dvh;overflow:hidden}
 body:has(:is(.chat-page,.dm-page)) .app-footer{display:none}
 body:has(:is(.chat-page,.dm-page)) #main{width:100%;max-width:none;min-height:0;margin:0;padding:0}
 body:has(:is(.chat-page,.dm-page)) #page-content{width:100%;max-width:none;min-height:0;overscroll-behavior:contain}
 body:has(:is(.chat-page,.dm-page)) :is(.chat-page,.dm-page){width:100%;max-width:none;margin:0}
 body:has(:is(.chat-page,.dm-page)) :is(.chat-page,.dm-page)>.page-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
 body:has(:is(.chat-page,.dm-page)) .topbar .breadcrumb{display:grid;align-content:center;gap:2px;min-width:0;flex:1}
 body:has(:is(.chat-page,.dm-page)) .topbar #page-label{font:650 18px/1.3 Sora,sans-serif;letter-spacing:-.03em}
 body:has(:is(.chat-page,.dm-page)) .chat-topbar-description{display:block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--theme-muted,#a9c2b1);font-size:11px;line-height:1.4}
 body:has(:is(.chat-page,.dm-page)) .chat-panel{width:100%;max-width:none;min-height:0;max-height:none;margin:0;border:0;border-radius:0}
 body:has(.dm-page) .dm-layout{width:100%;max-width:none;margin:0;gap:0;grid-template-columns:280px minmax(0,1fr)}
 body:has(.dm-page) .dm-layout>.dm-thread,body:has(.dm-page) .dm-layout>.dm-sidebar{max-height:none;min-height:0;margin:0;border:0;border-radius:0}
 body:has(.dm-page) .dm-layout>.dm-sidebar{border-right:1px solid var(--theme-line,#34513e)}
}

body:has(:is(.chat-page,.dm-page)) .chat-topbar-description[hidden]{display:none}

/* pull-notice.css */
.legendary-toast.is-unique-pull .legendary-toast-kicker{color:#b9e9e9}
.legendary-toast.is-unique-pull .legendary-toast-copy strong{color:#f5fbf8;text-shadow:0 1px 2px #0009}
.legendary-toast.is-unique-pull .legendary-toast-copy p{color:#e0dfef}
.legendary-toast.is-unique-pull .legendary-toast-close{color:#e7f7f2;background:#ffffff12}

/* gif-picker.css */
body .chat-popover.gif-favorite-frame{box-sizing:border-box;overflow:hidden}
body .chat-popover.gif-favorite-frame>.chat-gif-picker{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}
body .chat-popover.gif-favorite-frame .chat-gif-head{flex:none}
body .chat-popover.gif-favorite-frame .gif-favorite-scroll{flex:1 1 0;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
body .chat-popover.gif-favorite-frame .gif-favorite-scroll>.chat-gif-grid{display:block;flex:none;width:100%;height:auto;min-height:0;max-height:none;overflow:visible}
body .chat-gif-grid>.gif-favorite-item.is-pick{display:inline-block;box-sizing:border-box;width:100%;min-width:0;height:auto;margin:0 0 6px;break-inside:avoid;vertical-align:top}
body .chat-gif-grid>.gif-favorite-item.is-pick>.chat-gif-pick{display:block;width:100%;height:auto;min-height:0;margin:0;aspect-ratio:auto}
body .chat-gif-grid>.gif-favorite-item.is-pick>.chat-gif-pick img{display:block;width:100%;height:auto;object-fit:contain}
body .chat-gif-pick:not(:focus-visible),body .chat-gif-pick:not(:focus-visible):hover{border:0!important;outline:0!important;box-shadow:none!important}
body .chat-gif-pick:focus-visible{outline:2px solid var(--theme-text,#eef5ef);outline-offset:2px}

body .chat-gif-head .chat-gif-back[hidden]{display:inline-flex;visibility:hidden;pointer-events:none}

.gif-favorite-item.is-pick>.gif-favorite-star{left:auto;right:7px}
body .chat-content .gif-favorite-item>.chat-gif-expand>.chat-gif{width:auto;height:auto;max-width:100%;max-height:200px;min-height:0}

body .chat-popover.gif-favorite-frame .gif-favorite-scroll>.chat-gif-grid.is-categories{display:grid}

body .chat-popover[data-kind="gif"]{scrollbar-gutter:stable}
body .chat-gif-head .chat-gif-back[hidden]{display:inline-flex!important}

/* chat-hunt-lock.css */
.chat-panel.is-popz-hunt>:not(.chat-drop-pet){pointer-events:none;user-select:none}
.chat-panel.is-popz-hunt .chat-message-actions,.chat-panel.is-popz-hunt .chat-msg-actions{visibility:hidden}
.chat-panel.is-popz-hunt .chat-form{opacity:.45}
body.has-chat-hunt #chat-popover,body.has-chat-hunt .chat-react-menu{display:none!important}

.chat-message.is-pending .chat-content{opacity:.65}

/* companion-autonomy.css */
.autonomy-shop{margin:32px 0 48px;scroll-margin-top:110px;color:var(--text)}
.autonomy-shop>header{max-width:760px;margin-bottom:24px}.autonomy-shop h2,.autonomy-control h2{font-family:Sora,sans-serif;font-size:clamp(19px,2.2vw,27px);letter-spacing:-.045em;margin:0 0 10px}.autonomy-shop p,.autonomy-control p{color:var(--muted);font-size:13px;line-height:1.7;margin:8px 0}
.autonomy-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.autonomy-offer{overflow:hidden;border-radius:18px;background:var(--panel);border:1px solid var(--line);min-width:0}.autonomy-pet-scene{position:relative;height:205px;background:radial-gradient(ellipse at 50% 85%,color-mix(in srgb,#66c4d7 13%,transparent),transparent 65%)}
.autonomy-pet-scene .creature-view,.autonomy-mini-scene .creature-view{display:block;position:relative;width:100%;height:100%;isolation:isolate}.autonomy-pet-scene canvas,.autonomy-mini-scene canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.autonomy-pet-scene .creature-fallback,.autonomy-mini-scene .creature-fallback{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.autonomy-pet-scene .creature-fallback img,.autonomy-mini-scene .creature-fallback img{width:100%;height:100%;object-fit:contain}.autonomy-shop .rendered .creature-fallback,.autonomy-control .rendered .creature-fallback{display:none}
.autonomy-specialist{position:absolute;left:16px;top:15px;display:inline-flex;gap:6px;align-items:center;font-size:11px;font-weight:700;color:#a5d0ff;background:color-mix(in srgb,var(--panel) 88%,transparent);padding:6px 9px;border-radius:7px}.autonomy-specialist .icon{width:13px;height:13px}.autonomy-offer-copy{padding:18px 20px 22px}.autonomy-offer-copy h3{font-family:Sora,sans-serif;font-size:17px;margin:0}.autonomy-offer-copy p{min-height:45px;margin:9px 0 18px}.autonomy-offer-copy .button{width:100%;white-space:normal;min-height:44px}
.autonomy-care{margin:24px 0 0;padding:24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:32px;background:var(--panel);border:1px solid var(--line);border-radius:18px}.autonomy-care h3{margin:0;font-family:Sora,sans-serif;font-size:19px}.autonomy-care-body{min-width:0;display:grid;gap:16px}.autonomy-select{display:grid;gap:7px;min-width:0;font-size:12px;font-weight:600}.autonomy-select wa-select{width:100%;min-width:0}.autonomy-health>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:11px;color:var(--muted);flex-wrap:wrap}.autonomy-health strong{color:var(--text);font-size:12px}.autonomy-health meter{display:block;width:100%;height:9px;margin-top:8px;appearance:none;background:color-mix(in srgb,var(--text) 10%,transparent);border:0;border-radius:8px;overflow:hidden}.autonomy-health meter::-webkit-meter-bar{background:color-mix(in srgb,var(--text) 10%,transparent);border:0;border-radius:8px}.autonomy-health meter::-webkit-meter-optimum-value{background:#83c9b1;border-radius:8px}.autonomy-health meter::-moz-meter-bar{background:#83c9b1;border-radius:8px}.autonomy-health.is-ko strong{color:#ed9a98}
.autonomy-buttons{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.autonomy-buttons .button{min-height:42px;white-space:normal;line-height:1.4}.autonomy-training{display:flex;align-items:flex-start;gap:10px;max-width:850px;margin:20px 0!important}.autonomy-training>.icon{flex:0 0 20px;margin-top:3px}.autonomy-shop>.button{display:inline-flex;gap:8px}
.autonomy-control{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:22px;margin:20px 0 28px;color:var(--text)}.autonomy-control>header{display:flex;align-items:flex-start;gap:14px}.autonomy-control>header>div{flex:1;min-width:0}.autonomy-control h2{font-size:19px;margin:0 0 6px}.autonomy-control header p{font-size:12px;margin:0;max-width:780px}.autonomy-control-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.autonomy-control-icon .icon{width:19px;height:19px}.autonomy-status{font-size:11px;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;padding-top:8px;color:var(--muted)}.autonomy-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.autonomy-status.is-running{color:#83c9b1}
.autonomy-control-body{display:grid;grid-template-columns:minmax(230px,1fr) minmax(0,1.3fr);gap:24px;margin-top:22px}.autonomy-current-pet{display:grid;grid-template-columns:94px minmax(0,1fr);gap:12px;align-items:center}.autonomy-mini-scene{height:126px;min-width:0}.autonomy-current-pet p{font-size:11px;line-height:1.5}.autonomy-mission{min-width:0;border-left:1px solid var(--line);padding-left:24px}.autonomy-pay{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;cursor:pointer}.autonomy-pay input{appearance:auto;accent-color:var(--accent);width:17px;height:17px;margin:2px 0 0;flex:0 0 17px}.autonomy-hint{font-size:11px!important;max-width:650px;margin:8px 0 14px!important}.autonomy-pause-reason{font-size:12px;line-height:1.6;color:var(--muted);margin:14px 0 0}.autonomy-shop-link{display:inline-flex;gap:7px;align-items:center;margin-top:18px;font-size:12px;color:var(--text)}.autonomy-shop-link .icon{width:15px;height:15px}
.autonomy-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}.autonomy-stats>div{display:grid;gap:3px;min-width:0}.autonomy-stats strong{font-family:Sora,sans-serif;font-size:21px;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--text);overflow-wrap:anywhere}.autonomy-stats span{font-size:11px;color:var(--muted)}.autonomy-loading{padding:18px;color:var(--muted);font-size:13px;display:flex;align-items:center;gap:14px}.autonomy-brief{max-width:600px;color:var(--text)}.autonomy-brief>header{display:flex;align-items:center;gap:12px}.autonomy-brief>header>.icon{width:26px;height:26px;color:var(--accent)}.autonomy-brief h3{font-family:Sora,sans-serif;font-size:17px;margin:0 0 4px}.autonomy-brief header span{font-size:12px;color:var(--muted)}.autonomy-dialogue{margin:22px 0;display:grid;gap:10px}.autonomy-dialogue p{margin:0;padding:13px 16px;border-radius:2px 14px 14px 14px;background:color-mix(in srgb,var(--accent) 8%,var(--panel));font-size:14px;line-height:1.65}.autonomy-brief-stats{border-top:1px solid var(--line);padding-top:20px;row-gap:20px}.autonomy-brief>.button{margin-top:20px;width:100%}
@media(max-width:760px){.autonomy-offers{gap:12px;grid-template-columns:1fr}.autonomy-offer{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center}.autonomy-pet-scene{height:180px}.autonomy-specialist{left:10px;top:9px;font-size:9px;padding:5px;gap:3px}.autonomy-specialist .icon{width:11px}.autonomy-offer-copy{padding:18px 14px 18px 0}.autonomy-offer-copy h3{font-size:15px}.autonomy-offer-copy p{min-height:0;font-size:11px;margin:8px 0 12px}.autonomy-care{grid-template-columns:1fr;gap:18px;padding:20px}.autonomy-control{padding:18px}.autonomy-control-body{grid-template-columns:1fr;gap:18px}.autonomy-mission{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.autonomy-control>header{flex-wrap:wrap;gap:10px}.autonomy-control>header>div{flex-basis:calc(100% - 48px)}.autonomy-status{padding-top:0;margin-left:48px}.autonomy-current-pet{grid-template-columns:75px minmax(0,1fr)}.autonomy-mini-scene{height:114px}.autonomy-stats{gap:12px}.autonomy-stats strong{font-size:19px}.autonomy-brief-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.autonomy-control .autonomy-buttons>.button{flex:1}.autonomy-shop>header{margin-bottom:18px}.autonomy-shop h2{font-size:23px}.autonomy-care .autonomy-buttons>.button{flex:1}}

.autonomy-shop .button:disabled,.autonomy-control .button:disabled{background:color-mix(in srgb,var(--text) 5%,var(--panel));color:var(--muted);border-color:var(--line);box-shadow:none}
.autonomy-pay input{appearance:none;display:grid;place-items:center;border:1px solid var(--line);background:var(--bg);border-radius:5px;cursor:pointer}.autonomy-pay input:checked{background:var(--accent);border-color:var(--accent)}.autonomy-pay input:checked:after{content:"✓";font-size:13px;font-weight:800;color:var(--bg);line-height:1}.autonomy-pay input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.companion-care-packs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:22px 0}.companion-care-pack{display:grid;grid-template-columns:88px minmax(0,1fr);gap:20px;align-items:center;background:var(--panel);border-radius:16px;padding:24px;color:var(--text)}.companion-care-art{height:100px;display:grid;place-items:center;position:relative;color:#8bd5c0;background:color-mix(in srgb,#8bd5c0 9%,transparent);border-radius:20px}.companion-care-art.is-revive{color:#e3bb80;background:color-mix(in srgb,#e3bb80 9%,transparent)}.companion-care-art>.icon{width:42px;height:42px}.companion-care-art>span{position:absolute;bottom:8px;right:10px;font-size:12px;font-weight:700}.companion-care-pack h3{margin:0;font:700 19px Sora,sans-serif;letter-spacing:-.04em}.companion-care-pack p{font-size:12px;line-height:1.7;color:var(--muted);margin:8px 0}.companion-care-pack small{font-size:11px;color:var(--muted)}.companion-care-pack>.button{grid-column:1/-1;justify-self:end;min-height:42px}.companion-care-owned{display:grid;grid-template-columns:100px minmax(180px,1fr) auto;gap:24px;align-items:center;margin:28px 0;padding:20px 24px;background:var(--panel);border-radius:16px;max-width:100%;color:var(--text)}.companion-care-identity{max-width:480px;min-width:0;display:grid;gap:10px}.companion-care-identity>span{font-size:11px;color:var(--muted)}.companion-care-actions{display:grid;gap:8px;min-width:180px}.companion-care-actions>.button{font-size:12px;min-height:40px}.companion-care-actions>.autonomy-shop-link{background:none;border:0;justify-content:center;cursor:pointer;margin:0;padding:8px;font-size:11px}.companion-care-owned .rendered .creature-fallback{display:none}.cosmetics-section:has([data-cosmetic-category="care"]:not([hidden])) .shop-explorer{display:none}
@media(max-width:700px){.companion-care-packs{grid-template-columns:1fr;gap:12px}.companion-care-pack{padding:20px}.companion-care-owned{grid-template-columns:70px minmax(0,1fr);gap:16px;padding:18px}.companion-care-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;min-width:0}.companion-care-actions>.autonomy-shop-link{grid-column:1/-1}.companion-care-owned .autonomy-mini-scene{height:100px}}
.arena-topline>[data-companion-autonomy="fight"]{margin-left:auto;min-width:0}.arena-auto-settings{position:relative;text-align:left}.arena-auto-settings>summary{display:flex;align-items:center;gap:8px;list-style:none;padding:9px 12px;border-radius:9px;background:color-mix(in srgb,var(--text) 7%,transparent);color:var(--text);font-size:11px;cursor:pointer;white-space:nowrap}.arena-auto-settings>summary::-webkit-details-marker{display:none}.arena-auto-settings>summary:hover{background:color-mix(in srgb,var(--accent) 15%,transparent)}.arena-auto-settings>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.arena-auto-settings .icon{width:16px;height:16px}.arena-auto-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:45;width:min(320px,calc(100vw - 64px));padding:18px;display:grid;gap:16px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 34px #0005}.arena-auto-menu>strong{font-size:12px}.arena-auto-menu p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}.arena-auto-menu>.button{width:100%;min-height:40px;font-size:12px}.arena-auto-menu input[type="radio"]{border-radius:50%;appearance:auto;accent-color:var(--accent)}.arena-auto-history{display:flex;justify-content:flex-end;margin:10px 0}.arena-auto-history .button{font-size:12px}.arena-companion-director{display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 14px 12px}.arena-companion-director img{object-fit:contain}.arena-companion-director>div{display:grid;gap:4px}.arena-companion-director strong{font-size:12px;color:var(--text)}.arena-companion-director span{font-size:11px;color:var(--muted)}.arena-live-companion{display:flex;align-items:center;gap:8px;max-width:100%;margin:10px 0 0;text-align:left}.arena-live-companion img{flex:0 0 30px;width:30px;height:30px;object-fit:contain}.arena-live-companion>span{display:grid;gap:3px;min-width:0;font-size:10px;color:var(--text);line-height:1.4}.arena-live-companion small{font-size:9px;color:var(--muted)}
@media(max-width:600px){.arena-topline{flex-wrap:wrap}.arena-topline>[data-companion-autonomy="fight"]{margin-left:auto}.arena-auto-settings>summary{padding:8px;font-size:10px}.arena-auto-menu{right:0}.arena-companion-director{padding-bottom:6px}}
.arena-auto-next{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:14px 0;color:var(--muted);font-size:12px}.arena-auto-next .button{font-size:12px}.arena-auto-menu input[type="radio"]:checked:after{content:none}.arena-auto-menu .autonomy-pay{padding:0;letter-spacing:normal;text-transform:none}
@media(max-width:600px){.arena-topline>[data-companion-autonomy="fight"]{order:5;flex-basis:100%;display:flex;justify-content:flex-end}.arena-auto-menu{width:min(300px,calc(100vw - 80px))}}
.arena-topline{position:relative;z-index:6}.arena-topline:has([data-companion-autonomy="fight"]) .arena-flag{margin-left:0}.arena-auto-settings{z-index:7}.arena-auto-menu{font-weight:400}
.arena-live-watch{display:block;width:100%;border:0;border-radius:inherit;background:transparent;color:inherit;font:inherit;text-align:inherit;padding:0;cursor:pointer;box-shadow:none}.arena-live-watch:hover{background:color-mix(in srgb,var(--text) 5%,transparent);border:0;box-shadow:none}.arena-live-watch:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.arena-live-watch-label{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:10px;color:var(--arena-muted,var(--muted))}.arena-live-watch-label .icon{width:13px;height:13px}.arena-live-companion{display:grid;justify-items:center;align-content:start;gap:4px;width:44px;max-width:44px;margin:10px auto 0;text-align:center}.arena-live-companion .arena-live-pet-icon{position:relative;width:36px;height:36px;display:block}.arena-live-companion img{display:block;width:36px;height:36px;object-fit:contain}.arena-live-pet-status{position:absolute;right:-1px;bottom:0;width:8px;height:8px;border-radius:50%;background:#83c9b1;box-shadow:0 0 0 2px var(--arena-felt,var(--panel))}.arena-live-pet-status.is-ko{background:#e88988}.arena-live-pet-status.is-resting{background:#a6aaa8}.arena-live-pet-status.is-spell{background:#d5b0f0}.arena-live-pet-status.is-guard{background:#8cb9e8}.arena-live-companion .arena-live-pet-health{display:block;width:36px;height:4px;border-radius:3px;background:#ffffff20;overflow:hidden}.arena-live-pet-health>i{display:block;height:100%;border-radius:inherit;background:#83c9b1}.arena-live-companion>small{margin:0;color:var(--arena-muted,var(--muted));font-size:9px;font-variant-numeric:tabular-nums;line-height:1.2}.arena-live-fighter{min-width:0}.arena-live-fighter>strong{max-width:100%;overflow-wrap:anywhere}
.arena-spectator-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:10px 0 20px;scroll-margin-top:90px}.arena-spectator-header>span{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:12px}.arena-spectator-header .icon{width:16px;height:16px}.arena-spectator-back{display:flex;align-items:center;gap:8px;min-height:42px}.arena-spectator-owner{display:flex;justify-content:center;align-items:center;gap:12px;color:var(--arena-cream,var(--text));min-width:0}.arena-spectator-owner>strong{font-size:13px;overflow-wrap:anywhere}.arena-spectator-owner .arena-live-companion{margin:0}.arena-spectator-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-top:1px solid #ffffff18;padding:14px 0 0}.arena-spectator-actions>span{display:flex;justify-content:center;align-items:center;gap:7px;font-size:11px;line-height:1.5;padding:10px 8px;border-radius:8px;color:var(--arena-muted,var(--muted));text-align:center}.arena-spectator-actions .is-current{background:#ffffff12;color:var(--arena-cream,var(--text))}.arena-spectator-actions .icon{width:18px;height:18px;flex:0 0 18px}.arena-spectator-result{display:flex;justify-content:center;align-items:center;gap:10px;padding:18px 10px;color:var(--arena-cream,var(--text))}.arena-spectator-result.is-won{color:#ade2b6}.arena-spectator-reconnect{text-align:center;color:var(--muted);font-size:12px}.arena-spectator-board .arena-lane{min-width:0}.arena-autonomy-nav{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;position:relative;width:23px;height:23px;flex:0 0 23px;color:#91d4b8;background:#91d4b817;border-radius:7px}.nav-link .arena-autonomy-nav .icon{width:14px;height:14px;margin:0}.arena-autonomy-nav:after{content:"";position:absolute;right:-1px;top:-1px;width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 0 2px var(--panel)}.autonomy-brief{margin-inline:auto;width:100%}
@media(max-width:600px){.arena-spectator-header{gap:8px;flex-wrap:wrap}.arena-spectator-header>span{font-size:10px}.arena-spectator-back{font-size:11px}.arena-spectator-actions{gap:5px}.arena-spectator-actions>span{flex-direction:column;font-size:10px;padding:8px 3px}}
.arena-auto-menu{gap:14px;padding:18px;width:min(340px,calc(100vw - 64px));border:0;border-radius:14px;background:var(--panel);box-shadow:0 16px 48px #0008,0 0 0 1px #ffffff0c;max-height:min(520px,calc(100dvh - 150px));overflow-y:auto;overscroll-behavior:contain}.arena-auto-pet{display:flex;align-items:center;gap:10px;min-width:0;padding-bottom:14px;border-bottom:1px solid #ffffff12}.arena-auto-pet img{object-fit:contain;flex:0 0 38px}.arena-auto-pet>div{display:grid;gap:4px;min-width:0}.arena-auto-pet strong{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.arena-auto-pet>div>span{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.arena-auto-running{margin-left:auto;flex-shrink:0;font-size:9px;color:#91d4b8}.arena-auto-running:before{content:"";display:inline-block;width:5px;height:5px;margin-right:5px;background:currentColor;border-radius:50%}.arena-auto-options{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#0003;border-radius:10px}.arena-auto-options>label{position:relative;cursor:pointer;margin:0;padding:0}.arena-auto-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.arena-auto-options span{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border-radius:7px;font-size:11px;color:var(--muted);transition:background-color .15s,color .15s}.arena-auto-options input:checked+span{background:color-mix(in srgb,var(--accent) 14%,var(--panel));color:var(--text)}.arena-auto-options input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.arena-auto-options input:hover+span{color:var(--text)}.arena-auto-menu .arena-auto-explanation{font-size:11px;line-height:1.6;min-height:36px;margin:-3px 2px 0}.arena-auto-pay{display:flex;align-items:center;gap:14px;padding:12px 0;margin:0;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;cursor:pointer;text-align:left}.arena-auto-pay>span{display:grid;gap:4px;flex:1;min-width:0}.arena-auto-pay strong{font-size:12px;font-weight:600}.arena-auto-pay small{font-size:10px;font-weight:400;line-height:1.6;color:var(--muted)}.arena-auto-pay input{appearance:none;width:34px;height:20px;flex:0 0 34px;border:0;border-radius:20px;background:#ffffff28;cursor:pointer;position:relative;margin:0}.arena-auto-pay input:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;left:3px;top:3px;transition:transform .15s}.arena-auto-pay input:checked{background:var(--accent)}.arena-auto-pay input:checked:after{transform:translateX(14px)}.arena-auto-pay input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.arena-auto-story{display:flex;justify-content:center;align-items:center;gap:7px;background:none;border:0;color:var(--muted);font-size:11px;min-height:32px;cursor:pointer}.arena-auto-story:hover{color:var(--text)}.arena-auto-story:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.arena-audience{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px;color:var(--arena-muted,var(--muted));font-weight:500}.arena-audience .icon{width:14px;height:14px}.arena-audience[data-watching="true"]{color:var(--arena-cream,var(--text))}@media(prefers-reduced-motion:reduce){.arena-auto-options span,.arena-auto-pay input:after{transition:none}}
.arena-battle:has(.arena-auto-settings[open]) .arena-topline{z-index:40}.arena-live-watch[aria-busy="true"] .arena-live-watch-label{opacity:.6}.arena-spectating .arena-main{overflow-anchor:none}.arena-spectator-board{scroll-margin-top:90px}
@media(max-width:640px){.arena-battle .arena-topline{flex-wrap:wrap;row-gap:9px}.arena-battle .arena-topline>.arena-audience{margin-left:auto;font-size:9px;flex:none}.arena-battle .arena-topline>[data-companion-autonomy="fight"]{order:5;flex:1 0 calc(100% - 42px);display:flex;justify-content:flex-end;margin-left:0}.arena-battle .arena-topline>.arena-flag{order:6;margin-left:0}.arena-battle .arena-topline .arena-auto-settings>summary{min-height:32px}.arena-battle .arena-topline .arena-chip{max-width:calc(100% - 130px)}}
@media(max-width:640px){.arena-battle .arena-topline .arena-auto-menu{width:min(340px,calc(100vw - 80px))}.arena-battle .arena-topline:has(>.arena-flag) .arena-auto-menu{right:-38px}}

.autonomy-lesson{display:grid;gap:7px;margin:8px 0 18px;color:var(--text)}.autonomy-lesson>strong{font-size:12px;font-weight:600}.autonomy-lesson>p{margin:0!important;font-size:12px!important;line-height:1.7;color:var(--muted)}.arena-auto-menu>.autonomy-lesson{margin:0;padding-top:12px;border-top:1px solid #ffffff12}.arena-auto-menu>.autonomy-lesson>p{font-size:11px!important}

/* companion-care.css */
.companion-care-menu{padding:10px 12px 14px;color:var(--theme-text,var(--text));min-width:0}.pet-menu>.companion-care-menu{margin-bottom:5px;background:linear-gradient(#ffffff14,#ffffff14) bottom/100% 1px no-repeat}.companion-care-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;line-height:1.5}.companion-care-heading strong{overflow-wrap:anywhere;min-width:0}.companion-care-heading>span{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--theme-muted,var(--muted));font-size:11px}.companion-care-menu meter{display:block;width:100%;height:8px;margin:8px 0;accent-color:#8bd5c0}.companion-care-menu meter::-webkit-meter-bar{background:#ffffff14;border:0}.companion-care-menu meter::-webkit-meter-optimum-value{background:#8bd5c0}.companion-care-menu meter::-moz-meter-bar{background:#8bd5c0}.companion-care-menu .companion-care-stock{font-size:11px;color:var(--theme-muted,var(--muted));margin:8px 0 10px;line-height:1.5}.companion-care-menu .companion-care-note{font-size:11px;color:var(--theme-muted,var(--muted));margin:8px 0 0;line-height:1.5}.companion-care-menu>.button{display:flex;justify-content:center;width:100%;min-height:40px;padding:10px 12px;font-size:12px;color:var(--theme-text,var(--text));background:color-mix(in srgb,var(--theme-accent,var(--accent)) 13%,transparent);border:0;box-shadow:none;white-space:normal;text-align:center}.companion-care-menu>.button:disabled{opacity:.5;cursor:default}.companion-care-menu>.button:not(:disabled):hover{background:color-mix(in srgb,var(--theme-accent,var(--accent)) 23%,transparent)}.companion-care-menu button:focus-visible{outline:2px solid var(--theme-accent,var(--accent));outline-offset:2px}.companion-care-menu>.autonomy-shop-link{justify-content:center;width:100%;font-size:11px;margin:6px 0 0;background:none;border:0;cursor:pointer}.arena-auto-menu>.companion-care-menu{padding:0}

/* desktop-app.css */
.desktop-settings{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid var(--theme-line,#294335)}.desktop-settings>div{min-width:0}.desktop-settings strong{color:var(--theme-text,#eef6ea);font-size:14px}.desktop-settings p{max-width:430px;margin:7px 0 0;color:var(--theme-muted,#9fb3a6);font-size:12px;line-height:1.65}.desktop-settings .button{flex-shrink:0}.desktop-update-notice{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));right:22px;z-index:1200;width:min(390px,calc(100vw - 44px));padding:20px;border-radius:16px;background:var(--theme-panel,#13241c);color:var(--theme-text,#eef6ea);box-shadow:0 12px 45px #0007;font-family:inherit}.desktop-update-copy{display:grid;gap:8px}.desktop-update-copy strong{font-size:14px;line-height:1.6}.desktop-update-copy span{color:var(--theme-muted,#9fb3a6);font-size:12px}.desktop-update-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:16px}.desktop-update-notice progress{width:100%;height:8px;margin-top:16px;accent-color:var(--theme-accent,#c0e3ad)}@media(max-width:600px){.desktop-settings{align-items:flex-start;flex-direction:column;gap:14px}}

/* partner-live.css */
body .partner-live-button[hidden]{display:none!important}.partner-live-button{position:relative}.partner-live-button>svg{display:block;flex:none;width:22px;height:22px;margin:0}.partner-live-indicator{display:none;position:absolute;top:4px;right:3px;width:6px;height:6px;border-radius:50%;background:#fa777e}.partner-live-button.has-live .partner-live-indicator{display:block}
.partner-live-dialog{position:fixed;inset:0;margin:auto;padding:0;width:min(560px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 48px);border:1px solid var(--theme-line,#385446);border-radius:16px;background:var(--theme-panel,#12271e);color:var(--theme-text,#edf5ef);box-shadow:0 24px 80px #0008;overflow:hidden;color-scheme:dark}.partner-live-dialog[open]{display:flex;flex-direction:column}.partner-live-dialog::backdrop{background:#020b08b3}.partner-live-dialog>.partner-live-heading{display:flex;align-items:center;gap:13px;flex:none;margin:0;padding:20px 22px;border-bottom:1px solid var(--theme-line,#ffffff18)}.partner-live-brand{display:grid;place-items:center;width:36px;height:36px;flex:none;color:#b59aff}.partner-live-brand>svg{display:block;width:26px;height:26px}.partner-live-heading>h2{margin:0;min-width:0;font-size:19px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}.partner-live-dialog .partner-live-close{display:grid;place-items:center;align-self:center;flex:none;margin:0 0 0 auto;padding:0;width:40px;height:40px;min-width:40px;min-height:40px;border:0;border-radius:50%;background:var(--theme-bg,#0b1913);color:var(--theme-muted,#b2c6ba);cursor:pointer;line-height:1;touch-action:manipulation}.partner-live-dialog .partner-live-close>svg{display:block;width:20px;height:20px;margin:0}.partner-live-dialog .partner-live-close:hover{background:var(--theme-soft,#ffffff10);color:var(--theme-text,#edf5ef)}.partner-live-dialog .partner-live-close:focus-visible,.partner-live-dialog a:focus-visible{outline:2px solid var(--theme-accent,#a1d8ba);outline-offset:-3px}
.partner-live-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:6px 22px 10px}.partner-live-list ul{list-style:none;margin:0;padding:0}.partner-live-list li+li{border-top:1px solid var(--theme-line,#ffffff14)}.partner-live-list li>a{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 -10px;padding:20px 10px;border-radius:8px;color:inherit;text-decoration:none;touch-action:manipulation}.partner-live-list li>a:hover{background:var(--theme-soft,#ffffff08)}.partner-live-copy{display:grid;gap:7px;min-width:0}.partner-live-copy>strong{font-size:16px;line-height:1.4;overflow-wrap:anywhere}.partner-live-copy>span{font-size:13px;line-height:1.65;color:var(--theme-muted,#b2c6ba);overflow-wrap:anywhere}.partner-live-watch{display:flex;align-items:center;gap:5px;flex:none;font-size:12px;font-weight:600;color:var(--theme-accent,#bce4c9)}.partner-live-watch svg{display:block;width:16px;height:16px;flex:none}.partner-live-list>.partner-live-empty{margin:0;padding:28px 0;color:var(--theme-muted,#b2c6ba);font-size:14px;line-height:1.6}body:has(.partner-live-dialog[open]){overflow:hidden}
@media(max-width:560px){.partner-live-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 32px);border-radius:14px}.partner-live-dialog>.partner-live-heading{padding:16px;gap:9px}.partner-live-heading>h2{font-size:17px}.partner-live-brand{width:30px}.partner-live-list{padding:2px 18px 8px}.partner-live-list li>a{align-items:flex-start;flex-direction:column;gap:14px;padding:19px 10px}.partner-live-watch{align-self:flex-start}.partner-live-copy>strong{font-size:15px}}