/* A single compact navigation control across every viewport. */
body .site-header.site-header--menu-only .brand{
  position:relative!important;
  left:auto!important;
  max-width:calc(100% - 86px);
  min-width:0;
  transform:none!important;
  transition:color .25s;
}
/* Spread the header at the centre first; only the next stage moves it upward. */
body.home-page:not(.home-chart-mode) .site-header.site-header--menu-only{
  transition:top .95s cubic-bezier(.72,0,.16,1),left .95s cubic-bezier(.72,0,.16,1),width .95s cubic-bezier(.72,0,.16,1),transform .95s cubic-bezier(.72,0,.16,1),height .95s cubic-bezier(.72,0,.16,1),color .25s!important;
}
body.home-page:not(.home-chart-mode) .home-chart-controls{
  transition:top .95s cubic-bezier(.72,0,.16,1),left .95s cubic-bezier(.72,0,.16,1),transform .95s cubic-bezier(.72,0,.16,1),opacity .3s;
}
body.home-page:not(.intro-spread):not(.intro-expanded):not(.home-chart-mode):not(.menu-open) .site-header.site-header--menu-only{
  position:fixed;
  top:50svh;
  left:50%;
  width:min(920px,calc(100% - 2 * var(--pad)));
  transform:translate(-50%,-50%);
}
body.home-page:not(.intro-expanded):not(.home-chart-mode) .site-header.site-header--menu-only .sign-in.header-user-name{
  opacity:1;
  transform:none!important;
  pointer-events:auto;
}
body.home-page:not(.intro-spread):not(.intro-expanded):not(.home-chart-mode) .home-chart-controls{
  top:calc(50svh + 56px);
  left:50%;
  right:auto;
  opacity:1;
  transform:translateX(-50%);
}
body.home-page.intro-spread:not(.intro-expanded):not(.home-chart-mode) .site-header.site-header--menu-only{
  position:fixed;
  top:50svh;
  left:0;
  width:100%;
  height:76px;
  transform:translateY(-50%);
  animation:none;
}
body.home-page.intro-spread:not(.intro-expanded):not(.home-chart-mode) .home-chart-controls{
  top:calc(50svh - 19px);
  left:calc(var(--pad) + clamp(285px,25vw,370px));
  right:auto;
  opacity:1;
  transform:none;
}
/* Once the home intro has opened, keep the site rail above the feature cards. */
body.home-page.intro-expanded:not(.home-chart-mode) .site-header.site-header--menu-only{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:76px;
  transform:none;
  animation:none;
}
body.home-page.intro-expanded:not(.home-chart-mode) .home-chart-controls{
  top:19px;
  left:calc(var(--pad) + clamp(285px,25vw,370px));
  right:auto;
  transform:none;
}
body.home-page.intro-expanded:not(.home-chart-mode) .home-chart-switch-hint{
  top:79px;
}
@media(max-width:779px){
  body.home-page.intro-spread:not(.intro-expanded):not(.home-chart-mode) .site-header.site-header--menu-only{height:72px}
  body.home-page.intro-spread:not(.intro-expanded):not(.home-chart-mode) .home-chart-controls{
    top:calc(50svh + 56px);
    right:12px;
    left:12px;
    justify-content:center;
  }
  body.home-page.intro-expanded:not(.home-chart-mode) .site-header.site-header--menu-only{height:72px}
  body.home-page.intro-expanded:not(.home-chart-mode) .home-chart-controls{
    top:78px;
    right:12px;
    left:12px;
    justify-content:center;
  }
  body.home-page.intro-expanded:not(.home-chart-mode) .home-chart-switch-hint{
    top:126px;
    left:12px;
    right:12px;
    width:auto;
  }
}
@media(prefers-reduced-motion:reduce){
  body.home-page:not(.home-chart-mode) .site-header.site-header--menu-only,
  body.home-page:not(.home-chart-mode) .home-chart-controls{transition:none!important}
}
body .site-header.site-header--menu-only .brand>span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body .site-header.site-header--menu-only .sign-in{display:none!important}
body .site-header.site-header--menu-only .sign-in.header-user-name{
  order:2;
  display:block!important;
  flex:0 1 auto;
  width:auto;
  max-width:min(240px,24vw);
  min-width:0;
  margin:0 0 0 auto;
  padding:8px 13px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.3);
  border-radius:4px;
  color:#edf3f5;
  font:700 13px/1.25 Manrope,"Noto Sans JP",sans-serif!important;
  letter-spacing:.02em;
  text-overflow:ellipsis;
  white-space:nowrap;
  pointer-events:auto!important;
}
body .site-header.site-header--menu-only:has(.header-user-name) .nav-toggle{
  order:3;
  margin-left:14px;
}

