/* Nightmare — nightmaredream.online */
html { scroll-behavior: smooth; }
body { margin: 0; background: #0a090d; color: #e6e2db; font-family: Manrope, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: #cc6b63; text-decoration: none; }
a:hover { color: #dc8a80; }
button { font-family: inherit; }
[hidden] { display: none !important; }
::selection { background: #b5544e; color: #0a090d; }
@keyframes fogDrift { 0% { transform: translate3d(-6%,0,0) scale(1.15); } 50% { transform: translate3d(6%,-2%,0) scale(1.25); } 100% { transform: translate3d(-6%,0,0) scale(1.15); } }
@keyframes slowZoom { 0% { transform: scale(1.04); } 100% { transform: scale(1.14); } }
@keyframes cueBob { 0%,100% { transform: translateY(0); opacity: .45; } 50% { transform: translateY(9px); opacity: 1; } }
@keyframes pulseDot { 0%,100% { opacity: 1; } 50% { opacity: .35; } }
@keyframes tabFlash { 0% { background: rgba(138,108,192,.05); } 35% { background: rgba(138,108,192,.3); } 100% { background: rgba(138,108,192,.05); } }
@keyframes cardIn { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
[data-reveal] { opacity: 0; transform: translateY(26px); transition: opacity .9s ease, transform .9s cubic-bezier(.16,.84,.44,1); }
[data-reveal].is-in { opacity: 1; transform: none; }
.rail-on { background: rgba(181,84,78,.12) !important; border-left-color: #b5544e !important; color: #f4f1eb !important; }
.rail-on span:first-child { color: #d08b83 !important; }
@media (max-width: 900px) {
  .mech-grid { grid-template-columns: 1fr !important; }
  .two-col { grid-template-columns: 1fr !important; gap: 44px !important; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } [data-reveal] { opacity: 1; transform: none; } }
.x1:hover{color:#f2efe9 !important}
.x2:hover{background:rgba(255,255,255,.05) !important}
.x3:hover{color:#f2efe9 !important}
.x4:hover{background:rgba(181,84,78,.2); color:#fff !important}
.x5:hover{background:rgba(181,84,78,.2); color:#fff !important}
.x6:hover{background:#b5544e; transform:translateY(-3px); box-shadow:0 10px 24px rgba(0,0,0,.45) !important}
.x7:active{transform:translateY(-1px) !important}
.x8:hover{border-color:rgba(255,255,255,.5); background:rgba(255,255,255,.04) !important}
.x9:hover{background:#b5544e !important}
.x10:hover{background:rgba(255,255,255,.03); border-color:rgba(138,108,192,.5) !important}
.x11:hover{background:rgba(255,255,255,.03); color:#e6e2db !important}
.x12:hover{background:rgba(255,255,255,.03); color:#e6e2db !important}
.x13:hover{background:rgba(255,255,255,.03); color:#e6e2db !important}
.x14:hover{background:rgba(255,255,255,.03); color:#e6e2db !important}
.x15:hover{background:rgba(255,255,255,.03); color:#e6e2db !important}
.x16:hover{background:rgba(255,255,255,.03); color:#e6e2db !important}
.x17:hover{background:rgba(255,255,255,.03); color:#e6e2db !important}
.x18:hover{background:rgba(255,255,255,.03); color:#e6e2db !important}
.x19:hover{background:#b5544e !important}
.x20:hover{background:#131118 !important}
.x21:hover{background:#131118 !important}
.x22:hover{background:#131118 !important}
.x23:hover{color:#f2efe9 !important}
.x24:hover{color:#f2efe9 !important}
.x25:hover{color:#f2efe9 !important}
.x26:hover{color:#f2efe9 !important}
.x27:hover{color:#f2efe9 !important}
.x28:hover{color:#f2efe9 !important}
.x29:hover{color:#f2efe9 !important}
.x30:hover{background:rgba(181,84,78,.2) !important}

.x501:hover{color:#f2efe9 !important}
.x502:hover{color:#f2efe9 !important}
.x503:hover{background:#b5544e !important}
.x504:hover{color:#e6e2db !important}
.x505:hover{background:#b5544e !important}
.x506:hover{border-color:rgba(255,255,255,.5); background:rgba(255,255,255,.04) !important}
.x507:hover{background:#131118 !important}
.x508:hover{background:#131118 !important}
.x509:hover{background:#131118 !important}
.x510:hover{background:#131118 !important}
.x511:hover{background:#131118 !important}
.x512:hover{background:#131118 !important}
.x513:hover{background:#131118 !important}
.x514:hover{background:#131118 !important}
.x515:hover{background:#131118 !important}
.x516:hover{background:#131118 !important}
.x517:hover{background:#131118 !important}
.x518:hover{background:#131118 !important}
.x519:hover{background:#b5544e !important}
.x520:hover{color:#f2efe9 !important}
.x521:hover{color:#f2efe9 !important}
.x522:hover{color:#f2efe9 !important}
.x523:hover{color:#f2efe9 !important}

.x900:hover{color:#e6e2db !important}
.x901:hover{color:#f2efe9 !important}
.x902:hover{background:#b5544e !important}
.x903:hover{color:#e6e2db !important}
.x904:hover{color:#f2efe9 !important}
@media (max-width: 900px) { .two-col { grid-template-columns: 1fr !important; } .two-col nav { position: static !important; } }

.xh1:hover{color:#f2efe9 !important}
.xh2:hover{background:rgba(255,255,255,.05) !important}
.xh3:hover{color:#f2efe9 !important}
.xh4:hover{background:#b5544e !important; transform:translateY(-2px)}