/* ============================================================
   ALTIVEC.FYI — God Says / News Widget Styles
   (intentionally always dark — it's a CRT, it should stay black)
   ============================================================ */

.god-widget {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    position: relative;
    width: 220px;
    height: 94px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(240,165,0,0.2);
    -moz-box-shadow: 0 4px 24px rgba(0,0,0,0.4);
    box-shadow: 0 4px 24px rgba(0,0,0,0.4);
    margin-top: 20px;
    margin-left: 12px;
    background: #0a0800;
    cursor: pointer;
}
.god-scanlines { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,0.15) 2px, rgba(0,0,0,0.15) 4px); pointer-events: none; z-index: 2; }
.god-glow { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: radial-gradient(ellipse at 50% 50%, rgba(240,165,0,0.06) 0%, transparent 70%); pointer-events: none; z-index: 1; }
.god-inner { position: relative; z-index: 3; height: 100%; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; padding: 8px 12px; overflow: hidden; }

.god-header { font-size: 10px; color: rgba(240,165,0,0.85); letter-spacing: 3px; text-transform: uppercase; font-family: monospace; margin-bottom: 4px; -webkit-flex-shrink: 0; flex-shrink: 0; text-align: center; text-shadow: 0 0 8px rgba(240,165,0,0.5); }
.god-text { font-size: 12px; color: #f0a500; font-family: monospace; line-height: 1.45; text-shadow: 0 0 6px rgba(240,165,0,0.5); white-space: normal; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.god-text.idle { color: rgba(240,165,0,0.3); text-shadow: none; font-style: italic; }
.god-scroll { -webkit-flex: 1; flex: 1; overflow-y: auto; overflow-x: hidden; position: relative; scrollbar-width: none; -ms-overflow-style: none; overflow: -moz-scrollbars-none; }
.god-scroll::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none; }

/* Mode toggle button */
.god-mode-toggle {
    position: absolute;
    top: 4px;
    right: 5px;
    z-index: 10;
    background: rgba(240,165,0,0.12);
    border: 1px solid rgba(240,165,0,0.35);
    border-radius: 3px;
    color: rgba(240,165,0,0.7);
    font-size: 8px;
    font-family: monospace;
    letter-spacing: 0.5px;
    padding: 2px 4px;
    cursor: pointer;
    line-height: 1;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    transition: all 0.15s;
}
.god-mode-toggle:hover { background: rgba(240,165,0,0.28); color: #f0a500; }

/* Scroll button */
.god-scroll-btn { position: absolute; bottom: 4px; right: 4px; z-index: 10; background: rgba(10,8,0,0.85); border: 1px solid rgba(240,165,0,0.4); border-radius: 3px; color: rgba(240,165,0,0.8); font-size: 8px; line-height: 1; padding: 1px 3px; cursor: pointer; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; transition: all 0.15s; display: none; -webkit-flex-shrink: 0; flex-shrink: 0; }
.god-scroll-btn:hover { background: rgba(240,165,0,0.2); color: #f0a500; }