/* ─────────────────────────────────────────────
   GLOBAL BACKGROUND
───────────────────────────────────────────── */

body{
    background:#000000;
    color:#00eaff;
    text-shadow: 0 0 6px #00eaff;
}

/* ─────────────────────────────────────────────
   FULL-SCREEN STATIC TRON GIF OVERLAY
───────────────────────────────────────────── */

.home::before{
    content:"";
    position:fixed;
    inset:0;
    width:100%;
    height:100%;

    background-image:url("/static/misc/lain.gifv");
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover; /* FULL SCREEN */

    pointer-events:none;
    z-index:-1;
    opacity:.70;

    /* ABSOLUTELY STATIC */
    animation:none;
}

/* ─────────────────────────────────────────────
   MAIN CONTAINER
───────────────────────────────────────────── */

.home{
    background:#000000;
}

/* ─────────────────────────────────────────────
   CLEANUP
───────────────────────────────────────────── */

.web .answer::after{
	display:none;
}

/* ─────────────────────────────────────────────
   TRON COLOR VARIABLES (CYAN)
───────────────────────────────────────────── */

:root{
	/* background shades */
	--1d2021: #000000;
	--282828: #020b0f;
	--3c3836: #04161c;
	--504945: #06242c;
	
	/* font colors */
	--928374: #009fb0;
	--a89984: #00c6d6;
	--bdae93: #00eaff;
	--8ec07c: #33f2ff;
	--ebdbb2: #bffaff;
	
	/* code highlighter */
	--comment: #006b78;
	--default: #00eaff;
	--keyword: #00bfff;
	--string: #66faff;
	
	/* semantic colors */
	--green: #00eaff;
	--yellow: #66faff;
	--red: #ff4466;
}

/* ─────────────────────────────────────────────
   TABLES & PANELS
───────────────────────────────────────────── */

.web .wiki-head table,
.about table,
.web .info-table,
.instances table{
	background:#000000cc;
    color:#00eaff;
    border:1px solid #004c55;
    box-shadow: 0 0 12px #00eaff33;
}

/* alternating rows */
.web .wiki-head tr:nth-child(odd),
.about table tr:nth-child(odd),
.web .info-table tr:nth-child(even),
.nextpage,
.spoiler-button,
.instances tbody tr:nth-child(even){
	background:#02161dcc;
    color:#00eaff;
}

/* hover effect */
.instances tbody tr:hover{
	background:#04303acc;
    box-shadow: inset 0 0 12px #00eaff55;
}

/* ─────────────────────────────────────────────
   WIKI FIXES (UNCHANGED)
───────────────────────────────────────────── */

.wiki-head .description{
    overflow:initial !important;
}

.wiki-head .photo{
    position:relative;
}

.wiki-head .photo::after{
    content:"";
    position:absolute;
    width:100px;
    height:100px;
    background-image:url("/static/misc/christmas-hat.png");
    background-size:contain;
    top:-61px;
    left:-31px;
    transform:rotate(310deg);
}

/* ─────────────────────────────────────────────
   LINKS & INTERACTION
───────────────────────────────────────────── */

a{
    color:#33f2ff;
    text-shadow:0 0 8px #00eaff;
}

a:hover{
    color:#bffaff;
    text-shadow:0 0 14px #00ffff;
}

/* ─────────────────────────────────────────────
   CODE BLOCKS
───────────────────────────────────────────── */

pre, code{
    background:#000000;
    color:#00eaff;
    border:1px solid #004c55;
    text-shadow:0 0 4px #00eaff;
    box-shadow: inset 0 0 10px #00eaff33;
}