/* First Inning Edge — real member account panel v1.
   Auth/session UI only. Premium entitlement remains server-controlled. */
html.fie-unified-preview .fie-shared-profile{
  appearance:none;
  -webkit-appearance:none;
  padding:0;
  cursor:pointer;
}
html.fie-unified-preview .fie-shared-profile:focus-visible{
  outline:2px solid #e7c36f;
  outline-offset:3px;
}
html.fie-unified-preview .fie-shared-profile.is-signed-in{
  border-color:#f0cf7e;
  box-shadow:0 0 0 2px #17130d,0 0 0 3px #6d5935;
}
html.fie-unified-preview .fie-shared-profile.is-signed-in::after{
  box-shadow:0 0 0 1px #f6dfaa33;
}
html.fie-unified-preview .fie-shared-profile.is-signed-in::before{
  filter:brightness(1.05);
}
html.fie-unified-preview .fie-shared-profile.is-signed-in{
  position:relative;
}
html.fie-unified-preview .fie-shared-profile.is-signed-in > *{pointer-events:none}
html.fie-unified-preview .fie-shared-profile.is-signed-in[data-initials]{
  font-size:0;
}
html.fie-unified-preview .fie-shared-profile.is-signed-in[data-initials]::before{
  content:attr(data-initials);
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,#806535,#272016);
  color:#f6dfaa;
  font:950 11px/1 Inter,Segoe UI,Arial,sans-serif;
  letter-spacing:.4px;
}
html.fie-unified-preview .fie-shared-profile.is-signed-in[data-initials]::after{
  content:"";
  position:absolute;
  right:-1px;
  bottom:-1px;
  left:auto;
  top:auto;
  width:9px;
  height:9px;
  border:2px solid #111613;
  border-radius:50%;
  background:#e4ba61;
  box-shadow:0 0 8px #d4a84e77;
}

