/* xiaoman.manor / reset.css  build 2016.05.21 */
:root{
  --ink:#000; --ash:#8a8a8a; --blood:#b3000c;
  --child:#f5e9a8; --term:#9fb8a0;
  --sky:#8fd3f4; --sky2:#d9f0ff; --grass:#a8d86a; --grass2:#79b84e;
  --wood:#c98b4b; --wood-dk:#8a5a2b; --cream:#fff4cf; --panel:#fff8e2;
  --line:#e2c79a; --green:#4e9a52; --blue:#4a8fc9; --pink:#ef8fb0;
  --gold:#f4c542; --purple:#a982d6;
  --shadow:0 4px 0 rgba(120,80,30,.55), 0 8px 18px rgba(60,35,10,.28);
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,"Courier New",monospace;
  --cn:"WenQuanYi Micro Hei","PingFang SC","Microsoft YaHei",monospace;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;height:100%;background:var(--ink);color:#3a2c1a}
body{font-family:var(--cn);overflow:hidden;-webkit-font-smoothing:none;user-select:none}
a{color:inherit;text-decoration:none}
button,input,select{font-family:inherit}
::selection{background:var(--blood);color:#000}
:focus{outline:none}

#xm-noise{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:9000;
  opacity:.045;mix-blend-mode:screen;image-rendering:pixelated}
#xm-scan{position:fixed;inset:0;pointer-events:none;z-index:9001;opacity:.22;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,0) 0 2px,rgba(0,0,0,.36) 2px 3px)}
#xm-vignette{position:fixed;inset:0;pointer-events:none;z-index:9002;
  background:radial-gradient(ellipse at 50% 44%,rgba(0,0,0,0) 44%,rgba(0,0,0,.62) 100%)}
#xm-bloodveil{position:fixed;inset:0;pointer-events:none;z-index:8999;opacity:0;
  background:radial-gradient(ellipse at 50% 50%,rgba(120,0,10,0) 28%,rgba(96,0,10,.62) 100%);
  transition:opacity .9s linear}
#xm-flash{position:fixed;inset:0;pointer-events:none;z-index:9600;background:#000;opacity:0}
#xm-flash.on{background:#3d0006;opacity:.82}

html[data-blocked="mobile"],html[data-blocked="mobile"] body{background:#000!important;color:#c80010!important;overflow:hidden!important}
#xm-mobile-gate{position:fixed;inset:0;z-index:99999;background:#000;color:#c80010;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-family:var(--mono);text-align:center;letter-spacing:.14em;
  text-shadow:0 0 12px rgba(200,0,16,.75)}
#xm-mobile-gate .big{font-size:15px;line-height:2.3}
#xm-mobile-gate .small{font-size:10px;opacity:.5;margin-top:28px;letter-spacing:.32em}
#xm-mobile-gate .bar{margin-top:18px;width:138px;height:1px;
  background:linear-gradient(90deg,transparent,#c80010,transparent);
  animation:xm-breathe 1.6s steps(2,end) infinite}
@keyframes xm-breathe{0%,49%{opacity:.12}50%,100%{opacity:1}}

@keyframes xm-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes xm-float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}100%{transform:translateY(0)}}
@keyframes xm-wobble{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@keyframes xm-pulse{0%,100%{opacity:.3}50%{opacity:1}}
@keyframes xm-pop{0%{transform:scale(.82);opacity:0}70%{transform:scale(1.04)}100%{transform:scale(1);opacity:1}}