/* =========================================================
   ROGUE PALETTE
   Rogue StreamWorks Player Palette
   ========================================================= */


/* =========================================================
   PLAYER SHELL
   ========================================================= */

.rsw-player {
    color: #eeeeee;

    border:
        1px solid
        rgba(205, 25, 25, 0.78);

    background:
        linear-gradient(
            180deg,
            #210303 0%,
            #120202 18%,
            #080808 52%,
            #160202 82%,
            #070707 100%
        );

    box-shadow:
        0 0 12px rgba(255, 0, 0, 0.20),
        0 0 34px rgba(150, 0, 0, 0.18);
}


/* =========================================================
   HEADER
   ========================================================= */

.rsw-player-header {
    color: #f0f0f0;

    border-bottom:
        1px solid
        rgba(255, 45, 45, 0.34);

    background:
        linear-gradient(
            180deg,
            #180202 0%,
            #080808 100%
        );
}

.status-dot {
    background: #39d875;

    box-shadow:
        0 0 10px
        rgba(57, 216, 117, 0.85);
}

.status-dot.offline {
    background: #d43b3b;

    box-shadow:
        0 0 10px
        rgba(212, 59, 59, 0.70);
}

.live-status {
    color: #f2f2f2;
}

.station-label {
    color: #c9c9c9;
}


/* =========================================================
   NOW PLAYING
   ========================================================= */

.now-playing {
    background:
        radial-gradient(
            circle at center,
            rgba(120, 0, 0, 0.24) 0%,
            rgba(40, 0, 0, 0.12) 40%,
            rgba(0, 0, 0, 0) 72%
        );
}

.station-logo {
    filter:
        drop-shadow(
            0 0 9px
            rgba(255, 25, 25, 0.30)
        );
}

.now-playing-label {
    color: #e43a3a;

    text-shadow:
        0 0 8px
        rgba(255, 0, 0, 0.38);
}

.artist-name {
    color: #f3f3f3;

    text-shadow:
        0 1px 0 #000000,
        0 0 8px rgba(255, 255, 255, 0.10);
}

.song-title {
    color: #d7d7d7;
}


/* =========================================================
   FOOTER
   ========================================================= */

.rsw-footer {
    color: #cfcfcf;

    border-top:
        1px solid
        rgba(255, 40, 40, 0.25);

    background:
        linear-gradient(
            180deg,
            #090909 0%,
            #030303 100%
        );
}

.rsw-footer strong {
    color: #f1f1f1;
}

.mission {
    color: #d92c2c;

    text-shadow:
        0 0 8px
        rgba(255, 0, 0, 0.30);
}


/* =========================================================
   EMBED PANEL
   ========================================================= */

.embed-panel {
    color: #e8e8e8;

    border:
        1px solid
        rgba(205, 25, 25, 0.60);

    background:
        linear-gradient(
            180deg,
            #120202 0%,
            #070707 100%
        );

    box-shadow:
        0 0 18px
        rgba(150, 0, 0, 0.16);
}

.embed-title {
    color: #e43a3a;

    text-shadow:
        0 0 8px
        rgba(255, 0, 0, 0.30);
}

.embed-description {
    color: #c9c9c9;
}

.embed-code {
    color: #dddddd;

    border:
        1px solid
        rgba(255, 255, 255, 0.18);

    background: #050505;

    outline: none;
}

.embed-code:focus {
    border-color:
        rgba(225, 45, 45, 0.72);

    box-shadow:
        0 0 8px
        rgba(225, 0, 0, 0.18);
}