@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#090a0d;--panel:#101115;--panel2:#15161b;--line:#282a31;--muted:#858b9a;--text:#f5f6f8;--red:#ff3046;--red2:#c9172d;--green:#55f2a4;--max:1370px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.site-header{height:82px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 max(5.5%,calc((100% - var(--max))/2));background:rgba(9,10,13,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.06em;font-size:15px;white-space:nowrap}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--red);color:white;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:18px;clip-path:polygon(0 0,100% 0,100% 76%,76% 100%,0 100%)}.brand-red,.accent{color:var(--red)}.main-nav{display:flex;gap:35px;color:#b2b4bd;font-size:12px;font-weight:800}.main-nav a:hover,.main-nav a.active{color:#fff}.header-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:42px;padding:0 18px;border:1px solid transparent;text-transform:uppercase;font-size:10px;letter-spacing:.055em;font-weight:900;transition:.2s}.btn-red{background:var(--red);color:#fff;border-color:var(--red)}.btn-red:hover{background:#e91d34;transform:translateY(-1px);box-shadow:0 8px 26px #ff304622}.btn-outline{border-color:#353740;background:transparent;color:#f5f6f8}.btn-outline:hover{border-color:var(--red);color:white}.btn-large{min-height:52px;padding:0 24px}.btn-full{width:100%}.mobile-menu{display:none;background:transparent;color:white;border:1px solid var(--line);padding:10px}.hero{position:relative;min-height:575px;max-width:1600px;margin:auto;padding:80px max(9%,calc((100% - 1350px)/2)) 72px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:35px;overflow:hidden;border-bottom:1px solid var(--line)}.hero-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px),radial-gradient(ellipse at 70% 45%,#a50c2022,transparent 50%);background-size:58px 58px,58px 58px,auto;mask-image:linear-gradient(to bottom,black,transparent 95%)}.hero-content,.hero-visual{position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:900;color:#b7bdca;text-transform:uppercase;display:flex;align-items:center;gap:10px}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 13px #ff3046}.hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(65px,7.2vw,106px);line-height:.83;letter-spacing:-.035em;margin:30px 0 24px;font-weight:900}.outline-text{color:transparent;-webkit-text-stroke:1.5px #e7e8ed}.hero-copy{max-width:500px;line-height:1.9;color:#a4a9b5;font-size:14px}.hero-actions{display:flex;gap:12px;margin-top:27px;flex-wrap:wrap}.hero-tags{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:47px;color:#777e8d;font-size:8px;font-weight:900;letter-spacing:.12em}.hero-tags i{height:2px;width:28px;background:var(--red)}.hero-visual{min-height:390px;max-width:480px;width:100%;justify-self:end;border:1px solid #49212a;background:linear-gradient(145deg,#121216,#0b0b0e);padding:20px 24px;transform:rotate(1.2deg);box-shadow:0 24px 90px #0008}.visual-label{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.13em;font-weight:900;color:var(--green)}.visual-label .pulse{background:var(--green);box-shadow:0 0 10px #55f2a4}.visual-label b{margin-left:auto;color:#6c7180;font-weight:600}.radar{position:relative;width:min(270px,75%);aspect-ratio:1;border:1px solid #64202b;border-radius:50%;margin:30px auto 22px;background:radial-gradient(circle,#ff304610 0 20%,transparent 21% 100%)}.radar:before,.radar:after{content:"";position:absolute;background:#64202b}.radar:before{height:1px;left:0;right:0;top:50%}.radar:after{width:1px;top:0;bottom:0;left:50%}.radar-ring{position:absolute;border:1px solid #54202a;border-radius:50%;inset:15%}.ring-two{inset:31%}.ring-three{inset:43%}.radar-cross{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 10deg,transparent 0deg,#ff30461c 50deg,transparent 95deg);}.radar-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--red);box-shadow:0 0 12px var(--red)}.dot-one{top:28%;left:34%}.dot-two{top:47%;right:25%}.dot-three{bottom:28%;left:57%}.dot-four{top:62%;left:21%}.radar-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;font-size:9px;font-weight:900;letter-spacing:.13em;line-height:1.6;color:#d9dbe0}.visual-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;color:#747b8a;font-size:8px;letter-spacing:.1em;line-height:2}.visual-footer b{color:#e9eaf0;font-size:9px;letter-spacing:.05em}.visual-footer span:last-child{text-align:right}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:5px;box-shadow:0 0 8px #55f2a477}.floating-chip{position:absolute;background:#101115;border:1px solid #4b222b;padding:11px 14px;font-size:8px;letter-spacing:.1em;font-weight:900;white-space:nowrap}.chip-a{right:-30px;top:18%}.chip-b{left:-45px;bottom:17%}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:27px max(9%,calc((100% - 1350px)/2));border-bottom:1px solid var(--line);background:#0c0d10}.stat{padding:0 24px;border-right:1px solid var(--line)}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat small,.stat span{display:block;color:#777e8d;font-size:8px;letter-spacing:.13em;font-weight:900}.stat strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:37px;line-height:1.2;margin:8px 0}.stat span{font-weight:700;letter-spacing:.08em}.section{max-width:1350px;margin:0 auto;padding:82px 30px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.section-head h2,.join-section h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(38px,4.3vw,57px);line-height:.95;margin:14px 0 10px;letter-spacing:-.02em}.section-head p,.join-section p{color:#9298a6;line-height:1.8;margin:0}.server-search{width:min(450px,100%);height:48px;border:1px solid #30323a;display:flex;align-items:center;padding:0 8px 0 14px;background:#111216}.server-search>span{font-size:25px;color:var(--red);margin-right:10px}.server-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:white;font-size:12px}.server-search .btn{min-height:34px;padding:0 14px}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:30px 0 17px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{background:transparent;border:1px solid #2d2f37;color:#969ba8;padding:12px 15px;text-transform:uppercase;font-size:9px;font-weight:900;letter-spacing:.08em}.filter:hover,.filter.active{border-color:#71303a;color:white;background:#39131a}.muted{color:#737988;font-size:11px}.server-list{display:grid;gap:9px}.server-row{display:grid;grid-template-columns:minmax(230px,1.8fr) .8fr .8fr .55fr auto;align-items:center;gap:18px;padding:17px 20px;border:1px solid #292b32;background:linear-gradient(100deg,#131418,#0d0e11);transition:.2s}.server-row:hover{border-color:#77303b;transform:translateY(-1px)}.server-name{display:flex;align-items:center;gap:13px;min-width:0}.game-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border:1px solid #5a202a;background:#231116;color:var(--red);font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:12px}.server-name strong{display:block;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.server-name small{display:block;color:#7d8492;font-size:9px;margin-top:4px}.server-cell small{display:block;color:#707787;font-size:8px;letter-spacing:.1em;margin-bottom:7px}.server-cell strong{font-size:11px}.server-cell .red{color:var(--red)}.copy-ip{background:transparent;border:1px solid #383a43;color:#f4f4f6;font-size:9px;font-weight:900;padding:13px 15px;white-space:nowrap}.copy-ip:hover{border-color:var(--red)}.empty-state{padding:25px;border:1px dashed #30323a;color:#9298a6;font-size:12px;line-height:1.7}.compact-head{align-items:end}.text-link{color:#ff5264;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-card{position:relative;min-height:280px;padding:27px;border:1px solid #2b2d34;background:linear-gradient(145deg,#141519,#0d0e11);overflow:hidden}.feature-card:after{content:"";position:absolute;width:170px;height:170px;right:-70px;top:-75px;border:1px solid #70232f;transform:rotate(45deg);pointer-events:none}.feature-red{background:linear-gradient(145deg,#251116,#101014);border-color:#64212c}.card-index{position:absolute;right:22px;top:20px;color:#707684;font-size:10px;font-weight:900}.feature-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #5e2530;color:var(--red);font-size:23px;margin-bottom:26px}.feature-card h3{font-family:'Barlow Condensed',sans-serif;font-size:25px;margin:0 0 10px}.feature-card p{max-width:340px;min-height:48px;color:#9298a6;line-height:1.7;font-size:12px}.feature-card .btn{margin-top:8px}.feature-card>small{display:block;color:#636a79;font-size:8px;font-weight:900;letter-spacing:.12em;margin-top:22px}.region-stamp,.live-pill{font-size:9px;font-weight:900;letter-spacing:.1em;color:#9ba1af}.region-banner{display:flex;align-items:center;gap:35px;padding:36px;border:1px solid #4b2029;background:radial-gradient(ellipse at 0 50%,#6e17261c,transparent 60%),#111115}.region-map-mark{display:grid;place-items:center;flex:0 0 105px;height:105px;border:1px solid #7b2634;color:var(--red);font-family:'Barlow Condensed',sans-serif;font-size:66px;font-weight:900;background:linear-gradient(135deg,#37131b,#111115)}.region-banner>div:nth-child(2){flex:1}.region-banner h3{font-family:'Barlow Condensed',sans-serif;font-size:38px;line-height:.95;margin:12px 0}.region-banner p{max-width:650px;color:#9298a6;line-height:1.8;font-size:12px}.ranking-panel{border:1px solid #292b32}.ranking-header,.ranking-row{display:grid;grid-template-columns:minmax(220px,1.8fr) .6fr .8fr .6fr;gap:18px;align-items:center;padding:14px 20px}.ranking-header{background:#141519;color:#747b8a;font-size:8px;font-weight:900;letter-spacing:.12em}.ranking-row{border-top:1px solid #262830;font-size:11px}.ranking-row strong{font-size:11px}.rank-number{color:var(--red);font-family:'Barlow Condensed',sans-serif;font-size:20px}.live-pill{border:1px solid #293a32;padding:10px 13px;color:#b7c6bd}.games-section{padding-top:55px}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.game-tile{min-height:160px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:20px;border:1px solid #2b2d34;background:linear-gradient(145deg,#17181d,#0e0f12);overflow:hidden}.game-tile:after{content:"";position:absolute;width:90px;height:90px;right:-32px;top:-35px;border:1px solid #63212c;transform:rotate(45deg)}.game-tile>span{color:var(--red);font-size:10px;font-weight:900}.game-tile strong{font-family:'Barlow Condensed',sans-serif;font-size:20px;position:relative;z-index:1}.game-tile small{font-size:8px;letter-spacing:.12em;color:#7f8695}.game-tile:hover{border-color:var(--red);background:#1b1115}.join-section{max-width:1290px;margin:0 auto 65px;padding:45px 55px;display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #57212b;background:radial-gradient(ellipse at 0 0,#6d17231c,transparent 60%),linear-gradient(120deg,#151014,#101115)}.join-section h2{font-size:55px;margin:15px 0}.join-section p{max-width:500px}.site-footer{min-height:90px;border-top:1px solid var(--line);padding:25px max(5.5%,calc((100% - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer>span{color:#656c7a;font-size:8px;letter-spacing:.12em}.modal-backdrop{display:none;position:fixed;inset:0;z-index:100;background:#000b;backdrop-filter:blur(8px);align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal{position:relative;width:min(100%,460px);max-height:90vh;overflow:auto;background:#111216;border:1px solid #4b242c;padding:35px}.modal-close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:#aab0bd;font-size:28px}.modal h2{font-family:'Barlow Condensed',sans-serif;font-size:37px;margin:15px 0 24px}.modal form label{display:block;color:#a4aab6;font-size:10px;font-weight:800;margin:15px 0}.modal input{display:block;width:100%;margin-top:8px;background:#090a0d;border:1px solid #30323b;padding:13px;color:white;outline:0}.modal input:focus{border-color:var(--red)}.form-message{font-size:11px;line-height:1.6;margin-top:12px;color:#aab0bd}.form-message.error{color:#ff6879}.modal-separator{display:flex;align-items:center;gap:12px;margin:20px 0;color:#747b89;font-size:9px}.modal-separator:before,.modal-separator:after{content:"";height:1px;background:#2c2e36;flex:1}.fine-print{font-size:10px;color:#747b89;line-height:1.7}.switch-auth{font-size:11px;color:#9399a6;text-align:center;margin:22px 0 0}.switch-auth button{background:transparent;border:0;color:var(--red);font-weight:800}.mobile-menu{font-size:18px}
@media(max-width:1050px){.hero{padding-left:6%;padding-right:6%;grid-template-columns:1fr .8fr}.hero h1{font-size:76px}.chip-a{right:-12px}.chip-b{left:-18px}.section{padding-left:6%;padding-right:6%}.stats-strip{padding-left:6%;padding-right:6%}.server-row{grid-template-columns:minmax(200px,1.5fr) .7fr .7fr auto;}.server-row .server-cell:nth-child(4){display:none}.site-footer{padding-left:6%;padding-right:6%}}
@media(max-width:760px){.site-header{height:68px;padding:0 18px}.main-nav,.header-actions{display:none}.mobile-menu{display:block}.hero{padding:55px 22px 40px;grid-template-columns:1fr;gap:35px}.hero h1{font-size:clamp(64px,16vw,90px)}.hero-visual{justify-self:center;max-width:440px;min-height:350px}.chip-a{right:-8px}.chip-b{left:-8px}.hero-tags{margin-top:30px}.stats-strip{grid-template-columns:repeat(2,1fr);padding:22px}.stat{padding:12px 15px;border-bottom:1px solid var(--line)}.stat:nth-child(2){border-right:0}.stat:nth-child(3){padding-left:15px;border-bottom:0}.stat:last-child{border-bottom:0}.stat strong{font-size:31px}.section{padding:55px 18px}.section-head{align-items:flex-start;flex-direction:column;gap:20px}.section-head h2{font-size:45px}.server-search{width:100%}.filter-row{align-items:flex-start;flex-direction:column}.server-row{grid-template-columns:1fr auto;gap:12px;padding:15px}.server-name{grid-column:1/-1}.server-row .server-cell{display:block}.server-row .server-cell:nth-child(3){display:none}.server-row .server-cell:nth-child(4){display:none}.copy-ip{grid-column:2;grid-row:2}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:250px}.region-banner{padding:24px;flex-wrap:wrap;gap:20px}.region-map-mark{flex-basis:70px;height:70px;font-size:44px}.region-banner h3{font-size:33px}.region-banner .btn{width:100%}.ranking-header,.ranking-row{grid-template-columns:minmax(130px,1.5fr) .6fr .7fr;gap:10px;padding:13px 12px}.ranking-header span:nth-child(3),.ranking-row span:nth-child(3){display:none}.game-grid{grid-template-columns:repeat(2,1fr)}.game-tile{min-height:135px;padding:15px}.game-tile strong{font-size:17px}.join-section{margin:0 18px 45px;padding:28px;align-items:flex-start;flex-direction:column}.join-section h2{font-size:45px}.site-footer{padding:24px 18px;align-items:flex-start;flex-direction:column}.site-footer>span{line-height:1.6}.modal{padding:28px 22px}}

