@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--ink:#f7f7ff;--muted:#a6a7b9;--dark:#090a13;--panel:#121421;--line:rgba(255,255,255,.11);--violet:#8d6bff;--cyan:#42e7dc;--pink:#f263c6;--radius:22px;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--dark)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--dark);color:var(--ink)}a{color:inherit;text-decoration:none}button,input{font:inherit}.aurora-page{min-height:100vh;background:radial-gradient(circle at 72% 22%,rgba(91,74,227,.36),transparent 26rem),radial-gradient(circle at 13% 80%,rgba(35,203,191,.18),transparent 31rem),#090a13}.aurora-page:before{content:"";inset:0;position:fixed;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 72%)}.brand{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.15rem;letter-spacing:-.06em}.brand-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:linear-gradient(135deg,var(--cyan),var(--violet) 55%,var(--pink));color:#11132a;font-size:.92rem;letter-spacing:0}.eyebrow{margin:0 0:.7rem;color:var(--cyan);font:500 .69rem 'DM Mono',monospace;letter-spacing:.13em}.muted{color:var(--muted);font-size:.88rem;line-height:1.6}.button{border:0;border-radius:13px;padding:.82rem 1.05rem;display:inline-flex;justify-content:center;align-items:center;gap:.65rem;cursor:pointer;font-weight:700;font-size:.86rem;transition:transform .2s,background .2s}.button:hover:not(:disabled){transform:translateY(-2px)}.button:disabled{cursor:not-allowed;opacity:.45}.button-primary{background:linear-gradient(110deg,var(--cyan),#8df0eb);color:#071516;box-shadow:0 8px 24px rgba(66,231,220,.14)}.button-secondary,.button-quiet{background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--ink)}.text-link{color:var(--muted);font-size:.86rem;text-decoration:underline;text-underline-offset:4px}.app-page{min-height:100vh;background:radial-gradient(circle at 100% 0,rgba(98,68,213,.18),transparent 28rem),var(--dark)}.app-header,.quiz-header{height:76px;padding:0 clamp(1.25rem,5vw,5rem);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1.2rem}.app-header nav{display:flex;gap:1.75rem;margin-left:auto;margin-right:1.5rem}.app-header nav a{font-size:.84rem;color:var(--muted)}.app-header nav a.active{color:var(--ink)}.profile-chip{border:1px solid var(--line);background:#181a2a;color:var(--ink);padding:.5rem .8rem;border-radius:999px;font-size:.76rem}.page-content{width:min(1120px,calc(100% - 2.5rem));margin:0 auto;padding:4.8rem 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:4.2rem 0 1.35rem}.section-heading h2{margin:0;font-size:1.6rem;letter-spacing:-.06em}@media(max-width:620px){.app-header nav{gap:1rem;margin:0 0 0 auto}.profile-chip{display:none}.page-content{width:min(100% - 2rem,1120px);padding:2.8rem 0}.section-heading{align-items:start;flex-direction:column;gap:.6rem;margin-top:3rem}}

