/* Glassy dark hubs and warm interaction accents, within the existing layout. */
:root{--hub-border:#a7adb12e;--hub-accent:#ff974f;--hub-surface:linear-gradient(135deg,#373b42e8,#292d33f5)}
.filter-card,.editor .edit-section,.news-strip,.section-placeholder,.friends-popover,.nav,.modal{
  border:1px solid var(--hub-border);
  background:var(--hub-surface);
  border-radius:14px;
  box-shadow:inset 0 1px #ffffff09,0 12px 30px #0002;
}
.filter-card{border-top-color:#ff974f77}
.editor .edit-section{padding:20px;margin:22px 0}
.editor .edit-section h2{margin-top:0;padding-bottom:12px;border-bottom:1px solid #ffffff0c}
.news-strip{padding:20px;margin-top:32px}
.news-strip .side-head h3{margin-top:0}
.section-placeholder{border-top-color:#ff974f70}
.friends-popover,.nav{background:linear-gradient(135deg,#363a40fa,#24282efa);backdrop-filter:blur(16px)}
.friends-popover header,.nav{border-top-color:#ff974f70}
.player,.discovery-card,.news-card,.selected-game{
  transition:border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.player:hover,.discovery-card:hover,.news-card:hover,.selected-game:hover{
  border-color:#ff974f80;box-shadow:inset 0 1px #ffffff0a,0 5px 20px #0003,0 0 16px #ff792d08;
}
.top-actions{padding:7px;border:1px solid #ffffff12;border-radius:14px;background:linear-gradient(135deg,#40444b80,#25292f9c);box-shadow:inset 0 1px #ffffff08}
.icon-btn,.friends-menu>summary,.profile-menu>summary{border-color:#ffffff21;background:linear-gradient(145deg,#ffffff0d,#ffffff02);box-shadow:inset 0 1px #ffffff0a,0 3px 8px #0002}
.friends-menu>summary{position:relative;width:40px;height:40px;justify-content:center;padding:8px;border-radius:10px}
.friends-icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.friends-menu summary #friendsOnlineBadge{position:absolute;top:-5px;right:-4px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 3px;border:2px solid #30343b;border-radius:9px;background:#92d4ae;color:#173224;font-size:8px;line-height:1}
.profile-menu>summary{min-height:40px;border-radius:10px;gap:9px}
.profile-menu>summary::after{content:'⌄';color:#b9bfc6;font-size:14px;margin-left:3px;transition:transform .2s}
.profile-menu[open]>summary::after{transform:rotate(180deg)}
.btn-primary,.btn-ghost,.icon-btn,.friends-menu>summary,.profile-menu>summary,.home-tabs a,.sort-tabs button,.nav a,.nav button,.add-games,.pagination button,.friend-entry button,.theme-choice,.add-rank-mode{
  transition:transform .18s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease;
}
@media(hover:hover){
 .btn-primary:hover,.btn-ghost:hover,.icon-btn:hover,.friends-menu>summary:hover,.profile-menu>summary:hover,.add-games:hover,.pagination button:hover,.friend-entry button:hover,.theme-choice:hover{
  transform:translateY(-2px);border-color:#ffa36599;box-shadow:inset 0 1px #ffffff12,0 6px 18px #0003,0 0 12px #ff974f12;
 }
 .nav a:hover,.nav button:hover{transform:translateX(3px);background:#ff974f14;color:#ffc499}
 .home-tabs a:hover,.sort-tabs button:hover{background:#ff974f12;border-color:#ff974f66;color:#ffb77f}
}
.btn-primary:active,.btn-ghost:active,.icon-btn:active,.friends-menu>summary:active,.profile-menu>summary:active,.pagination button:active{transform:translateY(0) scale(.97)}
.friends-menu[open]>summary,.profile-menu[open]>summary{border-color:#ff974f99;background:linear-gradient(145deg,#ff974f1c,#ff974f08);color:#ffc295;box-shadow:0 0 14px #ff792d12}
.btn-ghost:disabled,.add-rank-mode:disabled{opacity:.5;cursor:default;transform:none;box-shadow:none}
.nav a[aria-current=page]{background:#ff974f12;box-shadow:inset 2px 0 #ff974f}
.selected-game{padding:16px;border:1px solid #aab4c130;background:linear-gradient(135deg,#3b4149,#2c3138);border-radius:12px}
.game-rank-row{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px;background:#10151d33;border:1px solid #ffffff0d;border-radius:8px}
.game-rank-row .rank-selects{flex:1;min-width:0;margin:0}
.rank-remove{width:28px;height:28px;flex-shrink:0;align-self:flex-end;margin-bottom:4px;border:1px solid #ffffff1c;background:#ffffff06;border-radius:6px;color:#c1c6cf;font-size:18px}
.rank-remove:hover{border-color:#ff9b6080;color:#ffbe92;background:#ff974f0d}
.add-rank-mode{margin-top:12px;padding:9px 12px;color:#ffc194;border-color:#ff974f44;background:#ff974f08}
.friends-popover[open],.profile-menu[open] .nav,.friends-menu[open] .friends-popover{animation:hub-reveal .18s ease-out}
@keyframes hub-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:780px){.top-actions{padding:5px;gap:7px}.editor .edit-section{padding:16px}.profile-menu>summary{padding:5px 8px}.friends-menu>summary{width:36px;height:36px}.friends-popover{right:-75px}.news-strip{padding:16px}}
@media(prefers-reduced-motion:reduce){.player,.discovery-card,.news-card,.selected-game,.btn-primary,.btn-ghost,.icon-btn,.friends-menu>summary,.profile-menu>summary,.home-tabs a,.sort-tabs button,.nav a,.nav button,.add-games,.pagination button,.friend-entry button,.theme-choice,.profile-menu>summary::after{transition:none}.friends-menu[open] .friends-popover,.profile-menu[open] .nav{animation:none}}
/* Gaming studio: decorative surfaces stay out of layout and pointer hit testing. */
body{background-color:#181c22;background-image:radial-gradient(ellipse at 8% 5%,#ef783017,transparent 45%),radial-gradient(ellipse at 95% 70%,#677ba117,transparent 40%),url('gaming-pattern.svg');background-size:auto,auto,460px 360px;background-attachment:fixed;font-family:'Segoe UI',system-ui,sans-serif}
.editor h1{font-size:30px;letter-spacing:-.8px}.editor>header{border-left:3px solid #ff873e;padding-left:18px;margin-bottom:26px}.editor .edit-section,.filter-card,.news-strip{border:1px solid #737e9038;border-top-color:#ffa05b65;background:linear-gradient(125deg,#363c45ed,#242931f5);box-shadow:inset 0 1px #ffffff12,0 12px 32px #0003;border-radius:18px}
.editor .edit-section h2{letter-spacing:.2px;font-size:16px}.editor .edit-section h2:before{content:'◈';color:#ff9854;margin-right:9px}.section-tag{float:right;font-size:9px;letter-spacing:2px;color:#ffa363;border:1px solid #ff99494a;padding:5px 9px;border-radius:5px}.appearance-section h3{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:#bdc4d0;margin:26px 0 12px}.nickname-label{color:#ffa05b!important;font-weight:750}.nickname-label input{border-color:#e9894c88!important}.editor input:focus,.editor textarea:focus,.editor select:focus{outline:2px solid #ff9a4b66;outline-offset:2px}.btn-primary{background:linear-gradient(135deg,#ffae62,#f1712d);border:1px solid #ffc491;color:#24160e;font-weight:800;box-shadow:inset 0 1px #ffe8ca80,0 4px 16px #ff812326;border-radius:9px}.btn-ghost,.add-games,.home-tabs a{background:linear-gradient(135deg,#454c58,#2c323b);border:1px solid #7d899a55;box-shadow:inset 0 1px #ffffff12;font-weight:650}.top-actions{background:linear-gradient(125deg,#3d434c,#252a32);border-color:#8b94a644}.theme-choice{min-height:38px}.theme-choice[aria-pressed=true]{border-color:#ffa25d;box-shadow:0 0 0 1px #ffa25d55;color:#ffd2af}.collection-note{border-left:2px solid #ff9955;padding:10px 12px;background:#ff914711}.effect-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.effect-choice{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:7px;min-height:150px;padding:18px 8px;background:#222834;border:1px solid #657080;border-radius:12px;color:#e7edf6;cursor:pointer;transition:transform .2s,border-color .2s}.effect-choice:hover{transform:translateY(-3px)}.effect-choice[aria-pressed=true]{outline:2px solid #ffab6b;outline-offset:3px}.effect-choice small{color:#ffd39f}.effect-choice>span:last-child{font-size:9px;color:#bfc6d4}.effect-glyph{font-size:30px;line-height:1;color:var(--card-accent,#ff9a55)}
.theme-ember{--card-accent:#ff954b;--card-surface:#402e27}.theme-ice{--card-accent:#65d9ff;--card-surface:#253b46}.theme-rose{--card-accent:#ff76b8;--card-surface:#412938}.theme-gold{--card-accent:#f4ce76;--card-surface:#403a28}.theme-violet{--card-accent:#b29aff;--card-surface:#322b49}.theme-mint{--card-accent:#6ce4bf;--card-surface:#243d35}.theme-crimson{--card-accent:#f75b70;--card-surface:#442a32}
.player[class*="theme-"],.discovery-card{position:relative;isolation:isolate;overflow:hidden;background-color:var(--card-surface);background-image:linear-gradient(120deg,#ffffff08,#0002);border-color:var(--card-accent);border-left:3px solid var(--card-accent)}
.motif-grid{--motif:linear-gradient(#a9bdde13 1px,transparent 1px),linear-gradient(90deg,#a9bdde13 1px,transparent 1px);--motif-size:24px 24px}.motif-diagonal{--motif:repeating-linear-gradient(125deg,transparent 0 16px,#bfcee415 16px 18px);--motif-size:auto}.motif-dots{--motif:radial-gradient(#d9eaff35 1px,transparent 2px);--motif-size:15px 15px}.motif-circuit{--motif:repeating-linear-gradient(90deg,transparent 0 35px,#adcfed18 35px 37px),repeating-linear-gradient(0deg,transparent 0 35px,#adcfed18 35px 37px);--motif-size:42px 42px}.motif-diamond{--motif:repeating-linear-gradient(45deg,transparent 0 22px,#a9bdde16 22px 23px),repeating-linear-gradient(-45deg,transparent 0 22px,#a9bdde16 22px 23px);--motif-size:auto}.motif-waves{--motif:repeating-radial-gradient(ellipse at 0 0,transparent 0 22px,#a9bdde20 23px 24px);--motif-size:auto}
.player[class*="motif-"],.discovery-card[class*="motif-"],.theme-choice[class*="motif-"]{background-image:var(--motif,linear-gradient(120deg,#ffffff08,#0002));background-size:var(--motif-size,auto)}
.effect-etched{box-shadow:inset 0 0 0 3px #151a25,inset 0 0 0 4px #9daec25c!important}.effect-aurora{--glow:#69ffc7;--glow2:#9785ff}.effect-inferno{--glow:#ff792d;--glow2:#ffca60}.effect-prism{--glow:#7aedff;--glow2:#ff77d7}.effect-royal{--glow:#ffda78;--glow2:#bd86ff}.effect-matrix{--glow:#80ffad;--glow2:#39af8c}.effect-cosmic{--glow:#be86ff;--glow2:#5abfff}
:is(.effect-aurora,.effect-inferno,.effect-prism,.effect-royal,.effect-matrix,.effect-cosmic){border-color:var(--glow)!important;box-shadow:inset 0 0 22px color-mix(in srgb,var(--glow) 16%,transparent),0 0 15px color-mix(in srgb,var(--glow) 25%,transparent);animation:frame-breathe 4s ease-in-out infinite}
:is(.effect-aurora,.effect-inferno,.effect-prism,.effect-royal,.effect-matrix,.effect-cosmic)::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 15%,color-mix(in srgb,var(--glow) 17%,transparent) 35%,transparent 50%,color-mix(in srgb,var(--glow2) 20%,transparent) 70%,transparent 85%);background-size:250% 100%;animation:card-shimmer 7s linear infinite}.effect-royal{border-style:double!important;border-width:4px!important}.effect-matrix::before{background-image:repeating-linear-gradient(0deg,transparent 0 9px,#70ff9a14 10px 11px)!important}.effect-cosmic::before{background-image:radial-gradient(ellipse at 15% 50%,#a25eff45,transparent 60%),radial-gradient(ellipse at 80% 30%,#4ccaff30,transparent 50%)!important}
@keyframes card-shimmer{from{background-position:100% 0}to{background-position:-150% 0}}@keyframes frame-breathe{50%{border-color:var(--glow2);filter:brightness(1.12)}}
.personality-tags{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.personality-pill{font-size:10px;padding:4px 8px;border:1px solid #ffffff25;background:#151c2855;border-radius:5px;color:#d3dcea}#cardThemePreview{margin-top:16px}#cardThemePreview .player{cursor:default;min-height:170px}#cardThemePreview .player-main{min-width:0}#cardThemePreview .player-name{flex-wrap:wrap}#cardThemePreview .player-desc{white-space:normal;overflow-wrap:anywhere}.photo-stage #savedPhotoPreview{width:104px;height:104px;border-radius:50%;object-fit:cover}.photo-stage #emptyPhoto{display:grid;place-items:center;width:104px;height:104px;border:1px dashed #ff9c55;border-radius:50%;font-size:32px;color:#ffa363;background:#ff9a4a0a}.photo-stage [hidden]{display:none!important}
.photo-dialog{width:min(480px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;padding:26px;border:1px solid #e2965f99;border-radius:20px;color:#ecf0f7;background:linear-gradient(130deg,#333c49,#1e242d);box-shadow:0 25px 100px #000a}.photo-dialog::backdrop{background:#080d16c9;backdrop-filter:blur(9px)}.photo-dialog h2{margin:8px 0}.photo-dialog p{font-size:12px;color:#b8c2d0}.photo-dialog canvas{display:block;width:min(320px,100%);height:auto;aspect-ratio:1;border-radius:50%;border:2px solid #ff9d54;margin:22px auto;touch-action:none;cursor:grab;box-shadow:0 0 0 7px #ffad5b0b}.photo-dialog label{display:block;font-size:12px}.photo-dialog input[type=range]{display:block;width:100%;accent-color:#ff944b;margin:14px 0}.photo-dialog footer{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.photo-dialog button{font-size:11px;padding:11px}
@media(max-width:600px){.effect-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.editor .edit-section{padding:16px}.section-tag{display:none}#cardThemePreview .position{display:none}#cardThemePreview .player{padding:14px;gap:10px}.photo-dialog{padding:18px}.editor h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){[class*="effect-"]{animation:none!important}[class*="effect-"]::before{animation:none!important}.effect-choice{transition:none}}


/* Opaque theme base with a slight translucency; effects stay inside the frame. */
:is(#modalContent,#cardThemePreview .profile-detail).profile-detail{isolation:isolate;position:relative;background-color:color-mix(in srgb,var(--card-surface,#303339) 96%,transparent);background-image:var(--motif,linear-gradient(120deg,#ffffff08,#0002));background-size:var(--motif-size,auto);backdrop-filter:blur(16px);border-color:var(--card-accent);font-size:15px}
:is(#modalContent,#cardThemePreview .profile-detail).profile-detail .modal-profile-head{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 16px;border:1px solid color-mix(in srgb,var(--card-accent) 75%,white);border-radius:12px;background:#10172250;margin-top:20px;gap:14px}
:is(#modalContent,#cardThemePreview .profile-detail).profile-detail h2{font-size:34px;line-height:1.2;margin:5px 0 10px;font-weight:900}:is(#modalContent,#cardThemePreview .profile-detail).profile-detail h3{font-size:21px;line-height:1.4;font-weight:800}:is(#modalContent,#cardThemePreview .profile-detail).profile-detail p{font-size:15px;line-height:1.85;color:#edf1f6}:is(#modalContent,#cardThemePreview .profile-detail).profile-detail .activity{font-size:13px;justify-content:center;flex-wrap:wrap}:is(#modalContent,#cardThemePreview .profile-detail).profile-detail .game-pill{font-size:14px;line-height:1.6;background:#18212d80}:is(#modalContent,#cardThemePreview .profile-detail).profile-detail .social-preview{font-size:15px}:is(#modalContent,#cardThemePreview .profile-detail).profile-detail .personality-pill{font-size:12px}.favorite-f{display:inline-grid;place-items:center;width:19px;height:19px;margin-left:5px;border:1px solid #9df6b5;border-radius:5px;color:#c7ffda;background:#247347;font-weight:900;font-size:12px;vertical-align:middle;box-shadow:0 0 8px #62df9233}.game-description-label{display:grid;gap:7px;margin:16px 0;color:#d6dfeb;font-size:12px}.game-description-label textarea{min-height:85px;width:100%;resize:vertical}.game-description-label small{font-size:10px;color:#adb9ca}
.effect-lightning{--glow:#90cbff;--glow2:#d2b6ff}.effect-flames{--glow:#ff9a48;--glow2:#ffc95d}.effect-stardust{--glow:#baabff;--glow2:#83defd}
:is(.effect-lightning,.effect-flames,.effect-stardust){position:relative;isolation:isolate;overflow:hidden;border-color:var(--glow)!important;box-shadow:inset 0 0 18px color-mix(in srgb,var(--glow) 14%,transparent),0 0 14px color-mix(in srgb,var(--glow) 20%,transparent)}
:is(.effect-lightning,.effect-flames,.effect-stardust)::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.28}
.effect-lightning::before{background:linear-gradient(116deg,transparent 47%,#b8e6ff 49%,#ffffff 50%,transparent 52%);clip-path:polygon(62% 0,48% 33%,59% 31%,35% 71%,46% 67%,25% 100%,68% 56%,55% 60%,78% 16%,65% 21%,80% 0);animation:lightning-flash 6s ease-in-out infinite}
.effect-flames::before{background:radial-gradient(ellipse at 20% 110%,#ff6b25 0,transparent 45%),radial-gradient(ellipse at 75% 115%,#ffb22d 0,transparent 55%);transform-origin:bottom;animation:flame-rise 3s ease-in-out infinite alternate}
.effect-stardust::before{background-image:radial-gradient(circle,#cfc1ff 1px,transparent 2px),radial-gradient(circle,#9decff 1px,transparent 2px);background-size:47px 73px,83px 101px;animation:star-drift 18s linear infinite}
@keyframes lightning-flash{0%,72%,78%,84%,100%{opacity:0}74%,81%{opacity:.34}76%,83%{opacity:.1}}@keyframes flame-rise{from{transform:scaleY(.75) translateY(8%);opacity:.18}to{transform:scaleY(1.2) translateY(-3%);opacity:.35}}@keyframes star-drift{from{background-position:0 0,20px 30px}to{background-position:47px -146px,103px -172px}}
@media(prefers-reduced-motion:reduce){:is(.effect-lightning,.effect-flames,.effect-stardust)::before{animation:none;opacity:.18}}

/* Compact profile overview: shared typography, translucent theme and no inner scrollbar. */
:is(#modalContent,#cardThemePreview .profile-detail).profile-detail{width:min(1020px,calc(100vw - 32px));max-height:none;overflow:visible;padding:20px 24px;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;background-color:color-mix(in srgb,var(--card-surface,#303339) 76%,transparent);backdrop-filter:blur(20px);color:#edf1f6}
:is(#modalContent,#cardThemePreview .profile-detail).profile-detail>.eyebrow,:is(#modalContent,#cardThemePreview .profile-detail).profile-detail>.modal-profile-head,:is(#modalContent,#cardThemePreview .profile-detail).profile-detail>.activity,:is(#modalContent,#cardThemePreview .profile-detail).profile-detail>.modal-actions{grid-column:1/-1}
:is(#modalContent,#cardThemePreview .profile-detail).profile-detail>.eyebrow{font-size:10px;color:#c0c8d3}
:is(#modalContent,#cardThemePreview .profile-detail).profile-detail .modal-profile-head{flex-direction:row;margin:0;padding:12px 20px;gap:18px;min-height:0;background:#151b2833;border-color:#a6afbf80}
:is(#modalContent,#cardThemePreview .profile-detail).profile-detail .modal-profile-head .avatar{width:78px;height:78px;font-size:26px}
:is(#modalContent,#cardThemePreview .profile-detail).profile-detail h2{font-size:28px;margin:0 0 4px;color:#f5f7fb}
:is(#modalContent,#cardThemePreview .profile-detail).profile-detail h3{font-size:18px;margin:0 0 8px;color:#f0d596}
:is(#modalContent,#cardThemePreview .profile-detail).profile-detail p{font-size:14px;line-height:1.55;margin:4px 0;color:#edf1f6;overflow-wrap:anywhere}
:is(#modalContent,#cardThemePreview .profile-detail).profile-detail .modal-section{margin:0;padding:12px 0 0;min-width:0;border-color:#ffffff22}
:is(#modalContent,#cardThemePreview .profile-detail).profile-detail .activity{margin:0;gap:18px;color:#c5ccd6;font-size:12px}
:is(#modalContent,#cardThemePreview .profile-detail).profile-detail .game-pill{padding:6px 8px;font-size:12px;gap:6px}
:is(#modalContent,#cardThemePreview .profile-detail).profile-detail .game-pill .game-emblem{width:32px;height:32px;flex-basis:32px}
:is(#modalContent,#cardThemePreview .profile-detail).profile-detail .game-pill .game-emblem img{width:28px;height:28px}
:is(#modalContent,#cardThemePreview .profile-detail).profile-detail .modal-actions{margin:0;padding-top:6px}
:is(#modalContent,#cardThemePreview .profile-detail).profile-detail .social-preview{font-size:13px;display:flex;flex-wrap:wrap;gap:8px}
:is(#modalContent,#cardThemePreview .profile-detail).profile-detail .personality-pill{font-size:11px;padding:3px 6px}
#modalOverlay:has(.profile-detail){overflow-y:auto;align-items:safe center}
.game-order-badge{display:inline-grid;place-items:center;width:20px;height:20px;margin-left:5px;border-radius:5px;font-size:12px;font-weight:950;vertical-align:middle;border:1px solid currentColor;background:#121820}
.game-order-badge.order-1{color:#ffe465;box-shadow:0 0 8px #ffd53688;text-shadow:0 0 5px #ffce40}
.game-order-badge.order-2{color:#e0e8f2;box-shadow:0 0 6px #cfdfef55}
.game-order-badge.order-3{color:#dca16b;box-shadow:0 0 6px #ba723f55}
@media(max-width:600px){:is(#modalContent,#cardThemePreview .profile-detail).profile-detail{grid-template-columns:1fr;padding:16px;gap:10px}:is(#modalContent,#cardThemePreview .profile-detail).profile-detail .modal-profile-head{padding:10px;gap:12px}:is(#modalContent,#cardThemePreview .profile-detail).profile-detail h2{font-size:24px}:is(#modalContent,#cardThemePreview .profile-detail).profile-detail .modal-section{padding-top:8px}}

:is(#modalContent,#cardThemePreview .profile-detail).profile-detail{position:fixed;left:50%;top:50%;width:min(580px,calc(100vw - 24px));display:flex;flex-direction:column;gap:9px;padding:16px 20px;max-height:none;overflow:visible;transform-origin:center center}
#modalOverlay:has(.profile-detail){overflow:hidden;padding:0}
:is(#modalContent,#cardThemePreview .profile-detail).profile-detail .modal-profile-head{padding:10px 14px;gap:14px}:is(#modalContent,#cardThemePreview .profile-detail).profile-detail h2{font-size:26px}:is(#modalContent,#cardThemePreview .profile-detail).profile-detail h3{font-size:17px;margin:0 0 6px}:is(#modalContent,#cardThemePreview .profile-detail).profile-detail p{font-size:13px;line-height:1.5}:is(#modalContent,#cardThemePreview .profile-detail).profile-detail .modal-section{padding-top:9px}:is(#modalContent,#cardThemePreview .profile-detail).profile-detail .modal-profile-head .avatar{width:70px;height:70px}:is(#modalContent,#cardThemePreview .profile-detail).profile-detail .game-pills{gap:5px}:is(#modalContent,#cardThemePreview .profile-detail).profile-detail .game-pill{font-size:11px;padding:4px 6px}.profile-top-games{display:flex;flex-direction:column;gap:6px;list-style:none;padding:0;margin:4px 0 12px}.profile-top-games li{display:flex;align-items:center;gap:9px;padding:6px 9px;border:1px solid #ffffff20;border-radius:7px;background:#11182435;font-weight:800;font-size:13px}.profile-top-games b{font-family:'Segoe UI',sans-serif;letter-spacing:.4px}.profile-top-games .game-emblem{width:30px;height:30px;flex-basis:30px}.profile-top-games .game-emblem img{width:27px;height:27px}.inline-game-order{display:inline-flex;gap:5px;margin-left:auto}.selected-game-name .inline-game-order button{margin:0;width:28px;height:28px;font-size:13px;background:#18212b;border:1px solid currentColor;border-radius:6px;cursor:pointer}.inline-game-order button[aria-pressed=true]{background:#58482e;outline:2px solid currentColor;outline-offset:2px}.inline-game-order button:disabled{opacity:.22;cursor:not-allowed}.selected-game-name{flex-wrap:wrap}.selected-game-name .favorite-toggle{margin-left:8px}

.editor .edit-section .game-selection-guidance{font-size:13px;font-weight:750;line-height:1.9;color:#ffd49c;text-decoration:underline;text-decoration-color:#ffae60;text-decoration-thickness:1px;text-underline-offset:4px;background:#ff963d0d;border-left:3px solid #ffac60;padding:10px 14px;border-radius:0 6px 6px 0}

.mini-cover-preview{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:14px;min-height:104px;border-radius:10px;background:#252f3b;aspect-ratio:5 / 1;text-align:center;color:#f5f7fb}.mini-cover-preview>.mini-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6;z-index:-2;pointer-events:none}.mini-cover-preview::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#12192344,#12192388,#12192344);z-index:-1;pointer-events:none}.mini-cover-preview>.avatar{width:70px;height:70px;flex:0 0 70px}.mini-cover-preview b{font-size:24px;font-weight:900;text-shadow:0 2px 6px #000}.mini-cover-preview p{font-size:13px;color:#f1f4fa;text-shadow:0 1px 4px #000}.banner-controls{display:flex;gap:8px;margin-top:12px}.banner-dialog{width:min(660px,calc(100vw - 24px));max-height:90dvh;overflow:auto;padding:24px;border:1px solid #ffab6b88;border-radius:12px;background:#292f39;color:#eef3fa}.banner-dialog::backdrop{background:#111823cc;backdrop-filter:blur(8px)}.banner-dialog h2{margin-top:0}.banner-dialog p{font-size:12px;color:#c8d0dc}.banner-dialog canvas{display:block;width:100%;height:auto;aspect-ratio:5 / 1;touch-action:none;cursor:grab;border:1px solid #8895a8;border-radius:8px}.banner-dialog canvas:active{cursor:grabbing}.banner-dialog>label{display:grid;gap:7px;margin-top:14px;font-size:12px}.banner-dialog>footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.banner-dialog h3{font-size:13px}:is(#modalContent,#cardThemePreview .profile-detail).profile-detail .modal-profile-head.mini-cover-preview{border:0;background:#252f3b55;min-height:104px;padding:10px 14px;box-sizing:border-box}

#cardThemePreview .profile-detail{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;max-width:580px;margin:0 auto;max-height:none;overflow:hidden}
:is(#modalContent,#cardThemePreview .profile-detail).profile-detail .profile-location{font-size:13px;margin-top:3px}
.profile-presence{font-weight:800}.presence-online{color:#6dff9c;text-shadow:0 0 8px #1bff7299}.presence-offline{color:#ff7979;text-shadow:0 0 8px #ff343499}.profile-game-list{display:flex;flex-direction:column;gap:7px}.profile-game-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid #ffffff22;border-radius:8px;background:#10192544}.profile-game-row>div{min-width:0}.profile-game-row b{font-size:14px;font-weight:850;display:block}.profile-game-row small{display:block;font-size:11px;line-height:1.5;color:#c5cfdd;margin-top:3px}.profile-game-row .game-emblem{flex:0 0 34px;width:34px;height:34px}.profile-game-row .game-emblem img{width:30px;height:30px}
.effect-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.effect-choice{min-height:82px;padding:10px 9px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:4px 8px;align-content:center;text-align:left}.effect-choice .effect-glyph{grid-column:1;grid-row:1 / 4;font-size:24px}.effect-choice b,.effect-choice small,.effect-choice>span:last-child{grid-column:2}.effect-choice b{font-size:12px;line-height:1.3}.effect-choice small{font-size:11px}.effect-choice>span:last-child{font-size:9px}@media(max-width:600px){.effect-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}

#modalContent.profile-detail .modal-actions:has(#modalRequest){display:flex;justify-content:center;align-items:center;width:100%;margin-top:8px;padding:12px 0 0;border-top:1px solid #ffffff18}
#modalContent.profile-detail #modalRequest{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;padding:12px 26px;border:1px solid #99f3b8;border-radius:12px;background:linear-gradient(135deg,#53d88a,#21975b);color:#092d1c;font-family:"Trebuchet MS","Segoe UI",sans-serif;font-size:17px;font-weight:900;letter-spacing:.35px;line-height:1.35;text-align:center;box-shadow:inset 0 1px #d3ffe980,0 5px 18px #18bd5633}
#modalContent.profile-detail #modalRequest:hover:not(:disabled){background:linear-gradient(135deg,#7be9a6,#2aaf6a);box-shadow:0 5px 22px #35d97955}
#modalContent.profile-detail #modalRequest:disabled{background:#345944;color:#d1e5d7;border-color:#739a80;box-shadow:none;cursor:default}

.discovery-card .card-game-logo{position:relative;display:inline-flex;flex:0 0 auto;align-self:flex-start;margin-right:5px}
.discovery-card .card-game-logo .game-order-badge{position:absolute;right:-5px;bottom:-4px;display:block;width:auto;height:auto;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-size:17px;font-weight:950;line-height:1;font-family:"Trebuchet MS","Segoe UI",sans-serif;pointer-events:none;text-shadow:0 1px 3px #000,0 0 5px currentColor}
.discovery-card .secondary-game .card-game-logo .game-order-badge{font-size:13px;right:-4px;bottom:-3px}

.discovery-card .card-handle{font-family:"Segoe UI",Arial,sans-serif;font-size:13px;font-weight:550;line-height:1.6;color:#e0e6ef}
.discovery-card .card-bio{font-family:"Segoe UI",Arial,sans-serif;font-size:13px;font-weight:450;line-height:1.7;color:#e0e6ef}
.discovery-card>footer{font-size:10px;font-weight:700;color:#c8d2df}

.extra-social-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.extra-social-fields label{min-width:0}.extra-social-fields .social-input{min-width:0}.extra-social-fields .social-input>span{font-size:10px}.social-preview{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.social-icon-link{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;background:#18202dee;border:1px solid #8998ad66;border-radius:9px;transition:transform .15s,border-color .15s}.social-icon-link img{display:block;width:26px;height:26px;object-fit:contain}.social-icon-link:hover{transform:translateY(-2px);border-color:#ffac6b}.social-icon-link[aria-label="X"] img,.social-icon-link[aria-label="Steam"] img,.social-icon-link[aria-label="Epic Games"] img,.social-icon-link[aria-label="Xbox"] img,.social-icon-link[aria-label="EA Games"] img{filter:brightness(0) invert(1)}@media(max-width:600px){.extra-social-fields{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.social-icon-link{transition:none}}

.social-icon-link[aria-label="TikTok"] img{filter:brightness(0) invert(1)}

#profileGames{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start;margin-top:14px}
#profileGames>.selected-game{min-width:0;margin:0;padding:12px}
#profileGames .selected-game-name{gap:8px;align-items:center}
#profileGames .selected-game-name>b{flex:1;min-width:100px;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
#profileGames .inline-game-order{margin-left:0}
#profileGames .game-description-label{margin:12px 0;gap:5px}
#profileGames .game-description-label textarea{min-height:66px;height:66px;font-size:12px;line-height:1.55;padding:8px 10px}
#profileGames .rank-selects{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:8px}
#profileGames .rank-selects select{max-width:100%;font-size:12px;padding:8px}
#profileGames .game-rank-row{min-width:0}
@media(max-width:600px){#profileGames{grid-template-columns:minmax(0,1fr)}}

/* Leaderboard banners and numbered game medals. */
.player.leaderboard-banner{position:relative;isolation:isolate;display:grid;grid-template-columns:74px 112px minmax(0,1fr) 172px;gap:18px;align-items:center;min-height:196px;padding:28px 24px;overflow:hidden;border-radius:12px}
.leaderboard-banner>.mini-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.6;z-index:-2;pointer-events:none}
.leaderboard-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0f162b55,#0f162b99 50%,#0f162b66);pointer-events:none;z-index:-1}
.player.leaderboard-banner>.avatar{width:112px;height:112px;margin:0;border:2px solid #cbd8e699;box-shadow:0 5px 22px #0006;font-size:30px}
.player.leaderboard-banner>.position{display:grid;place-items:center;font-size:27px;font-weight:900;color:#fff;text-shadow:0 2px 6px #000;margin:0}
.leader-medal{display:block;width:74px;height:85px;filter:drop-shadow(0 3px 6px #0009)}.leader-medal svg{display:block;width:100%;height:100%}.medal-1{color:#ffe06b;filter:drop-shadow(0 0 7px #ffd33570)}.medal-2{color:#dce6f2}.medal-3{color:#dca171}
.leader-content{position:relative;min-width:0;text-align:center;display:grid;align-items:center;justify-items:center;min-height:136px}
.leader-normal{width:100%;transition:opacity .2s}.leader-content h3{margin:0 0 7px;font-family:"Trebuchet MS","Segoe UI",sans-serif;font-size:27px;line-height:1.2;font-weight:900;letter-spacing:.5px;color:#fff;text-shadow:0 2px 8px #0008;overflow-wrap:anywhere}
.leader-identity,.leader-hover>p{font:500 13px/1.6 "Segoe UI",sans-serif;color:#edf1f7;margin:0 0 8px}.leader-game{font-size:12px;font-weight:750;color:#e5edf7;margin:7px 0}.leader-game span{font-weight:450;color:#c6d2df}.leaderboard-banner .activity{justify-content:center;gap:20px;flex-wrap:wrap;font:700 14px/1.5 "Segoe UI",sans-serif;color:#e0e8f4;margin-top:12px}.leaderboard-banner .activity b{font-size:17px;color:#fff}
.leader-presence{position:absolute;right:24px;top:16px;font-size:12px;font-weight:800;letter-spacing:.2px}.leader-offline{color:#b8c0cb;text-shadow:0 0 7px #c2c8d244}.leader-actions{position:absolute;right:22px;bottom:18px}.leader-add-friend{padding:8px 12px;border:1px solid #8ae6ac;border-radius:8px;background:linear-gradient(135deg,#4ed283,#229358);color:#092f1b;font:800 12px/1.4 "Trebuchet MS","Segoe UI",sans-serif;box-shadow:0 3px 14px #22b35c25}.leader-add-friend:hover:not(:disabled){background:#76e6a0}.leader-add-friend:disabled{background:#244d37;color:#d3f1dd;border-color:#64987a;cursor:default}.leader-self{font-size:12px;color:#c9d4e2}
.leader-hover{grid-area:1/1;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s}.leader-hover h3{font-size:30px}.leader-hover .social-preview{justify-content:center;gap:10px;margin-top:4px}.leader-hover .social-icon-link{width:46px;height:46px;flex-basis:46px;box-shadow:0 0 14px #a7c7fa22}.leader-hover .social-icon-link img{width:29px;height:29px}.leaderboard-banner:focus-within .leader-hover{opacity:1;visibility:visible;pointer-events:auto;transform:none}.leaderboard-banner:focus-within .leader-normal{opacity:0;pointer-events:none}@media(hover:hover){.leaderboard-banner:hover .leader-hover{opacity:1;visibility:visible;pointer-events:auto;transform:none}.leaderboard-banner:hover .leader-normal{opacity:0;pointer-events:none}}
@media(max-width:850px){.player.leaderboard-banner{grid-template-columns:56px 86px minmax(0,1fr);gap:12px;padding:38px 16px 56px}.player.leaderboard-banner>.avatar{width:86px;height:86px}.leader-medal{width:56px;height:66px}.leader-content h3{font-size:23px}.leader-hover h3{font-size:25px}.leader-presence{right:16px}.leader-actions{right:16px;bottom:14px}}
@media(max-width:520px){.player.leaderboard-banner{grid-template-columns:42px 66px minmax(0,1fr);gap:9px}.player.leaderboard-banner>.avatar{width:66px;height:66px}.leader-medal{width:42px;height:52px}.leader-content h3{font-size:20px}.leader-identity,.leader-hover>p{font-size:11px}.leaderboard-banner .activity{font-size:11px;gap:10px}.leaderboard-banner .activity b{font-size:14px}.leader-hover .social-preview{gap:5px}.leader-hover .social-icon-link{width:32px;height:32px;flex-basis:32px}.leader-hover .social-icon-link img{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){.leader-hover,.leader-normal{transition:none}}

.incoming-requests{padding:10px 0;border-bottom:1px solid #ffffff25}.incoming-entry{display:flex;flex-wrap:wrap;gap:6px;padding:9px 0;font-size:11px}.incoming-entry span{width:100%}.incoming-entry button{padding:5px 9px;border:1px solid #8edba8;border-radius:5px;background:#28533a;color:#e8fff0}.incoming-entry button[data-decline-friend]{background:#493238;border-color:#b58088}

.top-actions{gap:14px;padding:10px}.top-actions .icon-btn{width:51px;height:51px;font-size:22px}.top-actions .friends-menu>summary{width:60px;height:60px;padding:12px}.top-actions .friends-icon{width:30px;height:30px}.top-actions .profile-menu>summary{min-width:60px;min-height:60px;padding:9px 12px}.top-actions .profile-menu>summary .avatar{width:48px;height:48px}.friends-menu summary #friendsOnlineBadge{font-size:13px;min-width:25px;height:25px;top:-6px;right:-6px;background:#6afa9e;color:#10351d;box-shadow:0 0 10px #52e78b66}.incoming-bell{position:absolute;bottom:-9px;left:-8px;white-space:nowrap;padding:3px 5px;border-radius:6px;background:#65472e;color:#ffe0a4;font-size:11px;font-weight:800}.incoming-bell[hidden]{display:none}.incoming-entry button{padding:3px 7px;font-size:10px}.incoming-entry small{display:block;margin-top:4px}.is-offline{color:#a8afb9!important;text-shadow:none!important}.friends-popover{width:330px;max-height:65vh;top:72px}.new-group-button,.saved-chat-groups button{display:block;width:100%;padding:9px;margin:5px 0;border:1px solid #8bd7a4;border-radius:6px;background:#294335;color:#e3f8e8;text-align:left;font-size:12px}.group-dialog{width:min(430px,calc(100vw - 24px));max-height:85vh;overflow:auto;padding:24px;border-radius:12px;background:#2d3440;color:#eef3fa;border:1px solid #91b6a0}.group-dialog::backdrop{background:#101823bb}.group-dialog input:not([type=checkbox]){display:block;width:100%;padding:9px;margin:8px 0;background:#19202c;color:#fff;border:1px solid #7c8b9b;border-radius:6px}#groupMemberChoices{display:grid;gap:8px}#groupMemberChoices label{display:flex;gap:8px;align-items:center}.group-dialog footer{display:flex;gap:8px;margin-top:16px}.group-dialog p{font-size:12px}
.top-actions [data-tooltip]{position:relative}.top-actions [data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);white-space:nowrap;padding:6px 9px;background:#111a26;color:#f2f5f9;border:1px solid #778799;border-radius:6px;font-size:11px;opacity:0;visibility:hidden;pointer-events:none;z-index:90}.top-actions [data-tooltip]:hover:after,.top-actions [data-tooltip]:focus-visible:after{opacity:1;visibility:visible}@media(max-width:520px){.top-actions{gap:8px}.topbar{height:160px}.home-brand{top:4px}.top-actions{align-self:flex-end;margin-bottom:12px}.friends-popover{right:-65px;width:min(330px,calc(100vw - 24px))}}

.top-actions .friends-menu>summary[data-tooltip]:after,.top-actions .profile-menu>summary[data-tooltip]:after{opacity:0;visibility:hidden;transform:translateX(-50%);box-shadow:none;inset:auto;top:calc(100% + 10px);left:50%;width:auto;height:auto;border-radius:6px}.top-actions .friends-menu>summary[data-tooltip]:hover:after,.top-actions .profile-menu>summary[data-tooltip]:hover:after,.top-actions .friends-menu>summary[data-tooltip]:focus-visible:after,.top-actions .profile-menu>summary[data-tooltip]:focus-visible:after{opacity:1;visibility:visible}

/* Compact header controls with a larger, legible profile photo. */
.top-actions{gap:11px;padding:8px}.top-actions .icon-btn{width:43px;height:43px;font-size:20px}.top-actions .friends-menu>summary{width:48px;height:48px;padding:9px}.top-actions .friends-icon{width:26px;height:26px}.top-actions .profile-menu>summary{min-width:60px;min-height:60px;padding:3px;border-radius:12px}.top-actions .profile-menu>summary .avatar{width:54px;height:54px}.friends-popover{top:60px}.top-actions .friends-menu summary #friendsOnlineBadge{min-width:23px;height:23px;font-size:12px}@media(max-width:520px){.top-actions{gap:8px;padding:6px}}

.incoming-requests .incoming-entry{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;margin:10px 0;border:1px solid #91a5ba55;border-radius:10px;background:linear-gradient(130deg,#3d4652,#2a323d);text-align:left;box-shadow:inset 0 1px #ffffff0a}.incoming-entry .request-avatar{width:42px;height:42px;font-size:15px}.incoming-entry .request-identity{min-width:0;display:grid;gap:3px}.incoming-entry .request-identity>b{font-size:13px;color:#edf4fc;overflow-wrap:anywhere}.incoming-entry .request-identity>span{font-size:11px;color:#ccd5e2;width:auto}.incoming-entry .request-identity small{font-size:10px;margin:0;line-height:1.5}.incoming-entry .request-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.incoming-entry .request-actions button{margin:0;padding:5px 8px;font-size:10px;white-space:nowrap}#view-friends .incoming-requests{margin:18px 0;padding:14px;border:1px solid #778da333;border-radius:12px;background:#19233044}#view-friends .incoming-requests>b{display:block;text-align:left;margin-bottom:10px}#view-friends .friend-requests .outgoing-request{display:flex;justify-content:space-between;gap:12px;border:1px solid #8297b044;border-radius:9px;padding:12px;margin:10px 0;text-align:left;background:#252e39}.friends-popover .incoming-entry{grid-template-columns:36px minmax(0,1fr);padding:9px;gap:8px}.friends-popover .incoming-entry .request-avatar{width:36px;height:36px}.friends-popover .incoming-entry .request-actions{grid-column:2;justify-content:flex-start}.group-author{display:flex;align-items:center;gap:7px;max-width:100%;padding-bottom:5px;cursor:help}.group-author .avatar{width:28px;height:28px;flex:0 0 28px;font-size:10px;border:1px solid #ffffff45}.group-author b{font-size:11px;color:#e4efff;overflow-wrap:anywhere}.group-message p{margin:3px 0 4px;font-size:12px;line-height:1.55}.group-message{min-width:105px}.group-author:focus-visible{outline:1px solid #a5d4ff;outline-offset:2px;border-radius:4px}@media(max-width:540px){#view-friends .incoming-entry{grid-template-columns:42px minmax(0,1fr)}#view-friends .incoming-entry .request-actions{grid-column:2;justify-content:flex-start}}

/* Narrow, vertical connections page. */
#view-friends{width:min(680px,100%);margin:0 auto 40px}#view-friends>.hero{text-align:left;padding:28px 0 16px}#view-friends>.hero h1{font-size:28px;margin:8px 0}#view-friends>.hero p{margin:0;font-size:13px}#view-friends>.section-placeholder{width:100%;padding:22px;text-align:left;margin-top:0;border-radius:14px}.connections-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.connections-heading h2{font-size:21px;margin:0 0 8px}.connections-heading p{font-size:12px;line-height:1.65;color:#c4cedb;margin:0}.connections-heading>button{flex-shrink:0;font-size:11px;padding:8px 10px}.connections-section{border-top:1px solid #ffffff18;padding-top:18px;margin-top:22px}.connections-section h3{display:flex;align-items:center;gap:8px;font-size:15px;margin:0 0 12px;color:#edf2f9}.connections-section h3>span{font-size:11px;padding:2px 7px;border:1px solid #8095ac55;border-radius:7px;color:#bfd0e2}.connections-stack{display:flex;flex-direction:column;gap:10px}.connection-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;background:linear-gradient(125deg,#3a4350,#29313c);border:1px solid #8a9db444;border-radius:10px;padding:12px}.connection-card>.avatar{width:46px;height:46px;font-size:15px}.connection-info{display:grid;gap:4px;min-width:0}.connection-info b{font-size:14px;color:#f3f7fb;overflow-wrap:anywhere}.connection-info>span{font-size:12px;color:#cad4e1}.connection-info small{font-size:11px;line-height:1.55;color:#acbbce}.connection-actions{display:flex;flex-direction:column;gap:6px;align-items:stretch}.connection-card button{font-size:11px;padding:7px 9px;white-space:nowrap}.connection-actions .remove-connection{color:#e9b3b9;border-color:#aa707955;background:#52373c44}.connections-empty{font-size:12px!important;line-height:1.65;color:#b1bfce!important;margin:0;padding:8px 0}#view-friends .incoming-requests{margin:22px 0 0;padding:16px 0 0;border:0;border-top:1px solid #ffffff18;background:none;border-radius:0}#view-friends .incoming-entry{margin:10px 0 0}#view-friends .incoming-requests>b{font-size:15px;color:#edf2f9}@media(max-width:540px){#view-friends>.section-placeholder{padding:16px}.connections-heading{flex-direction:column;gap:10px}.connection-card{grid-template-columns:40px minmax(0,1fr);gap:10px}.connection-card>.avatar{width:40px;height:40px}.connection-actions{grid-column:2;flex-direction:row;flex-wrap:wrap}.connection-card.outgoing-request>button{grid-column:2;justify-self:start}}

.private-chat{width:442px;max-width:calc(100vw - 24px)}.chat-messages{height:338px;max-height:45dvh;padding:15px;gap:13px}.private-chat header b{font-size:15px}.private-chat header small{font-size:11px}.private-chat .chat-bubble p{font-size:14px;line-height:1.55}.private-chat .chat-bubble small{font-size:10px}.private-chat form input{font-size:14px}.private-chat form button{padding:7px;border:1px solid #8394aa66;border-radius:6px;background:#354454;color:#edf5ff;font-size:12px}.private-chat [hidden]{display:none!important}#chatTyping,#voiceStatus{font-size:11px;min-height:0;margin:0;padding:0 14px;color:#9ce9b6}#chatTyping:not(:empty),#voiceStatus:not(:empty){padding:5px 14px}#chatMemberInfo{padding:8px 12px;max-height:190px;overflow:auto;background:#202b38;border-bottom:1px solid #8094a933}.chat-member{display:flex;align-items:center;gap:8px;padding:7px 0}.chat-member .avatar{width:28px;height:28px;flex-basis:28px;font-size:10px}.chat-member b{font-size:12px;cursor:help}.chat-member small{margin-left:auto;color:#a7b4c6;font-size:10px}.member-dot{width:9px;height:9px;border-radius:50%;background:#8b96a3;flex-shrink:0}.member-dot.member-online{background:#6aff9a;box-shadow:0 0 7px #4bff7c88}.voice-player{width:100%;min-width:190px;max-width:100%;height:42px}.private-chat .chat-bubble:has(audio){width:90%;max-width:95%}#audioSettingsDialog label{display:flex;align-items:center;gap:9px;margin:12px 0;font-size:13px}#audioSettingsDialog select{max-width:230px;min-width:0;padding:7px;background:#1e2835;color:#fff;border:1px solid #8393a6;border-radius:6px}#audioSettingsDialog input[type=range]{flex:1;min-width:80px}#audioSettingsDialog meter{width:100%;height:18px}#audioSettingsDialog button{padding:7px 10px;margin:4px;border:1px solid #89a2b8;border-radius:6px;background:#354957;color:#f2f6fa;font-size:12px}.top-actions .audio-settings-button{width:34px;height:34px;font-size:19px}

/* Compact settings control center. */
.settings-dialog{width:min(470px,calc(100vw - 24px));max-height:90dvh;overflow:auto;padding:18px;border:1px solid #78b3c477;border-radius:16px;background:radial-gradient(ellipse at top right,#3c586b66,transparent 60%),#202b38;color:#edf6ff;box-shadow:0 22px 70px #0009}.settings-dialog::backdrop{background:#0b1420bb;backdrop-filter:blur(8px)}.settings-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.settings-heading small{font-size:9px;letter-spacing:2px;color:#8ad6d4}.settings-heading h2{margin:4px 0 0;font-size:23px;letter-spacing:.4px}.settings-tabs{display:flex;gap:7px;margin:16px 0 12px}.settings-dialog button{border:1px solid #8caec055;border-radius:7px;background:#334656;color:#e9f7ff;padding:7px 10px;font-size:11px;cursor:pointer}.settings-heading>button{font-size:23px;padding:0 9px;background:none}.settings-tabs button{flex:1;padding:9px}.settings-tabs button[aria-pressed=true]{background:#246368;border-color:#80e0d4;box-shadow:inset 0 -2px #80e0d4}.settings-dialog [hidden]{display:none!important}.settings-panel{display:grid;gap:10px}.settings-block{border:1px solid #9abccc25;border-radius:10px;background:#111e2b60;padding:12px}.settings-block h3{font-size:10px;letter-spacing:1.5px;color:#99d7da;margin:0 0 12px}.settings-dialog label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;margin:10px 0}.settings-dialog select{min-width:0;width:65%;max-width:270px;background:#293b4c;color:#eff7ff;border:1px solid #99b4cb66;border-radius:6px;padding:7px;font-size:11px}.settings-dialog input[type=range]{accent-color:#8edbc9;max-width:65%;width:65%;height:5px}.settings-dialog input[type=checkbox]{accent-color:#8edbc9;flex-shrink:0;width:16px;height:16px}.settings-dialog meter{display:block;width:100%;height:10px;margin:7px 0 11px}.listen-row{display:flex;align-items:center;gap:12px}.listen-row .settings-check{justify-content:flex-start;font-weight:750;color:#8deac4}.listen-row>small{font-size:10px;color:#b0c4d5}.audio-switches{display:flex;flex-wrap:wrap;gap:5px 12px}.audio-switches label{justify-content:flex-start;font-size:10px;margin:4px 0;gap:5px}.audio-switches input{width:13px!important;height:13px!important}.settings-actions{display:flex;gap:7px}.settings-note,.settings-footer,#audioSettingsStatus{font-size:10px;line-height:1.6;color:#b4c8d8;margin:4px 0}.settings-footer{border-top:1px solid #acc4d122;margin-top:12px;padding-top:10px}.settings-option>span{display:grid;gap:4px}.settings-option b{font-size:12px}.settings-option small{font-size:10px;color:#adc1d4}
.private-chat .chat-send,#recordVoice{display:inline-flex;align-items:center;justify-content:center;width:40px;min-width:40px;height:40px;padding:8px;border-radius:9px}.private-chat .chat-send{background:linear-gradient(135deg,#85e6b2,#47c68b);color:#123f30;border:1px solid #a2f2c7;box-shadow:0 3px 10px #42d59522}.chat-send svg,#recordVoice svg{width:24px;height:24px;display:block}.private-chat #recordVoice{color:#ffda75;background:linear-gradient(135deg,#66542d,#3d3325);border:1px solid #cfa757;box-shadow:inset 0 1px #fff3c333}.private-chat #recordVoice:hover{color:#ffe9a8;border-color:#ffe19a}.voice-waveform{display:flex;align-items:center;gap:9px;height:35px;padding:0 14px;background:#19232e;border-top:1px solid #fba4a522}.voice-waveform[hidden]{display:none}.record-dot{width:7px;height:7px;border-radius:50%;background:#ff595f;box-shadow:0 0 7px #ff4d5888;flex-shrink:0}.voice-bars{display:flex;align-items:center;gap:3px;height:28px}.voice-bars i{display:block;width:3px;height:4px;border-radius:3px;background:linear-gradient(#ffe5a0,#dda84e);transition:height .08s,opacity .08s}.voice-waveform small{margin-left:auto;font:700 10px/1.3 "Segoe UI",sans-serif;color:#d9e5ef;font-variant-numeric:tabular-nums}
body.day-mode{color-scheme:light;--text:#243344;--muted:#5d6f80;--hub-border:#8499ad66;--hub-surface:linear-gradient(135deg,#f7fafeee,#e5edf5f5);background-color:#e9eff5;background-image:linear-gradient(140deg,#f3f7fbec,#e1eaf3e8);color:#243344}body.day-mode .topbar{border-color:#91a5b855}body.day-mode .top-actions,body.day-mode .friends-popover,body.day-mode .nav{background:linear-gradient(135deg,#f1f6fc,#d7e4ee);color:#21374a;border-color:#879eb066}body.day-mode .top-actions .icon-btn,body.day-mode .friends-menu>summary{color:#25495c}body.day-mode .brand b,body.day-mode .hero h1,body.day-mode .editor h1,body.day-mode .editor .edit-section h2,body.day-mode .list-head h2,body.day-mode .connections-heading h2,body.day-mode .connections-section h3{color:#243c51}body.day-mode .hero p,body.day-mode .editor>header p,body.day-mode .editor .edit-section>p,body.day-mode .editor label,body.day-mode .list-head small,body.day-mode .connections-heading p,body.day-mode .nav a,body.day-mode .nav button,body.day-mode .friends-popover header{color:#415c73}body.day-mode .home-tabs a{color:#344f65}body.day-mode .home-tabs a[aria-current=page]{color:#a34e18;background:#ffc98f33}body.day-mode .explorer-filters{background:#ecf3fa;color:#324d65;border-color:#a0b4c5}body.day-mode .explorer-filters p,body.day-mode .explorer-filters small,body.day-mode .competitive-option{color:#415c73}body.day-mode .editor-grid input,body.day-mode .editor-grid textarea{background:#f7fbff;color:#21364a;border-color:#90a7bd}body.day-mode .friend-entry>button:first-child{color:#263f55}body.day-mode .friend-entry small{color:#64778b}body.day-mode .settings-dialog{background:radial-gradient(ellipse at top right,#90cfd533,transparent 60%),#e9f2fa;color:#233e54}body.day-mode .settings-block{background:#f7fbff99;border-color:#8ea8bd66}body.day-mode .settings-heading small,body.day-mode .settings-block h3{color:#346c78}body.day-mode .settings-option small,body.day-mode .settings-note,body.day-mode .settings-footer,body.day-mode #audioSettingsStatus,body.day-mode .listen-row>small{color:#4f6d83}body.day-mode .listen-row .settings-check{color:#237654}body.day-mode .settings-dialog select{background:#f7fbff;color:#233e54;border-color:#7a9ab4}body.day-mode .news-card{background:#eaf2f9;color:#2d465a}body.day-mode .news-card small,body.day-mode .disclaimer{color:#5c7488}
body.reduce-motion *,body.reduce-motion *::before,body.reduce-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.high-contrast .card-bio,body.high-contrast .card-handle,body.high-contrast .leader-identity,body.high-contrast .leader-game span{color:#fff;font-weight:650}body.high-contrast .editor>header p,body.high-contrast .explorer-filters p{color:#edf6ff}body.high-contrast.day-mode .editor>header p,body.high-contrast.day-mode .explorer-filters p{color:#17364f}

body.day-mode #audioSettingsDialog select{background:#f7fbff;color:#233e54;border-color:#7a9ab4}body.day-mode #audioSettingsDialog #audioSettingsStatus{color:#4f6d83}

/* Seven compact, independently functional settings categories. */
#audioSettingsDialog{width:min(570px,calc(100vw - 24px));scrollbar-width:thin;scrollbar-color:#71949d transparent}
#audioSettingsDialog .settings-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:12px 0 16px;padding:7px;background:#111f2b66;border-radius:10px}
#audioSettingsDialog .settings-tabs button{margin:0;min-width:0;padding:9px 5px;background:transparent;border-color:transparent;font-weight:700;font-size:12px}
#audioSettingsDialog .settings-tabs button[aria-pressed=true]{background:#6fe5c61c;color:#9bffe0;border-color:#65d6b288;box-shadow:inset 0 -2px #65d6b2}
#audioSettingsDialog .settings-panel[hidden]{display:none!important}
#audioSettingsDialog .settings-panel p{font-size:12px;line-height:1.65;margin:8px 0;color:#becfdf}
#audioSettingsDialog .settings-block h3{font-size:13px;letter-spacing:.4px}
#audioSettingsDialog .settings-option{justify-content:space-between;gap:18px;padding:5px 0}
#audioSettingsDialog .settings-option>span{display:grid;gap:4px;min-width:0}
#audioSettingsDialog .settings-option small{font-size:11px;line-height:1.55;font-weight:400}
#audioSettingsDialog .settings-option input{flex:0 0 17px;width:17px;height:17px;accent-color:#5ed4b1}
#audioSettingsDialog #soundToggle{width:auto;height:auto;min-height:34px;font-size:12px;display:inline-flex;align-items:center;gap:8px}
.settings-link{display:inline-block;margin:5px 8px 5px 0;padding:9px 11px;border:1px solid #6b9f9f77;border-radius:7px;color:#97ebd8;font-size:12px;text-decoration:none}
#settingsFeedback{font-size:12px;line-height:1.5;color:#91e3b6;margin:10px 0}
#settingsFeedback:empty{display:none}
body.no-tooltips .top-actions [data-tooltip]::after,body.no-tooltips .top-actions [data-tooltip]::before{display:none!important}
body.hide-request-badge #incomingBellBadge{display:none!important}
body.compact-ui .edit-section{padding:14px;margin:14px 0}
body.compact-ui .connection-card,body.compact-ui .incoming-entry{padding:8px;gap:8px}
body.compact-ui .discovery-card{padding:14px;gap:8px}
body.compact-ui .leaderboard-banner{padding-top:14px;padding-bottom:14px}
body.compact-ui .editor-grid{gap:10px}
body.large-text :is(.card-bio,.card-handle,.leader-identity,.connection-info>span,.editor label,.editor input,.editor textarea,.editor select,.private-chat .chat-bubble p){font-size:16px!important;line-height:1.65}
body.large-text #audioSettingsDialog :is(label,.settings-option b,.settings-panel p,.settings-link){font-size:14px}
body.privacy-covered>*{visibility:hidden!important}
body.privacy-covered::after{content:'Oyarsis · Ekran gizliliği açık';position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;background:#1e2937;color:#e0eaf6;font:600 18px "Segoe UI",sans-serif}

/* Light palette for every shared surface; player-created card artwork retains its identity. */
body.day-mode{--bg:#edf2f8;--panel:#f8fbff;--text:#20364b;--muted:#526980;--line:#b8c9d8;--hub-accent:#a9470c;--hub-border:#a7bacd;--hub-surface:linear-gradient(135deg,#ffffff,#e4edf6);background:#edf2f8;color:#20364b}
body.day-mode :is(.shell,main,.view){color:#20364b}
body.day-mode :is(.filter-card,.edit-section,.news-strip,.section-placeholder,.friends-popover,.nav,.game-dropdown,.game-picker,.wardrobe-modal,.group-dialog,.banner-dialog,.photo-dialog,.game-request-dialog,.private-chat,.friend-mini-preview,.notice,.connection-card,.incoming-entry,.selected-game,.social-input,.style-details,.schedule-row,.capacity-plans>div){background:linear-gradient(130deg,#fbfdff,#e3edf7);color:#20364b;border-color:#a8bdce;box-shadow:0 6px 20px #36567012}
body.day-mode .modal:not(.profile-detail){background:#f1f6fb;color:#20364b;border-color:#a8bdce}
body.day-mode :is(.filter-card,.edit-section,.news-strip,.section-placeholder,.friends-popover,.nav,.game-dropdown,.wardrobe-modal,.group-dialog,.banner-dialog,.photo-dialog,.game-request-dialog,.private-chat,.friend-mini-preview,.notice,.connection-card,.incoming-entry,.selected-game,.capacity-plans) :is(h1,h2,h3,h4,label,p,small,b,strong,legend){color:inherit}
body.day-mode :is(.hero-kicker,.eyebrow,.section-tag,.picker-caption,.picker-hint,.game-filter-group>span,.schedule-note,.social-input>span,.home-brand small,.home-stats,.stat,.demo-label,.empty,.connections-empty,.game-selection-guidance,.collection-note){color:#526980!important}
body.day-mode :is(.hero h1,.home-hero h1,.side-head h3,.stat b,.player-list+h2,.connections-section h3,.news-card b){color:#20364b}
body.day-mode :is(.editor,.explorer-filters,.game-dropdown,.wardrobe-modal,.group-dialog,.banner-dialog,.photo-dialog,.game-request-dialog,.private-chat,.section-placeholder) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select){background:#fff;color:#20364b;border-color:#a3b9cc}
body.day-mode :is(input,textarea)::placeholder{color:#667d90;opacity:1}
body.day-mode :is(.game-choice,.game-tile,.game-check,.game-type-filters label,.game-type-filters button,.sort-tabs button,.pagination button,.style-chip,.personality-pill,.btn-ghost,.game-picker-header,.show-all-games,.add-games){background:#e2ecf6;color:#28455d;border-color:#9bb2c7}
body.day-mode :is(.game-choice.selected,.game-tile.selected,.style-chip.selected,.sort-tabs button.active,.pagination button.active,.show-all-games.active){background:#ffe3bf;color:#753707;border-color:#c57b37}
body.day-mode .chat-messages{background:#f2f7fc;color:#29465d}
body.day-mode .chat-bubble{background:#e1eaf4;color:#213b52;border-color:#aec4d7}
body.day-mode .chat-bubble.mine{background:#d0eddf;color:#154c36}
body.day-mode :is(.chat-connection,#chatMemberInfo,.voice-waveform){background:#dfeaf4;color:#37566b;border-color:#b5c9da}
body.day-mode :is(#chatTyping,#voiceStatus,.group-author b){color:#236849}
body.day-mode .toast{background:#f4f9ff;color:#23445d;border-color:#b2652c;box-shadow:0 5px 25px #18334833}
body.day-mode :is(.ad,.horizontal-ad,.ad-rail){background:#e6eef6;color:#678097;border-color:#b9cad9}
body.day-mode #audioSettingsDialog .settings-tabs{background:#d6e5f0}
body.day-mode #audioSettingsDialog button{background:#e5eff8;color:#284b63;border-color:#91acbe}
body.day-mode #audioSettingsDialog .settings-tabs button[aria-pressed=true]{background:#c7e8dd;color:#164f3b;border-color:#4a9f86}
body.day-mode #audioSettingsDialog :is(.settings-panel p,.settings-option small,#notificationPermission){color:#4d667b}
body.day-mode :is(.settings-link,#settingsFeedback){color:#236149}
body.day-mode :is(.is-online,.presence-label){color:#168149}
body.day-mode :is(.is-offline,.connection-info small,.request-identity small){color:#5f7182}
body.day-mode #view-find>.horizontal-ad{background:linear-gradient(120deg,#e0eaf4,#f8fbff);border-color:#a8bfd0}
body.day-mode .horizontal-ad :is(b,small){color:#526980}
body.day-mode .home-tabs a{background:#e4edf6;color:#29475f}
body.day-mode .home-tabs a[aria-current=page]{background:#ffe3c3;color:#793a0f}
body.day-mode #gamePickerToggle{background:#f5f9fe;color:#27455d;border-color:#9ab4ca}
body.day-mode .profile-menu>summary{color:#27455d}
@media(max-width:420px){#audioSettingsDialog{padding:12px}#audioSettingsDialog .settings-tabs{gap:2px;padding:4px}#audioSettingsDialog .settings-tabs button{font-size:11px}#audioSettingsDialog label{flex-wrap:wrap}#audioSettingsDialog .settings-option{flex-wrap:nowrap}}

/* Fit settings as one complete panel, without inner scrolling. */
#audioSettingsDialog{position:fixed;inset:auto;left:50%;top:50%;margin:0;box-sizing:border-box;width:min(760px,calc(100vw - 24px));max-width:none;max-height:none;overflow:visible;transform:translate(-50%,-50%) scale(var(--settings-fit,1));transform-origin:center}
#audioSettingsDialog .settings-tabs{grid-template-columns:repeat(4,minmax(0,1fr));margin:9px 0;padding:5px}
#audioSettingsDialog .settings-panel:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:start}
#audioSettingsDialog .settings-block{margin:0;padding:11px;min-width:0}
#audioSettingsDialog .settings-panel>p{grid-column:1/-1;margin:0}
#audioSettingsDialog .settings-block h3{margin:0 0 7px}
#audioSettingsDialog label{margin:8px 0;font-size:12px}
#audioSettingsDialog .settings-option{padding:2px 0}
#audioSettingsDialog .settings-panel p{margin:5px 0;font-size:11px;line-height:1.5}
#audioSettingsDialog select{max-width:100%;width:100%}
#audioSettingsDialog .settings-block>label:not(.settings-option){flex-wrap:wrap}
#audioSettingsDialog .listen-row{flex-wrap:wrap;gap:3px}
#audioSettingsDialog .settings-footer{margin-top:8px;padding-top:7px}
#audioSettingsDialog #settings-appearance .settings-block{grid-column:1/-1}
@media(max-width:540px){#audioSettingsDialog{padding:12px}#audioSettingsDialog .settings-panel:not([hidden]){grid-template-columns:1fr;gap:6px}#audioSettingsDialog .settings-block{padding:8px}#audioSettingsDialog label{margin:6px 0}#audioSettingsDialog .settings-option small{font-size:10px}}

/* Fixed portrait settings window; category changes never resize it. */
#audioSettingsDialog{width:480px;height:680px;padding:16px;display:none;flex-direction:column;gap:0;overflow:hidden}
#audioSettingsDialog[open]{display:flex}
#audioSettingsDialog .settings-heading{flex:0 0 auto}
#audioSettingsDialog .settings-heading h2{margin:3px 0;font-size:22px}
#audioSettingsDialog .settings-tabs{flex:0 0 auto;margin:8px 0;gap:4px;padding:4px}
#audioSettingsDialog .settings-tabs button{padding:7px 4px}
#audioSettingsDialog .settings-panel:not([hidden]){display:flex;flex-direction:column;gap:7px;flex:1;min-height:0}
#audioSettingsDialog .settings-block{width:100%;box-sizing:border-box;padding:9px 11px;margin:0}
#audioSettingsDialog .settings-panel p{font-size:11px;line-height:1.4;margin:4px 0}
#audioSettingsDialog label{margin:6px 0;font-size:12px}
#audioSettingsDialog .settings-option{padding:0;gap:12px}
#audioSettingsDialog .settings-option small{font-size:10px;line-height:1.35}
#audioSettingsDialog .settings-block h3{margin:0 0 5px;font-size:12px}
#audioSettingsDialog select{width:auto;max-width:270px;padding:5px}
#audioSettingsDialog .settings-block>label:not(.settings-option){flex-wrap:nowrap}
#audioSettingsDialog .listen-row{flex-wrap:nowrap;gap:8px}
#audioSettingsDialog button{padding:6px 9px;margin:2px;font-size:11px}
#audioSettingsDialog meter{height:10px;margin:4px 0}
#audioSettingsDialog .settings-footer{flex:0 0 auto;margin-top:7px;padding-top:6px}
#audioSettingsDialog #settingsFeedback{flex:0 0 auto;margin:4px 0;font-size:11px}

#audioSettingsDialog .settings-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
#audioSettingsDialog{height:720px}
#audioSettingsDialog .settings-option b,#audioSettingsDialog label{font-size:13px}
#audioSettingsDialog .settings-option small,#audioSettingsDialog .settings-panel p{font-size:11.5px;line-height:1.4}
.nav .mixer-link{color:#ff963e!important;font-weight:800;animation:mixer-glow 1.6s ease-in-out infinite}
.nav .logout-link{color:#ff626c!important;font-weight:750;font-size:inherit}
@keyframes mixer-glow{50%{text-shadow:0 0 10px #ff6b0099;color:#ffbd70}}
.chat-bubble{position:relative;padding-right:30px}
.message-menu{position:absolute;right:5px;top:3px;z-index:2}
.message-menu summary{list-style:none;cursor:pointer;font:bold 22px/24px "Segoe UI";color:#d8e7ef;text-align:center;width:20px}
.message-menu summary::-webkit-details-marker{display:none}
.message-menu button{position:absolute;right:0;top:25px;width:158px;background:#283646!important;color:#ffc7ca!important;border:1px solid #a5747b!important;padding:9px!important;box-shadow:0 5px 15px #0006}
.deleted-message{font-style:italic;opacity:.75;font-size:12px!important}
.shop-modal{width:min(870px,95vw)}.shop-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.shop-tabs button,.shop-product button{padding:9px;border:1px solid #8091a6;border-radius:7px;background:#263447;color:#f0f5ff}.shop-tabs button[aria-pressed=true]{border-color:#ffab5a;color:#ffd3a0}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.shop-grid article{min-width:0;border:1px solid #a3b4ce44;border-radius:12px;padding:12px;background:#16202b}.shop-grid h3{font-size:14px}.shop-product>b{display:block;color:#ffd58e;margin:8px 0}.shop-swatch{height:110px;position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;border-radius:9px;border:1px solid var(--card-accent);color:#fff;text-align:center;font-size:20px;font-weight:900}.shop-swatch span{position:relative;z-index:3;text-shadow:0 2px 5px #000}.shop-swatch small{font-size:11px}.shop-product button:disabled{opacity:.5}.shop-swatch::before,.shop-swatch::after{pointer-events:none}
.effect-orbit::after{content:'';position:absolute;inset:-50%;z-index:-1;background:conic-gradient(transparent,#ffca76,transparent,#77f0ff,transparent);animation:orbit-dance 5s linear infinite;opacity:.45}.effect-pulse{animation:soft-pulse 4s ease-in-out infinite}@keyframes orbit-dance{to{transform:rotate(360deg)}}@keyframes soft-pulse{50%{box-shadow:inset 0 0 25px #ffffff16}}
@media(max-width:600px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.theme-sage{--card-accent:#58ffb7;background:linear-gradient(125deg,#245e47,#142f35 55%,#245e47);}
.theme-plum{--card-accent:#e49bff;background:linear-gradient(125deg,#63357c,#201c4c 55%,#63357c);}
.theme-copper{--card-accent:#ffbc83;background:linear-gradient(125deg,#8a5032,#332522 55%,#8a5032);}
.theme-ember{--card-accent:#ffb849;background:linear-gradient(125deg,#a84411,#3e1539 55%,#a84411);}
.theme-ice{--card-accent:#a0f6ff;background:linear-gradient(125deg,#156786,#15304e 55%,#156786);}
.theme-rose{--card-accent:#ff7bdb;background:linear-gradient(125deg,#9c246f,#39214e 55%,#9c246f);}
.theme-gold{--card-accent:#ffe18e;background:linear-gradient(125deg,#897132,#34221a 55%,#897132);}
.theme-violet{--card-accent:#c5a0ff;background:linear-gradient(125deg,#753ac0,#16264e 55%,#753ac0);}
.theme-mint{--card-accent:#85ffdb;background:linear-gradient(125deg,#287b69,#173c4b 55%,#287b69);}
.theme-crimson{--card-accent:#ff8696;background:linear-gradient(125deg,#9f293e,#351d43 55%,#9f293e);}
.motif-hex::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(60deg,#b8e9ff24 0 1px,transparent 1px 22px),repeating-linear-gradient(-60deg,#b8e9ff24 0 1px,transparent 1px 22px);background-size:64px 64px;pointer-events:none}
.motif-radar::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-radial-gradient(circle at 25% 50%,transparent 0 18px,#a3ffe833 19px 20px);background-size:64px 64px;pointer-events:none}
.motif-runes::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-conic-gradient(from 45deg,#e9bbff33 0 2deg,transparent 2deg 45deg);background-size:64px 64px;pointer-events:none}
.motif-constellation::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 20% 30%,#fff 0 1px,transparent 3px),repeating-linear-gradient(35deg,transparent 0 45px,#b6c9ff22 46px 47px);background-size:64px 64px;pointer-events:none}
.motif-weave::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(45deg,#f4c98f22 0 3px,transparent 4px 12px),repeating-linear-gradient(-45deg,#b9edff22 0 3px,transparent 4px 12px);background-size:64px 64px;pointer-events:none}
.motif-shards::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-conic-gradient(from 25deg at 40% 60%,#99dfff22 0 30deg,transparent 30deg 70deg);background-size:64px 64px;pointer-events:none}

.profile-menu .nav :is(a,button){font-size:12px}.profile-menu .nav .logout-link{font-size:12px}

.top-actions .shop-header{display:grid;place-items:center;width:43px;height:43px;box-sizing:border-box}.shop-header svg,#notifBtn svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.shop-page{max-width:870px;margin:30px auto;padding:0 16px}.shop-page>h2{font-size:26px}.shop-page>p{font-size:12px;color:#b4c5d8;line-height:1.6}.shop-page .shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#chatDock{position:fixed;right:20px;bottom:15px;z-index:35;display:flex;gap:9px;align-items:center;border:1px solid #7f9aad;border-radius:24px;padding:10px 15px;background:#233344;color:#e7f4ff;box-shadow:0 4px 18px #0005;font-weight:700;font-size:12px}#chatDockCount{background:#e39b44;color:#23190c;padding:2px 6px;border-radius:10px}.private-chat{bottom:65px;max-height:calc(100dvh - 85px)}.chat-dock-list{position:fixed;right:20px;bottom:65px;width:300px;max-width:calc(100vw - 32px);max-height:65dvh;overflow:auto;z-index:39;padding:12px;background:#263545;color:#e5efff;border:1px solid #7b98af;border-radius:12px;box-shadow:0 12px 35px #0008}.chat-dock-list[hidden]{display:none}.chat-dock-list header{display:flex;justify-content:space-between;align-items:center}.chat-dock-list>button{display:block;width:100%;text-align:left;margin-top:7px;padding:10px;background:#34485b;color:#eef6ff;border:1px solid #7997af55;border-radius:7px}.chat-dock-list p{font-size:12px;line-height:1.5}.chat-dock-list article{padding:9px;border:1px solid #d9ae6b88;border-radius:8px;margin-top:8px}.chat-dock-list button{cursor:pointer}#leaveChatGroup{color:#ffa9ac;font-size:10px;padding:4px}#addMembersDialog{max-width:430px}#addMemberChoices{display:grid;gap:8px;max-height:50dvh;overflow:auto}#addMemberChoices>button{display:flex;align-items:center;gap:9px;padding:8px;background:#35475b;border:1px solid #8398ae;border-radius:8px;color:#edf5ff}#addMemberChoices small{margin-left:auto}#addMemberChoices button:disabled{opacity:.5}
@media(max-width:600px){.shop-page .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.private-chat{right:12px}.private-chat .chat-messages{max-height:35dvh}}

#notifBtn .silver-chain{width:28px;height:28px;stroke:none;filter:drop-shadow(0 1px 2px #0007)}

#notifBtn .silver-chain{width:23px;height:23px;filter:none}

#notifBtn .silver-chain{width:24px;height:24px;filter:drop-shadow(0 1px 1px #0003)}#notifBtn:hover .silver-chain g{stroke:#f4f7fc}

/* Center the compact chain independently of inline SVG baseline metrics. */
#notifBtn{display:inline-grid;place-items:center;padding:0;line-height:1}
#notifBtn .silver-chain{display:block;width:20px;height:20px;filter:drop-shadow(0 1px 2px #0004);transition:filter .18s ease,transform .18s ease}
#notifBtn:hover .silver-chain{filter:drop-shadow(0 0 3px #dce9ff55);transform:scale(1.04)}
/* Explicit foreground/background pair for every dismissal and X control. */
body :is(button.close,button[aria-label*="kapat" i],#closeAddMembers,#hideChatList,#cancelGames,#cancelPhoto,#cancelBanner,#cancelGroup,#cancelVoice,[data-remove-game],[data-remove-mode]){background:#273647!important;color:#f4f7fc!important;border:1px solid #8dabc1!important;opacity:1;box-shadow:0 1px 4px #0003;text-shadow:none;font-weight:700}
body :is(button.close,button[aria-label*="kapat" i],#closeAddMembers,#hideChatList,#cancelGames,#cancelPhoto,#cancelBanner,#cancelGroup,#cancelVoice,[data-remove-game],[data-remove-mode]):hover{background:#3a5067!important;color:#fff!important;border-color:#d5e5f5!important}
body :is(button.close,button[aria-label*="kapat" i],#hideChatList){display:inline-grid;place-items:center;min-width:28px;min-height:28px;line-height:1;padding:4px;border-radius:7px}
body :is(button.close,button[aria-label*="kapat" i],#closeAddMembers,#hideChatList):focus-visible{outline:2px solid #ffbd79;outline-offset:3px}

body :is(button.close,button[aria-label*="kapat" i],#hideChatList,[data-remove-game],[data-remove-mode]){font-size:20px!important;min-width:31px;min-height:31px}
.private-chat #chatInvite{font-size:26px;line-height:1;min-width:33px;min-height:33px;padding:2px 5px;color:#ffe09a;border-color:#c7a65e;background:#51452e}
#chatDockCount{padding:0;background:none;color:#66f3a0;display:grid;place-items:center}#chatDockCount[hidden]{display:none}#chatDockCount svg{width:21px;height:21px;fill:#42ce7e33;stroke:#69f0a0;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #40e58c66)}
.chat-dock-list>button{display:flex;align-items:center;gap:8px}.chat-dock-list>button small{margin-left:auto}.chat-unread-count{margin-left:auto;color:#74ffac;font-size:14px;font-weight:850;min-width:22px;text-align:center}

/* Soft silver glass header with compact, content-sized controls. */
.private-chat>header{position:relative;display:flex;align-items:center;gap:7px;padding:11px 12px;margin:0 0 5px;border:1px solid #d9e4f05c;border-bottom-color:#e7efff66;border-radius:11px;background:linear-gradient(115deg,#d4dfec29,#b5c2d016 58%,#e3eaf530);backdrop-filter:blur(16px) saturate(.7);box-shadow:inset 0 1px 0 #ffffff24,0 3px 9px #0002;color:#edf2f8}
.private-chat>header>div{flex:1;min-width:0}
.private-chat>header #chatTitle{display:block;color:#f1f5fc;font-size:15px;font-weight:750;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #0005}
.private-chat>header #chatPresence{display:block;color:#c9d6e5;font-size:11px;line-height:1.4;margin-top:3px}
.private-chat>header :is(#chatInfo,#chatInvite,#leaveChatGroup,#closeChat){display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;max-width:none;box-sizing:border-box;margin:0!important;padding:5px!important;border:1px solid #c5d2e14d!important;border-radius:7px!important;background:linear-gradient(145deg,#b9c5d333,#71809529)!important;color:#edf3fc!important;box-shadow:inset 0 1px #ffffff20,0 2px 4px #0002;font-family:"Segoe UI",sans-serif;font-weight:650;line-height:1;text-align:center;text-shadow:none;transition:background .18s,border-color .18s}
.private-chat>header #leaveChatGroup{width:auto!important;padding:0 9px!important;font-size:11px!important;white-space:nowrap;overflow:visible}
.private-chat>header svg{display:block;flex:0 0 19px;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.private-chat>header #closeChat{background:linear-gradient(145deg,#d45a65,#b23c4b)!important;border-color:#ed929c88!important;color:#fff!important;box-shadow:inset 0 1px #ffffff30,0 2px 4px #0002}
.private-chat>header :is(#chatInfo,#chatInvite,#leaveChatGroup):hover{background:linear-gradient(145deg,#c5d3e04d,#8599b344)!important;border-color:#dce9f1aa!important}
.private-chat>header #closeChat:hover{background:linear-gradient(#e56b75,#c34857)!important}
.private-chat>header button:disabled{opacity:.4;cursor:not-allowed}
.private-chat>header [hidden]{display:none!important}
@media(max-width:390px){.private-chat>header{gap:5px;padding:10px}.private-chat>header #chatTitle{font-size:13px}.private-chat>header #leaveChatGroup{padding:0 7px!important;font-size:10px!important}}

/* Atölye: shared control language and actual profile-card preview. */
.shop-page{max-width:1020px}.shop-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0 20px}.shop-heading h1{font-size:30px;margin:8px 0}.shop-heading p,.shop-hint,.shop-preview>p{font-size:12px;line-height:1.65;color:#b3c5d6}.shop-test-label{border:1px solid #80b7a55c;background:#66e6b411;padding:8px 12px;border-radius:20px;font-size:11px;color:#a8e8d2}.shop-page button{font-family:"Segoe UI",sans-serif;background:linear-gradient(135deg,#354957,#253747);color:#edf6ff;border:1px solid #89a2b877;border-radius:8px;padding:10px 12px;font-weight:650;cursor:pointer}.shop-page button:hover{border-color:#98e6d1;background:#3d5768}.shop-page button:disabled{color:#a1cfbd;background:#293d3e;border-color:#6b9c8688;cursor:default}.shop-page button[aria-pressed=true]{border-color:#81dfbf;box-shadow:inset 0 -2px #65d6b2;background:#69e2bf13}.shop-tabs{gap:7px;margin-bottom:22px}.shop-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.shop-options,.shop-preview{min-width:0;border:1px solid #8aa1bc44;border-radius:14px;padding:18px;background:linear-gradient(140deg,#30415399,#202d3bcc)}.shop-options h2{font-size:18px;margin:0}.shop-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.shop-page .shop-option{display:flex;align-items:center;gap:10px;min-width:0;padding:8px;text-align:left}.shop-option>span:last-child{min-width:0}.shop-option b{font-size:12px;display:block;overflow-wrap:anywhere}.shop-option small,.shop-buy small{display:block;font-size:10px;color:#c0cfdf;margin-top:4px}.shop-option-sample{position:relative;isolation:isolate;overflow:hidden;flex:0 0 48px;width:48px;height:48px;border-radius:8px;border:1px solid #c1d3e566}.shop-color-grid .shop-option-sample{width:26px;height:26px;flex-basis:26px;border-radius:5px}.shop-color-grid .shop-option{gap:8px;padding:7px}.shop-buy{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid #8fa6bf33}.shop-buy b{font-size:13px}.shop-page #buyCosmetic{color:#abffe0;border-color:#7bd8b588}.shop-preview{position:sticky;top:18px}.shop-preview .eyebrow{margin-bottom:12px;font-size:9px}.shop-preview #cardThemePreview .profile-detail{max-width:100%;padding:14px!important}.shop-preview #cardThemePreview .profile-detail .modal-profile-head{flex-wrap:wrap}.shop-preview .mini-cover-preview b{font-size:20px}.shop-capacities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.shop-capacities article{background:linear-gradient(145deg,#344558,#263342);border:1px solid #87a2bc66;border-radius:12px;padding:20px;color:#e6eff9}.shop-capacities article>span{font-size:9px;letter-spacing:2px;color:#8ddbc5}.shop-capacities h2{font-size:32px;margin:15px 0}.shop-capacities h2 small{font-size:12px;color:#b4c5d7}.shop-capacities p{font-size:12px;line-height:1.6;color:#b4c5d7}.shop-capacities article>b{color:#ffd6a1}.shop-capacities button{width:100%;margin-top:10px}.shop-page #shopStatus{font-size:13px;color:#9cebc6;line-height:1.6}
@media(max-width:750px){.shop-workbench{grid-template-columns:1fr}.shop-preview{position:relative;top:auto;grid-row:1}.shop-preview #cardThemePreview{max-width:460px;margin:auto}.shop-capacities{grid-template-columns:1fr 1fr}.shop-heading{align-items:flex-start;flex-direction:column}.shop-tabs button{font-size:11px}}
.theme-sage{--card-accent:#58ffb7;--card-surface:#142f35;--card-paint:linear-gradient(115deg,#245e47 0%,#142f35 52%,#245e47 100%);background:var(--card-paint)}
.theme-plum{--card-accent:#e49bff;--card-surface:#201c4c;--card-paint:linear-gradient(119deg,#63357c 0%,#201c4c 52%,#63357c 100%);background:var(--card-paint)}
.theme-copper{--card-accent:#ffbc83;--card-surface:#332522;--card-paint:linear-gradient(123deg,#8a5032 0%,#332522 52%,#8a5032 100%);background:var(--card-paint)}
.theme-ember{--card-accent:#ffb849;--card-surface:#3e1539;--card-paint:linear-gradient(127deg,#a84411 0%,#3e1539 52%,#a84411 100%);background:var(--card-paint)}
.theme-ice{--card-accent:#a0f6ff;--card-surface:#15304e;--card-paint:linear-gradient(131deg,#156786 0%,#15304e 52%,#156786 100%);background:var(--card-paint)}
.theme-rose{--card-accent:#ff7bdb;--card-surface:#39214e;--card-paint:linear-gradient(135deg,#9c246f 0%,#39214e 52%,#9c246f 100%);background:var(--card-paint)}
.theme-gold{--card-accent:#ffe18e;--card-surface:#34221a;--card-paint:linear-gradient(139deg,#897132 0%,#34221a 52%,#897132 100%);background:var(--card-paint)}
.theme-violet{--card-accent:#c5a0ff;--card-surface:#16264e;--card-paint:linear-gradient(143deg,#753ac0 0%,#16264e 52%,#753ac0 100%);background:var(--card-paint)}
.theme-mint{--card-accent:#85ffdb;--card-surface:#173c4b;--card-paint:linear-gradient(147deg,#287b69 0%,#173c4b 52%,#287b69 100%);background:var(--card-paint)}
.theme-crimson{--card-accent:#ff8696;--card-surface:#351d43;--card-paint:linear-gradient(151deg,#9f293e 0%,#351d43 52%,#9f293e 100%);background:var(--card-paint)}
.theme-ocean{--card-accent:#4dffff;--card-surface:#161d59;--card-paint:linear-gradient(155deg,#126c91 0%,#161d59 52%,#126c91 100%);background:var(--card-paint)}
.theme-sunset{--card-accent:#ffa882;--card-surface:#461b69;--card-paint:linear-gradient(159deg,#9e4027 0%,#461b69 52%,#9e4027 100%);background:var(--card-paint)}
.theme-pearl{--card-accent:#e7eaff;--card-surface:#2e3d51;--card-paint:linear-gradient(163deg,#6b748a 0%,#2e3d51 52%,#6b748a 100%);background:var(--card-paint)}
.theme-graphite{--card-accent:#bdcbd4;--card-surface:#182634;--card-paint:linear-gradient(167deg,#58626b 0%,#182634 52%,#58626b 100%);background:var(--card-paint)}
.theme-toxic{--card-accent:#c1ff51;--card-surface:#1b372b;--card-paint:linear-gradient(171deg,#4a7120 0%,#1b372b 52%,#4a7120 100%);background:var(--card-paint)}
.theme-sapphire{--card-accent:#7ca6ff;--card-surface:#152e51;--card-paint:linear-gradient(175deg,#164bae 0%,#152e51 52%,#164bae 100%);background:var(--card-paint)}
.theme-ruby{--card-accent:#ff709c;--card-surface:#311f39;--card-paint:linear-gradient(179deg,#9c1f47 0%,#311f39 52%,#9c1f47 100%);background:var(--card-paint)}
.theme-amethyst{--card-accent:#d6a0ff;--card-surface:#2c1e47;--card-paint:linear-gradient(183deg,#673da9 0%,#2c1e47 52%,#673da9 100%);background:var(--card-paint)}
.theme-titanium{--card-accent:#cedde5;--card-surface:#263340;--card-paint:linear-gradient(187deg,#627a88 0%,#263340 52%,#627a88 100%);background:var(--card-paint)}
.theme-hologram{--card-accent:#c4fff8;--card-surface:#6a3b86;--card-paint:linear-gradient(191deg,#2b807e 0%,#6a3b86 52%,#2b807e 100%);background:var(--card-paint)}
.theme-solar{--card-accent:#fff08c;--card-surface:#543724;--card-paint:linear-gradient(195deg,#a9701b 0%,#543724 52%,#a9701b 100%);background:var(--card-paint)}
.theme-lagoon{--card-accent:#80ffd9;--card-surface:#1b3d56;--card-paint:linear-gradient(199deg,#197f77 0%,#1b3d56 52%,#197f77 100%);background:var(--card-paint)}
.theme-candy{--card-accent:#ffa6ed;--card-surface:#4a326f;--card-paint:linear-gradient(203deg,#a83a82 0%,#4a326f 52%,#a83a82 100%);background:var(--card-paint)}
.theme-cobalt{--card-accent:#84c9ff;--card-surface:#263449;--card-paint:linear-gradient(207deg,#235c8e 0%,#263449 52%,#235c8e 100%);background:var(--card-paint)}
.theme-obsidian{--card-accent:#d491e8;--card-surface:#182936;--card-paint:linear-gradient(211deg,#4d375a 0%,#182936 52%,#4d375a 100%);background:var(--card-paint)}
:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice){isolation:isolate;overflow:hidden;contain:paint;animation:none!important;background-image:var(--card-paint,linear-gradient(130deg,#34404e,#202a36))!important;background-size:100% 100%!important}
:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice)::before,:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice)::after{content:"";position:absolute!important;inset:0!important;pointer-events:none!important;border-radius:inherit;z-index:-1!important;clip-path:none!important;filter:none!important;transform:none;opacity:.35;background:none;animation:none}
:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice).motif-diagonal::before{background-image:repeating-linear-gradient(125deg,transparent 0 17px,#98f4ff55 18px 20px,transparent 21px 27px,#fff3 28px 29px)!important;background-size:80px 80px!important;animation:pattern-flow 7s linear infinite!important;opacity:.32!important}
:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice).motif-circuit::before{background-image:repeating-linear-gradient(90deg,transparent 0 31px,#81ffcf55 32px 34px),repeating-linear-gradient(0deg,transparent 0 31px,#b0e7ff44 32px 34px),radial-gradient(circle,#e5ffec 1px,transparent 3px)!important;background-size:66px 66px!important;animation:pattern-flow 10s linear infinite!important;opacity:.32!important}
:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice).motif-diamond::before{background-image:repeating-linear-gradient(45deg,transparent 0 26px,#c8c1ff66 27px 28px),repeating-linear-gradient(-45deg,transparent 0 26px,#b5e8ff55 27px 28px)!important;background-size:80px 80px!important;animation:pattern-flow 12s linear infinite!important;opacity:.32!important}
:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice).motif-waves::before{background-image:repeating-radial-gradient(ellipse at 10% 30%,transparent 0 18px,#76deff66 19px 20px,transparent 21px 27px)!important;background-size:150% 140%!important;animation:pattern-wave 8s ease-in-out infinite alternate!important;opacity:.32!important}
:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice).motif-hex::before{background-image:repeating-linear-gradient(60deg,transparent 0 22px,#b6f0ff55 23px 25px),repeating-linear-gradient(-60deg,transparent 0 22px,#dabdff55 23px 25px),repeating-linear-gradient(0deg,transparent 0 38px,#9effec44 39px 40px)!important;background-size:80px 80px!important;animation:pattern-flow 13s linear infinite!important;opacity:.32!important}
:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice).motif-radar::before{background-image:repeating-radial-gradient(circle at 50% 50%,transparent 0 22px,#8effc866 23px 24px),conic-gradient(from 0deg at 50% 50%,transparent 60%,#71ffb555,transparent 100%)!important;background-size:160% 160%!important;animation:pattern-wave 6s ease-in-out infinite alternate!important;opacity:.32!important}
:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice).motif-runes::before{background-image:repeating-conic-gradient(from 45deg at 50% 50%,#f6ce9c66 0 3deg,transparent 3deg 45deg)!important;background-size:66px 66px!important;animation:pattern-flow 15s linear infinite!important;opacity:.32!important}
:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice).motif-constellation::before{background-image:radial-gradient(circle at 20% 30%,#fff 0 1px,transparent 3px),radial-gradient(circle at 70% 60%,#b7b1ff 0 1px,transparent 4px),repeating-linear-gradient(35deg,transparent 0 55px,#c3d0ff44 56px 57px)!important;background-size:90px 90px!important;animation:pattern-flow 18s linear infinite!important;opacity:.32!important}
:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice).motif-weave::before{background-image:repeating-linear-gradient(45deg,#f4c98f55 0 2px,transparent 3px 16px),repeating-linear-gradient(-45deg,#b9edff44 0 2px,transparent 3px 16px)!important;background-size:66px 66px!important;animation:pattern-wave 8s ease-in-out infinite alternate!important;opacity:.32!important}
:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice).motif-shards::before{background-image:repeating-conic-gradient(from 25deg at 40% 60%,#99dfff55 0 30deg,transparent 30deg 70deg)!important;background-size:110px 110px!important;animation:pattern-flow 14s linear infinite!important;opacity:.32!important}
:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice).effect-aurora::after{background-image:radial-gradient(ellipse at 15% 80%,#35ffd177,transparent 55%),radial-gradient(ellipse at 85% 10%,#af69ff88,transparent 55%)!important;background-size:180% 180%!important;animation:aurora-dance 6s ease-in-out infinite alternate!important;opacity:.45!important;mix-blend-mode:screen}
:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice).effect-inferno::after{background-image:repeating-conic-gradient(from 0deg at 50% 110%,transparent 0 14deg,#ff8b2677 16deg 20deg,transparent 24deg 40deg)!important;background-size:130% 160%!important;animation:fire-dance 3s ease-in-out infinite alternate!important;opacity:.45!important;mix-blend-mode:screen}
:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice).effect-prism::after{background-image:repeating-linear-gradient(115deg,transparent 0 50px,#65fbff66 70px,#ff73ef66 100px,transparent 120px)!important;background-size:220% 180%!important;animation:prism-dance 5s linear infinite!important;opacity:.45!important;mix-blend-mode:screen}
:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice).effect-royal::after{background-image:radial-gradient(circle at 50% 0%,#ffda9c88,transparent 50%),repeating-conic-gradient(from 0deg at 50% 0%,#ffc85b44 0 2deg,transparent 3deg 15deg)!important;background-size:140% 180%!important;animation:royal-dance 6s ease-in-out infinite alternate!important;opacity:.45!important;mix-blend-mode:screen}
:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice).effect-matrix::after{background-image:repeating-linear-gradient(90deg,transparent 0 16px,#7affac55 17px 19px,transparent 20px 30px),repeating-linear-gradient(0deg,transparent 0 15px,#77ffad55 16px 18px,transparent 19px 29px)!important;background-size:60px 120px!important;animation:matrix-rain 3s linear infinite!important;opacity:.45!important;mix-blend-mode:screen}
:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice).effect-cosmic::after{background-image:radial-gradient(ellipse at 30% 30%,#a05aff99,transparent 50%),repeating-radial-gradient(ellipse at 70% 70%,transparent 0 25px,#88bbff55 26px 28px)!important;background-size:190% 170%!important;animation:cosmic-dance 8s ease-in-out infinite alternate!important;opacity:.45!important;mix-blend-mode:screen}
:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice).effect-lightning::after{background-image:repeating-conic-gradient(from 22deg at 70% 20%,transparent 0 49deg,#cff4ff88 50deg 51deg,transparent 53deg 100deg)!important;background-size:110% 150%!important;animation:lightning-dance 3s steps(2) infinite!important;opacity:.45!important;mix-blend-mode:screen}
:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice).effect-flames::after{background-image:radial-gradient(ellipse at 20% 100%,#ffa82f99,transparent 48%),radial-gradient(ellipse at 80% 100%,#ff375c99,transparent 50%),repeating-linear-gradient(105deg,transparent 0 40px,#ffc35355 42px 48px,transparent 50px 65px)!important;background-size:180% 180%!important;animation:fire-dance 2.8s ease-in-out infinite alternate!important;opacity:.45!important;mix-blend-mode:screen}
:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice).effect-stardust::after{background-image:radial-gradient(circle,#fff6bb 0 1px,transparent 3px),radial-gradient(circle at 70% 30%,#a9ceff 0 1px,transparent 4px)!important;background-size:43px 57px,71px 89px!important;animation:stars-fall 9s linear infinite!important;opacity:.45!important;mix-blend-mode:screen}
:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice).effect-orbit::after{background-image:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 24px,#ffaaea66 25px 27px,transparent 28px 40px,#73e8ff55 41px 43px)!important;background-size:180% 160%!important;animation:orbit-dance-inset 6s ease-in-out infinite alternate!important;opacity:.45!important;mix-blend-mode:screen}
@keyframes pattern-flow{to{background-position:160px 160px}}@keyframes pattern-wave{to{background-position:60% 80%;opacity:.5}}
@keyframes aurora-dance{to{background-position:100% 100%;filter:hue-rotate(40deg)}}@keyframes fire-dance{to{background-position:80% 30%;opacity:.65}}@keyframes prism-dance{to{background-position:220% 0}}@keyframes royal-dance{to{background-position:60% 70%;opacity:.6}}@keyframes matrix-rain{to{background-position:0 240px}}@keyframes cosmic-dance{to{background-position:100% 80%;opacity:.65}}@keyframes lightning-dance{0%,70%,100%{opacity:.1;background-position:0 0}72%,78%{opacity:.8;background-position:50% 100%}74%,85%{opacity:.25}}@keyframes stars-fall{to{background-position:43px 171px,71px 178px}}@keyframes orbit-dance-inset{to{background-position:80% 70%;opacity:.65}}
:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice).motif-none::before{background:none!important}:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice).effect-none::after{background:none!important}
body.reduce-motion :is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice)::before,body.reduce-motion :is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice)::after{animation:none!important}
@media(prefers-reduced-motion:reduce){:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice)::before,:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice)::after{animation:none!important}}

:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice){overflow:hidden!important;contain:paint}
:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice).effect-royal{border-width:1px!important;border-style:solid!important;box-shadow:inset 0 0 0 2px #ffda7844!important}

:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice).motif-grid::before{background-image:linear-gradient(#b3d7ff22 1px,transparent 1px),linear-gradient(90deg,#b3d7ff22 1px,transparent 1px)!important;background-size:25px 25px!important}
:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice).motif-dots::before{background-image:radial-gradient(#e4efff88 1px,transparent 2px)!important;background-size:16px 16px!important}
:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice).effect-pulse::after{background:radial-gradient(ellipse,#e6efff22,transparent 70%)!important;animation:free-pulse 5s ease-in-out infinite!important}@keyframes free-pulse{50%{opacity:.15}}
:is(.profile-detail,.leaderboard-banner,.discovery-card,.shop-option-sample,.effect-choice){box-shadow:inset 0 1px #ffffff22,inset 0 0 20px #0002!important}
#cardThemeChoices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}#cardThemeChoices .theme-choice{display:flex;align-items:center;gap:8px;padding:7px;font-size:11px;text-align:left;min-width:0;overflow:hidden}#cardThemeChoices .theme-choice i{display:block;width:20px;height:20px;flex:0 0 20px;background:var(--card-paint,var(--card-surface));border:1px solid #d2e4f066;border-radius:4px}

/* Shared transparent control dock, in the store/settings palette. */
.top-actions{background:linear-gradient(125deg,#3c586b40,#202b3859);border:1px solid #89a2b84d;box-shadow:inset 0 1px #d6edf414,0 6px 20px #07121c20;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.top-actions .icon-btn,.top-actions .friends-menu>summary,.top-actions .profile-menu>summary{background:linear-gradient(135deg,#7796ae14,#263a4d26);border-color:#89a2b84d;color:#e5eff9}
.top-actions .audio-settings-button{display:grid;place-items:center;padding:0}.settings-gear{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body[data-page=find] #view-find>.home-stats{display:flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;margin:22px auto 24px;padding:22px 30px;gap:44px}
body[data-page=find] .home-stats .stat{gap:12px;font-size:13.2px}body[data-page=find] .home-stats .stat b{font-size:28.8px}body[data-page=find] .home-stats .stat svg{width:30px;height:30px;flex:0 0 30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:#bcd1e1}body[data-page=find] .home-stats .online-stat svg{color:#77e5b2}.home-stats svg .stat-presence{fill:#77e5b2;stroke:#25493c;stroke-width:1.2}
@media(max-width:600px){body[data-page=find] #view-find>.home-stats{width:100%;padding:18px 12px;gap:20px}body[data-page=find] .home-stats .stat{gap:8px}body[data-page=find] .home-stats .stat span{max-width:95px;font-size:12px}body[data-page=find] .home-stats .stat b{font-size:26px}}

/* Google display dimensions: actual slot sizes, without scaling creatives. */
body[data-page=find] .google-ad-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex-shrink:0;box-sizing:border-box;padding:0;overflow:hidden;border:0;border-radius:6px;outline:1px dashed #8ea7bc55;background:linear-gradient(130deg,#33445538,#25334444);color:#93a8bc;text-align:center;box-shadow:inset 0 1px #ffffff08}
body[data-page=find] .google-ad-slot span{font-size:8px;letter-spacing:2px;color:#afbfce}body[data-page=find] .google-ad-slot b{font-size:13px;color:#c3d1df;font-weight:650}body[data-page=find] .google-ad-slot small{font-size:9px;color:#93a8bc}
body[data-page=find] .layout{display:grid;grid-template-columns:160px minmax(0,1fr) 160px;gap:22px;align-items:start}
body[data-page=find] .ad-rail{display:flex;flex-direction:column;gap:24px;padding:0;min-width:0;background:none}
body[data-page=find] .ad-rail .ad{width:160px;height:600px;min-height:600px;margin:0}
body[data-page=find] #view-find>.horizontal-ad{width:728px;height:90px;min-height:90px;max-width:none;margin:28px auto}
body[data-page=find] .topbar{height:124px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;align-items:center;justify-content:normal;padding-top:0}
body[data-page=find] .topbar .home-brand{position:static;transform:none;grid-column:2;grid-row:1;justify-self:center}
body[data-page=find] .topbar .top-actions{position:relative;top:auto;right:auto;grid-column:3;grid-row:1;justify-self:end;align-self:center;margin:0}
body[data-page=find] .header-ad{grid-column:1;grid-row:1;justify-self:start;width:468px;height:60px}
body[data-page=find] .header-ad-size{font-size:0}body[data-page=find] .header-ad-size:after{content:'468 × 60';font-size:12px}
body[data-page=find] .footer-ad-size{font-size:0}body[data-page=find] .footer-ad-size:after{content:'728 × 90';font-size:13px}
@media(max-width:1279px){body[data-page=find] .header-ad{width:320px;height:50px}body[data-page=find] .header-ad-size:after{content:'320 × 50'}body[data-page=find] .header-ad small{display:none}body[data-page=find] .topbar .home-brand b{font-size:27px}}
@media(max-width:1099px){body[data-page=find] .layout{grid-template-columns:120px minmax(0,1fr) 120px;gap:16px}body[data-page=find] .ad-rail .ad{width:120px;height:600px}body[data-page=find] .ad-rail .ad b{font-size:0}body[data-page=find] .ad-rail .ad b:after{content:'120 × 600';font-size:13px}body[data-page=find] .topbar{height:180px;grid-template-columns:1fr 1fr;grid-template-rows:88px 78px;gap:0 18px}body[data-page=find] .topbar .home-brand{grid-column:2}body[data-page=find] .topbar .top-actions{grid-column:1/-1;grid-row:2;justify-self:center}body[data-page=find] .header-ad{width:320px;height:50px}}
@media(max-width:850px){body[data-page=find] .layout{display:block}body[data-page=find] .ad-rail{display:none}}
@media(max-width:799px){body[data-page=find] #view-find>.horizontal-ad{width:468px;height:60px;min-height:60px}body[data-page=find] .footer-ad-size:after{content:'468 × 60'}}
@media(max-width:600px){body[data-page=find] .topbar{height:246px;grid-template-columns:1fr;grid-template-rows:70px 65px 95px;gap:0}body[data-page=find] .topbar .home-brand{grid-column:1;grid-row:1}body[data-page=find] .header-ad{grid-column:1;grid-row:2;justify-self:center}body[data-page=find] .topbar .top-actions{grid-column:1;grid-row:3;justify-self:center}body[data-page=find] #view-find>.horizontal-ad{width:320px;height:100px;min-height:100px}body[data-page=find] .footer-ad-size:after{content:'320 × 100'}}
@media(max-width:355px){body[data-page=find] .header-ad{width:234px;height:60px}body[data-page=find] .header-ad-size:after{content:'234 × 60'}body[data-page=find] #view-find>.horizontal-ad{width:250px;height:250px;min-height:250px}body[data-page=find] .footer-ad-size:after{content:'250 × 250'}}

body[data-page=find] .home-stats .stat span{font-family:"Trebuchet MS","Segoe UI",sans-serif;font-weight:750;font-size:14px;letter-spacing:.25px;line-height:1.35;color:#e2ebf5;text-shadow:0 1px 2px #0003}
@media(max-width:600px){body[data-page=find] .home-stats .stat span{font-size:13px}}

/* Larger bottom billboard, with standard-size fallbacks. */
body[data-page=find] #view-find>.horizontal-ad{width:970px;height:250px;min-height:250px;margin:32px auto}
body[data-page=find] .footer-ad-size:after{content:'970 × 250'}
@media(max-width:1033px){body[data-page=find] #view-find>.horizontal-ad{width:728px;height:90px;min-height:90px}body[data-page=find] .footer-ad-size:after{content:'728 × 90'}}
@media(max-width:799px){body[data-page=find] #view-find>.horizontal-ad{width:468px;height:60px;min-height:60px}body[data-page=find] .footer-ad-size:after{content:'468 × 60'}}
@media(max-width:600px){body[data-page=find] #view-find>.horizontal-ad{width:320px;height:100px;min-height:100px}body[data-page=find] .footer-ad-size:after{content:'320 × 100'}}
@media(max-width:355px){body[data-page=find] #view-find>.horizontal-ad{width:250px;height:250px;min-height:250px}body[data-page=find] .footer-ad-size:after{content:'250 × 250'}}

/* Google Ad Manager panorama: slightly wider, more horizontal proportions. */
@media(min-width:1044px){body[data-page=find] #view-find>.horizontal-ad{width:980px;height:120px;min-height:120px}body[data-page=find] .footer-ad-size:after{content:'980 × 120'}}

/* Three independent large-rectangle slots with 30px gutters. */
body[data-page=find] .bottom-ad-grid{display:grid;grid-template-columns:repeat(3,336px);gap:30px;justify-content:center;max-width:100%;margin:32px auto;padding:0}
body[data-page=find] .bottom-ad-grid .bottom-ad-slot{width:336px;height:280px;min-height:280px;border-radius:8px;outline:1px solid #89a2b866;background:linear-gradient(140deg,#35495b55,#25344366);box-shadow:inset 0 1px #ffffff0c}
@media(max-width:1131px){body[data-page=find] .bottom-ad-grid{grid-template-columns:repeat(2,336px)}}
@media(max-width:765px){body[data-page=find] .bottom-ad-grid{grid-template-columns:336px}}
@media(max-width:371px){body[data-page=find] .bottom-ad-grid{grid-template-columns:300px}body[data-page=find] .bottom-ad-grid .bottom-ad-slot{width:300px;height:250px;min-height:250px}body[data-page=find] .bottom-ad-slot b{font-size:0}body[data-page=find] .bottom-ad-slot b:after{content:"300 × 250";font-size:13px}}
@media(max-width:335px){body[data-page=find] .bottom-ad-grid{grid-template-columns:250px}body[data-page=find] .bottom-ad-grid .bottom-ad-slot{width:250px}body[data-page=find] .bottom-ad-slot b:after{content:"250 × 250"}}

#modalContent.profile-detail #modalRequest.request-pending,.leader-add-friend.request-pending{background:linear-gradient(135deg,#66727f,#424e5c)!important;border-color:#a3afbd!important;color:#f0f4fa!important;box-shadow:inset 0 1px #ffffff26!important}
#modalContent.profile-detail #modalRequest{font-size:17px}
.card-friend-actions{display:flex;flex-direction:column;align-items:flex-end;gap:9px}.discovery-card footer{align-items:flex-end}
.discovery-card .quick-add-friend{display:grid;place-items:center;width:33px;height:33px;padding:0;border:1px solid #59df9388;border-radius:7px;background:linear-gradient(135deg,#184831,#103322);color:#85ffb0;box-shadow:inset 0 1px #b4ffd927,0 0 9px #37e67d18;font:750 25px/1 "Segoe UI",sans-serif;cursor:pointer;position:relative;z-index:2}.discovery-card .quick-add-friend.request-pending{color:#85ffb0;font-size:21px;background:linear-gradient(135deg,#184831,#103322)}.discovery-card .quick-add-friend:hover{border-color:#a1ffbd;box-shadow:0 0 10px #50ed9340}.discovery-card .quick-add-friend:disabled{opacity:.6;cursor:default}
.friend-cancel-dialog{width:min(380px,calc(100vw - 32px));padding:23px;border:1px solid #89a2b877;border-radius:14px;background:radial-gradient(ellipse at top right,#3c586b55,transparent 70%),#202b38;color:#edf6ff;box-shadow:0 20px 60px #0008}.friend-cancel-dialog::backdrop{background:#0b142088;backdrop-filter:blur(5px)}.friend-cancel-dialog h2{font-size:18px;line-height:1.45;margin:12px 0}.friend-cancel-dialog p{font-size:12px;line-height:1.6;color:#b6c8d9}.friend-cancel-dialog>div:last-child{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.friend-cancel-dialog button{padding:9px 13px;border:1px solid #89a2b888;border-radius:7px;background:#354957;color:#f1f7fd;font-size:12px;font-weight:650}.friend-cancel-dialog #confirmFriendCancel{background:#274d40;border-color:#77d5ad;color:#baffdc}

.discovery-card .quick-add-friend{width:17px;height:17px;min-width:17px;min-height:17px;padding:1px;border-radius:4px;display:grid;place-items:center;background:linear-gradient(145deg,#225b3c,#103321);border:1px solid #66e49a99;box-shadow:inset 0 1px #d7ffe329,0 2px 4px #0005,0 0 5px #39ee7d1a;font-size:0}
.discovery-card .quick-add-friend.request-pending{font-size:0}
.discovery-card .quick-add-friend svg{display:block;width:12px;height:12px;fill:none;stroke:#a0ffc0;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px #041c10aa)}
.discovery-card .quick-add-friend:hover{box-shadow:inset 0 1px #d7ffe344,0 2px 5px #0005,0 0 6px #50ed9340}