/* GameTracker.me premium account dropdown */
.account-menu {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-family: inherit;
  z-index: 1000;
}

.account-menu-toggle {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 7px 13px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 10px;
  background: linear-gradient(145deg,#1b1b1d,#101012);
  color: #f5f5f5;
  font-weight: 700;
  cursor: pointer;
  transition: border-color .2s, background .2s, transform .2s;
}

.account-menu-toggle:hover,
.account-menu-toggle[aria-expanded="true"] {
  border-color: #ff7a00;
  background: #202022;
}

.account-menu-toggle span {
  color: #ff8a00;
  font-size: 17px;
}

.account-menu-panel[hidden] {
  display: none !important;
}

.account-menu-panel {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  width: 270px;
  padding: 9px;
  border: 1px solid rgba(255,122,0,.28);
  border-radius: 14px;
  background: #111113;
  box-shadow: 0 18px 55px rgba(0,0,0,.65), 0 0 24px rgba(255,122,0,.07);
  animation: gtAccountDrop .16s ease-out;
  z-index: 9999;
}

.account-menu-heading {
  padding: 13px 12px 15px;
  margin-bottom: 7px;
  border-bottom: 1px solid rgba(255,255,255,.09);
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.account-menu-heading::before {
  content: "GT";
  display: inline-grid;
  place-items: center;
  width: 37px;
  height: 37px;
  margin-right: 10px;
  vertical-align: middle;
  border: 1px solid rgba(255,122,0,.55);
  border-radius: 11px;
  background: linear-gradient(135deg,#ff8a00,#e34200);
  color: #171717;
  font-size: 14px;
  font-weight: 900;
}

.account-menu-panel > button,
.account-menu-panel > a {
  display: flex;
  align-items: center;
  gap: 11px;
  box-sizing: border-box;
  width: 100%;
  min-height: 43px;
  padding: 11px 12px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #d7d7da;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transition: color .15s, background .15s, padding .15s;
}

.account-menu-panel > button::before,
.account-menu-panel > a::before {
  display: inline-grid;
  place-items: center;
  width: 23px;
  color: #ff8a00;
  font-size: 16px;
}

.account-menu-panel [data-account-action="profile"]::before { content: "◉"; }
.account-menu-panel [data-account-action="settings"]::before { content: "⚙"; }
.account-menu-panel [data-account-action="favorites"]::before { content: "☆"; }
.account-menu-panel a::before { content: "◆"; }

.account-menu-panel > button:hover,
.account-menu-panel > a:hover {
  padding-left: 16px;
  background: rgba(255,122,0,.10);
  color: #fff;
}

.account-menu-panel > a {
  margin-top: 5px;
  border: 1px solid rgba(255,122,0,.22);
  background: rgba(255,122,0,.06);
  color: #ffad57;
}

.account-menu-panel > .account-menu-logout {
  margin-top: 8px;
  border-top: 1px solid rgba(255,255,255,.09);
  border-radius: 0 0 8px 8px;
  color: #ff7777;
}

.account-menu-panel > .account-menu-logout::before {
  content: "↪";
  color: #ff7777;
}

.account-menu-panel > .account-menu-logout:hover {
  background: rgba(255,65,65,.10);
  color: #ff9090;
}

@keyframes gtAccountDrop {
  from { opacity: 0; transform: translateY(-5px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 760px) {
  .account-menu-panel {
    position: fixed;
    top: 72px;
    right: 12px;
    width: min(290px, calc(100vw - 24px));
  }

  .account-menu-toggle {
    max-width: 190px;
    font-size: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .account-menu-panel { animation: none; }
}


/* profile-premium-styles */
main > section[hidden], #profileView[hidden] { display: none !important; }
.profile-view { min-height: 70vh; }
.profile-topline, .profile-section-head, .profile-bottom-actions {
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
}
.profile-kicker { color:#ff6a2a; font-size:11px; font-weight:800; letter-spacing:2px; }
.profile-topline { margin-bottom:24px; }
.profile-hero {
  display:flex; align-items:center; gap:24px; padding:30px;
  background:linear-gradient(115deg,#191919,#101010 65%,#24130e);
  border:1px solid #35302d; border-radius:18px; position:relative; overflow:hidden;
}
.profile-avatar {
  width:94px; height:94px; flex-shrink:0; display:grid; place-items:center;
  border-radius:22px; background:linear-gradient(135deg,#ff792f,#b92d16);
  color:#fff; font-size:32px; font-weight:900; border:3px solid #ffffff20;
  box-shadow:0 8px 30px #ff572233; overflow:hidden;
}
.profile-avatar img { width:100%; height:100%; object-fit:cover; }
.profile-identity h1 { margin:5px 0 8px; font-size:clamp(26px,4vw,40px); overflow-wrap:anywhere; }
.profile-identity p { margin:10px 0 0; color:#aaa; font-size:13px; }
.profile-role,.profile-count {
  display:inline-block; padding:6px 10px; border:1px solid #ff6a2a66;
  border-radius:6px; color:#ff8b55; background:#ff6a2a12; font-size:10px;
  font-weight:900; letter-spacing:1px;
}
.profile-id-card { margin-left:auto; display:flex; flex-direction:column; gap:9px; font-size:10px; color:#999; }
.profile-id-card strong { color:#78dc91; font-size:11px; }
.profile-id-card small { letter-spacing:1px; }
.profile-stat-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:18px 0 36px; }
.profile-stat { padding:20px; background:#111; border:1px solid #292929; border-radius:12px; min-width:0; }
.profile-stat span,.profile-stat small { display:block; color:#999; font-size:10px; letter-spacing:1px; }
.profile-stat strong { display:block; color:#f4f4f4; font-size:25px; margin:12px 0; overflow-wrap:anywhere; }
.profile-stat .profile-stat-role { color:#ff824b; font-size:17px; }
.profile-stat .profile-date { font-size:16px; }
.profile-section-head { margin-bottom:15px; }
.profile-section-head h2 { margin:7px 0 0; font-size:24px; }
.profile-section-head h2 span { color:#ff6a2a; }
.profile-favorites { display:grid; gap:9px; }
.profile-server { display:flex; align-items:center; gap:13px; padding:16px; border:1px solid #292929; background:#111; border-radius:10px; min-width:0; }
.profile-server-status { width:9px; height:9px; border-radius:50%; background:#f05252; flex-shrink:0; }
.profile-server-status.is-online { background:#62d987; box-shadow:0 0 12px #62d98766; }
.profile-server-info { display:flex; flex-direction:column; gap:5px; min-width:0; flex:1; }
.profile-server-info strong { overflow-wrap:anywhere; }
.profile-server-info span,.profile-server-players small { color:#999; font-size:12px; }
.profile-server-players { font-weight:800; white-space:nowrap; }
.profile-server-state { font-size:10px; color:#73dc91; font-weight:900; }
.profile-empty { text-align:center; padding:40px 18px; background:#111; border:1px dashed #393939; border-radius:12px; }
.profile-empty-icon { font-size:36px; color:#ff824b; }
.profile-empty h3 { margin:10px 0; }
.profile-empty p,.profile-loading { color:#999; }
.profile-bottom-actions { margin-top:20px; color:#777; font-size:10px; letter-spacing:1px; }
.profile-loader { width:28px; height:28px; margin:30px auto 12px; border:3px solid #333; border-top-color:#ff6a2a; border-radius:50%; animation:profile-spin .8s linear infinite; }
.profile-loading { text-align:center; padding:50px 10px; }
@keyframes profile-spin { to { transform:rotate(360deg); } }
@media(max-width:700px) {
  .profile-hero { padding:20px; gap:15px; flex-wrap:wrap; }
  .profile-avatar { width:70px; height:70px; border-radius:16px; font-size:25px; }
  .profile-id-card { width:100%; margin-left:0; padding-top:15px; border-top:1px solid #333; }
  .profile-stat-grid { grid-template-columns:1fr; }
  .profile-stat { padding:16px; }
  .profile-server { flex-wrap:wrap; }
  .profile-server-state { margin-left:auto; }
}