:root{--bg:navy;--bg-deep:#00004a;--panel:silver;--panel-dark:gray;--panel-light:#fff;--hot-pink:#f0a;--lime:#0f6;--cyan:#0ff;--yellow:#ff0;--orange:#f60;--text:navy}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#fff;background:var(--bg-deep);font-family:Comic Neue,Comic Sans MS,Comic Sans,cursive,sans-serif;overflow-x:hidden}.stars{z-index:0;pointer-events:none;background:radial-gradient(2px 2px at 20px 30px,#fff,#0000) 0 0/800px 240px,radial-gradient(2px 2px at 40px 70px,#ff0,#0000) 0 0/800px 240px,radial-gradient(1px 1px at 90px 40px,#fff,#0000) 0 0/800px 240px,radial-gradient(2px 2px at 160px 120px,#0ff,#0000) 0 0/800px 240px,radial-gradient(1px 1px at 230px 80px,#fff,#0000) 0 0/800px 240px,radial-gradient(2px 2px at 300px 160px,#f0f,#0000) 0 0/800px 240px,radial-gradient(1px 1px at 400px 50px,#fff,#0000) 0 0/800px 240px,radial-gradient(2px 2px at 520px 200px,#ff0,#0000) 0 0/800px 240px,radial-gradient(1px 1px at 600px 90px,#fff,#0000) 0 0/800px 240px,radial-gradient(2px 2px at 720px 140px,#0ff,#0000) 0 0/800px 240px,linear-gradient(#000030 0%,navy 45%,#1a0066 100%) 0 0/100% 100%;animation:4s steps(2,end) infinite twinkle;position:fixed;inset:0}@keyframes twinkle{50%{opacity:.85}}.page{z-index:1;max-width:980px;margin:0 auto;padding:16px 12px 48px;position:relative}.hero{background:linear-gradient(135deg,#1a0033 0%,#406 50%,#006 100%);border:4px ridge #f0a;grid-template-columns:180px 1fr;align-items:center;gap:20px;margin-bottom:18px;padding:18px;display:grid;box-shadow:0 0 0 3px #ff0,0 0 24px #f0a}.hero-frame{background:linear-gradient(#fff 0%,silver 100%);border:3px solid #000;justify-self:center;padding:6px;position:relative;box-shadow:4px 4px #000}.hero-photo{object-fit:cover;object-position:top center;filter:contrast(1.1)saturate(1.15);border:2px solid navy;width:150px;height:auto;max-height:260px;display:block}.hero-glare{pointer-events:none;background:linear-gradient(120deg,#ffffff59 0%,#0000 40% 100%);position:absolute;inset:6px}.hero-copy{min-width:0}.under-construction{color:var(--yellow);letter-spacing:1px;margin:0 0 8px;font-family:"Press Start 2P",monospace;font-size:10px}h1{text-transform:uppercase;margin:0 0 10px;line-height:1.05}.title-where{color:var(--cyan);text-shadow:3px 3px #000,0 0 12px #0ff;font-family:"Press Start 2P",monospace;font-size:clamp(14px,3vw,22px);display:block}.title-name{color:var(--hot-pink);text-shadow:4px 4px #000,-1px -1px #ff0,0 0 18px #f0a;letter-spacing:1px;font-family:Impact,Arial Black,sans-serif;font-size:clamp(36px,8vw,64px);display:block}.tagline{color:#ffe6ff;text-shadow:1px 1px #000;margin:0 0 12px;font-size:1.05rem}.tagline strong{color:var(--yellow)}.opening-banner{color:#000;background:repeating-linear-gradient(45deg,#ff0,#ff0 10px,#fc0 10px 20px);border:3px solid #000;margin:0 0 12px;padding:8px 12px;font-family:"Press Start 2P",monospace;font-size:10px;line-height:1.5;display:inline-block;box-shadow:4px 4px #f0a}.neon{color:#c00;text-shadow:none}marquee{color:var(--lime);background:#000;border:2px inset gray;padding:6px 0;font-weight:700;display:block}.blink{animation:1s step-start infinite blink}@keyframes blink{50%{opacity:0}}.panel{background:var(--panel);border-top:2px solid var(--panel-light);border-left:2px solid var(--panel-light);border-right:2px solid var(--panel-dark);border-bottom:2px solid var(--panel-dark);color:#000;margin-bottom:18px;box-shadow:4px 4px #000}.panel-bar{color:#fff;background:linear-gradient(90deg,navy,#1084d0);justify-content:space-between;align-items:center;gap:12px;padding:4px 8px;font-family:"Press Start 2P",monospace;font-size:9px;display:flex}.panel-dots{opacity:.9;letter-spacing:4px}.panel-body{padding:12px}.status-row{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.lcd{background:#001a00;border:2px inset #333;padding:8px;box-shadow:inset 0 0 12px #030}.lcd-label{color:#3f6;opacity:.8;margin-bottom:6px;font-family:"Press Start 2P",monospace;font-size:7px}.lcd-value{color:var(--lime);text-shadow:0 0 6px #0f0;word-break:break-word;font-family:"Press Start 2P",monospace;font-size:clamp(8px,1.6vw,11px)}.progress-wrap{margin-bottom:12px}.progress-track{background:#000;border:2px inset gray;height:22px;overflow:hidden}.progress-fill{background:repeating-linear-gradient(90deg,#0f6 0 10px,#0c4 10px 20px);width:0%;height:100%;transition:width .6s linear}.progress-caption{color:navy;margin:6px 0 0;font-size:.95rem}.map{z-index:0;background:#9cf;border:3px inset gray;width:100%;height:min(520px,70vh)}.legend{color:#000;flex-wrap:wrap;gap:12px 20px;margin:10px 0 0;padding:0;font-size:.95rem;list-style:none;display:flex}.legend .dot{vertical-align:middle;border:1px solid #000;width:12px;height:12px;margin-right:6px;display:inline-block}.legend .school{background:#fc0}.legend .enoch{background:#f0a}.legend .path{background:repeating-linear-gradient(90deg,#f0a 0 4px,#0000 4px 8px)}.marker-school{filter:drop-shadow(0 2px 2px #0009);font-size:28px;line-height:1}.marker-enoch{width:44px;height:44px;position:relative}.marker-enoch img{object-fit:cover;object-position:top center;background:#222;border:3px solid #f0a;border-radius:50%;width:40px;height:40px;box-shadow:0 0 0 2px #fff,0 0 12px #f0a}.marker-enoch .pulse{border:2px solid #f0a;border-radius:50%;animation:1.4s ease-out infinite pulse;position:absolute;inset:-4px}@keyframes pulse{0%{opacity:1;transform:scale(.85)}to{opacity:0;transform:scale(1.45)}}.school-marker,.enoch-marker{background:0 0;border:0}.info-grid{grid-template-columns:1.2fr 1.2fr .8fr;gap:12px;display:grid}.info-card{background:#fff8dc;border:2px solid navy;padding:10px}.info-card h2{color:navy;border-bottom:2px dotted #f0a;margin:0 0 8px;padding-bottom:4px;font-family:Impact,Arial Black,sans-serif;font-size:1.25rem}.info-card p{color:#111;margin:0;font-size:.98rem;line-height:1.4}.hit-counter{text-align:center;color:#0f0;background:#000;border-color:#0f0}.hit-counter h2{color:#0f0;border-bottom-color:#0f0}.hit-counter p{color:#0f0}.counter{letter-spacing:4px;text-shadow:0 0 8px #0f0;font-family:"Press Start 2P",monospace;font-size:1.4rem;margin:16px 0!important}.tiny{opacity:.85;font-size:.8rem!important}.footer{text-align:center;color:#fcf;text-shadow:1px 1px #000;padding:16px 8px}.footer p{margin:0 0 6px}@media (width<=760px){.hero{text-align:center;grid-template-columns:1fr}.status-row{grid-template-columns:1fr 1fr}.info-grid{grid-template-columns:1fr}.opening-banner{font-size:8px}}