/* Discovery pre-entry account gate. Main experience stays visually clean behind it. */
html.entry-pending body{background:#020711}
html.entry-pending body>.shell{visibility:hidden;opacity:0;pointer-events:none}
.entry-gate-open{overflow:hidden}

.account-gate{
  position:fixed;inset:0;z-index:6000;
  display:grid;place-items:center;
  background:
    radial-gradient(circle at 50% 18%,rgba(216,177,106,.09),transparent 22%),
    radial-gradient(circle at 18% 22%,rgba(255,255,255,.05) 0 1px,transparent 1.4px),
    radial-gradient(circle at 78% 30%,rgba(216,177,106,.09) 0 1px,transparent 1.5px),
    linear-gradient(180deg,#06111c,#020711 72%);
  color:#f4ede2;
  overflow:auto;
}
.account-gate.hidden{display:none}
.account-gate-shell{
  position:relative;width:min(560px,100%);min-height:100svh;
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  padding:54px 24px 34px;text-align:center;
}
.account-gate-stars{
  position:absolute;inset:0;pointer-events:none;opacity:.32;
  background-image:
    radial-gradient(circle,#fff 0 1px,transparent 1.2px),
    radial-gradient(circle,#d8b16a 0 1px,transparent 1.2px);
  background-size:96px 104px,173px 187px;
  mask-image:linear-gradient(to bottom,black,transparent 82%);
}
.account-gate-card{
  position:relative;z-index:1;width:min(430px,100%);
  padding:34px 30px 30px;
  border:1px solid rgba(216,177,106,.26);
  border-radius:28px;
  background:
    radial-gradient(circle at 50% 0,rgba(216,177,106,.08),transparent 28%),
    rgba(5,14,24,.82);
  box-shadow:0 34px 100px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.015);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
.account-brand{
  margin:0;color:#f2dfb2;
  font:600 15px/1 Georgia,"Noto Serif KR",serif;
  letter-spacing:.34em;
}
.account-kicker{
  margin:11px 0 20px;color:#b89559;
  font:700 9px/1 Inter,system-ui,sans-serif;
  letter-spacing:.22em;
}
.account-gate-card h1{
  margin:0;color:#f6f0e7;
  font:500 clamp(40px,8vw,62px)/1.08 Georgia,"Noto Serif KR",serif;
  letter-spacing:-.035em;
}
.account-gate-card h1 em{display:block;margin-top:4px;font-style:normal;color:#e2b75f}
.account-gate-lead{
  max-width:340px;margin:20px auto 26px;color:#98a7b5;
  font-size:13px;line-height:1.8;
}
.account-provider{
  width:100%;min-height:52px;
  border-radius:15px;border:1px solid rgba(216,177,106,.25);
  background:rgba(255,255,255,.045);color:#f4ede2;
  font:750 14px/1 Inter,system-ui,sans-serif;cursor:pointer;
}
.account-provider:hover{background:rgba(216,177,106,.08);border-color:rgba(216,177,106,.52)}
.account-provider.google{display:flex;align-items:center;justify-content:center;gap:10px}
.google-mark{
  display:grid;place-items:center;width:23px;height:23px;border-radius:50%;
  background:#fff;color:#1a73e8;font:bold 14px Arial;
}
.account-divider{display:flex;align-items:center;gap:12px;margin:17px 0;color:#667789;font-size:10px}
.account-divider:before,.account-divider:after{content:"";height:1px;flex:1;background:rgba(216,177,106,.14)}
.account-email{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.account-email input{
  min-width:0;height:50px;border-radius:14px;border:1px solid rgba(216,177,106,.24);
  background:#07121e;color:#fff;padding:0 14px;font-size:13px;outline:none;
}
.account-email input:focus{border-color:rgba(240,213,154,.65)}
.account-email button{
  height:50px;padding:0 16px;border:0;border-radius:14px;
  background:linear-gradient(100deg,#f2d28a,#c89548);color:#07111d;font-weight:850;cursor:pointer;
}
.account-status{min-height:1.5em;margin:13px 0 0;color:#d7b66e;font-size:11px;line-height:1.55}
.account-guest{
  margin-top:12px;border:0;background:transparent;color:#d8c49a;
  font-size:12px;font-weight:750;cursor:pointer;padding:10px 12px;
}
.account-guest:hover{color:#f1ddae}
.account-note{margin:10px 0 0;color:#68798a;font-size:10px;line-height:1.7}
.account-gate-foot{
  position:relative;z-index:1;margin:22px 0 0;color:#776a53;
  font:700 8px/1 Inter,system-ui,sans-serif;letter-spacing:.22em;
}
@media(max-width:560px){
  .account-gate-shell{padding:28px 16px 24px}
  .account-gate-card{padding:29px 20px 25px;border-radius:23px}
  .account-gate-card h1{font-size:43px}
  .account-email{grid-template-columns:1fr}
  .account-email button{width:100%}
  .account-gate-lead{font-size:12px}
}

/* Signed-in account control: compact, top-left, intentionally quieter than the main experience. */
.account-control{
  position:fixed;top:86px;left:18px;z-index:5200;
  font-family:Inter,system-ui,-apple-system,sans-serif;
}
.account-chip{
  display:flex;align-items:center;gap:8px;
  min-height:38px;padding:0 12px;
  border:1px solid rgba(216,177,106,.22);
  border-radius:999px;
  background:rgba(4,12,21,.72);
  color:#ead8b0;
  box-shadow:0 10px 30px rgba(0,0,0,.22);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  cursor:pointer;
}
.account-chip:hover{border-color:rgba(216,177,106,.46);background:rgba(7,17,29,.86)}
.account-dot{
  width:7px;height:7px;border-radius:50%;
  background:#d8b16a;box-shadow:0 0 12px rgba(216,177,106,.52);
  flex:0 0 auto;
}
.account-chip-label{
  max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:12px;font-weight:760;letter-spacing:.01em;
}
.account-chevron{font-size:12px;color:#9f8c66;transform:translateY(-1px)}
.account-menu{
  position:absolute;top:46px;left:0;width:min(284px,calc(100vw - 36px));
  padding:15px;border:1px solid rgba(216,177,106,.22);border-radius:17px;
  background:rgba(3,10,18,.96);color:#f4ede2;
  box-shadow:0 22px 55px rgba(0,0,0,.42);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.account-menu.hidden{display:none}
.account-menu-kicker{
  margin:0 0 7px;color:#8c7955;
  font-size:8px;font-weight:800;letter-spacing:.18em;
}
.account-menu-name{display:block;font-size:13px;font-weight:800;color:#f0dfbd}
.account-menu-email{
  display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:10px;color:#8292a2;
}
.account-menu-rule{height:1px;margin:13px 0 8px;background:rgba(216,177,106,.13)}
.account-menu-item{
  width:100%;padding:10px 9px;border:0;border-radius:10px;
  background:transparent;color:#d9c8a5;text-align:left;font-size:12px;font-weight:750;cursor:pointer;
}
.account-menu-item:hover{background:rgba(216,177,106,.08);color:#f3dfb3}
.account-menu-item:disabled{opacity:.55;cursor:wait}
.entry-gate-open .account-control{display:none}
@media(max-width:560px){
  .account-control{top:76px;left:12px}
  .account-chip{min-height:36px;padding:0 10px}
  .account-chip-label{max-width:108px}
}

/* Keep account chip out of the Discovery World overlay header/brand area. */
body:has(.world-overlay.open) .account-control{display:none}

.account-cards{display:grid;gap:8px}
.account-cards-head{display:flex;align-items:center;justify-content:space-between;color:#9f8c66;font-size:8px;font-weight:850;letter-spacing:.16em}
.account-cards-count{color:#d8b16a;font-size:9px}
.account-cards-list{display:grid;gap:6px}
.account-card-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid rgba(216,177,106,.12);border-radius:11px;background:rgba(255,255,255,.02);color:#e7d6b5;text-align:left;cursor:pointer}
.account-card-item:hover{border-color:rgba(216,177,106,.3);background:rgba(216,177,106,.055)}
.account-card-item strong{display:block;font-size:11px;letter-spacing:.04em}
.account-card-item small{display:block;margin-top:3px;color:#738395;font-size:8px}
.account-card-open{flex:0 0 auto;color:#cfae6b;font-size:9px;font-weight:800}
.account-cards-empty{margin:0;color:#667789;font-size:9px;line-height:1.5}

.account-cards-tabs{display:flex;gap:6px;flex-wrap:wrap}
.account-cards-tab{border:1px solid rgba(216,177,106,.12);border-radius:999px;background:transparent;color:#6f7f90;padding:5px 8px;font-size:7px;font-weight:850;letter-spacing:.08em;cursor:pointer}
.account-cards-tab.active{border-color:rgba(216,177,106,.32);background:rgba(216,177,106,.07);color:#d8b16a}
.account-card-copy{min-width:0}
.account-card-copy strong,.account-card-copy small,.account-card-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-card-copy em{display:block;margin-top:3px;color:#5f6f80;font-size:7px;font-style:normal}