.fie-account-backdrop[hidden],
.fie-account-panel[hidden]{display:none!important}
.fie-account-backdrop{
  position:fixed;
  inset:0;
  z-index:998;
  background:rgba(0,0,0,.36);
  backdrop-filter:blur(2px);
}
.fie-account-panel{
  position:fixed;
  z-index:999;
  top:calc(var(--fie-shell-top,80px) + 10px);
  right:18px;
  width:min(410px,calc(100vw - 28px));
  max-height:calc(100vh - var(--fie-shell-top,80px) - 28px);
  overflow:auto;
  border:1px solid #6e5935;
  border-radius:14px;
  background:
    radial-gradient(circle at 92% 4%,rgba(218,172,82,.10),transparent 30%),
    linear-gradient(180deg,#121310 0%,#0b0c0b 100%);
  color:#f2eee5;
  box-shadow:0 28px 72px #000c,inset 0 1px 0 #c4a46624;
  font-family:Inter,Segoe UI,Arial,sans-serif;
}
.fie-account-shell{padding:22px}
.fie-account-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding-bottom:16px;
  border-bottom:1px solid #302b20;
}
.fie-account-head span{
  display:block;
  color:#b79658;
  font-size:7px;
  font-weight:950;
  letter-spacing:1.45px;
}
.fie-account-head h2{
  margin:5px 0 0;
  color:#fff5df;
  font-size:24px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.5px;
}
.fie-account-close{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  border:1px solid #423a2a;
  border-radius:8px;
  background:#13130f;
  color:#a8a59c;
  font-size:23px;
  line-height:1;
  cursor:pointer;
}
.fie-account-close:hover{
  border-color:#80683f;
  color:#f1d18a;
  background:#1b1810;
}
.fie-account-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px;
  margin-top:18px;
  padding:4px;
  border:1px solid #312d24;
  border-radius:9px;
  background:#080909;
}
.fie-account-tabs button{
  min-height:38px;
  border:1px solid transparent;
  border-radius:6px;
  background:transparent;
  color:#878982;
  font-size:8px;
  font-weight:950;
  letter-spacing:.8px;
  cursor:pointer;
}
.fie-account-tabs button.active{
  border-color:#6b5734;
  background:linear-gradient(#2b2417,#17130e);
  color:#edcb7d;
}
.fie-account-form,
.fie-account-name-form{
  display:grid;
  gap:13px;
  margin-top:18px;
}
.fie-account-form label,
.fie-account-name-form label{
  display:grid;
  gap:7px;
}
.fie-account-form label>span,
.fie-account-name-form label>span{
  color:#9e9b93;
  font-size:7px;
  font-weight:950;
  letter-spacing:.9px;
}
.fie-account-form label small{
  margin-left:5px;
  color:#64655f;
  font-size:6px;
}
.fie-account-form input,
.fie-account-name-form input{
  width:100%;
  min-height:44px;
  box-sizing:border-box;
  padding:0 12px;
  border:1px solid #38352c;
  border-radius:8px;
  outline:none;
  background:#090a09;
  color:#f3efe6;
  font:700 12px/1 Inter,Segoe UI,Arial,sans-serif;
}
.fie-account-form input::placeholder,
.fie-account-name-form input::placeholder{color:#5d5f59}
.fie-account-form input:focus,
.fie-account-name-form input:focus{
  border-color:#947846;
  box-shadow:0 0 0 2px #9d7c3c1f;
}
.fie-account-primary,
.fie-account-name-form button,
.fie-account-signout{
  min-height:44px;
  border-radius:8px;
  font:950 9px/1 Inter,Segoe UI,Arial,sans-serif;
  letter-spacing:.85px;
  cursor:pointer;
}
.fie-account-primary{
  margin-top:2px;
  border:1px solid #c7a45b;
  background:linear-gradient(180deg,#c8a456,#8d6b30);
  color:#0c0b08;
  box-shadow:inset 0 1px 0 #f2d28a66;
}
.fie-account-primary:hover{filter:brightness(1.06)}
.fie-account-primary:disabled,
.fie-account-name-form button:disabled,
.fie-account-signout:disabled{
  opacity:.55;
  cursor:wait;
}
.fie-account-message{
  padding:10px 11px;
  border:1px solid #403a2d;
  border-radius:7px;
  background:#11120f;
  color:#aaa79e;
  font-size:9px;
  line-height:1.45;
}
.fie-account-message.error{
  border-color:#684039;
  background:#1a100f;
  color:#d8aaa2;
}
.fie-account-message.success{
  border-color:#6b5834;
  background:#17150f;
  color:#e4c57c;
}
.fie-account-fine{
  margin:13px 2px 0;
  color:#686a65;
  font-size:8px;
  line-height:1.5;
}
.fie-account-identity{
  display:flex;
  align-items:center;
  gap:13px;
  margin-top:18px;
  padding:16px;
  border:1px solid #332f26;
  border-radius:10px;
  background:#0b0c0b;
}
.fie-account-avatar{
  width:48px;
  height:48px;
  flex:0 0 48px;
  display:grid;
  place-items:center;
  border:1px solid #8c713f;
  border-radius:50%;
  background:linear-gradient(145deg,#73592f,#201b14);
  color:#f0d18d;
  font-size:13px;
  font-weight:1000;
  letter-spacing:.5px;
}
.fie-account-identity strong{
  display:block;
  color:#f8f1df;
  font-size:14px;
  font-weight:950;
}
.fie-account-identity span{
  display:block;
  margin-top:4px;
  color:#7f817b;
  font-size:9px;
  word-break:break-all;
}
.fie-account-membership{
  position:relative;
  margin-top:12px;
  padding:16px;
  overflow:hidden;
  border:1px solid #39362f;
  border-radius:10px;
  background:linear-gradient(135deg,#111211,#0b0c0b);
}
.fie-account-membership::after{
  content:"";
  position:absolute;
  right:-30px;
  top:-30px;
  width:110px;
  height:110px;
  border-radius:50%;
  background:radial-gradient(circle,#8b6a2e1f,transparent 68%);
  pointer-events:none;
}
.fie-account-membership>span{
  color:#73756f;
  font-size:7px;
  font-weight:950;
  letter-spacing:1px;
}
.fie-account-membership strong{
  display:block;
  margin-top:5px;
  color:#b8b6ae;
  font-size:18px;
  font-weight:1000;
  letter-spacing:-.25px;
}
.fie-account-membership small{
  display:block;
  margin-top:5px;
  color:#6e706b;
  font-size:7px;
  font-weight:900;
  letter-spacing:.7px;
}
.fie-account-membership.premium{
  border-color:#77613a;
  background:linear-gradient(135deg,#1b170f,#0c0c0a);
}
.fie-account-membership.premium strong{color:#efcb79}
.fie-account-name-form{
  padding-top:16px;
  border-top:1px solid #2c2921;
}
.fie-account-name-form button{
  border:1px solid #51462f;
  background:#17160f;
  color:#c9ac6d;
}
.fie-account-actions{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid #2c2921;
}
.fie-account-signout{
  width:100%;
  border:1px solid #483832;
  background:#15100f;
  color:#b79991;
}
.fie-account-signout:hover{
  border-color:#6c4840;
  color:#d6aaa0;
}
html.fie-account-open{overflow:hidden}

@media(max-width:760px){
  .fie-account-backdrop{background:rgba(0,0,0,.55)}
  .fie-account-panel{
    top:76px;
    left:10px;
    right:10px;
    width:auto;
    max-height:calc(100vh - 88px);
    border-radius:12px;
  }
  .fie-account-shell{padding:18px}
  .fie-account-head h2{font-size:21px}
}


.fie-account-beta{
  margin-top:12px;
  padding:15px;
  border:1px solid #5c4a2e;
  border-radius:10px;
  background:linear-gradient(135deg,#17140d,#0d0d0a);
}
.fie-account-beta>span{
  display:block;
  color:#b79658;
  font-size:7px;
  font-weight:950;
  letter-spacing:1px;
}
.fie-account-beta h3{
  margin:5px 0 0;
  color:#f2d087;
  font-size:15px;
  font-weight:1000;
}
.fie-account-beta p{
  margin:6px 0 11px;
  color:#7d7e78;
  font-size:8px;
  line-height:1.45;
}
.fie-account-beta form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px;
}
.fie-account-beta input{
  min-width:0;
  height:40px;
  box-sizing:border-box;
  padding:0 11px;
  border:1px solid #3d382c;
  border-radius:7px;
  outline:none;
  background:#080909;
  color:#f1e9d7;
  font:950 10px/1 Inter,Segoe UI,Arial,sans-serif;
  letter-spacing:.7px;
  text-transform:uppercase;
}
.fie-account-beta input:focus{
  border-color:#947846;
  box-shadow:0 0 0 2px #9d7c3c1f;
}
.fie-account-beta button{
  min-height:40px;
  padding:0 12px;
  border:1px solid #9b7b40;
  border-radius:7px;
  background:linear-gradient(#7a5d2c,#3b2f1d);
  color:#f1d28d;
  font:950 8px/1 Inter,Segoe UI,Arial,sans-serif;
  letter-spacing:.65px;
  cursor:pointer;
}
.fie-account-beta button:disabled{opacity:.55;cursor:wait}
@media(max-width:430px){
  .fie-account-beta form{grid-template-columns:1fr}
}