#cup-account-bar{
box-sizing:border-box;
position:relative;
z-index:20;
width:100%;
max-width:100%;
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
align-items:center;
gap:9px;
padding:0;
margin:0 0 2px;
color:#c9c5cc;
font:600 12px/1.4 Inter,Arial,sans-serif;
min-width:0
}
#cup-status{
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:#c9c5cc
}
#cup-account-bar button{
cursor:pointer;
background:#1e1e24;
color:#f3ede1;
border:1px solid #5e5131;
border-radius:999px;
padding:9px 13px;
font:700 12px/1 Inter,Arial,sans-serif;
white-space:nowrap;
transition:border-color .15s ease,background .15s ease,transform .15s ease
}
#cup-account-bar button:hover{
border-color:#ff4757;
background:#292932;
transform:translateY(-1px)
}
#cup-account-bar a{color:#ff4757}
#cup-account-bar .cup-instagram-top{
display:inline-flex;
align-items:center;
gap:7px;
min-height:34px;
padding:8px 12px;
border:1px solid rgba(255,71,87,.45);
border-radius:999px;
background:linear-gradient(135deg,rgba(214,40,57,.22),rgba(255,71,87,.13));
color:#f3ede1;
text-decoration:none;
font:700 11.5px/1 Inter,Arial,sans-serif;
white-space:nowrap;
transition:border-color .15s ease,background .15s ease,transform .15s ease
}
#cup-account-bar .cup-instagram-top:hover{
border-color:#ff4757;
background:linear-gradient(135deg,rgba(214,40,57,.34),rgba(255,71,87,.22));
transform:translateY(-1px)
}
.cup-instagram-icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:19px;
height:19px;
border-radius:6px;
color:#fff;
background:linear-gradient(135deg,#7b3fe4,#d62976 48%,#fa7e1e 76%,#feda75);
font:800 11px/1 Arial,sans-serif
}
#cup-account-dialog{
box-sizing:border-box;
width:min(94vw,490px);
max-height:90dvh;
overflow:auto;
border:1px solid #b68a30;
border-radius:18px;
background:#14141d;
color:#f5f1e7;
padding:25px;
font:15px/1.5 Arial,sans-serif;
box-shadow:0 24px 80px #000b
}
#cup-account-dialog::backdrop{background:#03040bdb}
#cup-account-dialog h2{font-size:27px;margin:8px 0 10px}
#cup-account-dialog .cup-tag{color:#ff4757;font-size:12px;font-weight:bold;letter-spacing:2px}
#cup-account-dialog label{display:block;margin:15px 0}
#cup-account-dialog input:not([type=checkbox]){
box-sizing:border-box;
display:block;
width:100%;
margin-top:6px;
padding:12px;
background:#20212c;
border:1px solid #626373;
border-radius:8px;
color:white;
font:16px Arial
}
#cup-account-dialog .cup-check{display:flex;align-items:flex-start;gap:10px;font-size:13px}
#cup-account-dialog input[type=checkbox]{flex:0 0 20px;width:20px;height:20px;margin:3px 0;accent-color:#ff4757}
#cup-account-dialog .cup-primary{display:block;width:100%;background:#ff4757;color:#15151c;font-weight:bold;margin:15px 0}
#cup-account-dialog button{cursor:pointer;background:#272833;color:#fff;border:1px solid #6b603c;border-radius:9px;padding:11px;font:inherit}
#cup-account-dialog button:disabled{opacity:.5;cursor:wait}
#cup-account-dialog .cup-small{color:#c1bfca;font-size:12px}
#cup-account-dialog #cup-account-error{color:#ffb3a6}
#cup-account-dialog #cup-guest{margin-top:10px;width:100%;font-size:12px}
#cup-account-dialog [hidden]{display:none!important}
#cup-account-dialog details{margin:16px 0}
#cup-account-dialog a{color:#ff4757}
#cup-account-dialog .cup-instagram{
display:inline-flex;
align-items:center;
gap:7px;
padding:9px 12px;
border:1px solid rgba(255,71,87,.4);
border-radius:999px;
text-decoration:none;
background:linear-gradient(135deg,rgba(214,40,57,.18),rgba(255,71,87,.12))
}
#cup-notice{
position:fixed;
bottom:15px;
left:5%;
width:90%;
box-sizing:border-box;
z-index:9999;
background:#422719;
color:#fff;
padding:14px;
border:1px solid #ffc063;
border-radius:10px;
font:14px Arial
}
#cup-notice[hidden]{display:none}
@media(max-width:640px){
#cup-account-bar{justify-content:center;gap:7px;margin-bottom:4px}
#cup-status{width:100%;text-align:center}
#cup-account-bar button,#cup-account-bar .cup-instagram-top{font-size:11px;padding:8px 10px}
}