/* QuizHere Pop: a warmer, fandom-first palette. */
:root{--ink:#fff9f1;--muted:#c8b8b5;--dark:#160c1a;--panel:#28122a;--line:rgba(255,239,218,.14);--orange:#ff7a1a;--gold:#ffc247;--violet:#9e62ff;--pink:#ff5a8f}.aurora-page{background:radial-gradient(circle at 75% 18%,rgba(255,90,58,.34),transparent 25rem),radial-gradient(circle at 8% 80%,rgba(255,160,33,.24),transparent 30rem),radial-gradient(circle at 52% 38%,rgba(158,98,255,.26),transparent 27rem),#160c1a}.aurora-page:before{background-image:radial-gradient(rgba(255,223,174,.15) 1px,transparent 1px);background-size:34px 34px}.brand-mark{background:linear-gradient(135deg,var(--gold),var(--orange) 55%,var(--pink));color:#351016}.eyebrow{color:var(--gold)}.button-primary{background:linear-gradient(110deg,var(--orange),#ff9f25 62%,var(--gold));color:#351016;box-shadow:0 8px 24px rgba(255,110,26,.25)}.button-secondary,.button-quiet{background:rgba(255,239,218,.07)}.app-page{background:radial-gradient(circle at 100% 0,rgba(255,91,50,.24),transparent 28rem),radial-gradient(circle at 0 100%,rgba(255,171,35,.13),transparent 24rem),var(--dark)}.app-header nav a.active{color:var(--gold)}.profile-chip{background:#341630}

/* QuizHere Contrast: orange versus blue, with a friendlier editorial type system. */
:root{--ink:#f8fbff;--muted:#bdcce1;--dark:#07172f;--panel:#0c2850;--line:rgba(205,228,255,.16);--orange:#ff7a1a;--gold:#ff9d25;--violet:#2677dc;--pink:#2677dc;--cyan:#4b95f5;font-family:'Nunito Sans',Arial,sans-serif}.aurora-page{background:radial-gradient(circle at 76% 18%,rgba(38,119,220,.42),transparent 26rem),radial-gradient(circle at 8% 82%,rgba(255,122,26,.27),transparent 30rem),#07172f}.aurora-page:before{background-image:radial-gradient(rgba(177,211,255,.14) 1px,transparent 1px)}.brand-mark{background:linear-gradient(135deg,var(--orange),#ffad38);color:#18223b}.eyebrow{color:#8fc1ff;font-family:'Bebas Neue',sans-serif;font-size:.88rem;letter-spacing:.12em}.button-primary{background:linear-gradient(110deg,var(--orange),#ffae35);color:#17213a;box-shadow:0 8px 24px rgba(255,122,26,.28)}.button-secondary,.button-quiet{background:rgba(88,151,239,.13)}.app-page{background:radial-gradient(circle at 100% 0,rgba(38,119,220,.32),transparent 28rem),radial-gradient(circle at 0 100%,rgba(255,122,26,.18),transparent 24rem),var(--dark)}.app-header nav a.active{color:#8fc1ff}.profile-chip{background:#103660}h1,h2,h3{font-family:'Archivo Black',Arial,sans-serif;font-weight:400}.status-pill,.form-meta,.ranking-points,.ranking-position,.quiz-progress{font-family:'Bebas Neue',sans-serif;letter-spacing:.08em}
:root{font-family:Poppins,Arial,sans-serif}.eyebrow,h1,h2,h3,.status-pill,.form-meta,.ranking-points,.ranking-position,.quiz-progress{font-family:Poppins,Arial,sans-serif}.eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.13em}h1,h2,h3{font-weight:800}.status-pill,.form-meta,.ranking-points,.ranking-position,.quiz-progress{font-weight:600;letter-spacing:.06em}

/* Orange is reserved for deliberate interaction states. */
.button-primary{background:linear-gradient(110deg,#1d5eb5,#4b95f5);color:#f8fbff;box-shadow:0 8px 24px rgba(38,119,220,.25)}.button:hover:not(:disabled){background:linear-gradient(110deg,var(--orange),#ffae35);border-color:var(--orange);color:#17213a;box-shadow:0 8px 24px rgba(255,122,26,.28)}.app-header nav a:hover,.text-link:hover{color:var(--orange)}

/* Refined dark system */
:root{--ink:#fff;--muted:rgba(255,255,255,.6);--dark:#1a1a1a;--panel:#252525;--line:rgba(255,255,255,.1);--radius:12px;font-family:Inter,Arial,sans-serif}.aurora-page,.app-page{background:var(--dark)}.aurora-page:before{display:none}body{background:var(--dark)}.brand-mark{border-radius:8px}.button,.form-card,.answer,.ranking-row,.ranking-tabs button,.app-header nav a,.text-link{transition:background-color .24s ease,border-color .24s ease,color .24s ease,box-shadow .24s ease,transform .24s ease}.button{border-radius:12px}.button-secondary,.button-quiet{background:#252525;border-color:var(--line)}.button-primary{box-shadow:0 8px 22px rgba(0,0,0,.2)}.app-header,.quiz-header{background:#1a1a1a;border-color:var(--line)}.profile-chip{background:#252525;border-color:var(--line)}.page-content,.auth-card,.landing-shell{animation:fade-slide .3s ease both}@keyframes fade-slide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h1,h2,h3,.eyebrow,.status-pill,.form-meta,.ranking-points,.ranking-position,.quiz-progress{font-family:Inter,Arial,sans-serif}.eyebrow{font-size:.7rem;letter-spacing:.1em}.skeleton{background:linear-gradient(90deg,#2b2b2b 20%,#353535 45%,#2b2b2b 70%);background-size:200% 100%;animation:skeleton-pulse 1.15s ease-in-out infinite;border-radius:8px}@keyframes skeleton-pulse{to{background-position:-200% 0}}
:root{font-family:'DM Sans',Arial,sans-serif}.eyebrow{font-family:'Oswald',sans-serif;font-size:.77rem;letter-spacing:.1em}h1,h2,h3{font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:700}.status-pill,.form-meta,.ranking-points,.ranking-position,.quiz-progress{font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.06em}

/* QuizHere for iPhone: one calm visual system for every screen. */
:root{--app-bg:#f2f2f7;--surface:rgba(255,255,255,.72);--ink:#1d1d1f;--muted:rgba(29,29,31,.62);--line:rgba(60,60,67,.16);--blue:#007aff;--blue-soft:#e7f1ff;--success:#34c759;--danger:#ff3b30;--highlight:#ffcc00;--shadow:0 12px 34px rgba(0,0,0,.08);--radius:16px;font-family:-apple-system,BlinkMacSystemFont,"San Francisco",sans-serif;color:var(--ink);background:var(--app-bg)}
:root[data-theme="dark"]{--app-bg:#000;--surface:rgba(28,28,30,.76);--ink:#f5f5f7;--muted:rgba(235,235,245,.6);--line:rgba(235,235,245,.16);--blue:#0a84ff;--blue-soft:rgba(10,132,255,.18);--success:#30d158;--danger:#ff453a;--highlight:#ffd60a;--shadow:0 16px 38px rgba(0,0,0,.32)}
*{font-family:inherit}body,.app-page,.aurora-page{background:radial-gradient(circle at 12% -8%,rgba(0,122,255,.14),transparent 24rem),radial-gradient(circle at 92% 3%,rgba(175,82,222,.09),transparent 22rem),var(--app-bg)!important;color:var(--ink)!important;transition:background-color .32s ease,color .32s ease}.app-header,.quiz-header{height:64px;background:var(--surface)!important;border-color:var(--line)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:10}.app-header nav a{color:var(--muted)}.app-header nav a.active,.app-header nav a:hover{color:var(--blue)!important}.brand{font-weight:700;letter-spacing:-.035em}.brand-mark{width:30px;height:30px;border-radius:10px;background:linear-gradient(145deg,#4aa4ff,#007aff)!important;color:#fff;box-shadow:0 5px 13px rgba(0,122,255,.27)}.profile-chip,.theme-toggle{border:1px solid var(--line);background:var(--surface)!important;color:var(--ink)!important;border-radius:12px;padding:.48rem .7rem;font-size:.78rem;box-shadow:0 2px 8px rgba(0,0,0,.03);cursor:pointer;transition:transform .22s ease,background-color .22s ease,border-color .22s ease}.theme-toggle:hover,.profile-chip:hover{transform:translateY(-1px);border-color:rgba(0,122,255,.42)}.theme-toggle{font-size:1rem;line-height:1}.button{border-radius:14px!important;background:var(--surface)!important;border:1px solid var(--line);color:var(--ink)!important;box-shadow:0 3px 10px rgba(0,0,0,.04);transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease!important}.button-primary{background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important;box-shadow:0 7px 17px rgba(0,122,255,.25)!important}.button:hover:not(:disabled){transform:translateY(-2px);background:var(--blue-soft)!important;border-color:rgba(0,122,255,.32)!important;box-shadow:0 8px 18px rgba(0,0,0,.09)!important;color:var(--blue)!important}.button-primary:hover:not(:disabled){background:#006ee6!important;color:#fff!important}.page-content{padding-top:3.4rem}.eyebrow{color:var(--blue)!important;font-size:.69rem!important;font-weight:700!important;letter-spacing:.09em!important}h1,h2,h3{font-family:-apple-system,BlinkMacSystemFont,"San Francisco",sans-serif!important;letter-spacing:-.045em!important;color:var(--ink)!important}.competition-hero,.form-card,.question-card,.result-card,.ranking-card,.auth-card{background:var(--surface)!important;border-color:var(--line)!important;box-shadow:var(--shadow)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.competition-hero{min-height:230px!important}.competition-hero h1 em{color:var(--blue)!important}.form-card:hover{background:var(--surface)!important;border-color:rgba(0,122,255,.38)!important;transform:translateY(-4px)}.form-icon{background:var(--blue-soft)!important;color:var(--blue)!important}.status-pill{color:var(--blue)!important}.form-meta{color:var(--muted)!important}.form-card p,.competition-hero p,.muted,.ranking-caption p,.result-card p{color:var(--muted)!important}.answer{background:rgba(255,255,255,.28)!important;border-color:var(--line)!important;color:var(--ink)!important}.answer:hover,.answer.selected{background:var(--blue-soft)!important;border-color:var(--blue)!important}.answer.selected .answer-letter{background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important}.progress-track i{background:var(--blue)!important}.quiz-progress strong{color:var(--blue)!important;border-color:rgba(0,122,255,.55)!important}.ranking-tabs button{color:var(--muted)!important}.ranking-tabs button.active,.ranking-tabs button:hover{color:var(--blue)!important;border-color:var(--blue)!important}.category-tabs button{background:var(--surface)!important;color:var(--muted)!important;border-color:var(--line)!important}.category-tabs button.active,.category-tabs button:hover{background:var(--blue-soft)!important;border-color:rgba(0,122,255,.35)!important;color:var(--blue)!important}.ranking-row:hover{background:var(--blue-soft)!important}.ranking-points{color:var(--blue)!important}.avatar{background:linear-gradient(145deg,#68b4ff,#007aff)!important}.auth-page{background:var(--app-bg)!important}.auth-card{border-radius:22px!important}.stack-form input{background:rgba(120,120,128,.09)!important;border-color:var(--line)!important;color:var(--ink)!important}.stack-form input:focus{border-color:var(--blue)!important;box-shadow:0 0 0 3px rgba(0,122,255,.16)!important}.landing-shell{padding-top:1rem}.site-nav{padding:.55rem 0}.hero h1 em{background:linear-gradient(110deg,#007aff,#5ac8fa)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important}.feature-grid,.feature-grid article+article{border-color:var(--line)!important}.feature-grid p,.hero-copy{color:var(--muted)!important}.feature-grid span{color:var(--blue)!important}@media(max-width:620px){.app-header{height:58px}.app-header nav{display:none}.page-content{padding-top:2.2rem}.competition-hero{min-height:215px!important}}

.auth-card .theme-toggle{position:absolute;top:1rem;right:1rem}.site-nav .button{margin-left:auto}.site-nav .theme-toggle{margin-left:.65rem}.bottom-nav{display:none}@media(max-width:620px){.app-page:not(.quiz-page){padding-bottom:78px}.bottom-nav{position:fixed;display:flex;align-items:center;justify-content:space-around;gap:.5rem;bottom:0;left:0;right:0;height:68px;padding:0 1.5rem;background:var(--surface);border-top:1px solid var(--line);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:20}.bottom-nav a{display:grid;place-items:center;gap:.15rem;color:var(--muted);font-size:.64rem;font-weight:600}.bottom-nav a span{font-size:1.25rem;line-height:1}.bottom-nav a.active{color:var(--blue)}}

.auth-error{color:var(--danger)!important}.field-help.success{color:var(--success)!important}.ranking-position.medal{font-size:1.1rem;color:var(--highlight)}.ranking-row:nth-child(1) .ranking-position.medal{color:var(--highlight)}.ranking-row:nth-child(2) .ranking-position.medal{color:#a7a7ad}.ranking-row:nth-child(3) .ranking-position.medal{color:#c88954}.status-pill.status-complete{color:var(--success)!important}

/* Preserve the supplied PNG; only frame its central icon in the UI. */
.brand-mark{width:30px;height:30px;object-fit:cover;clip-path:inset(15.5% round 21%);transform:scale(1.45);background:none!important;box-shadow:none!important;border-radius:0;flex:none}
/* Loading placeholders follow the active light/dark palette. */
:root{--skeleton-base:#e5e5ea;--skeleton-shine:#fff}
:root[data-theme="dark"]{--skeleton-base:#2c2c2e;--skeleton-shine:#3a3a3c}
.skeleton,.competition-hero.is-loading h1{background:linear-gradient(90deg,var(--skeleton-base) 20%,var(--skeleton-shine) 45%,var(--skeleton-base) 70%)!important;background-size:200% 100%!important;animation:skeleton-pulse 1.15s ease-in-out infinite}
.competition-hero.is-loading h1{color:transparent!important}
@media(prefers-reduced-motion:reduce){.skeleton,.competition-hero.is-loading h1{animation:none!important}}

/* Compact account drawer: the username remains visible and sign-out lives inside. */
.app-header .profile-menu{position:relative;flex:none;z-index:30}
.app-header .profile-chip{display:flex;align-items:center;gap:.5rem;min-height:44px;max-width:210px;padding:.28rem .65rem .28rem .28rem;background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important;box-shadow:0 6px 16px rgba(0,122,255,.2);font-weight:700}
.app-header .profile-chip:hover,.app-header .profile-chip[aria-expanded="true"]{background:#006ce5!important;color:#fff!important;transform:translateY(-1px)}
.profile-avatar,.profile-identity-avatar{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.2);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.02em}
.profile-trigger-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-chevron{font-size:1rem;line-height:1;transition:transform .2s ease}.profile-chip[aria-expanded="true"] .profile-chevron{transform:rotate(180deg)}
.profile-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(310px,calc(100vw - 2rem));padding:.55rem;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 20px 50px rgba(0,0,0,.19);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--ink);animation:profile-pop .2s cubic-bezier(.22,1,.36,1)}
.profile-panel[hidden]{display:none!important}.profile-identity{display:flex;align-items:center;gap:.75rem;padding:.65rem .7rem .9rem}.profile-identity-avatar{width:42px;height:42px;background:var(--blue);font-size:.82rem}.profile-identity-copy{display:grid;gap:.12rem;min-width:0}.profile-display-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.94rem}.profile-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.73rem}
.profile-menu-links,.profile-menu-upcoming{display:grid;padding:.38rem 0;border-top:1px solid var(--line)}.profile-menu-links a,.profile-menu-upcoming>span,.profile-signout{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .72rem;border:0;border-radius:10px;background:transparent;color:var(--ink);font-size:.84rem;font-weight:650;text-align:left}.profile-menu-links a:hover,.profile-menu-links a:focus-visible,.profile-signout:hover,.profile-signout:focus-visible{background:var(--blue-soft);color:var(--blue)}.profile-menu-links a span{color:var(--muted)}.profile-menu-upcoming>span{color:var(--muted)}.profile-menu-upcoming small{font-size:.64rem;font-weight:600}.profile-signout{width:100%;border-top:1px solid var(--line);border-radius:0;cursor:pointer;color:var(--danger)}.profile-signout:disabled{opacity:.55;cursor:wait}.profile-menu-error{margin:.3rem .7rem .5rem;color:var(--danger);font-size:.75rem}.profile-chip:focus-visible,.profile-panel a:focus-visible,.profile-signout:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@keyframes profile-pop{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:620px){.app-header .profile-menu{margin-left:auto}.app-header .profile-chip{width:44px;max-width:44px;padding:4px;justify-content:center}.profile-trigger-name,.profile-chevron{display:none}.profile-avatar{width:34px;height:34px}.profile-panel{right:-54px;top:calc(100% + 9px)}}
@media(prefers-reduced-motion:reduce){.profile-panel{animation:none}.profile-chevron{transition:none}}

/* Keep the account control invisible until the saved name has been resolved. */
.app-header .profile-chip[hidden],.profile-case-form[hidden]{display:none!important}
.profile-edit-toggle{display:flex;align-items:center;width:100%;min-height:42px;padding:.55rem .72rem;border:0;border-top:1px solid var(--line);background:transparent;color:var(--blue);font-size:.78rem;font-weight:700;text-align:left;cursor:pointer}
.profile-edit-toggle:hover,.profile-edit-toggle:focus-visible{background:var(--blue-soft);border-radius:10px}
.profile-case-form{display:grid;gap:.52rem;padding:.65rem .72rem .8rem;border-top:1px solid var(--line)}
.profile-case-form label{font-size:.75rem;font-weight:750}
.profile-case-form input{width:100%;min-height:38px;padding:.5rem .65rem;border:1px solid var(--line);border-radius:10px;background:var(--app-bg);color:var(--ink);outline:none}
.profile-case-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}
.profile-case-form small{color:var(--muted);font-size:.67rem;line-height:1.4}
.profile-case-form button{min-height:36px;border:0;border-radius:9px;background:var(--blue);color:#fff;font-weight:750;cursor:pointer}
.profile-case-form button:disabled{opacity:.6;cursor:wait}
.profile-panel{max-height:calc(100dvh - 86px);overflow-y:auto;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 24px 60px rgba(12,30,60,.24)}
:root[data-theme="dark"] .profile-panel{background:#1c1c1e;box-shadow:0 24px 60px rgba(0,0,0,.52)}

/* One clear account entry point on every authenticated page. */
.app-header .profile-menu{margin-left:auto}
.app-header nav,.bottom-nav{display:none!important}
@media(max-width:620px){.app-page:not(.quiz-page){padding-bottom:0}.app-header{gap:.55rem;padding-inline:1rem}.app-header .profile-chip{width:auto;max-width:145px;padding:.28rem .5rem .28rem .25rem}.profile-trigger-name{display:block;font-size:.7rem}.profile-chevron{display:none}.profile-panel{right:-46px;width:min(310px,calc(100vw - 1.3rem))}}
.profile-avatar-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.profile-avatar:has(.profile-avatar-image),.profile-identity-avatar:has(.profile-avatar-image){border-radius:50%;overflow:hidden;padding:0;background:transparent}
.quiz-header .profile-chip{display:flex;align-items:center;gap:.5rem;min-height:44px;max-width:210px;padding:.28rem .65rem .28rem .28rem;background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important;box-shadow:0 6px 16px rgba(0,122,255,.2);font-weight:700}
@media(max-width:620px){.quiz-header .profile-chip{max-width:128px;padding:.25rem .45rem .25rem .25rem}.quiz-header .profile-trigger-name{display:block;font-size:.68rem}.quiz-header .profile-chevron{display:none}}

/* The current mark is a clean vector; the old crop only compensated for the PNG canvas. */
.brand-mark[src$="cuissle-mark.svg"]{width:30px;height:30px;object-fit:contain;clip-path:none;transform:none;background:none!important;box-shadow:none!important;border-radius:8px}
.profile-rank-notices{padding:.65rem .8rem;border-top:1px solid var(--line);font-size:.84rem;line-height:1.35;max-height:8rem;overflow:auto}
.profile-rank-notices p{margin:.25rem 0 .55rem}