/* Legacy — the Sapphire shop, upgraded (sapphire-luxe.js). Loads after sapphire.css.
   Diary styles grow with the price: Basic paper is still, Shimmer and Glow add a soft fade of light, Living ones move,
   the two Masterpieces (Sapphire codex, Royal decree) are illuminated pages. Only the newest three pages animate,
   so a long diary stays smooth on phones. */

/* ---------- diary: every style ---------- */
.modal.sp-dy .diary-e, .sp-dyp.sp-dy { position: relative; overflow: hidden; isolation: isolate; }
.modal.sp-dy .diary-e h5 { position: relative; z-index: 1; }
.modal.sp-dy .diary-e p { position: relative; z-index: 1; }

/* Basic */
.sp-dy-note, .modal.sp-dy-note .diary-e { background-image: linear-gradient(90deg, transparent 22px, rgb(220 38 38 / .35) 22px 23px, transparent 23px), repeating-linear-gradient(180deg, transparent 0 21px, rgb(30 58 138 / .16) 21px 22px); padding-left: 30px; }
.sp-dy-parch, .modal.sp-dy-parch .diary-e { background-image: radial-gradient(120% 90% at 50% 50%, transparent 60%, rgb(120 70 10 / .28) 100%); box-shadow: inset 0 0 22px rgb(120 80 20 / .35); }

