@font-face{font-family:SiteMiniProfile;src:url("/templates/noctis/public-ui/assets/montserrat.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
/* Shared profile card: the same composition in chat, rankings and the forum. */
.mini-profile {
  --mp-text:#f3f1f8; --mp-muted:#97939f; --mp-accent:#bdacee;
  box-sizing:border-box; position:fixed; inset:auto; margin:0; padding:0;
  width:min(344px,calc(100vw - 36px)); max-height:calc(100dvh - 36px);
  border:0; background:transparent; color:var(--mp-text);
  font:400 12px/1.55 SiteMiniProfile,Community,Montserrat,sans-serif; letter-spacing:0;
  z-index:2147480000; overflow:visible; isolation:isolate; text-align:left;
  animation:mini-profile-in 180ms cubic-bezier(.2,.75,.25,1);
}
.mini-profile[hidden]{display:none!important}
.mini-profile *{box-sizing:border-box}
.mini-profile::backdrop{background:transparent;pointer-events:none}
.mini-profile svg{display:block;width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.mini-profile-body {
  position:relative; z-index:1; border:1px solid #c5b2ef24; border-radius:18px;
  background:radial-gradient(ellipse at 0 0,#a38ad00b,transparent 65%),#121116;
  box-shadow:0 24px 70px #0009,0 5px 18px #0005,0 0 35px #9274d50b;
  overflow:hidden; max-height:calc(100dvh - 36px); overflow-y:auto; scrollbar-width:thin;
}
.mini-profile-body:before{content:'';position:absolute;z-index:6;inset:0 22px auto;height:1px;background:linear-gradient(90deg,transparent,#d1baf459,transparent);pointer-events:none}
.mini-profile-cover{position:relative;height:106px;overflow:hidden;background:radial-gradient(ellipse at 15% -10%,#8e6fbd61,transparent 64%),radial-gradient(ellipse at 95% 40%,#6867ba2b,transparent 64%),linear-gradient(125deg,#211b2e,#191824 65%,#14131d)}
.mini-profile-cover:not(.has-image):before{content:'';position:absolute;width:172px;height:172px;top:-100px;right:10px;border:1px solid #d0bcf217;border-radius:50%;box-shadow:0 0 0 22px #c9b2f007,0 0 0 45px #c9b2f005,0 0 0 68px #c9b2f003;transform:rotate(-25deg)}
.mini-profile-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0c0a1108 25%,#1211162b 72%,#121116a6)}
.mini-profile-cover img{display:block;width:100%;height:100%;object-fit:cover}
.mini-profile-content{position:relative;z-index:4;padding:0 20px 19px}
.mini-profile-topline{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:-33px;margin-bottom:13px}
.mini-profile-avatar{display:block;position:relative;width:68px;height:68px;flex:0 0 68px;border-radius:50%;background:#1d1926;box-shadow:0 0 0 5px #141219,0 5px 16px #0004}
.mini-profile-avatar>img:first-child{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.mini-profile-avatar-art{position:absolute;inset:-10%;width:120%;height:120%;max-width:none;object-fit:contain;pointer-events:none}
.mini-profile-activity{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:0;max-width:calc(100% - 82px);padding:0 0 1px;text-align:right}
.mini-profile-presence{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:3px 9px;border:1px solid #ffffff0c;border-radius:7px;background:#1c1923b8;color:#b2acbb;font-size:9px;font-weight:500;white-space:nowrap}
.mini-profile-presence:before{content:'';display:block;width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#7e7789}
.mini-profile-presence.is-online{border-color:#72d5a519;background:#1b30254f;color:#91ddba}
.mini-profile-presence.is-online:before{background:#6cdda9;box-shadow:0 0 8px #6cdda934}
.mini-profile-last-seen{font-size:8px;line-height:1.35;color:var(--mp-muted)}
.mini-profile-identity{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-bottom:16px;min-width:0}
.mini-profile-name{display:block;width:fit-content;max-width:100%;overflow-wrap:anywhere;font:650 21px/1.35 SiteMiniProfile,Community,Montserrat,sans-serif;letter-spacing:-.4px;color:var(--mp-text);text-decoration:none}
.mini-profile-name:hover{text-decoration:none;filter:brightness(1.12)}
.mini-profile-role{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 8px;border:1px solid #aa8fdf25;border-radius:6px;background:linear-gradient(110deg,#9a7cd615,#9a7cd607);color:var(--mp-accent);font-size:9px;line-height:1.55;font-weight:500}
.mini-profile-role>svg{width:12px;height:12px;opacity:.85}
.mini-profile-role>span{overflow-wrap:anywhere;min-width:0}
.mini-profile-age{display:flex;align-items:center;gap:10px;min-height:53px;padding:11px 0 12px;border-top:1px solid #ffffff0c;color:var(--mp-muted)}
.mini-profile-age>svg{width:17px;height:17px;color:#a295ba}
.mini-profile-age-copy{display:flex;flex:1;flex-direction:column;gap:2px;font-size:10px;line-height:1.4;min-width:0}
.mini-profile-since{font-size:8px;color:#77717f}
.mini-profile-age>strong{font-size:12px;font-weight:550;color:#e1dce9;font-variant-numeric:tabular-nums;white-space:nowrap}
.mini-profile-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:3px 0 15px}
.mini-profile-metric{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0;min-height:66px;padding:10px 5px;border:1px solid #d8c1ff0e;border-radius:10px;background:linear-gradient(155deg,#d6baff08,#d6baff03);text-align:center;box-shadow:inset 0 1px #ffffff03}
.mini-profile-metric-value{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}
.mini-profile-metric-value>svg{width:14px;height:14px;color:#aa99c9;opacity:.85}
.mini-profile-metric strong{font:600 19px/1.25 SiteMiniProfile,Community,Montserrat,sans-serif;letter-spacing:-.6px;color:var(--mp-text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0}
.mini-profile-metric>span{font-size:8px;color:#a29aaa}
.mini-profile .mini-profile-open{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:14px;width:100%;height:auto;min-height:40px;margin:0;padding:10px 14px;border:1px solid #9d86dc48;border-radius:9px;background:var(--action-fill,#6f61cc);box-shadow:inset 0 1px #ffffff16,0 4px 19px #7963cd1b;color:#fff;text-decoration:none;font:550 11px/1.4 SiteMiniProfile,Community,Montserrat,sans-serif;transition:background-color 160ms,box-shadow 180ms}
.mini-profile .mini-profile-open:hover{background:var(--action-hover,#8274dc);color:#fff;box-shadow:inset 0 1px #ffffff21,0 0 22px #8b73db32}
.mini-profile .mini-profile-open:after{content:'';position:absolute;top:-45%;bottom:-45%;left:0;width:75%;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 28%,#ebe4ff42 50%,transparent 72%);transform:translateX(-155%)}
.mini-profile .mini-profile-open:hover:after,.mini-profile .mini-profile-open:focus-visible:after{animation:mini-profile-sheen 850ms cubic-bezier(.2,.75,.25,1)}
.mini-profile-open>svg{width:16px;height:16px;transition:translate 180ms}
.mini-profile-open:hover>svg{translate:2px 0}
.mini-profile-close{position:absolute;z-index:5;right:11px;top:11px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #ffffff17;border-radius:8px;background:#12101669;backdrop-filter:blur(6px);color:#cfc5df;cursor:pointer;transition:background-color 160ms,color 160ms}
.mini-profile-close>svg{width:14px;height:14px}
.mini-profile-close:hover{background:#302738ba;color:#fff}
.mini-profile-status{min-height:145px;padding:42px 24px 28px;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;color:var(--mp-muted);font-size:11px}
.mini-profile-error{color:#b8b0c9}
.mini-profile-retry{border:1px solid #947adb4a;background:#8c76db17;border-radius:8px;padding:8px 12px;font:inherit;color:#c9bbee;cursor:pointer}
.mini-profile a:focus-visible,.mini-profile button:focus-visible{outline:1px solid #b8a4ec;outline-offset:3px}
/* Front/back frame art keeps its source geometry; effect art stays under content. */
.mini-profile .site-profile-decoration{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:0}
.mini-profile .site-profile-decoration.is-front{z-index:3}
.mini-profile .site-profile-frame-layer{position:absolute;display:block;max-width:none;pointer-events:none;object-fit:fill;left:50%;transform:translateX(-50%)}
.mini-profile .site-profile-effect-layers{position:absolute;inset:0;border-radius:17px;overflow:hidden;z-index:2;pointer-events:none}
.mini-profile .site-profile-effect-layer{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:.6;pointer-events:none}
.mini-profile .site-profile-effect-layer[hidden]{display:none!important}
.mini-profile .site-profile-effect-poster{opacity:.35}
.mini-profile .site-profile-effect-layers:after{content:'';position:absolute;inset:0;z-index:1001;background:linear-gradient(180deg,transparent 10%,#12111633 35%,#121116bd)}
@keyframes mini-profile-sheen{from{transform:translateX(-155%)}to{transform:translateX(190%)}}
@keyframes mini-profile-in{from{opacity:0;transform:translateY(5px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:360px){.mini-profile-content{padding-right:16px;padding-left:16px}.mini-profile-metrics{gap:5px}.mini-profile-metric-value{gap:4px}.mini-profile-metric-value>svg{width:12px;height:12px}.mini-profile-metric strong{font-size:17px}.mini-profile-name{font-size:20px}}
@media(prefers-reduced-motion:reduce){.mini-profile{animation:none}.mini-profile a,.mini-profile button,.mini-profile svg{transition:none}.mini-profile-open:hover>svg{translate:none}.mini-profile .mini-profile-open:after{display:none}}