/* v3: account bar stays inside the page stage, above the game/site content */
.stage > #cup-account-bar{
  order:-9999 !important;
  align-self:stretch !important;
  width:100% !important;
  max-width:none !important;
  margin:0 0 10px !important;
  padding:0 !important;
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:9px !important;
  flex-wrap:wrap !important;
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  transform:none !important;
}
#cup-account-bar{
  box-sizing:border-box !important;
  float:none !important;
}
#cup-account-bar .cup-instagram-top{
  text-decoration:none !important;
}
@media (max-width:640px){
  .stage > #cup-account-bar{
    justify-content:center !important;
  }
  #cup-status{
    width:100%;
    text-align:center;
  }
}


/* v5 — stable top account placement */
#cup-account-slot{
  width:100%;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  min-height:36px;
  margin:0 0 2px;
  padding:0;
}
#cup-account-slot #cup-account-bar{
  position:static !important;
  inset:auto !important;
  transform:none !important;
  width:auto !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:9px !important;
  flex-wrap:wrap !important;
  float:none !important;
}
@media (max-width:640px){
  #cup-account-slot{
    justify-content:center;
  }
  #cup-account-slot #cup-account-bar{
    width:100% !important;
    justify-content:center !important;
  }
  #cup-account-slot #cup-status{
    width:100%;
    text-align:center;
  }
}

/* v6: compact mobile account controls and readable dialog. */
@media(max-width:640px){
 #cup-account-slot{min-width:0;min-height:0;margin:0}
 #cup-account-slot #cup-account-bar,.stage>#cup-account-bar,#cup-account-bar{gap:6px!important;justify-content:center!important;min-width:0}
 #cup-status{flex:0 1 100%;font-size:11px;line-height:1.3}
 #cup-account-bar button,#cup-account-bar .cup-instagram-top{box-sizing:border-box;min-height:44px;padding:8px 12px;font-size:12px;line-height:1.25;max-width:100%;touch-action:manipulation}
 #cup-account-dialog{width:calc(100% - 24px);max-width:490px;max-height:calc(100dvh - 24px);padding:16px;border-radius:16px;overscroll-behavior:contain;overflow-wrap:anywhere;font-size:14px;line-height:1.4}
 #cup-account-dialog h2{font-size:24px;margin:6px 0 8px}
 #cup-account-dialog p{margin:8px 0}
 #cup-account-dialog label{margin:10px 0}
 #cup-account-dialog .cup-check{font-size:12px;gap:8px;line-height:1.4}
 #cup-account-dialog .cup-primary{margin:10px 0}
 #cup-account-dialog button,#cup-account-dialog .cup-instagram{min-height:44px;max-width:100%;white-space:normal}
 #cup-account-dialog input:not([type=checkbox]){padding:10px;font-size:16px}
 #cup-account-dialog details{margin:10px 0}
 #cup-account-dialog summary{min-height:44px;padding:12px 0;cursor:pointer}
 #cup-account-error:empty{display:none}
 #cup-notice{left:12px;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 24px);max-height:30dvh;overflow:auto;padding:10px;font-size:13px;line-height:1.4}
}

#cup-account-bar button,#cup-account-dialog{border-color:#84303b}#cup-account-dialog .cup-primary{background:#e52b40;color:#fff}#cup-account-dialog .cup-tag,#cup-account-dialog a,#cup-account-bar a{color:#ff7b87}#cup-account-bar .cup-instagram-top{color:#fff;border-color:#a63d4b}#cup-account-dialog input[type=checkbox]{accent-color:#e52b40}