/* Mashup — layered type, neon color, hard edges, glossy panels, and scanlines. */
body[data-theme="mashup"]{--bg:#171321;--panel:#f3e9ff;--panel-2:#d8f6f1;--line:#ff5f48;--text:#f8f2ff;--muted:#c2b8d4;--soft:#e6d8f2;--accent:#ff4cb8;--accent-2:#54e7df;--green:#9dff78;background:radial-gradient(ellipse at 15% 8%,#ff5fc43a,transparent 34%),radial-gradient(ellipse at 82% 44%,#39ddda2b,transparent 36%),linear-gradient(145deg,#101425,#221327 53%,#15302e);background-attachment:fixed;color:var(--text);font-family:'Lato','Segoe UI',sans-serif}
body[data-theme="mashup"]:before{opacity:.14!important;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,transparent 0 3px,#d5c8ff18 4px 5px)}
body[data-theme="mashup"]:after{opacity:.14!important;box-shadow:inset 0 0 100px #10091e}
body[data-theme="mashup"] .crt-frame{opacity:.22;border-color:#e3d4ff}
body[data-theme="mashup"] .ambient{display:none}
body[data-theme="mashup"] .oil-field{opacity:.3!important}
body[data-theme="mashup"] .topbar{background:linear-gradient(100deg,#ff4cba24,#25e4dd22),#16121fdc;border-bottom:2px solid #ff624c;box-shadow:0 4px 22px #05040b88}
body[data-theme="mashup"] .brand,body[data-theme="mashup"] .nav-links a{color:#f8f2ff}
body[data-theme="mashup"] .brand-mark{background:linear-gradient(135deg,#50f1db,#904dff 48%,#ff58b5);border-radius:50% 12px 50% 12px;box-shadow:0 0 16px #dd56ff77}
body[data-theme="mashup"] .brand-name span{color:#ff78cc}
body[data-theme="mashup"] .eyebrow{color:#79f5df;font-family:'DM Mono',monospace}
body[data-theme="mashup"] .eyebrow-line{height:3px;background:linear-gradient(90deg,#ff5d4c,#ffd768,#55efdf,#dd5eff)}
body[data-theme="mashup"] .hero h1{color:#fff6e6;text-shadow:3px 3px #ed4b7966,-3px -2px #44dbdb55,0 0 30px #cc4dff35}
body[data-theme="mashup"] .hero h1 em{color:#f8a6e8}
body[data-theme="mashup"] .hero-description,body[data-theme="mashup"] .hero-note{color:#ddd1e9}
body[data-theme="mashup"] .hero-card,body[data-theme="mashup"] .leaderboard-shell,body[data-theme="mashup"] .lookup-section,body[data-theme="mashup"] .random-card{position:relative;background:linear-gradient(145deg,#f6edff,#d9f4ef 58%,#fbe2f0);color:#201932;border:2px solid #fef5ff;border-radius:4px 22px 7px 22px;box-shadow:7px 7px 0 #ff604d,14px 14px 0 #54dcd1,0 20px 40px #03030b88}
body[data-theme="mashup"] dialog.profile-dialog{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0}
body[data-theme="mashup"] .hero-card{transform:rotate(-2deg);box-shadow:7px 7px 0 #ff604d,14px 14px 0 #54dcd1,0 20px 40px #03030b88}
body[data-theme="mashup"] .hero-card-top,body[data-theme="mashup"] .board-head,body[data-theme="mashup"] .board-footer{border-color:#8b72a3;color:#57456b}
body[data-theme="mashup"] .hero-user strong,body[data-theme="mashup"] .hero-score strong,body[data-theme="mashup"] .hero-game strong,body[data-theme="mashup"] .section-heading h2,body[data-theme="mashup"] .lookup-copy h2{color:#251738}
body[data-theme="mashup"] .hero-score strong span,body[data-theme="mashup"] .section-heading h2 em,body[data-theme="mashup"] .lookup-copy h2 em{color:#cc2e9d}
body[data-theme="mashup"] .section-heading p,body[data-theme="mashup"] .lookup-copy p,body[data-theme="mashup"] .random-heading p{color:#4b3c5a}
body[data-theme="mashup"] .board-row{border-color:#c9b7d6;color:#251738}
body[data-theme="mashup"] .board-row:nth-child(3n){background:#fff3cf55}
body[data-theme="mashup"] .board-row:nth-child(3n + 1){background:#e8d9ff66}
body[data-theme="mashup"] .board-row:hover,body[data-theme="mashup"] .board-row:focus-visible{background:#b5fff0}
body[data-theme="mashup"] .player-info strong,body[data-theme="mashup"] .top-game strong,body[data-theme="mashup"] .hours-cell strong{color:#251738}
body[data-theme="mashup"] .primary-button,body[data-theme="mashup"] .steam-button,body[data-theme="mashup"] .input-wrap button{background:linear-gradient(115deg,#ff5db1,#9c55f4 52%,#26cfc5);color:white;border:2px solid #fff;border-radius:4px;box-shadow:4px 4px 0 #171321,0 0 15px #e44cff55}
body[data-theme="mashup"] .icon-button,body[data-theme="mashup"] .refresh-button,body[data-theme="mashup"] .period-switch button{background:#201b2e;color:#f6eaff;border:1px solid #8c72aa;border-radius:3px}
body[data-theme="mashup"] .period-switch button.selected{background:#8f4de0;color:white}
body[data-theme="mashup"] .input-wrap{background:#f8f0ff;border:2px solid #7d5aa4;border-radius:3px;box-shadow:inset 0 2px 7px #42235422}
body[data-theme="mashup"] .input-wrap input{color:#201932}
body[data-theme="mashup"] .footer{border-color:#fa5b86;color:#eee4f7}
body[data-theme="mashup"] .text-link{color:#f5dff2}
body[data-theme="mashup"] .text-link span{color:#59e9dc}
body[data-theme="mashup"] .hero-user small,body[data-theme="mashup"] .hero-score small,body[data-theme="mashup"] .hero-game small{color:#59496a}
body[data-theme="mashup"] .game-dot,body[data-theme="mashup"] .game-chip{background:linear-gradient(135deg,#d9fff5,#c9d8ff);color:#27324a;border:1px solid #fff;box-shadow:0 2px 5px #51406c22}
body[data-theme="mashup"] .footer .brand{color:#f8f2ff}
body[data-theme="mashup"] .footer .brand-mark{box-shadow:0 0 12px #dd56ff55}
body[data-theme="mashup"] .footer>a:last-child{color:#8cf4e8}
body[data-theme="mashup"] .dialog-game{border-color:#d7c2e4;color:#251738}
body[data-theme="mashup"] .dialog-game span:last-child,body[data-theme="mashup"] .dialog-total{color:#b52b97}
body[data-theme="mashup"] .dialog-game-cover{border-color:#fff;border-radius:6px;box-shadow:0 3px 10px #34214333}
body[data-theme="mashup"] .dialog-note{color:#514260}
body[data-theme="mashup"] .toast{background:linear-gradient(110deg,#fff2fc,#d9ffff);border:1px solid #fff;color:#261a36;box-shadow:0 8px 24px #09071166}
/* Use the site's supplied cursor artwork consistently across Mashup. */
html,body{cursor:url('./roundynormal.cur'),auto!important}
a,button,[role='button'],input[type='submit'],select{cursor:url('./roundyhand.cur'),pointer!important}
input:not([type='submit']),textarea,[contenteditable='true']{cursor:url('./roundtext.cur'),text!important}
[draggable='true'],.is-draggable{cursor:url('./roundmove.cur'),move!important}
button:disabled,[aria-disabled='true']{cursor:url('./rounddalt.cur'),not-allowed!important}
@media(prefers-reduced-motion:reduce){body[data-theme="mashup"] *{scroll-behavior:auto}}
body[data-theme="mashup"] .vrchat-tab{background:linear-gradient(145deg,#51f0da,#9c55f4 55%,#ff58b5);border-color:#fff;color:#fff;box-shadow:-4px 4px 0 #ff604d,-7px 8px 0 #54dcd1,0 10px 22px #03030b88}
body[data-theme="mashup"] .vrchat-drawer{background:linear-gradient(145deg,#f6edff,#d9f4ef 58%,#fbe2f0);border-color:#fff;box-shadow:-7px 0 0 #ff604d,-14px 0 0 #54dcd1,-20px 0 40px #03030b88}
body[data-theme="mashup"] .vrchat-drawer-head h2{color:#251738}
body[data-theme="mashup"] .vrchat-tagline{color:#514260}
body[data-theme="mashup"] .vrchat-progress,body[data-theme="mashup"] .vrchat-rank,body[data-theme="mashup"] .vrchat-player small,body[data-theme="mashup"] .vrchat-empty{color:#514260}
body[data-theme="mashup"] .vrchat-row{border-color:#c9b7d6}
body[data-theme="mashup"] .vrchat-row:hover,body[data-theme="mashup"] .vrchat-row:focus-visible{background:#b5fff0}
body[data-theme="mashup"] .vrchat-hours{color:#b52b97}
body[data-theme="mashup"] .vrchat-close{background:linear-gradient(115deg,#ff5db1,#9c55f4 52%,#26cfc5);color:#fff;border:2px solid #fff}
body[data-theme="mashup"] .footer-note{color:#eee4f7}

/* Blacklight acts as a full dark theme while keeping its UV background details. */
body.blacklight-mode[data-theme="mashup"]{--panel:#24212c;--panel-2:#1c2830;--line:#57435e;--text:#f4eef9;--muted:#c2b8d0;--soft:#e3d8ee;--bg:#0c0e16;background:radial-gradient(ellipse at 15% 8%,#43203d 0,transparent 34%),radial-gradient(ellipse at 82% 44%,#10383a 0,transparent 36%),linear-gradient(145deg,#090b12,#15111b 53%,#0c191a);color:#f4eef9}
body.blacklight-mode[data-theme="mashup"]:before{opacity:.2!important;mix-blend-mode:screen}
body.blacklight-mode[data-theme="mashup"]:after{opacity:.35!important;box-shadow:inset 0 0 110px #000}
body.blacklight-mode[data-theme="mashup"] .topbar{background:linear-gradient(100deg,#d9349419,#28d8ce17),#0e1119ed;border-bottom-color:#554264;box-shadow:0 4px 22px #0009}
body.blacklight-mode[data-theme="mashup"] .brand,body.blacklight-mode[data-theme="mashup"] .nav-links a{color:#f4eef9}
body.blacklight-mode[data-theme="mashup"] .brand-name span{color:#ff91d7}
body.blacklight-mode[data-theme="mashup"] .hero-description,body.blacklight-mode[data-theme="mashup"] .hero-note,body.blacklight-mode[data-theme="mashup"] .text-link{color:#d8cfe2}
body.blacklight-mode[data-theme="mashup"] .hero-card,body.blacklight-mode[data-theme="mashup"] .leaderboard-shell,body.blacklight-mode[data-theme="mashup"] .lookup-section,body.blacklight-mode[data-theme="mashup"] .random-card,body.blacklight-mode[data-theme="mashup"] .vrchat-drawer,body.blacklight-mode[data-theme="mashup"] dialog.profile-dialog{background:linear-gradient(145deg,#24202c,#18232a 58%,#29202d)!important;color:#f4eef9!important;border-color:#66516e!important;box-shadow:inset 0 1px #ffffff12,6px 6px 0 #7a304d,12px 12px 0 #236e70,0 18px 38px #000b!important}
body.blacklight-mode[data-theme="mashup"] .hero-card-top,body.blacklight-mode[data-theme="mashup"] .board-head,body.blacklight-mode[data-theme="mashup"] .board-footer{border-color:#594b64;color:#d1c5dc}
body.blacklight-mode[data-theme="mashup"] .hero-user strong,body.blacklight-mode[data-theme="mashup"] .hero-score strong,body.blacklight-mode[data-theme="mashup"] .hero-game strong,body.blacklight-mode[data-theme="mashup"] .section-heading h2,body.blacklight-mode[data-theme="mashup"] .lookup-copy h2,body.blacklight-mode[data-theme="mashup"] .player-info strong,body.blacklight-mode[data-theme="mashup"] .top-game strong,body.blacklight-mode[data-theme="mashup"] .hours-cell strong,body.blacklight-mode[data-theme="mashup"] .vrchat-drawer-head h2{color:#fbf6ff}
body.blacklight-mode[data-theme="mashup"] .section-heading p,body.blacklight-mode[data-theme="mashup"] .lookup-copy p,body.blacklight-mode[data-theme="mashup"] .random-heading p,body.blacklight-mode[data-theme="mashup"] .hero-user small,body.blacklight-mode[data-theme="mashup"] .hero-score small,body.blacklight-mode[data-theme="mashup"] .hero-game small,body.blacklight-mode[data-theme="mashup"] .vrchat-tagline,body.blacklight-mode[data-theme="mashup"] .vrchat-progress,body.blacklight-mode[data-theme="mashup"] .vrchat-rank,body.blacklight-mode[data-theme="mashup"] .vrchat-player small,body.blacklight-mode[data-theme="mashup"] .vrchat-empty,body.blacklight-mode[data-theme="mashup"] .dialog-note,body.blacklight-mode[data-theme="mashup"] .dialog-game-description,body.blacklight-mode[data-theme="mashup"] .profile-tags>p{color:#c9bfd2}
body.blacklight-mode[data-theme="mashup"] .board-row{border-color:#4b4056;color:#f4eef9;background:#201c27}
body.blacklight-mode[data-theme="mashup"] .board-row:nth-child(3n){background:#29232b}
body.blacklight-mode[data-theme="mashup"] .board-row:nth-child(3n + 1){background:#20252d}
body.blacklight-mode[data-theme="mashup"] .board-row:hover,body.blacklight-mode[data-theme="mashup"] .board-row:focus-visible,body.blacklight-mode[data-theme="mashup"] .vrchat-row:hover,body.blacklight-mode[data-theme="mashup"] .vrchat-row:focus-visible{background:#373040}
body.blacklight-mode[data-theme="mashup"] .vrchat-row{color:#f4eef9;border-color:#51455b}
body.blacklight-mode[data-theme="mashup"] .vrchat-hours,body.blacklight-mode[data-theme="mashup"] .dialog-game span:last-child,body.blacklight-mode[data-theme="mashup"] .dialog-total{color:#ff8bdb}
body.blacklight-mode[data-theme="mashup"] .primary-button,body.blacklight-mode[data-theme="mashup"] .steam-button,body.blacklight-mode[data-theme="mashup"] .input-wrap button,body.blacklight-mode[data-theme="mashup"] .vrchat-close{background:linear-gradient(125deg,#612855,#44306d 54%,#145558)!important;color:#fff!important;border-color:#9d73a8!important;box-shadow:inset 0 1px #ffffff36,0 3px 8px #0007!important;text-shadow:none}
body.blacklight-mode[data-theme="mashup"] .period-switch button,body.blacklight-mode[data-theme="mashup"] .refresh-button,body.blacklight-mode[data-theme="mashup"] .icon-button{background:#211d29;color:#f4eef9;border-color:#594c66}
body.blacklight-mode[data-theme="mashup"] .period-switch button.selected{background:#7d3d83;color:#fff}
body.blacklight-mode[data-theme="mashup"] .input-wrap{background:#11151c;border-color:#65516f;box-shadow:inset 0 2px 8px #0008}
body.blacklight-mode[data-theme="mashup"] .input-wrap input{background:transparent;color:#fbf6ff}
body.blacklight-mode[data-theme="mashup"] .input-wrap input::placeholder{color:#a49aaf}
body.blacklight-mode[data-theme="mashup"] .footer{border-color:#6a3c5b;color:#eee4f7}
body.blacklight-mode[data-theme="mashup"] .footer>a:last-child{color:#92f5e7}
body.blacklight-mode[data-theme="mashup"] .dialog-game{border-color:#51445b;color:#f4eef9}
body.blacklight-mode[data-theme="mashup"] .dialog-game-title,body.blacklight-mode[data-theme="mashup"] .profile-tags h4{color:#9df5e2}
body.blacklight-mode[data-theme="mashup"] .dialog-game-cover{background:#11151c;border-color:#574a62;box-shadow:0 3px 10px #0008}
body.blacklight-mode[data-theme="mashup"] .dialog-stats .dialog-stat{background:linear-gradient(145deg,#292531,#1b2830);border-color:#574b62;box-shadow:inset 0 1px #ffffff12,0 2px 7px #0007}
body.blacklight-mode[data-theme="mashup"] .dialog-stats .dialog-stat strong{color:#ff9bdd}
body.blacklight-mode[data-theme="mashup"] .dialog-stats .dialog-stat span{color:#c4b9d0}
body.blacklight-mode[data-theme="mashup"] .profile-tags{background:linear-gradient(145deg,#24202c,#18232a);border-color:#574b62;box-shadow:inset 0 1px #ffffff12}
body.blacklight-mode[data-theme="mashup"] .profile-tag{background:#30283a;border-color:#5c4b68;color:#f3eaff}
body.blacklight-mode[data-theme="mashup"] .profile-tag small{color:#bfb2cc}
body.blacklight-mode[data-theme="mashup"] .vrchat-drawer-head h2{color:#fbf6ff}
body.blacklight-mode[data-theme="mashup"] .vrchat-close{background:#292331!important}
body.blacklight-mode[data-theme="mashup"] .now-playing-stage{background:linear-gradient(145deg,#24202c,#18232a 58%,#29202d);border-color:#66516e;color:#f4eef9;box-shadow:inset 0 1px #ffffff12,0 10px 28px #0008}
body.blacklight-mode[data-theme="mashup"] .now-playing-player,body.blacklight-mode[data-theme="mashup"] .now-playing-game a{color:#fbf6ff}
body.blacklight-mode[data-theme="mashup"] .now-playing-player small,body.blacklight-mode[data-theme="mashup"] .now-playing-game small,body.blacklight-mode[data-theme="mashup"] .now-playing-empty{color:#c9bfd2}
body.blacklight-mode[data-theme="mashup"] .game-dot,body.blacklight-mode[data-theme="mashup"] .game-chip{background:#30283a;color:#eee7f5;border-color:#5c4b68;box-shadow:none}
body.blacklight-mode[data-theme="mashup"] .playtime-pie span{background:#211d29;color:#fff}
body.blacklight-mode[data-theme="mashup"] .random-empty{color:#d1c5dc}
body.blacklight-mode[data-theme="mashup"] .steam-status-pill{background:#211d29;color:#e8deef;border-color:#594c66}
body.blacklight-mode[data-theme="mashup"] .profile-dialog::backdrop{background:#02030ad9}
body.blacklight-mode[data-theme="mashup"] .player-info small,body.blacklight-mode[data-theme="mashup"] .hours-cell small,body.blacklight-mode[data-theme="mashup"] .updated,body.blacklight-mode[data-theme="mashup"] .updated span,body.blacklight-mode[data-theme="mashup"] .lookup-form label,body.blacklight-mode[data-theme="mashup"] #lookupMessage,body.blacklight-mode[data-theme="mashup"] .board-bottom,body.blacklight-mode[data-theme="mashup"] .dialog-profile p,body.blacklight-mode[data-theme="mashup"] .dialog-total span{color:#c9bfd2}
body.blacklight-mode[data-theme="mashup"] #lookupMessage[data-state="connected"],body.blacklight-mode[data-theme="mashup"] #lookupMessage[data-state="ready"]{color:#9df5e2}
body.blacklight-mode[data-theme="mashup"] #lookupMessage[data-state="error"]{color:#ff9b9b}
body.blacklight-mode[data-theme="mashup"] .dialog-profile a{color:#9df5e2}
body.blacklight-mode[data-theme="mashup"] .board-head,body.blacklight-mode[data-theme="mashup"] .board-footer{background:#211d29;color:#c9bfd2}
body.blacklight-mode[data-theme="mashup"] .random-empty{background:#211d29;border-color:#594c66;box-shadow:inset 0 1px #ffffff12,0 5px 13px #0007}
body.blacklight-mode[data-theme="mashup"] .profile-dialog .dialog-close{background:#211d29;color:#f4eef9;border-color:#66516e}
body.blacklight-mode[data-theme="mashup"] .vrchat-progress,body.blacklight-mode[data-theme="mashup"] .vrchat-rank,body.blacklight-mode[data-theme="mashup"] .vrchat-player small,body.blacklight-mode[data-theme="mashup"] .vrchat-empty{color:#c9bfd2}
body.blacklight-mode[data-theme="mashup"] .vrchat-tab{color:#fff}
body.blacklight-mode[data-theme="mashup"] :focus-visible{outline-color:#a9fff1}
body.blacklight-mode[data-theme="mashup"] .period-switch{background:#17151e;border-color:#574766;box-shadow:inset 0 2px 4px #0008}
body.blacklight-mode[data-theme="mashup"] .row-arrow{color:#9df5e2}
body.blacklight-mode[data-theme="mashup"] .dialog-profile img{border-color:#62536c;background:#171b24}
body.blacklight-mode[data-theme="mashup"] .toast{background:#211d29;border-color:#66516e;color:#f4eef9;box-shadow:0 8px 24px #0009}
body.blacklight-mode[data-theme="mashup"] .nav-links.mobile-open{background:linear-gradient(145deg,#24202c,#18232a 58%,#29202d);border-color:#66516e;box-shadow:0 12px 24px #0009}
body.blacklight-mode[data-theme="mashup"] .nav-links.mobile-open a{color:#f4eef9}
body.blacklight-mode[data-theme="mashup"] .nav-links.mobile-open a:hover,body.blacklight-mode[data-theme="mashup"] .nav-links.mobile-open a:focus-visible{background:#373040;color:#a9fff1}
body.blacklight-mode[data-theme="mashup"] .random-rank,body.blacklight-mode[data-theme="mashup"] .random-card-info small,body.blacklight-mode[data-theme="mashup"] .random-card-hours small{color:#c9bfd2}
body.blacklight-mode[data-theme="mashup"] .random-card-hours strong{color:#ff9bdd}
body.blacklight-mode[data-theme="mashup"] .input-wrap>span{color:#9df5e2}
body.blacklight-mode[data-theme="mashup"] .rank{color:#c9bfd2}
body.blacklight-mode[data-theme="mashup"] .rank.top{color:#ff9bdd}
body.blacklight-mode[data-theme="mashup"] .game-chip span{color:#9df5e2}
body.blacklight-mode[data-theme="mashup"] .vrchat-tab{border-color:#66516e}
body.blacklight-mode[data-theme="mashup"] .random-card img,body.blacklight-mode[data-theme="mashup"] .vrchat-row img,body.blacklight-mode[data-theme="mashup"] .now-playing-player img,body.blacklight-mode[data-theme="mashup"] .now-playing-game a img{border-color:#66516e}
body.blacklight-mode[data-theme="mashup"] .playtime-pie{border-color:#66516e}
body.blacklight-mode[data-theme="mashup"] .section-heading h2 em,body.blacklight-mode[data-theme="mashup"] .lookup-copy h2 em{color:#ff9bdd}
body.blacklight-mode[data-theme="mashup"] .now-playing-alert{color:#ff9b9b;text-shadow:0 1px #2a1521}
body.blacklight-mode[data-theme="mashup"] .vrchat-tab{background:linear-gradient(145deg,#24202c,#301d38 55%,#183638);border-color:#66516e;color:#f4eef9;box-shadow:-4px 4px 0 #7a304d,-7px 8px 0 #236e70,0 10px 22px #0009}
body.blacklight-mode[data-theme="mashup"] .vrchat-tab:focus-visible{outline:2px solid #a9fff1;outline-offset:2px}
@media(prefers-reduced-motion:reduce){body.blacklight-mode[data-theme="mashup"] *,body.blacklight-mode[data-theme="mashup"] *:before,body.blacklight-mode[data-theme="mashup"] *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* Featured public-friends lookup */
.friends-scan-featured{position:relative;isolation:isolate;overflow:hidden;width:min(1240px,calc(100% - 56px));margin:30px auto 48px;padding:clamp(20px,3.2vw,38px);border:2px solid #fff;border-radius:8px 24px 8px 24px;background:radial-gradient(ellipse at 88% 0%,#95f4e875,transparent 38%),linear-gradient(135deg,#f8eeff 0%,#d8fbf5 52%,#fff0f7 100%);box-shadow:7px 7px 0 #ff604d,14px 14px 0 #54dcd1,0 24px 48px #05020c88}
.friends-scan-featured:before{content:"";position:absolute;z-index:-1;right:8%;top:-86px;width:250px;height:250px;border:1px solid #9b69bd4d;border-radius:50%;transform:rotateX(62deg) rotate(-25deg);box-shadow:0 0 0 12px #ffffff21,0 0 0 26px #ed66b111}
.friends-scan-featured:after{content:"";position:absolute;z-index:-1;right:12%;top:13px;width:104px;height:104px;border:1px solid #fff;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff 0 3%,#befdf0 8%,#5de0dc 28%,#628ed5 56%,#bb69c7 75%,#fff0 77%);box-shadow:inset -10px -12px 20px #3b397e66,inset 6px 7px 12px #fff,0 0 25px #67dcd344;opacity:.42;pointer-events:none}
.friends-scan-featured .friends-scan-heading{position:relative;z-index:1;grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);gap:24px 36px}
.friends-scan-topline{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px}
.friends-scan-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #fff;border-radius:999px;background:linear-gradient(180deg,#f5fffc,#d9f8ed);box-shadow:inset 0 1px #fff,0 3px 10px #13475520;color:#176d70;font:800 8px var(--mono);letter-spacing:.65px;white-space:nowrap}
.friends-scan-badge i{width:7px;height:7px;border-radius:50%;background:#29bb8d;box-shadow:0 0 9px #3de5b2;font-size:0}
.friends-scan-copy,.friends-scan-form{position:relative;z-index:1}
.friends-scan-featured .friends-scan-copy h2{margin:0 0 12px;color:#201832;font-size:clamp(26px,3.6vw,40px);text-shadow:1px 2px #fff}
.friends-scan-featured .friends-scan-copy h2 em{color:#c4359a}
.friends-scan-featured .friends-scan-copy p{max-width:570px;margin:0;color:#405b70;font-size:13px;line-height:1.65}
.friends-scan-featured .friends-scan-form{padding:17px;border:1px solid #fff;border-radius:12px;background:linear-gradient(145deg,#ffffffc9,#d9f5f4c9);box-shadow:inset 0 1px #fff,0 10px 25px #49325b20;backdrop-filter:blur(8px)}
.friends-scan-featured .friends-scan-form label{color:#624078}
.friends-scan-featured .friends-scan-form .input-wrap{border-color:#8a73a8;background:#fff;box-shadow:inset 0 2px 5px #28304b18,0 0 0 3px #ffffff80}
.friends-scan-featured .friends-scan-form button{border-color:#a72d91;background:linear-gradient(135deg,#ed54b7,#bd42bd 48%,#607ee9);box-shadow:inset 0 1px #ffffff88,0 3px 8px #913f9955}
.friends-scan-featured .friends-scan-form button:hover{filter:brightness(1.08);transform:translateY(-1px)}
.friends-scan-featured .friends-scan-form>small{min-height:18px}
.friends-scan-featured .friends-scan-results{position:relative;z-index:1}
body.blacklight-mode[data-theme="mashup"] .friends-scan-featured{border-color:#6e5879;background:radial-gradient(ellipse at 88% 0%,#3e9d9650,transparent 38%),linear-gradient(135deg,#261d35 0%,#17282d 52%,#30202f 100%);box-shadow:7px 7px 0 #7a304d,14px 14px 0 #236e70,0 24px 48px #000b}
body.blacklight-mode[data-theme="mashup"] .friends-scan-featured .friends-scan-copy h2{color:#fff6ff;text-shadow:0 0 18px #d966d522}
body.blacklight-mode[data-theme="mashup"] .friends-scan-featured .friends-scan-copy h2 em{color:#ff8adb}
body.blacklight-mode[data-theme="mashup"] .friends-scan-featured .friends-scan-copy p{color:#d0c4dc}
body.blacklight-mode[data-theme="mashup"] .friends-scan-badge{border-color:#61536d;background:linear-gradient(180deg,#272539,#1c2e32);color:#c8fff0}
body.blacklight-mode[data-theme="mashup"] .friends-scan-featured .friends-scan-form{border-color:#685273;background:linear-gradient(145deg,#30263bd9,#1e2d34d9);box-shadow:inset 0 1px #ffffff18,0 10px 25px #0005}
body.blacklight-mode[data-theme="mashup"] .friends-scan-featured .friends-scan-form label{color:#c5a9de}
body.blacklight-mode[data-theme="mashup"] .friends-scan-featured .friends-scan-form .input-wrap{border-color:#695579;background:#211c2c;box-shadow:inset 0 2px 5px #0006}
body.blacklight-mode[data-theme="mashup"] .friends-scan-featured .friends-scan-form input{color:#f7efff}
body.blacklight-mode[data-theme="mashup"] .friends-scan-featured .friends-scan-form input::placeholder{color:#9a8eac}
body.blacklight-mode[data-theme="mashup"] .friends-scan-badge i{background:#6dffca;box-shadow:0 0 10px #6dffca}
@media(max-width:700px){.friends-scan-featured{width:calc(100% - 34px);margin:24px auto 40px;padding:18px 16px 20px;box-shadow:4px 4px 0 #ff604d,8px 8px 0 #54dcd1,0 18px 35px #05020c77}.friends-scan-featured:before{right:-27px;top:-52px;width:175px;height:175px}.friends-scan-featured:after{right:8px;top:20px;width:67px;height:67px}.friends-scan-featured .friends-scan-heading{grid-template-columns:1fr;gap:13px}.friends-scan-topline{grid-column:auto}.friends-scan-featured .friends-scan-form{padding:12px}.friends-scan-featured .friends-scan-copy p{font-size:12px}}
@media(max-width:380px){.friends-scan-badge{padding:6px 8px;font-size:7px}.friends-scan-featured .friends-scan-copy h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.friends-scan-featured .friends-scan-form button:hover{transform:none}}