/* ==========================================================================
   kraken.moe — coming soon
   --------------------------------------------------------------------------
   Same palette and yoweb artwork as the full site, pared back to one panel.
   ========================================================================== */
:root {
  --bg:      #C5C7AE;
  --bg-alt:  #C3C4AA;
  --panel:   #CDCEB5;
  --edge:    #B3AD86;
  --label:   #958A5F;
  --ink:     #000000;
  --col:     890px;
}

* { box-sizing: border-box; }

html { background: var(--bg); }

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font: 13px/1.45 Arial, Helvetica, sans-serif;
}

.wrap {
  width: 100%;
  max-width: var(--col);
  margin: 0 auto;
  padding: 10px 10px 40px;
}

/* masthead */
.masthead { text-align: center; padding-bottom: 26px; }
.brand { display: inline-block; margin: 6px 0 2px; }
.brand img { display: block; width: 100%; max-width: 330px; height: auto; }
.rope {
  height: 18px;
  background: url("yoweb/header.png") repeat-x center center;
  background-size: auto 18px;
}
.rope-foot {
  height: 18px;
  background: url("yoweb/footer.png") repeat-x center center;
  background-size: auto 18px;
}

/* the yoweb panel */
.panel {
  background: var(--panel);
  border: 1px solid var(--edge);
  padding: 8px 10px;
}
.panel-head {
  margin: -8px -10px 8px;
  padding: 4px 10px;
  background: var(--bg-alt);
  border-bottom: 1px solid var(--edge);
  font-weight: bold;
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #4A452C;
  text-align: center;
}

.coming { text-align: center; padding: 40px 18px 46px; }
.coming .name {
  margin: 0 0 10px;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: .01em;
}
.coming .rule {
  width: 140px;
  height: 1px;
  margin: 20px auto;
  background: var(--edge);
}
.coming .sub {
  margin: 0;
  font-size: 15px;
  color: #4A452C;
}
.coming .note {
  margin: 14px 0 0;
  font-size: 11.5px;
  color: var(--label);
  letter-spacing: .02em;
}

/* footer */
.site-foot { margin-top: 26px; text-align: center; font-size: 11px; color: #55503A; }
.site-foot .legal { max-width: 620px; margin: 8px auto 0; line-height: 1.5; }