<!DOCTYPE html>

<html>

<head>

<title>7800+ ARCHIVE // DATABASE_NODE</title>

<style>

:root {

--cyan: #00FFFF;

--dark-cyan: #003333;

--glow: 0 0 15px rgba(0, 255, 255, 0.6);

}

body {

background-color: #000;

color: var(--cyan);

font-family: 'Courier New', Courier, monospace;

margin: 0;

padding: 40px;

/* This width ensures the site never 'squishes' */

width: 1000px;

background-image: linear-gradient(rgba(0, 255, 255, 0.05) 1px, transparent 1px),

linear-gradient(90deg, rgba(0, 255, 255, 0.05) 1px, transparent 1px);

background-size: 50px 50px;

}

header {

border-bottom: 3px double var(--cyan);

padding-bottom: 20px;

margin-bottom: 40px;

}

h1 {

text-transform: uppercase;

letter-spacing: 5px;

margin: 0;

text-shadow: var(--glow);

}

.status-bar {

background: var(--dark-cyan);

padding: 5px 15px;

font-size: 0.8em;

display: inline-block;

margin-top: 10px;

}

table {

width: 100%;

border-collapse: collapse;

background: rgba(0, 0, 0, 0.8);

border: 2px solid var(--cyan);

box-shadow: var(--glow);

}

th {

background-color: var(--dark-cyan);

padding: 15px;

text-align: left;

border-bottom: 2px solid var(--cyan);

text-transform: uppercase;

}

td {

padding: 15px;

border: 1px solid var(--dark-cyan);

vertical-align: top;

}

tr:hover {

background-color: rgba(0, 255, 255, 0.05);

}

.essential { color: #FFF; text-shadow: var(--glow); font-weight: bold; }

.hardware-grid {

display: grid;

grid-template-columns: repeat(3, 1fr);

gap: 20px;

margin-top: 50px;

}

.card {

border: 1px solid var(--cyan);

padding: 15px;

background: #000;

}

</style>

</head>

<body>

<h1>[ 7800+ ARCHIVE_NODE ]</h1>

<div class="status-bar">ENCRYPTION: ACTIVE // VIEWPORT: FORCED_DESKTOP</div>

</header>

<table>

<thead>

<tr>

<th style="width: 20%;">CLASS</th>

<th>OPERATIONAL_DESCRIPTION</th>

</tr>

</thead>

<tbody>

<tr>

<td class="essential">[01] ESSENTIAL</td>

<td>Gold-standard performance. This hardware/software is mandatory for a complete 7800+ ecosystem. Zero critical bugs detected.</td>

</tr>

<tr>

<td>[02] STABLE</td>

<td>High compatibility. Recommended for standard gameplay. Minor visual artifacts may exist in overscan areas.</td>

</tr>

<tr>

<td>[03] LEGACY</td>

<td>Functional but dated. Suitable for historical documentation and technical curiosity.</td>

</tr>

</tbody>

</table>

<h3>HARDWARE_01</h3>

<p>Atari 7800+ Console</p>

</div>

<h3>INPUT_01</h3>

<p>CX78+ Wireless</p>

</div>

<p>High Score Collection</p>

</div>

</body>

</html>