/* Shimmer: a slow fade of light */
.sp-dy-rose, .modal.sp-dy-rose .diary-e { background-image: radial-gradient(60% 80% at 100% 0%, rgb(255 182 206 / .55), transparent 70%), linear-gradient(180deg, #fff6fa, #ffe6ef); }
.modal.sp-dy-rose .diary-e::after, .sp-dyp.sp-dy-rose::after { content: '🌹'; position: absolute; right: 8px; bottom: 4px; font-size: 26px; opacity: .22; z-index: 0; }
.modal.sp-dy-rose .diary-e:nth-child(-n+3)::after, .sp-dyp.sp-dy-rose::after { animation: lxBreathe 4.5s ease-in-out infinite; }
.sp-dy-type, .modal.sp-dy-type .diary-e { background-image: radial-gradient(circle at 6px 50%, rgb(0 0 0 / .12) 2.5px, transparent 3px); background-size: 100% 18px; background-repeat: repeat-y; padding-left: 20px; }
.modal.sp-dy-type .diary-e p, .sp-dyp.sp-dy-type small { text-shadow: .4px .3px 0 rgb(0 0 0 / .35); }
.modal.sp-dy-type .diary-e:nth-child(-n+3) h5::after { content: '▌'; margin-left: 2px; animation: lxCaret 1s steps(1, end) infinite; }

/* Glow: moonlight and stitched leather, gently alive */
.sp-dy-night, .modal.sp-dy-night .diary-e { background-image: radial-gradient(70% 60% at 85% 10%, rgb(203 213 255 / .22), transparent 70%); box-shadow: inset 0 0 0 1px rgb(203 213 255 / .18); }
.modal.sp-dy-night .diary-e:nth-child(-n+3), .sp-dyp.sp-dy-night { animation: lxMoon 6s ease-in-out infinite; }
.modal.sp-dy-night .diary-e p { text-shadow: 0 0 6px rgb(203 213 255 / .45); }
.sp-dy-leather, .modal.sp-dy-leather .diary-e { background-image: radial-gradient(circle at 30% 20%, rgb(255 255 255 / .06), transparent 60%), repeating-radial-gradient(circle at 50% 50%, rgb(0 0 0 / .05) 0 2px, transparent 2px 5px); border: 0; outline: 2px dashed rgb(243 220 176 / .45); outline-offset: -7px; }
.modal.sp-dy-leather .diary-e::before, .sp-dyp.sp-dy-leather::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 0 0, #d4af37 0 7px, transparent 8px), radial-gradient(circle at 100% 0, #d4af37 0 7px, transparent 8px), radial-gradient(circle at 0 100%, #d4af37 0 7px, transparent 8px), radial-gradient(circle at 100% 100%, #d4af37 0 7px, transparent 8px); z-index: 0; pointer-events: none; }

/* Living: gold leaf that catches the light, a sky that twinkles */
.sp-dy-gold, .modal.sp-dy-gold .diary-e { background-color: #1c1408; background-image: linear-gradient(100deg, transparent 38%, rgb(255 215 110 / .28) 50%, transparent 62%), radial-gradient(circle at 15% 30%, rgb(255 215 110 / .35) 0 1px, transparent 2px), radial-gradient(circle at 70% 70%, rgb(255 215 110 / .3) 0 1px, transparent 2px), radial-gradient(circle at 45% 15%, rgb(255 215 110 / .3) 0 1.5px, transparent 2.5px); background-size: 300% 100%, 60px 60px, 80px 80px, 70px 70px; border: 1px solid #b8860b; box-shadow: inset 0 0 0 3px #1c1408, inset 0 0 0 4px rgb(212 175 55 / .6); }
.modal.sp-dy-gold .diary-e:nth-child(-n+3), .sp-dyp.sp-dy-gold { animation: lxGold 5s ease-in-out infinite; }
.modal.sp-dy-gold .diary-e h5, .sp-dyp.sp-dy-gold b { background: linear-gradient(90deg, #b8860b, #fff6c8, #d4af37, #b8860b); background-size: 300% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: rkSlide 4s linear infinite; }
.modal.sp-dy-gold .diary-e p::first-letter { color: #ffd36b; font-size: 1.6em; line-height: 1; float: left; margin: 2px 4px 0 0; text-shadow: 0 0 8px rgb(255 200 80 / .6); }
.sp-dy-starry, .modal.sp-dy-starry .diary-e { background-color: #0b1030; background-image: radial-gradient(1px 1px at 20% 30%, #fff, transparent), radial-gradient(1px 1px at 70% 60%, #fff, transparent), radial-gradient(1.5px 1.5px at 45% 80%, #cfe2ff, transparent), radial-gradient(1px 1px at 85% 20%, #fff, transparent), radial-gradient(1px 1px at 10% 75%, #ffe9a8, transparent), radial-gradient(80% 60% at 50% 120%, rgb(99 102 241 / .35), transparent); background-size: 120px 90px, 160px 120px, 140px 100px, 100px 80px, 180px 130px, 100% 100%; }
.modal.sp-dy-starry .diary-e:nth-child(-n+3), .sp-dyp.sp-dy-starry { animation: lxStars 40s linear infinite; }
.modal.sp-dy-starry .diary-e:nth-child(-n+3)::after, .sp-dyp.sp-dy-starry::after { content: ''; position: absolute; top: 10%; left: -30%; width: 70px; height: 1.5px; background: linear-gradient(90deg, transparent, #fff); transform: rotate(18deg); animation: lxShoot 6s ease-in infinite; z-index: 0; }

/* Masterpiece 1: the Sapphire codex, an illuminated page with a living border of light */
.sp-dy-codex, .modal.sp-dy-codex .diary-e { background-color: #06102e; background-image: radial-gradient(90% 70% at 50% 0%, rgb(47 107 255 / .28), transparent 70%), repeating-linear-gradient(45deg, rgb(124 180 255 / .04) 0 6px, transparent 6px 12px); border: 0; padding: 14px 16px; animation: none; box-shadow: inset 0 0 18px rgb(47 107 255 / .3); }
.modal.sp-dy-codex .diary-e::before, .sp-dyp.sp-dy-codex::before { content: ''; position: absolute; inset: -60%; background: conic-gradient(from 0deg, transparent 0 70%, #2f7bff 80%, #bfe0ff 85%, #2f7bff 90%, transparent 100%); z-index: -2; }
.modal.sp-dy-codex .diary-e::after, .sp-dyp.sp-dy-codex::after { content: ''; position: absolute; inset: 2px; border-radius: 8px; background: inherit; background-color: #06102e; z-index: -1; box-shadow: inset 0 0 0 1px rgb(124 180 255 / .35); }
.modal.sp-dy-codex .diary-e:nth-child(-n+3)::before, .sp-dyp.sp-dy-codex::before { animation: lxSpin 4s linear infinite; }
.modal.sp-dy-codex .diary-e h5, .sp-dyp.sp-dy-codex b { background: linear-gradient(90deg, #7fb4ff, #ffffff, #2f7bff, #7fb4ff); background-size: 300% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: rkSlide 3.5s linear infinite; letter-spacing: .06em; }
.modal.sp-dy-codex .diary-e h5::before { content: '✦ '; -webkit-text-fill-color: #9cc0ff; }
.modal.sp-dy-codex .diary-e p { text-shadow: 0 0 6px rgb(124 180 255 / .45); }
.modal.sp-dy-codex .diary-e p::first-letter { float: left; font-size: 2.3em; line-height: .9; margin: 3px 6px 0 0; padding: 2px 6px; border-radius: 6px; color: #fff; background: radial-gradient(circle at 30% 30%, #9cc0ff, #2f6bff 55%, #06104a); box-shadow: 0 0 10px rgb(47 123 255 / .7); text-shadow: 0 0 6px #bfe0ff; }

/* Masterpiece 2: the Royal decree, the best page in the game. Cream vellum in a gilded frame that light runs around,
   a velvet ribbon, a gold illuminated first letter, a crown in a wax seal, gold dust drifting over the page. */
.modal.sp-dy-royal { background: radial-gradient(120% 80% at 50% 0%, #3b1a6b, #12062a 70%); color: #fff7e0; }
.modal.sp-dy-royal .modal-head, .modal.sp-dy-royal h3 { color: #ffe9a8; text-shadow: 0 0 10px rgb(255 200 80 / .5); }
.sp-dy-royal, .modal.sp-dy-royal .diary-e { background-color: #fff7e0; background-image: radial-gradient(120% 90% at 50% 50%, transparent 55%, rgb(150 100 20 / .22) 100%), radial-gradient(circle at 20% 30%, rgb(212 175 55 / .5) 0 1px, transparent 1.5px), radial-gradient(circle at 75% 65%, rgb(212 175 55 / .45) 0 1px, transparent 1.5px); background-size: 100% 100%, 70px 60px, 90px 70px; border: 0; padding: 18px 18px 22px 26px; box-shadow: inset 0 0 0 3px #fff7e0, inset 0 0 0 5px #d4af37, inset 0 0 0 7px #fff7e0, inset 0 0 0 8px #8a5a00, 0 4px 18px rgb(0 0 0 / .45); color: #3a1a6b; }
.modal.sp-dy-royal .diary-e::before, .sp-dyp.sp-dy-royal::before { content: ''; position: absolute; left: 8px; top: -4px; bottom: -4px; width: 9px; background: linear-gradient(90deg, #4c1d95, #7c3aed 45%, #4c1d95); box-shadow: 1px 0 3px rgb(0 0 0 / .35); z-index: 0; }
.modal.sp-dy-royal .diary-e::after { content: '👑'; position: absolute; right: 10px; bottom: 6px; width: 34px; height: 34px; display: grid; place-items: center; font-size: 15px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #e25555, #9b1c1c 60%, #5a0a0a); box-shadow: 0 2px 4px rgb(0 0 0 / .4), inset 0 0 0 3px rgb(255 255 255 / .12); z-index: 1; }
.modal.sp-dy-royal .diary-e h5, .sp-dyp.sp-dy-royal b { font-variant: small-caps; letter-spacing: .08em; background: linear-gradient(90deg, #8a5a00, #ffe9a8, #d4af37, #fff6c8, #8a5a00); background-size: 300% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; }
.modal.sp-dy-royal .diary-e h5::before { content: '⚜ '; -webkit-text-fill-color: #b8860b; }
.modal.sp-dy-royal .diary-e p { padding-right: 34px; line-height: 1.55; }
.modal.sp-dy-royal .diary-e p::first-letter { float: left; font-family: Georgia, serif; font-size: 2.6em; line-height: .85; margin: 4px 7px 0 0; padding: 4px 7px; border-radius: 4px; color: #fff6c8; background: linear-gradient(135deg, #5b21b6, #2e1065); border: 2px solid #d4af37; box-shadow: 0 0 0 2px #fff7e0, 0 0 0 3px #8a5a00, 0 2px 8px rgb(0 0 0 / .35); text-shadow: 0 0 6px rgb(255 220 120 / .8); }
.modal.sp-dy-royal .diary-pages { position: relative; }
.modal.sp-dy-royal .diary-e:nth-child(-n+3) h5, .sp-dyp.sp-dy-royal b { animation: rkSlide 4s linear infinite; }
.modal.sp-dy-royal .diary-e:nth-child(-n+3), .sp-dyp.sp-dy-royal { animation: lxRoyal 3.2s linear infinite; }
.modal.sp-dy-royal .diary-e:nth-child(-n+3) p::first-letter { animation: lxLetter 3s ease-in-out infinite; }
.sp-dyp.sp-dy-royal { padding-left: 24px; }
.sp-dyp.sp-dy-codex { padding: 8px 12px; }

/* ---------- titles: Living and Masterpiece tags ---------- */
.rk-tag.spx { position: relative; isolation: isolate; overflow: visible; gap: .3em; }
.rk-tag.spx .spx-txt { font-weight: 800; color: #fff; text-shadow: 0 1px 2px rgb(0 0 0 / .8), 0 0 2px rgb(0 0 0 / .8); }
.rk-tag.spx .spx-ring { position: absolute; inset: -2px; border-radius: inherit; padding: 2px; background: conic-gradient(from var(--spa, 0deg), var(--c1), #ffffff, var(--c2), var(--c1)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: -1; pointer-events: none; }
.rk-tag.spx .spx-ic { display: inline-block; filter: drop-shadow(0 0 4px var(--c1)); animation: rkBob 2.2s ease-in-out infinite; }
.rk-tag.spx-top { padding-inline: .75em; color: #fff; background: linear-gradient(110deg, var(--c2), var(--c1) 45%, var(--c2)) !important; background-size: 200% 100% !important; text-shadow: 0 0 6px rgb(0 0 0 / .45), 0 0 10px var(--c1); box-shadow: 0 0 14px color-mix(in srgb, var(--c1) 70%, transparent), 0 0 28px color-mix(in srgb, var(--c2) 45%, transparent); animation: rkSlide 3s linear infinite, spPulse 1.8s ease-in-out infinite !important; }
.rk-tag.spx-top .spx-txt { color: #fff; background: none; text-shadow: 0 1px 2px rgb(0 0 0 / .85), 0 0 2px rgb(0 0 0 / .9), 0 0 10px var(--c1); letter-spacing: .02em; }
.rk-tag.spx-top .spx-ic { font-size: 1.15em; animation: lxCrown 2.6s ease-in-out infinite; }
.rk-tag.spx-top .spx-sp { position: absolute; width: 6px; height: 6px; background: #fff; clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%); filter: drop-shadow(0 0 3px #fff); animation: lxTwinkle 1.8s ease-in-out infinite; pointer-events: none; }
.rk-tag.spx-top .spx-s1 { top: -4px; left: 14%; } .rk-tag.spx-top .spx-s2 { bottom: -4px; left: 58%; animation-delay: .6s; } .rk-tag.spx-top .spx-s3 { top: 20%; right: -4px; animation-delay: 1.2s; }
.rk-tag.spx-top .spx-ring { inset: -3px; padding: 3px; animation: lxRing 3s linear infinite; }
.rk-tag.spx-top::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(100deg, transparent 35%, rgb(255 255 255 / .5) 50%, transparent 65%); background-size: 300% 100%; animation: rkShine 3.2s ease-in-out infinite; pointer-events: none; z-index: 1; }
@property --spa { syntax: '<angle>'; inherits: false; initial-value: 0deg; }

/* ---------- Age button: the two shaped Masterpiece skins ---------- */
html:root[data-ab-shape="sp-star"] #ageBtn b, html:root[data-ab-shape="sp-star"] #ageBtn span { color: #fff; text-shadow: 0 1px 2px #06104a, 0 0 8px #2f7bff; transform: translateY(8px); }
html:root[data-ab-shape="sp-galaxy"] #ageBtn b, html:root[data-ab-shape="sp-galaxy"] #ageBtn span { color: #fff; text-shadow: 0 1px 2px #12062a, 0 0 8px #c08aff; transform: translateY(2px); }
.sp-abp.sp-abp-shaped { border-radius: 0; box-shadow: none; filter: drop-shadow(0 3px 6px rgb(0 0 0 / .35)); }

@keyframes lxBreathe { 50% { opacity: .42; transform: scale(1.06) rotate(-4deg); } }
@keyframes lxCaret { 50% { opacity: 0; } }
@keyframes lxMoon { 50% { background-position: 18% 0; box-shadow: inset 0 0 0 1px rgb(203 213 255 / .3), inset 0 0 26px rgb(203 213 255 / .14); } }
@keyframes lxGold { 0%, 30% { background-position: 150% 0, 0 0, 0 0, 0 0; } 100% { background-position: -150% 0, 0 0, 0 0, 0 0; } }
@keyframes lxStars { to { background-position: 120px 0, -160px 0, 140px 0, -100px 0, 180px 0, 0 0; } }
@keyframes lxShoot { 0%, 70% { transform: translate(0, 0) rotate(18deg); opacity: 0; } 72% { opacity: 1; } 100% { transform: translate(260%, 120%) rotate(18deg); opacity: 0; } }
@keyframes lxSpin { to { transform: rotate(360deg); } }
@keyframes lxRoyal { 0% { box-shadow: inset 0 0 0 3px #fff7e0, inset 0 0 0 5px #d4af37, inset 0 0 0 7px #fff7e0, inset 0 0 0 8px #8a5a00, 0 4px 18px rgb(0 0 0 / .45), 0 0 0 rgb(255 215 110 / 0); } 50% { box-shadow: inset 0 0 0 3px #fff7e0, inset 0 0 0 5px #ffe9a8, inset 0 0 0 7px #fff7e0, inset 0 0 0 8px #d4af37, 0 4px 18px rgb(0 0 0 / .45), 0 0 18px rgb(255 215 110 / .55); } 100% { box-shadow: inset 0 0 0 3px #fff7e0, inset 0 0 0 5px #d4af37, inset 0 0 0 7px #fff7e0, inset 0 0 0 8px #8a5a00, 0 4px 18px rgb(0 0 0 / .45), 0 0 0 rgb(255 215 110 / 0); } }
@keyframes lxLetter { 50% { box-shadow: 0 0 0 2px #fff7e0, 0 0 0 3px #d4af37, 0 0 14px rgb(255 210 100 / .8); } }
@keyframes lxCrown { 0%, 100% { transform: translateY(0) rotate(-6deg); } 50% { transform: translateY(-2px) rotate(6deg) scale(1.1); } }
@keyframes lxTwinkle { 0%, 100% { transform: scale(0) rotate(0); opacity: 0; } 50% { transform: scale(1) rotate(90deg); opacity: 1; } }
@keyframes lxRing { to { --spa: 360deg; } }
@media (prefers-reduced-motion: reduce) { .modal.sp-dy .diary-e, .modal.sp-dy .diary-e::before, .modal.sp-dy .diary-e::after, .modal.sp-dy .diary-e h5, .modal.sp-dy .diary-e p::first-letter, .rk-tag.spx, .rk-tag.spx *, .sp-dyp, .sp-dyp::before, .sp-dyp::after { animation: none !important; } }
/* the Royal decree window: gold dust drifting up through it, a gilded frame */
.modal.sp-dy-royal { box-shadow: 0 0 0 2px #d4af37, 0 0 0 5px #3b1a6b, 0 0 0 6px #ffe9a8, 0 20px 60px rgb(0 0 0 / .6), 0 0 40px rgb(212 175 55 / .35); }
.modal.sp-dy-royal::after { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 5; background-image: radial-gradient(2px 2px at 10% 20%, #ffe9a8, transparent), radial-gradient(1.5px 1.5px at 60% 70%, #fff6c8, transparent), radial-gradient(2.5px 2.5px at 85% 35%, #ffd36b, transparent), radial-gradient(1.5px 1.5px at 35% 90%, #ffe9a8, transparent), radial-gradient(1px 1px at 75% 10%, #ffffff, transparent); background-size: 180px 260px, 220px 300px, 260px 340px, 200px 280px, 160px 220px; opacity: .8; animation: lxDust 16s linear infinite; }
@keyframes lxDust { to { background-position: 20px -260px, -30px -300px, 25px -340px, -15px -280px, 10px -220px; } }
@media (prefers-reduced-motion: reduce) { .modal.sp-dy-royal::after { animation: none; } }
/* ---------- more Age buttons: the Legendary section of the shop and the shaped skins' labels ---------- */
.sp-grid:empty, .sp-th:has(+ .sp-grid:empty) { display: none; }
.sp-item.sp-t5 { position: relative; border-color: #d4af37; background: radial-gradient(120% 80% at 50% 0%, rgb(255 215 110 / .22), transparent 70%), linear-gradient(180deg, color-mix(in srgb, #7c3aed 14%, var(--surface, #fff)), var(--surface, #fff)); box-shadow: 0 0 0 1px rgb(212 175 55 / .5), 0 0 14px rgb(212 175 55 / .35); }
.sp-item.sp-t5 b::before { content: '👑 '; }
.sp-item.sp-t5.on { animation: lxLegend 2.4s ease-in-out infinite; }
.sp-detail.sp-t5 { border-color: #d4af37; box-shadow: 0 0 18px rgb(212 175 55 / .35); }
@keyframes lxLegend { 50% { box-shadow: 0 0 0 2px #ffe9a8, 0 0 22px rgb(255 200 80 / .6); } }
html:root[data-ab-shape="sp-crown"] #ageBtn b, html:root[data-ab-shape="sp-crown"] #ageBtn span { color: #3b1a00; text-shadow: 0 0 3px #fff6c8, 0 0 7px #ffe08a; transform: translateY(4px); }
html:root[data-ab-shape="sp-heart"] #ageBtn b, html:root[data-ab-shape="sp-heart"] #ageBtn span { color: #fff; text-shadow: 0 1px 2px #4a0410, 0 0 8px #ff3b5c; transform: translateY(2px); }
html:root[data-ab-shape="sp-dragonegg"] #ageBtn b, html:root[data-ab-shape="sp-dragonegg"] #ageBtn span { color: #ffe08a; text-shadow: 0 1px 2px #1a0500, 0 0 8px #ff6a00; transform: translateY(14px); }
html:root[data-ab-shape="sp-astrolabe"] #ageBtn b, html:root[data-ab-shape="sp-astrolabe"] #ageBtn span { color: #fff6c8; text-shadow: 0 1px 2px #030818, 0 0 8px #2f7bff; transform: translateY(2px); }
html:root[data-ab-shape="sp-bluesun"] #ageBtn b, html:root[data-ab-shape="sp-bluesun"] #ageBtn span { color: #0b1f4d; text-shadow: 0 0 4px #fff, 0 0 8px #bfe0ff; transform: translateY(1px); }
@media (prefers-reduced-motion: reduce) { .sp-item.sp-t5.on { animation: none; } }
/* Legendary themes are objects too: labels on Thunder God and the four Legendary sapphire themes */
html:root[data-ab-shape="storm"] #ageBtn b, html:root[data-ab-shape="storm"] #ageBtn span { color: #fff8d0; text-shadow: 0 1px 2px #0b1026, 0 0 6px #3b5bdb, 0 0 10px #ffd84a; transform: translateY(14px); }
html:root[data-ab-shape="sp-crystal"] #ageBtn b, html:root[data-ab-shape="sp-crystal"] #ageBtn span { color: #fff; text-shadow: 0 1px 2px #1a1030, 0 0 8px #8a7aff; transform: translateY(12px); }
html:root[data-ab-shape="sp-lanterns"] #ageBtn b, html:root[data-ab-shape="sp-lanterns"] #ageBtn span { color: #5a1a00; text-shadow: 0 0 3px #fff3c0, 0 0 8px #ffb347; transform: translateY(4px); }
html:root[data-ab-shape="sp-heaven"] #ageBtn b, html:root[data-ab-shape="sp-heaven"] #ageBtn span { color: #8a5a00; text-shadow: 0 0 3px #fff, 0 0 8px #fff6c8; transform: translateY(6px); }
html:root[data-ab-shape="sp-ocean"] #ageBtn b, html:root[data-ab-shape="sp-ocean"] #ageBtn span { color: #fff; text-shadow: 0 1px 2px #062a5a, 0 0 8px #2f7bff; transform: translateY(16px); }
.sp-wallet .lx-rename { margin-left: auto; white-space: nowrap; }
.sp-wallet .lx-rename small { opacity: .8; margin-left: 4px; }

/* ---------- the crystal look: the Sapphire shop and the Daily challenges are cut from a sapphire ----------
   A deep blue stone with facets catching light at different angles, an icy edge that glints, gem-cut tiles (octagons
   with a bright table facet), a slow shine crossing the header. Only the header shine and the selected tile move. */
.modal.sp-shop, .modal.sp-chw {
  --surface: #0b1d4f; --line: rgb(150 190 255 / .28); --ink: #eaf2ff; --muted: #a9c2f0; color: #eaf2ff; color-scheme: dark;
  background:
    linear-gradient(115deg, rgb(255 255 255 / .10) 0 18%, transparent 18.2% 100%),
    linear-gradient(245deg, rgb(140 190 255 / .14) 0 22%, transparent 22.2% 100%),
    linear-gradient(160deg, transparent 0 58%, rgb(120 170 255 / .10) 58.2% 74%, transparent 74.2%),
    linear-gradient(20deg, transparent 0 66%, rgb(30 80 200 / .30) 66.2% 100%),
    conic-gradient(from 210deg at 70% 30%, #0a1a48, #12307e, #0a1a48, #1a3f9a, #0a1a48),
    #0a1a48;
  border: 1.5px solid transparent; border-radius: 22px;
  box-shadow: 0 0 0 1px rgb(170 210 255 / .55), 0 0 0 4px rgb(47 107 255 / .18), 0 24px 60px rgb(8 20 70 / .6), inset 0 1px 0 rgb(255 255 255 / .35), inset 0 -30px 60px rgb(4 10 40 / .55);
}
.modal.sp-shop .modal-head, .modal.sp-chw .modal-head { background: linear-gradient(180deg, #13307c, rgb(19 48 124 / .92)); overflow: hidden; border-bottom: 1px solid rgb(170 210 255 / .3); }
.modal.sp-shop .modal-head::after, .modal.sp-chw .modal-head::after { content: ''; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(105deg, transparent 35%, rgb(255 255 255 / .28) 48%, rgb(190 225 255 / .1) 52%, transparent 62%); background-size: 260% 100%; animation: spCrystalShine 6s ease-in-out infinite; }
@keyframes spCrystalShine { 0%, 55% { background-position: 130% 0; } 100% { background-position: -130% 0; } }
.modal.sp-shop .modal-head h2, .modal.sp-chw .modal-head h2 { color: #fff; text-shadow: 0 0 14px rgb(120 170 255 / .8), 0 1px 0 rgb(0 0 0 / .35); letter-spacing: .02em; }
.modal.sp-shop .fine, .modal.sp-chw .fine, .modal.sp-shop small, .modal.sp-chw small { color: var(--muted); }
/* the wallet: a cut gem */
.sp-shop .sp-wallet, .sp-chw .sp-wallet { padding: 10px 12px; border-radius: 14px; background: linear-gradient(135deg, rgb(255 255 255 / .10), rgb(255 255 255 / .02) 50%, rgb(80 140 255 / .12)); border: 1px solid rgb(170 210 255 / .3); }
.sp-chip { background: linear-gradient(135deg, #8fb8ff 0 12%, #2f6bff 12.5% 48%, #1d4fd8 48.5% 70%, #0b2a7a 70.5%); clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%); border-radius: 0; padding-left: 11px; padding-right: 13px; }
/* kinds: crystal tabs */
.sp-shop .sp-cats button { background: rgb(255 255 255 / .06); color: #dbe7ff; border: 1px solid rgb(170 210 255 / .2); }
.sp-shop .sp-cats button.on { background: linear-gradient(135deg, #6fa0ff, #2f6bff 55%, #1a3fa8); color: #fff; border-color: rgb(200 225 255 / .7); box-shadow: 0 0 12px rgb(47 107 255 / .55); }
/* tier headings: a line of light with a gem in it */
.sp-shop .sp-th { color: #dbe7ff; padding-bottom: 6px; background: linear-gradient(90deg, rgb(170 210 255 / .6), rgb(170 210 255 / 0)) bottom / 100% 1px no-repeat; }
/* the tiles: gem cut, a bright table facet on top */
.sp-shop .sp-item { position: relative; color: #eaf2ff; border: 0; border-radius: 0;
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px), 0 14px);
  background: linear-gradient(160deg, rgb(255 255 255 / .16), rgb(255 255 255 / .03) 40%, rgb(60 120 255 / .14)), #102a6c; }
.sp-shop .sp-item::before { content: ''; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(135deg, rgb(255 255 255 / .22) 0 14px, transparent 14.5px), linear-gradient(225deg, rgb(255 255 255 / .12) 0 14px, transparent 14.5px), linear-gradient(315deg, rgb(0 0 30 / .35) 0 14px, transparent 14.5px); }
.sp-shop .sp-item.sp-t3, .sp-shop .sp-item.sp-t4 { background: linear-gradient(160deg, rgb(255 255 255 / .2), rgb(255 255 255 / .04) 40%, rgb(150 110 255 / .2)), #172f80; }
.sp-shop .sp-item.on { box-shadow: none; background: linear-gradient(160deg, rgb(255 255 255 / .3), rgb(255 255 255 / .06) 40%, rgb(80 150 255 / .3)), #1d4fd8; }
.sp-shop .sp-item.on::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(105deg, transparent 30%, rgb(255 255 255 / .35) 50%, transparent 70%); background-size: 250% 100%; animation: spCrystalShine 2.8s ease-in-out infinite; }
.sp-shop .sp-item.owned small { color: #7dffb0; }
/* the big preview: a crystal case */
.sp-shop .sp-detail { border: 1px solid rgb(170 210 255 / .45); background: linear-gradient(150deg, rgb(255 255 255 / .12), rgb(255 255 255 / .02) 45%, rgb(80 140 255 / .14)); box-shadow: inset 0 1px 0 rgb(255 255 255 / .3), 0 0 22px rgb(47 107 255 / .25); }
.sp-shop .sp-wear { color: #7dffb0; }
/* challenges: crystal bars */
.sp-chw .sp-ch { background: linear-gradient(100deg, color-mix(in srgb, var(--dc) 22%, #102a6c), #102a6c 70%); border-color: color-mix(in srgb, var(--dc) 55%, rgb(170 210 255 / .3)); box-shadow: inset 0 1px 0 rgb(255 255 255 / .18); }
.sp-shop .btn.ghost, .sp-chw .btn.ghost, .sp-shop .btn:not(.primary):not(.danger), .sp-chw .btn:not(.primary):not(.danger) { background: rgb(255 255 255 / .08); color: #eaf2ff; border-color: rgb(170 210 255 / .3); }
@media (prefers-reduced-motion: reduce) { .modal.sp-shop .modal-head::after, .modal.sp-chw .modal-head::after, .sp-shop .sp-item.on::after { animation: none; } }
.sp-shop .sp-cats { background: rgb(4 12 44 / .45); border: 1px solid rgb(170 210 255 / .18); }
.modal.sp-shop .hero span, .modal.sp-chw .hero span { background: radial-gradient(circle at 35% 30%, #9cc0ff, #2f6bff 45%, #0b2a7a); box-shadow: 0 0 0 2px rgb(200 225 255 / .6), 0 0 24px rgb(47 107 255 / .7); }

:root { --sp-crys: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%20640%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22p%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ff9ad8%22%20stop-opacity%3D%22.0%22%2F%3E%3Cstop%20offset%3D%22.35%22%20stop-color%3D%22%239ad8ff%22%20stop-opacity%3D%22.22%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23b8ffda%22%20stop-opacity%3D%22.16%22%2F%3E%3Cstop%20offset%3D%22.65%22%20stop-color%3D%22%23ffe89a%22%20stop-opacity%3D%22.14%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c89aff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22v%22%20cx%3D%22.5%22%20cy%3D%22.35%22%20r%3D%22.8%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23000%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23010622%22%20stop-opacity%3D%22.55%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0.0%200.0L36.0%200.0L56.3%2044.0Z%22%20fill%3D%22rgb%2813%2C34%2C102%29%22%2F%3E%3Cpath%20d%3D%22M0.0%200.0L56.3%2044.0L0.0%2088.1Z%22%20fill%3D%22rgb%2849%2C90%2C186%29%22%2F%3E%3Cpath%20d%3D%22M36.0%200.0L104.8%200.0L56.3%2044.0Z%22%20fill%3D%22rgb%2839%2C75%2C163%29%22%2F%3E%3Cpath%20d%3D%22M104.8%200.0L101.5%2059.5L56.3%2044.0Z%22%20fill%3D%22rgb%2844%2C83%2C176%29%22%2F%3E%3Cpath%20d%3D%22M104.8%200.0L194.4%200.0L101.5%2059.5Z%22%20fill%3D%22rgb%288%2C26%2C90%29%22%2F%3E%3Cpath%20d%3D%22M194.4%200.0L177.7%2072.9L101.5%2059.5Z%22%20fill%3D%22rgb%2812%2C32%2C99%29%22%2F%3E%3Cpath%20d%3D%22M194.4%200.0L222.1%200.0L239.0%2054.3Z%22%20fill%3D%22rgb%2821%2C47%2C121%29%22%2F%3E%3Cpath%20d%3D%22M194.4%200.0L239.0%2054.3L177.7%2072.9Z%22%20fill%3D%22rgb%2830%2C61%2C143%29%22%2F%3E%3Cpath%20d%3D%22M222.1%200.0L314.2%200.0L299.1%2077.7Z%22%20fill%3D%22rgb%2825%2C52%2C129%29%22%2F%3E%3Cpath%20d%3D%22M222.1%200.0L299.1%2077.7L239.0%2054.3Z%22%20fill%3D%22rgb%2841%2C77%2C167%29%22%2F%3E%3Cpath%20d%3D%22M314.2%200.0L360.0%200.0L360.0%2040.5Z%22%20fill%3D%22rgb%288%2C26%2C90%29%22%2F%3E%3Cpath%20d%3D%22M314.2%200.0L360.0%2040.5L299.1%2077.7Z%22%20fill%3D%22rgb%2858%2C104%2C207%29%22%2F%3E%3Cpath%20d%3D%22M0.0%2088.1L56.3%2044.0L57.6%20133.2Z%22%20fill%3D%22rgb%2846%2C86%2C180%29%22%2F%3E%3Cpath%20d%3D%22M0.0%2088.1L57.6%20133.2L0.0%20105.9Z%22%20fill%3D%22rgb%2831%2C63%2C145%29%22%2F%3E%3Cpath%20d%3D%22M56.3%2044.0L101.5%2059.5L57.6%20133.2Z%22%20fill%3D%22rgb%288%2C26%2C90%29%22%2F%3E%3Cpath%20d%3D%22M101.5%2059.5L132.4%20111.7L57.6%20133.2Z%22%20fill%3D%22rgb%2812%2C32%2C100%29%22%2F%3E%3Cpath%20d%3D%22M101.5%2059.5L177.7%2072.9L132.4%20111.7Z%22%20fill%3D%22rgb%2851%2C94%2C192%29%22%2F%3E%3Cpath%20d%3D%22M177.7%2072.9L170.4%20121.5L132.4%20111.7Z%22%20fill%3D%22rgb%2828%2C57%2C137%29%22%2F%3E%3Cpath%20d%3D%22M177.7%2072.9L239.0%2054.3L170.4%20121.5Z%22%20fill%3D%22rgb%2857%2C103%2C206%29%22%2F%3E%3Cpath%20d%3D%22M239.0%2054.3L245.5%20140.4L170.4%20121.5Z%22%20fill%3D%22rgb%2815%2C37%2C107%29%22%2F%3E%3Cpath%20d%3D%22M239.0%2054.3L299.1%2077.7L245.5%20140.4Z%22%20fill%3D%22rgb%2827%2C55%2C134%29%22%2F%3E%3Cpath%20d%3D%22M299.1%2077.7L315.7%20147.7L245.5%20140.4Z%22%20fill%3D%22rgb%288%2C26%2C90%29%22%2F%3E%3Cpath%20d%3D%22M299.1%2077.7L360.0%2040.5L360.0%20140.5Z%22%20fill%3D%22rgb%2824%2C52%2C128%29%22%2F%3E%3Cpath%20d%3D%22M299.1%2077.7L360.0%20140.5L315.7%20147.7Z%22%20fill%3D%22rgb%2850%2C92%2C189%29%22%2F%3E%3Cpath%20d%3D%22M0.0%20105.9L57.6%20133.2L45.3%20210.4Z%22%20fill%3D%22rgb%2860%2C108%2C213%29%22%2F%3E%3Cpath%20d%3D%22M0.0%20105.9L45.3%20210.4L0.0%20182.3Z%22%20fill%3D%22rgb%2852%2C95%2C194%29%22%2F%3E%3Cpath%20d%3D%22M57.6%20133.2L132.4%20111.7L113.4%20188.3Z%22%20fill%3D%22rgb%288%2C26%2C90%29%22%2F%3E%3Cpath%20d%3D%22M57.6%20133.2L113.4%20188.3L45.3%20210.4Z%22%20fill%3D%22rgb%2858%2C104%2C208%29%22%2F%3E%3Cpath%20d%3D%22M132.4%20111.7L170.4%20121.5L186.0%20215.3Z%22%20fill%3D%22rgb%2821%2C46%2C120%29%22%2F%3E%3Cpath%20d%3D%22M132.4%20111.7L186.0%20215.3L113.4%20188.3Z%22%20fill%3D%22rgb%2822%2C49%2C124%29%22%2F%3E%3Cpath%20d%3D%22M170.4%20121.5L245.5%20140.4L249.3%20207.8Z%22%20fill%3D%22rgb%2821%2C47%2C121%29%22%2F%3E%3Cpath%20d%3D%22M170.4%20121.5L249.3%20207.8L186.0%20215.3Z%22%20fill%3D%22rgb%2810%2C29%2C94%29%22%2F%3E%3Cpath%20d%3D%22M245.5%20140.4L315.7%20147.7L249.3%20207.8Z%22%20fill%3D%22rgb%2843%2C81%2C173%29%22%2F%3E%3Cpath%20d%3D%22M315.7%20147.7L320.1%20181.1L249.3%20207.8Z%22%20fill%3D%22rgb%289%2C28%2C93%29%22%2F%3E%3Cpath%20d%3D%22M315.7%20147.7L360.0%20140.5L320.1%20181.1Z%22%20fill%3D%22rgb%2810%2C29%2C95%29%22%2F%3E%3Cpath%20d%3D%22M360.0%20140.5L360.0%20177.8L320.1%20181.1Z%22%20fill%3D%22rgb%288%2C26%2C90%29%22%2F%3E%3Cpath%20d%3D%22M0.0%20182.3L45.3%20210.4L0.0%20273.6Z%22%20fill%3D%22rgb%2824%2C51%2C128%29%22%2F%3E%3Cpath%20d%3D%22M45.3%20210.4L60.2%20270.3L0.0%20273.6Z%22%20fill%3D%22rgb%288%2C26%2C90%29%22%2F%3E%3Cpath%20d%3D%22M45.3%20210.4L113.4%20188.3L60.2%20270.3Z%22%20fill%3D%22rgb%2811%2C30%2C97%29%22%2F%3E%3Cpath%20d%3D%22M113.4%20188.3L137.5%20263.9L60.2%20270.3Z%22%20fill%3D%22rgb%2843%2C80%2C172%29%22%2F%3E%3Cpath%20d%3D%22M113.4%20188.3L186.0%20215.3L137.5%20263.9Z%22%20fill%3D%22rgb%289%2C28%2C93%29%22%2F%3E%3Cpath%20d%3D%22M186.0%20215.3L188.9%20279.7L137.5%20263.9Z%22%20fill%3D%22rgb%2825%2C53%2C130%29%22%2F%3E%3Cpath%20d%3D%22M186.0%20215.3L249.3%20207.8L188.9%20279.7Z%22%20fill%3D%22rgb%2830%2C60%2C141%29%22%2F%3E%3Cpath%20d%3D%22M249.3%20207.8L237.8%20277.9L188.9%20279.7Z%22%20fill%3D%22rgb%2862%2C111%2C217%29%22%2F%3E%3Cpath%20d%3D%22M249.3%20207.8L320.1%20181.1L237.8%20277.9Z%22%20fill%3D%22rgb%2812%2C33%2C100%29%22%2F%3E%3Cpath%20d%3D%22M320.1%20181.1L319.1%20245.7L237.8%20277.9Z%22%20fill%3D%22rgb%2813%2C34%2C102%29%22%2F%3E%3Cpath%20d%3D%22M320.1%20181.1L360.0%20177.8L360.0%20237.6Z%22%20fill%3D%22rgb%2812%2C32%2C100%29%22%2F%3E%3Cpath%20d%3D%22M320.1%20181.1L360.0%20237.6L319.1%20245.7Z%22%20fill%3D%22rgb%2820%2C44%2C118%29%22%2F%3E%3Cpath%20d%3D%22M0.0%20273.6L60.2%20270.3L0.0%20318.7Z%22%20fill%3D%22rgb%288%2C26%2C90%29%22%2F%3E%3Cpath%20d%3D%22M60.2%20270.3L47.2%20319.9L0.0%20318.7Z%22%20fill%3D%22rgb%2813%2C34%2C103%29%22%2F%3E%3Cpath%20d%3D%22M60.2%20270.3L137.5%20263.9L114.2%20298.4Z%22%20fill%3D%22rgb%289%2C28%2C93%29%22%2F%3E%3Cpath%20d%3D%22M60.2%20270.3L114.2%20298.4L47.2%20319.9Z%22%20fill%3D%22rgb%289%2C28%2C93%29%22%2F%3E%3Cpath%20d%3D%22M137.5%20263.9L188.9%20279.7L114.2%20298.4Z%22%20fill%3D%22rgb%2844%2C83%2C175%29%22%2F%3E%3Cpath%20d%3D%22M188.9%20279.7L164.8%20322.3L114.2%20298.4Z%22%20fill%3D%22rgb%2811%2C31%2C97%29%22%2F%3E%3Cpath%20d%3D%22M188.9%20279.7L237.8%20277.9L164.8%20322.3Z%22%20fill%3D%22rgb%288%2C26%2C90%29%22%2F%3E%3Cpath%20d%3D%22M237.8%20277.9L222.8%20322.1L164.8%20322.3Z%22%20fill%3D%22rgb%2860%2C108%2C214%29%22%2F%3E%3Cpath%20d%3D%22M237.8%20277.9L319.1%20245.7L222.8%20322.1Z%22%20fill%3D%22rgb%2825%2C53%2C131%29%22%2F%3E%3Cpath%20d%3D%22M319.1%20245.7L307.0%20339.0L222.8%20322.1Z%22%20fill%3D%22rgb%288%2C27%2C91%29%22%2F%3E%3Cpath%20d%3D%22M319.1%20245.7L360.0%20237.6L307.0%20339.0Z%22%20fill%3D%22rgb%288%2C26%2C90%29%22%2F%3E%3Cpath%20d%3D%22M360.0%20237.6L360.0%20339.4L307.0%20339.0Z%22%20fill%3D%22rgb%288%2C26%2C90%29%22%2F%3E%3Cpath%20d%3D%22M0.0%20318.7L47.2%20319.9L0.0%20381.2Z%22%20fill%3D%22rgb%2816%2C38%2C108%29%22%2F%3E%3Cpath%20d%3D%22M47.2%20319.9L55.0%20400.2L0.0%20381.2Z%22%20fill%3D%22rgb%2818%2C41%2C113%29%22%2F%3E%3Cpath%20d%3D%22M47.2%20319.9L114.2%20298.4L121.4%20392.4Z%22%20fill%3D%22rgb%2826%2C54%2C133%29%22%2F%3E%3Cpath%20d%3D%22M47.2%20319.9L121.4%20392.4L55.0%20400.2Z%22%20fill%3D%22rgb%2816%2C39%2C110%29%22%2F%3E%3Cpath%20d%3D%22M114.2%20298.4L164.8%20322.3L121.4%20392.4Z%22%20fill%3D%22rgb%289%2C28%2C92%29%22%2F%3E%3Cpath%20d%3D%22M164.8%20322.3L180.3%20381.8L121.4%20392.4Z%22%20fill%3D%22rgb%2819%2C43%2C115%29%22%2F%3E%3Cpath%20d%3D%22M164.8%20322.3L222.8%20322.1L180.3%20381.8Z%22%20fill%3D%22rgb%2841%2C79%2C169%29%22%2F%3E%3Cpath%20d%3D%22M222.8%20322.1L239.7%20369.9L180.3%20381.8Z%22%20fill%3D%22rgb%2824%2C51%2C128%29%22%2F%3E%3Cpath%20d%3D%22M222.8%20322.1L307.0%20339.0L312.9%20367.6Z%22%20fill%3D%22rgb%2818%2C41%2C113%29%22%2F%3E%3Cpath%20d%3D%22M222.8%20322.1L312.9%20367.6L239.7%20369.9Z%22%20fill%3D%22rgb%288%2C26%2C91%29%22%2F%3E%3Cpath%20d%3D%22M307.0%20339.0L360.0%20339.4L360.0%20382.4Z%22%20fill%3D%22rgb%2811%2C31%2C97%29%22%2F%3E%3Cpath%20d%3D%22M307.0%20339.0L360.0%20382.4L312.9%20367.6Z%22%20fill%3D%22rgb%288%2C26%2C90%29%22%2F%3E%3Cpath%20d%3D%22M0.0%20381.2L55.0%20400.2L77.0%20470.1Z%22%20fill%3D%22rgb%2851%2C94%2C192%29%22%2F%3E%3Cpath%20d%3D%22M0.0%20381.2L77.0%20470.1L0.0%20445.5Z%22%20fill%3D%22rgb%2828%2C57%2C137%29%22%2F%3E%3Cpath%20d%3D%22M55.0%20400.2L121.4%20392.4L77.0%20470.1Z%22%20fill%3D%22rgb%2826%2C54%2C133%29%22%2F%3E%3Cpath%20d%3D%22M121.4%20392.4L117.6%20429.0L77.0%20470.1Z%22%20fill%3D%22rgb%2813%2C34%2C103%29%22%2F%3E%3Cpath%20d%3D%22M121.4%20392.4L180.3%20381.8L162.9%20432.4Z%22%20fill%3D%22rgb%2813%2C34%2C102%29%22%2F%3E%3Cpath%20d%3D%22M121.4%20392.4L162.9%20432.4L117.6%20429.0Z%22%20fill%3D%22rgb%288%2C26%2C90%29%22%2F%3E%3Cpath%20d%3D%22M180.3%20381.8L239.7%20369.9L255.1%20456.5Z%22%20fill%3D%22rgb%2810%2C30%2C96%29%22%2F%3E%3Cpath%20d%3D%22M180.3%20381.8L255.1%20456.5L162.9%20432.4Z%22%20fill%3D%22rgb%2832%2C63%2C146%29%22%2F%3E%3Cpath%20d%3D%22M239.7%20369.9L312.9%20367.6L306.0%20449.5Z%22%20fill%3D%22rgb%2818%2C41%2C112%29%22%2F%3E%3Cpath%20d%3D%22M239.7%20369.9L306.0%20449.5L255.1%20456.5Z%22%20fill%3D%22rgb%2825%2C53%2C130%29%22%2F%3E%3Cpath%20d%3D%22M312.9%20367.6L360.0%20382.4L306.0%20449.5Z%22%20fill%3D%22rgb%2814%2C36%2C105%29%22%2F%3E%3Cpath%20d%3D%22M360.0%20382.4L360.0%20473.4L306.0%20449.5Z%22%20fill%3D%22rgb%2816%2C39%2C110%29%22%2F%3E%3Cpath%20d%3D%22M0.0%20445.5L77.0%20470.1L0.0%20537.5Z%22%20fill%3D%22rgb%2812%2C33%2C100%29%22%2F%3E%3Cpath%20d%3D%22M77.0%20470.1L40.7%20525.2L0.0%20537.5Z%22%20fill%3D%22rgb%2824%2C51%2C127%29%22%2F%3E%3Cpath%20d%3D%22M77.0%20470.1L117.6%20429.0L103.6%20518.1Z%22%20fill%3D%22rgb%2829%2C59%2C140%29%22%2F%3E%3Cpath%20d%3D%22M77.0%20470.1L103.6%20518.1L40.7%20525.2Z%22%20fill%3D%22rgb%2810%2C30%2C95%29%22%2F%3E%3Cpath%20d%3D%22M117.6%20429.0L162.9%20432.4L171.4%20517.8Z%22%20fill%3D%22rgb%2859%2C106%2C210%29%22%2F%3E%3Cpath%20d%3D%22M117.6%20429.0L171.4%20517.8L103.6%20518.1Z%22%20fill%3D%22rgb%2825%2C53%2C130%29%22%2F%3E%3Cpath%20d%3D%22M162.9%20432.4L255.1%20456.5L171.4%20517.8Z%22%20fill%3D%22rgb%2820%2C44%2C117%29%22%2F%3E%3Cpath%20d%3D%22M255.1%20456.5L250.0%20515.8L171.4%20517.8Z%22%20fill%3D%22rgb%2836%2C70%2C156%29%22%2F%3E%3Cpath%20d%3D%22M255.1%20456.5L306.0%20449.5L250.0%20515.8Z%22%20fill%3D%22rgb%2822%2C48%2C123%29%22%2F%3E%3Cpath%20d%3D%22M306.0%20449.5L296.3%20524.2L250.0%20515.8Z%22%20fill%3D%22rgb%288%2C26%2C90%29%22%2F%3E%3Cpath%20d%3D%22M306.0%20449.5L360.0%20473.4L360.0%20529.2Z%22%20fill%3D%22rgb%2812%2C32%2C99%29%22%2F%3E%3Cpath%20d%3D%22M306.0%20449.5L360.0%20529.2L296.3%20524.2Z%22%20fill%3D%22rgb%2864%2C114%2C222%29%22%2F%3E%3Cpath%20d%3D%22M0.0%20537.5L40.7%20525.2L0.0%20561.2Z%22%20fill%3D%22rgb%2813%2C34%2C102%29%22%2F%3E%3Cpath%20d%3D%22M40.7%20525.2L64.1%20581.4L0.0%20561.2Z%22%20fill%3D%22rgb%2836%2C70%2C156%29%22%2F%3E%3Cpath%20d%3D%22M40.7%20525.2L103.6%20518.1L64.1%20581.4Z%22%20fill%3D%22rgb%2813%2C34%2C102%29%22%2F%3E%3Cpath%20d%3D%22M103.6%20518.1L114.4%20557.8L64.1%20581.4Z%22%20fill%3D%22rgb%2812%2C32%2C99%29%22%2F%3E%3Cpath%20d%3D%22M103.6%20518.1L171.4%20517.8L166.6%20565.6Z%22%20fill%3D%22rgb%2829%2C59%2C140%29%22%2F%3E%3Cpath%20d%3D%22M103.6%20518.1L166.6%20565.6L114.4%20557.8Z%22%20fill%3D%22rgb%2846%2C86%2C180%29%22%2F%3E%3Cpath%20d%3D%22M171.4%20517.8L250.0%20515.8L254.9%20575.3Z%22%20fill%3D%22rgb%2831%2C62%2C144%29%22%2F%3E%3Cpath%20d%3D%22M171.4%20517.8L254.9%20575.3L166.6%20565.6Z%22%20fill%3D%22rgb%288%2C26%2C91%29%22%2F%3E%3Cpath%20d%3D%22M250.0%20515.8L296.3%20524.2L304.7%20588.0Z%22%20fill%3D%22rgb%288%2C26%2C90%29%22%2F%3E%3Cpath%20d%3D%22M250.0%20515.8L304.7%20588.0L254.9%20575.3Z%22%20fill%3D%22rgb%2828%2C58%2C137%29%22%2F%3E%3Cpath%20d%3D%22M296.3%20524.2L360.0%20529.2L304.7%20588.0Z%22%20fill%3D%22rgb%2843%2C82%2C173%29%22%2F%3E%3Cpath%20d%3D%22M360.0%20529.2L360.0%20601.2L304.7%20588.0Z%22%20fill%3D%22rgb%2811%2C30%2C97%29%22%2F%3E%3Cpath%20d%3D%22M0.0%20561.2L64.1%20581.4L36.8%20640.0Z%22%20fill%3D%22rgb%2864%2C115%2C223%29%22%2F%3E%3Cpath%20d%3D%22M0.0%20561.2L36.8%20640.0L0.0%20640.0Z%22%20fill%3D%22rgb%288%2C26%2C90%29%22%2F%3E%3Cpath%20d%3D%22M64.1%20581.4L114.4%20557.8L125.9%20640.0Z%22%20fill%3D%22rgb%2818%2C42%2C113%29%22%2F%3E%3Cpath%20d%3D%22M64.1%20581.4L125.9%20640.0L36.8%20640.0Z%22%20fill%3D%22rgb%288%2C26%2C90%29%22%2F%3E%3Cpath%20d%3D%22M114.4%20557.8L166.6%20565.6L125.9%20640.0Z%22%20fill%3D%22rgb%289%2C27%2C91%29%22%2F%3E%3Cpath%20d%3D%22M166.6%20565.6L183.8%20640.0L125.9%20640.0Z%22%20fill%3D%22rgb%288%2C26%2C90%29%22%2F%3E%3Cpath%20d%3D%22M166.6%20565.6L254.9%20575.3L237.0%20640.0Z%22%20fill%3D%22rgb%289%2C27%2C92%29%22%2F%3E%3Cpath%20d%3D%22M166.6%20565.6L237.0%20640.0L183.8%20640.0Z%22%20fill%3D%22rgb%2838%2C73%2C160%29%22%2F%3E%3Cpath%20d%3D%22M254.9%20575.3L304.7%20588.0L319.9%20640.0Z%22%20fill%3D%22rgb%2825%2C52%2C130%29%22%2F%3E%3Cpath%20d%3D%22M254.9%20575.3L319.9%20640.0L237.0%20640.0Z%22%20fill%3D%22rgb%288%2C26%2C90%29%22%2F%3E%3Cpath%20d%3D%22M304.7%20588.0L360.0%20601.2L319.9%20640.0Z%22%20fill%3D%22rgb%288%2C26%2C90%29%22%2F%3E%3Cpath%20d%3D%22M360.0%20601.2L360.0%20640.0L319.9%20640.0Z%22%20fill%3D%22rgb%2817%2C39%2C110%29%22%2F%3E%3Cpath%20d%3D%22M0.0%200.0L36.0%200.0M0.0%200.0L0.0%2088.1M36.0%200.0L104.8%200.0M36.0%200.0L56.3%2044.0M104.8%200.0L194.4%200.0M104.8%200.0L101.5%2059.5M194.4%200.0L222.1%200.0M194.4%200.0L177.7%2072.9M222.1%200.0L314.2%200.0M222.1%200.0L239.0%2054.3M314.2%200.0L360.0%200.0M314.2%200.0L299.1%2077.7M360.0%200.0L360.0%2040.5M0.0%2088.1L56.3%2044.0M0.0%2088.1L0.0%20105.9M56.3%2044.0L101.5%2059.5M56.3%2044.0L57.6%20133.2M101.5%2059.5L177.7%2072.9M101.5%2059.5L132.4%20111.7M177.7%2072.9L239.0%2054.3M177.7%2072.9L170.4%20121.5M239.0%2054.3L299.1%2077.7M239.0%2054.3L245.5%20140.4M299.1%2077.7L360.0%2040.5M299.1%2077.7L315.7%20147.7M360.0%2040.5L360.0%20140.5M0.0%20105.9L57.6%20133.2M0.0%20105.9L0.0%20182.3M57.6%20133.2L132.4%20111.7M57.6%20133.2L45.3%20210.4M132.4%20111.7L170.4%20121.5M132.4%20111.7L113.4%20188.3M170.4%20121.5L245.5%20140.4M170.4%20121.5L186.0%20215.3M245.5%20140.4L315.7%20147.7M245.5%20140.4L249.3%20207.8M315.7%20147.7L360.0%20140.5M315.7%20147.7L320.1%20181.1M360.0%20140.5L360.0%20177.8M0.0%20182.3L45.3%20210.4M0.0%20182.3L0.0%20273.6M45.3%20210.4L113.4%20188.3M45.3%20210.4L60.2%20270.3M113.4%20188.3L186.0%20215.3M113.4%20188.3L137.5%20263.9M186.0%20215.3L249.3%20207.8M186.0%20215.3L188.9%20279.7M249.3%20207.8L320.1%20181.1M249.3%20207.8L237.8%20277.9M320.1%20181.1L360.0%20177.8M320.1%20181.1L319.1%20245.7M360.0%20177.8L360.0%20237.6M0.0%20273.6L60.2%20270.3M0.0%20273.6L0.0%20318.7M60.2%20270.3L137.5%20263.9M60.2%20270.3L47.2%20319.9M137.5%20263.9L188.9%20279.7M137.5%20263.9L114.2%20298.4M188.9%20279.7L237.8%20277.9M188.9%20279.7L164.8%20322.3M237.8%20277.9L319.1%20245.7M237.8%20277.9L222.8%20322.1M319.1%20245.7L360.0%20237.6M319.1%20245.7L307.0%20339.0M360.0%20237.6L360.0%20339.4M0.0%20318.7L47.2%20319.9M0.0%20318.7L0.0%20381.2M47.2%20319.9L114.2%20298.4M47.2%20319.9L55.0%20400.2M114.2%20298.4L164.8%20322.3M114.2%20298.4L121.4%20392.4M164.8%20322.3L222.8%20322.1M164.8%20322.3L180.3%20381.8M222.8%20322.1L307.0%20339.0M222.8%20322.1L239.7%20369.9M307.0%20339.0L360.0%20339.4M307.0%20339.0L312.9%20367.6M360.0%20339.4L360.0%20382.4M0.0%20381.2L55.0%20400.2M0.0%20381.2L0.0%20445.5M55.0%20400.2L121.4%20392.4M55.0%20400.2L77.0%20470.1M121.4%20392.4L180.3%20381.8M121.4%20392.4L117.6%20429.0M180.3%20381.8L239.7%20369.9M180.3%20381.8L162.9%20432.4M239.7%20369.9L312.9%20367.6M239.7%20369.9L255.1%20456.5M312.9%20367.6L360.0%20382.4M312.9%20367.6L306.0%20449.5M360.0%20382.4L360.0%20473.4M0.0%20445.5L77.0%20470.1M0.0%20445.5L0.0%20537.5M77.0%20470.1L117.6%20429.0M77.0%20470.1L40.7%20525.2M117.6%20429.0L162.9%20432.4M117.6%20429.0L103.6%20518.1M162.9%20432.4L255.1%20456.5M162.9%20432.4L171.4%20517.8M255.1%20456.5L306.0%20449.5M255.1%20456.5L250.0%20515.8M306.0%20449.5L360.0%20473.4M306.0%20449.5L296.3%20524.2M360.0%20473.4L360.0%20529.2M0.0%20537.5L40.7%20525.2M0.0%20537.5L0.0%20561.2M40.7%20525.2L103.6%20518.1M40.7%20525.2L64.1%20581.4M103.6%20518.1L171.4%20517.8M103.6%20518.1L114.4%20557.8M171.4%20517.8L250.0%20515.8M171.4%20517.8L166.6%20565.6M250.0%20515.8L296.3%20524.2M250.0%20515.8L254.9%20575.3M296.3%20524.2L360.0%20529.2M296.3%20524.2L304.7%20588.0M360.0%20529.2L360.0%20601.2M0.0%20561.2L64.1%20581.4M0.0%20561.2L0.0%20640.0M64.1%20581.4L114.4%20557.8M64.1%20581.4L36.8%20640.0M114.4%20557.8L166.6%20565.6M114.4%20557.8L125.9%20640.0M166.6%20565.6L254.9%20575.3M166.6%20565.6L183.8%20640.0M254.9%20575.3L304.7%20588.0M254.9%20575.3L237.0%20640.0M304.7%20588.0L360.0%20601.2M304.7%20588.0L319.9%20640.0M360.0%20601.2L360.0%20640.0M0.0%20640.0L36.8%20640.0M36.8%20640.0L125.9%20640.0M125.9%20640.0L183.8%20640.0M183.8%20640.0L237.0%20640.0M237.0%20640.0L319.9%20640.0M319.9%20640.0L360.0%20640.0%22%20stroke%3D%22%23cfe4ff%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221%22%2F%3E%3Crect%20width%3D%22360%22%20height%3D%22640%22%20fill%3D%22url%28%23p%29%22%2F%3E%3Crect%20width%3D%22360%22%20height%3D%22640%22%20fill%3D%22url%28%23v%29%22%2F%3E%3Cpath%20d%3D%22M184.99448751331983%20420.2931200425574L186.89424954282785%20430.84735353982416L184.99448751331983%20441.4015870370909L183.0947254838118%20430.84735353982416Z%20M174.44025401605305%20430.84735353982416L184.99448751331983%20432.74711556933215L195.5487210105866%20430.84735353982416L184.99448751331983%20428.94759151031616Z%22%20fill%3D%22%23fff%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20d%3D%22M108.08598825153243%2060.453558018642276L110.38980172991278%2073.25252178742203L108.08598825153243%2086.05148555620178L105.78217477315208%2073.25252178742203Z%20M95.28702448275268%2073.25252178742203L108.08598825153243%2075.55633526580237L120.88495202031217%2073.25252178742203L108.08598825153243%2070.94870830904168Z%22%20fill%3D%22%23fff%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20d%3D%22M6.6262277246575%20214.0596178230176L8.73849437846732%20225.79443256640548L6.6262277246575%20237.52924730979336L4.51396107084768%20225.79443256640548Z%20M-5.108587018730393%20225.79443256640548L6.6262277246575%20227.9066992202153L18.361042468045394%20225.79443256640548L6.6262277246575%20223.68216591259565Z%22%20fill%3D%22%23fff%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20d%3D%22M181.13011633098597%20158.87158237251992L182.57008746589074%20166.87142201087968L181.13011633098597%20174.87126164923944L179.6901451960812%20166.87142201087968Z%20M173.1302766926262%20166.87142201087968L181.13011633098597%20168.31139314578445L189.12995596934573%20166.87142201087968L181.13011633098597%20165.43145087597492Z%22%20fill%3D%22%23fff%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20d%3D%22M46.97286885556432%20616.3949686495564L48.98396824893726%20627.5677430571839L46.97286885556432%20638.7405174648113L44.961769462191384%20627.5677430571839Z%20M35.8000944479369%20627.5677430571839L46.97286885556432%20629.5788424505567L58.145643263191744%20627.5677430571839L46.97286885556432%20625.556643663811Z%22%20fill%3D%22%23fff%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20d%3D%22M317.50088378670665%20558.0353715345428L318.60773392774524%20564.1845389847572L317.50088378670665%20570.3337064349715L316.39403364566806%20564.1845389847572Z%20M311.3517163364923%20564.1845389847572L317.50088378670665%20565.2913891257957L323.650051236921%20564.1845389847572L317.50088378670665%20563.0776888437186Z%22%20fill%3D%22%23fff%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20d%3D%22M254.06408709197495%20159.10802770737L255.86040364802832%20169.08756412988882L254.06408709197495%20179.06710055240762L252.26777053592158%20169.08756412988882Z%20M244.08455066945615%20169.08756412988882L254.06408709197495%20170.8838806859422L264.04362351449373%20169.08756412988882L254.06408709197495%20167.29124757383545Z%22%20fill%3D%22%23fff%22%20opacity%3D%22.8%22%2F%3E%3C%2Fsvg%3E"); --sp-gem: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22tb%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e6f2ff%22%2F%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%235a9bff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231846c8%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M67.98612132115922%206.577661971969526L76.16295090390226%2023.837049096097743L93.42233802803048%2032.01387867884078Z%22%20fill%3D%22%23538bd7%22%2F%3E%3Cpath%20d%3D%22M59.18440237676216%2027.82689121972912L76.16295090390226%2023.837049096097743L67.98612132115922%206.577661971969526Z%22%20fill%3D%22%2376b6ef%22%2F%3E%3Cpath%20d%3D%22M59.18440237676216%2027.82689121972912L76.16295090390226%2023.837049096097743L72.17310878027088%2040.81559762323785Z%22%20fill%3D%22%231740ac%22%2F%3E%3Cpath%20d%3D%22M76.16295090390226%2023.837049096097743L93.42233802803048%2032.01387867884078L72.17310878027088%2040.81559762323785Z%22%20fill%3D%22%232855b8%22%2F%3E%3Cpath%20d%3D%22M93.42233802803048%2032.01387867884078L87%2050L93.42233802803048%2067.98612132115922Z%22%20fill%3D%22%232855b8%22%2F%3E%3Cpath%20d%3D%22M72.17310878027088%2040.81559762323785L87%2050L93.42233802803048%2032.01387867884078Z%22%20fill%3D%22%234a7fd0%22%2F%3E%3Cpath%20d%3D%22M72.17310878027088%2040.81559762323785L87%2050L72.17310878027088%2059.18440237676215Z%22%20fill%3D%22%233666c2%22%2F%3E%3Cpath%20d%3D%22M87%2050L93.42233802803048%2067.98612132115922L72.17310878027088%2059.18440237676215Z%22%20fill%3D%22%23143caa%22%2F%3E%3Cpath%20d%3D%22M93.42233802803048%2067.98612132115922L76.16295090390226%2076.16295090390226L67.98612132115922%2093.42233802803048Z%22%20fill%3D%22%23143caa%22%2F%3E%3Cpath%20d%3D%22M72.17310878027088%2059.18440237676215L76.16295090390226%2076.16295090390226L93.42233802803048%2067.98612132115922Z%22%20fill%3D%22%23224db4%22%2F%3E%3Cpath%20d%3D%22M72.17310878027088%2059.18440237676215L76.16295090390226%2076.16295090390226L59.18440237676216%2072.17310878027088Z%22%20fill%3D%22%2364a0e3%22%2F%3E%3Cpath%20d%3D%22M76.16295090390226%2076.16295090390226L67.98612132115922%2093.42233802803048L59.18440237676216%2072.17310878027088Z%22%20fill%3D%22%23234fb5%22%2F%3E%3Cpath%20d%3D%22M67.98612132115922%2093.42233802803048L50%2087L32.01387867884078%2093.42233802803048Z%22%20fill%3D%22%23234fb5%22%2F%3E%3Cpath%20d%3D%22M59.18440237676216%2072.17310878027088L50%2087L67.98612132115922%2093.42233802803048Z%22%20fill%3D%22%23143caa%22%2F%3E%3Cpath%20d%3D%22M59.18440237676216%2072.17310878027088L50%2087L40.81559762323785%2072.17310878027088Z%22%20fill%3D%22%2386cbfb%22%2F%3E%3Cpath%20d%3D%22M50%2087L32.01387867884078%2093.42233802803048L40.81559762323785%2072.17310878027088Z%22%20fill%3D%22%234d83d2%22%2F%3E%3Cpath%20d%3D%22M32.01387867884078%2093.42233802803048L23.837049096097743%2076.16295090390226L6.577661971969526%2067.98612132115923Z%22%20fill%3D%22%234d83d2%22%2F%3E%3Cpath%20d%3D%22M40.81559762323785%2072.17310878027088L23.837049096097743%2076.16295090390226L32.01387867884078%2093.42233802803048Z%22%20fill%3D%22%232a58ba%22%2F%3E%3Cpath%20d%3D%22M40.81559762323785%2072.17310878027088L23.837049096097743%2076.16295090390226L27.82689121972912%2059.18440237676216Z%22%20fill%3D%22%2389cefd%22%2F%3E%3Cpath%20d%3D%22M23.837049096097743%2076.16295090390226L6.577661971969526%2067.98612132115923L27.82689121972912%2059.18440237676216Z%22%20fill%3D%22%2378b9f1%22%2F%3E%3Cpath%20d%3D%22M6.577661971969526%2067.98612132115923L13%2050.00000000000001L6.577661971969519%2032.01387867884078Z%22%20fill%3D%22%2378b9f1%22%2F%3E%3Cpath%20d%3D%22M27.82689121972912%2059.18440237676216L13%2050.00000000000001L6.577661971969526%2067.98612132115923Z%22%20fill%3D%22%23568fd9%22%2F%3E%3Cpath%20d%3D%22M27.82689121972912%2059.18440237676216L13%2050.00000000000001L27.826891219729117%2040.81559762323785Z%22%20fill%3D%22%236aa8e7%22%2F%3E%3Cpath%20d%3D%22M13%2050.00000000000001L6.577661971969519%2032.01387867884078L27.826891219729117%2040.81559762323785Z%22%20fill%3D%22%238cd2ff%22%2F%3E%3Cpath%20d%3D%22M6.577661971969519%2032.01387867884078L23.837049096097736%2023.837049096097743L32.013878678840754%206.577661971969533Z%22%20fill%3D%22%238cd2ff%22%2F%3E%3Cpath%20d%3D%22M27.826891219729117%2040.81559762323785L23.837049096097736%2023.837049096097743L6.577661971969519%2032.01387867884078Z%22%20fill%3D%22%237ec1f5%22%2F%3E%3Cpath%20d%3D%22M27.826891219729117%2040.81559762323785L23.837049096097736%2023.837049096097743L40.815597623237835%2027.826891219729124Z%22%20fill%3D%22%233c6ec6%22%2F%3E%3Cpath%20d%3D%22M23.837049096097736%2023.837049096097743L32.013878678840754%206.577661971969533L40.815597623237835%2027.826891219729124Z%22%20fill%3D%22%237dbff4%22%2F%3E%3Cpath%20d%3D%22M32.013878678840754%206.577661971969533L49.99999999999999%2013L67.98612132115922%206.577661971969526Z%22%20fill%3D%22%237dbff4%22%2F%3E%3Cpath%20d%3D%22M40.815597623237835%2027.826891219729124L49.99999999999999%2013L32.013878678840754%206.577661971969533Z%22%20fill%3D%22%238cd2ff%22%2F%3E%3Cpath%20d%3D%22M40.815597623237835%2027.826891219729124L49.99999999999999%2013L59.18440237676216%2027.82689121972912Z%22%20fill%3D%22%231a43ae%22%2F%3E%3Cpath%20d%3D%22M49.99999999999999%2013L67.98612132115922%206.577661971969526L59.18440237676216%2027.82689121972912Z%22%20fill%3D%22%23538bd7%22%2F%3E%3Cpath%20d%3D%22M59.18440237676216%2027.82689121972912L72.17310878027088%2040.81559762323785L72.17310878027088%2059.18440237676215L59.18440237676216%2072.17310878027088L40.81559762323785%2072.17310878027088L27.82689121972912%2059.18440237676216L27.826891219729117%2040.81559762323785L40.815597623237835%2027.826891219729124Z%22%20fill%3D%22url%28%23tb%29%22%2F%3E%3Cpath%20d%3D%22M67.98612132115922%206.577661971969526L93.42233802803048%2032.01387867884078L93.42233802803048%2067.98612132115922L67.98612132115922%2093.42233802803048L32.01387867884078%2093.42233802803048L6.577661971969526%2067.98612132115923L6.577661971969519%2032.01387867884078L32.013878678840754%206.577661971969533Z%22%20fill%3D%22none%22%20stroke%3D%22%23e6f2ff%22%20stroke-opacity%3D%22.7%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M59.18440237676216%2027.82689121972912L72.17310878027088%2040.81559762323785L72.17310878027088%2059.18440237676215L59.18440237676216%2072.17310878027088L40.81559762323785%2072.17310878027088L27.82689121972912%2059.18440237676216L27.826891219729117%2040.81559762323785L40.815597623237835%2027.826891219729124Z%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M33%2022L38%2030L30%2036Z%22%20fill%3D%22%23fff%22%20opacity%3D%22.85%22%2F%3E%3C%2Fsvg%3E"); }
/* ---------- real crystal: a faceted sapphire surface and a brilliant-cut gem (made by a script: facets lit from the top
   left, bright edges, a prismatic sheen and a few glints) ---------- */
.modal.sp-shop, .modal.sp-chw { background: var(--sp-crys) center / 100% 100% no-repeat, #0a1a48; }
.modal.sp-shop .modal-head, .modal.sp-chw .modal-head { background: linear-gradient(180deg, rgb(19 48 124 / .82), rgb(10 26 72 / .7)); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); }
.sp-shop .sp-item, .sp-shop .sp-item.sp-t3, .sp-shop .sp-item.sp-t4 { background: linear-gradient(160deg, rgb(255 255 255 / .18), rgb(255 255 255 / 0) 45%), var(--sp-crys) center / 220% 220% no-repeat, #102a6c; }
.sp-shop .sp-item:nth-child(2n) { background-position: 0 0, 30% 70%, 0 0; }
.sp-shop .sp-item:nth-child(3n) { background-position: 0 0, 80% 20%, 0 0; }
.sp-shop .sp-item.on { background: linear-gradient(160deg, rgb(255 255 255 / .32), rgb(120 180 255 / .1) 45%), var(--sp-crys) center / 220% 220% no-repeat, #1d4fd8; }
.sp-shop .sp-detail, .sp-shop .sp-wallet, .sp-chw .sp-wallet { background: linear-gradient(150deg, rgb(255 255 255 / .16), rgb(255 255 255 / .02) 45%, rgb(150 200 255 / .1)), rgb(6 16 52 / .45); backdrop-filter: blur(1px); }
.sp-chip i { display: inline-block; width: 1.05em; height: 1.05em; font-size: inherit; color: transparent; overflow: hidden; vertical-align: -0.12em; background: var(--sp-gem) center / contain no-repeat; filter: drop-shadow(0 0 3px rgb(150 200 255 / .8)); }
.sp-chip { background: linear-gradient(115deg, rgb(255 255 255 / .35) 0 10%, transparent 10.5% 45%, rgb(255 255 255 / .18) 45.5% 52%, transparent 52.5%), var(--sp-crys) center / 300% 300% no-repeat, #1d4fd8; text-shadow: 0 1px 2px rgb(0 10 60 / .7); }

/* the sapphire itself, everywhere: a flat bright cut crystal (crown, table, pavilion facets and a sparkle) */
:root { --sp-gem: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20d%3D%22M14%2010L22%2010L18%2024L4%2024Z%22%20fill%3D%22%23a8d8ff%22%2F%3E%3Cpath%20d%3D%22M22%2010L42%2010L32%2024Z%22%20fill%3D%22%23e9f7ff%22%2F%3E%3Cpath%20d%3D%22M22%2010L32%2024L18%2024Z%22%20fill%3D%22%238ccaff%22%2F%3E%3Cpath%20d%3D%22M42%2010L46%2024L32%2024Z%22%20fill%3D%22%235eaeff%22%2F%3E%3Cpath%20d%3D%22M42%2010L50%2010L60%2024L46%2024Z%22%20fill%3D%22%233f8eff%22%2F%3E%3Cpath%20d%3D%22M4%2024L18%2024L32%2058Z%22%20fill%3D%22%235cb2ff%22%2F%3E%3Cpath%20d%3D%22M18%2024L32%2024L32%2058Z%22%20fill%3D%22%23a2d6ff%22%2F%3E%3Cpath%20d%3D%22M32%2024L46%2024L32%2058Z%22%20fill%3D%22%233a86ff%22%2F%3E%3Cpath%20d%3D%22M46%2024L60%2024L32%2058Z%22%20fill%3D%22%232266ee%22%2F%3E%3Cpath%20d%3D%22M22%2010L18%2024L32%2058L46%2024L42%2010M4%2024H60M22%2010L32%2024L42%2010%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%22.6%22%20stroke-width%3D%221.2%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M14%2010H50L60%2024L32%2058L4%2024Z%22%20fill%3D%22none%22%20stroke%3D%22%231546b8%22%20stroke-width%3D%222.6%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M52%202L53.6%206.4L58%208L53.6%209.6L52%2014L50.4%209.6L46%208L50.4%206.4Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E"); }
.sp-gm { display: inline-block; width: 1.15em; height: 1.15em; vertical-align: -0.2em; background: var(--sp-gem) center / contain no-repeat; filter: drop-shadow(0 0 2px rgb(120 190 255 / .55)); font-style: normal; }
.sp-chip i.sp-gm { width: 1.15em; height: 1.15em; filter: drop-shadow(0 0 3px rgb(200 230 255 / .9)); }
.hero span .sp-gm { width: 1.3em; height: 1.3em; vertical-align: middle; }