body .site-header.site-header--menu-only .nav-toggle{
  position:relative;
  display:flex!important;
  flex:0 0 64px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  width:64px!important;
  height:64px!important;
  margin-left:auto;
  padding:0;
  border:1px solid #ffed9e!important;
  border-radius:50%;
  background:radial-gradient(circle at 28% 16%,rgba(255,255,225,.85),transparent 20%),linear-gradient(135deg,#8c5000 0%,#d88f00 13%,#ffdc4d 26%,#ffe35c 36%,#d99400 49%,#ffce31 62%,#a76100 82%,#ffda50 100%)!important;
  box-shadow:inset 0 0 0 2px rgba(255,248,180,.86),inset 0 0 0 5px rgba(95,52,0,.38),0 0 0 2px #986006,0 0 0 6px rgba(255,197,45,.32),0 0 18px rgba(255,188,22,.48),0 9px 22px rgba(0,0,0,.5);
  color:#180f00!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  pointer-events:auto!important;
  cursor:pointer;
  transition:box-shadow .25s,border-color .25s,background .25s,scale .25s;
}
body .site-header.site-header--menu-only .nav-toggle::before{
  content:"";
  position:absolute;
  inset:-5px;
  border:1px solid rgba(255,209,76,.8);
  border-radius:50%;
  box-shadow:0 0 13px rgba(255,193,34,.55);
  pointer-events:none;
}
body .site-header.site-header--menu-only .nav-toggle::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:3px;
  border-radius:50%;
  background:linear-gradient(112deg,transparent 35%,rgba(255,255,239,.72) 48%,transparent 59%);
  background-size:260% 100%;
  pointer-events:none;
  animation:menuGoldSheen 6s ease-in-out infinite;
}
@keyframes menuGoldSheen{
  0%,100%{background-position:110% 0;opacity:.24}
  50%{background-position:-110% 0;opacity:.75}
}
body .site-header.site-header--menu-only .nav-toggle:hover,
body .site-header.site-header--menu-only .nav-toggle:focus-visible{
  border-color:#fff3aa!important;
  background:radial-gradient(circle at 28% 16%,#fffde1,transparent 20%),linear-gradient(135deg,#ae6a00,#ffd039 23%,#ffdf4a 37%,#eaa500 53%,#ffd33e 72%,#a86200 100%)!important;
  box-shadow:inset 0 0 0 2px #fff6b9,inset 0 0 0 5px rgba(95,52,0,.3),0 0 0 3px #ffdc5c,0 0 0 7px rgba(255,199,30,.55),0 0 32px rgba(255,190,0,.8);
  outline:2px solid #fff1bd;
  outline-offset:5px;
  scale:1.04;
}
body .site-header.site-header--menu-only .nav-toggle b{
  position:static;
  z-index:2;
  display:block;
  transform:none;
  font:800 10px/1 Manrope,sans-serif;
  letter-spacing:.16em;
  color:inherit!important;
  opacity:1!important;
  text-shadow:none;
}
body .site-header.site-header--menu-only .nav-toggle span{
  position:relative;
  z-index:2;
  display:block;
  width:19px;
  height:1px;
  background:currentColor!important;
  opacity:1!important;
  transition:transform .25s;
}
body.home-chart-mode .site-header.site-header--menu-only{z-index:160!important;pointer-events:none}
body.home-chart-mode .site-header.site-header--menu-only .brand,
body.home-chart-mode .site-header.site-header--menu-only .nav-toggle{pointer-events:auto!important}
/* The chart controls occupy the same top rail as the transparent header.
   Keep them above the header layer so CHART and CONFIG remain visible/clickable. */
body.home-chart-mode .home-chart-controls{z-index:170;pointer-events:auto}
body .home-indicator-modal{z-index:220}
body.menu-open .site-header.site-header--menu-only{z-index:200!important}
body.menu-open .site-header.site-header--menu-only .nav-toggle span:nth-of-type(1){transform:translateY(3px) rotate(45deg)}
body.menu-open .site-header.site-header--menu-only .nav-toggle span:nth-of-type(2){transform:translateY(-3px) rotate(-45deg)}

/* At tablet widths the brand, chart tools, account name and MENU cannot safely
   share one row. Give the chart controls their own rail below the header. */
@media(min-width:780px) and (max-width:1099px){
  body.home-page.home-chart-mode .home-chart-controls{
    top:90px!important;
    right:0;
    left:0;
    min-height:48px;
    box-sizing:border-box;
    justify-content:flex-end;
    padding:5px 14px;
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(91,218,239,.2);
    background:linear-gradient(90deg,rgba(3,9,15,.98),rgba(7,18,27,.98));
  }
  body.home-page.home-chart-mode .home-tradingview-chart{top:138px!important}
}

body .site-header.site-header--menu-only .primary-nav{
  position:fixed!important;
  inset:0!important;
  z-index:1;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-content:start;
  gap:0 clamp(16px,3vw,48px);
  width:100vw;
  height:100vh;
  height:100dvh;
  margin:0;
  padding:clamp(105px,13vh,150px) clamp(24px,6vw,110px) 54px;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  border:0;
  background:
    radial-gradient(circle at 92% 7%,rgba(211,165,69,.18),transparent 27%),
    radial-gradient(circle at 2% 85%,rgba(48,142,168,.16),transparent 36%),
    repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(255,255,255,.022) 80px),
    #060e16;
  box-shadow:inset 0 1px rgba(255,255,255,.05);
  color:#f2f5f6!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  clip-path:none!important;
  transform:translateY(-14px)!important;
  transition:opacity .3s ease,transform .3s ease,visibility .3s;
}
body.menu-open .site-header.site-header--menu-only .primary-nav{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
}
body .site-header.site-header--menu-only .menu-panel-head{
  grid-column:1/-1;
  display:flex;
  align-items:end;
  gap:22px;
  min-height:90px;
  margin-bottom:20px;
  padding-bottom:16px;
  border-bottom:1px solid rgba(216,178,98,.55);
}
body .site-header.site-header--menu-only .menu-panel-head span,
body .site-header.site-header--menu-only .menu-panel-head i{
  font:700 10px/1.3 Manrope,sans-serif;
  letter-spacing:.16em;
  color:#bfaa82;
  font-style:normal;
}
body .site-header.site-header--menu-only .menu-panel-head span{align-self:flex-start;white-space:nowrap}
body .site-header.site-header--menu-only .menu-panel-head strong{
  font:400 clamp(36px,5vw,76px)/.92 "Damion",cursive;
  letter-spacing:.01em;
  color:#fff6df;
}
body .site-header.site-header--menu-only .menu-panel-head i{margin-left:auto;white-space:nowrap}
body .site-header.site-header--menu-only .primary-nav>a:not(.mobile-signin){
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  min-height:clamp(70px,10vh,98px);
  margin:0;
  padding:12px 6px;
  border-bottom:1px solid rgba(206,221,228,.2);
  background:none;
  font:400 clamp(27px,2.7vw,46px)/1.1 "Damion",cursive;
  letter-spacing:.01em;
  color:#f2f5f6;
  white-space:nowrap;
  transition:color .2s,padding-left .2s,border-color .2s;
}
@media(min-width:780px){
  body .site-header.site-header--menu-only .primary-nav>a.nav-trade-chat-room{font-size:clamp(24px,2.25vw,38px)}
}
body .site-header.site-header--menu-only .primary-nav>a:not(.mobile-signin) small{
  display:inline-block;
  flex:0 0 26px;
  width:26px;
  color:#c9a45d;
  font:700 10px/1 Manrope,sans-serif;
  letter-spacing:.03em;
}
body .site-header.site-header--menu-only .primary-nav>a:not(.mobile-signin)::after{
  content:"↗";
  margin-left:auto;
  color:#c9a45d;
  font:400 22px/1 Manrope,sans-serif;
  opacity:.55;
  transition:opacity .2s,transform .2s;
}
body .site-header.site-header--menu-only .primary-nav>a:not(.mobile-signin):hover,
body .site-header.site-header--menu-only .primary-nav>a:not(.mobile-signin):focus-visible{
  padding-left:14px;
  border-color:#dfb96a;
  color:#f5cc77;
  outline:none;
}
body .site-header.site-header--menu-only .primary-nav>a:not(.mobile-signin):hover::after,
body .site-header.site-header--menu-only .primary-nav>a:not(.mobile-signin):focus-visible::after{
  opacity:1;
  transform:translate(3px,-3px);
}
body .site-header.site-header--menu-only .primary-nav>.mobile-signin{
  grid-column:1/-1;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  justify-self:start;
  min-height:40px;
  max-width:min(340px,100%);
  margin:28px 0 0;
  padding:8px 16px;
  border:1px solid rgba(216,178,98,.65);
  border-radius:999px;
  color:#f5d994;
  font:700 11px/1.3 Manrope,"Noto Sans JP",sans-serif!important;
  letter-spacing:.08em;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body .site-header.site-header--menu-only .primary-nav>.mobile-signin:hover,
body .site-header.site-header--menu-only .primary-nav>.mobile-signin:focus-visible{
  background:rgba(218,177,93,.14);
  outline:2px solid #e2bc73;
  outline-offset:3px;
}
@media(max-width:1099px){
  body .site-header.site-header--menu-only .primary-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:779px){
  body .site-header.site-header--menu-only .primary-nav{
    grid-template-columns:minmax(0,1fr);
    padding:100px 24px 36px;
  }
  body .site-header.site-header--menu-only .menu-panel-head{
    display:grid;
    gap:6px;
    min-height:0;
    margin-bottom:8px;
  }
  body .site-header.site-header--menu-only .menu-panel-head strong{font-size:40px}
  body .site-header.site-header--menu-only .menu-panel-head i{display:none}
  body .site-header.site-header--menu-only .primary-nav>a:not(.mobile-signin){
    min-height:56px;
    font-size:clamp(27px,8vw,38px);
  }
  body .site-header.site-header--menu-only .primary-nav>a.nav-trade-chat-room{font-size:clamp(25px,7vw,32px)}
  body .site-header.site-header--menu-only .nav-toggle{
    flex-basis:56px;
    width:56px!important;
    height:56px!important;
  }
  body .site-header.site-header--menu-only .sign-in.header-user-name{
    max-width:min(150px,38vw);
    padding:7px 9px;
    font-size:12px!important;
  }
  body .site-header.site-header--menu-only:has(.header-user-name) .nav-toggle{margin-left:8px}
}
@media(max-width:420px){
  body .site-header.site-header--menu-only .brand img{width:38px;height:38px}
  body .site-header.site-header--menu-only .brand>span,
  body .site-header.site-header--menu-only .brand em{font-size:clamp(13px,3.8vw,17px)}
  body .site-header.site-header--menu-only .primary-nav{padding-right:18px;padding-left:18px}
}
@media(prefers-reduced-motion:reduce){
  body .site-header.site-header--menu-only .nav-toggle,
  body .site-header.site-header--menu-only .primary-nav,
  body .site-header.site-header--menu-only .primary-nav>a{transition:none}
  body .site-header.site-header--menu-only .nav-toggle,
  body .site-header.site-header--menu-only .nav-toggle::after{animation:none}
}