:root{--bg: #0a0a0f;--bg-2: #14141c;--panel: #1c1c26;--panel-2: #2a2a38;--ink: #e8ffe8;--ink-dim: #9aa49a;--green: #39ff14;--green-dim: #1fa30b;--red: #ff2d3d;--magenta: #ff3df0;--yellow: #ffe600;--cyan: #00e5ff;--border-dark: #050507;--border-light: #4a4a5e;--font-mono: "Courier New", "Consolas", ui-monospace, monospace;--font-pixel: "Courier New", "Consolas", ui-monospace, monospace;--shadow-pixel: 4px 4px 0 #000;--shadow-pixel-lg: 8px 8px 0 #000}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-mono);font-size:16px;line-height:1.5;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{background:radial-gradient(ellipse at top,#1a1a26 0%,var(--bg) 60%) no-repeat,repeating-linear-gradient(0deg,rgba(57,255,20,.025) 0px,rgba(57,255,20,.025) 1px,transparent 1px,transparent 3px);min-height:100vh}a{color:var(--cyan);text-decoration:underline;text-underline-offset:2px}a:hover{color:var(--yellow);background:#000}img{image-rendering:pixelated;image-rendering:crisp-edges}.page{max-width:1100px;margin:0 auto;padding:24px clamp(12px,3vw,32px) 64px;position:relative;z-index:1}.marquee{background:var(--yellow);color:#000;font-weight:700;letter-spacing:1px;border-top:2px solid #000;border-bottom:2px solid #000;overflow:hidden;white-space:nowrap;margin:0 calc(50% - 50vw) 24px;width:100vw;position:relative;z-index:2}.marquee-track{display:flex;gap:48px;width:max-content;padding:6px 0;animation:marquee 40s linear infinite}.marquee-track span{white-space:nowrap;font-size:14px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.win98{background:var(--panel);border:2px solid var(--border-dark);box-shadow:inset 1px 1px 0 var(--border-light),inset -1px -1px 0 var(--border-dark),var(--shadow-pixel-lg);margin-bottom:32px}.win98-small{box-shadow:inset 1px 1px 0 var(--border-light),inset -1px -1px 0 var(--border-dark),var(--shadow-pixel)}.win98-titlebar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 8px;font-weight:700;font-size:13px;letter-spacing:.5px;color:#000;-webkit-user-select:none;user-select:none}.win98-green .win98-titlebar{background:linear-gradient(90deg,var(--green) 0%,var(--green-dim) 100%)}.win98-magenta .win98-titlebar{background:linear-gradient(90deg,var(--magenta) 0%,#8a1f8a 100%);color:#fff}.win98-red .win98-titlebar{background:linear-gradient(90deg,var(--red) 0%,#7a0010 100%);color:#fff}.win98-yellow .win98-titlebar{background:linear-gradient(90deg,var(--yellow) 0%,#b39600 100%)}.win98-title{text-transform:uppercase;font-family:var(--font-pixel)}.win98-controls{display:inline-flex;gap:4px}.win98-btn{display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;background:silver;color:#000;border:1px solid var(--border-dark);box-shadow:inset 1px 1px #fff,inset -1px -1px #555;font-size:11px}.win98-body{padding:20px clamp(14px,3vw,28px)}.hero{margin-top:8px}.hero-inner{text-align:center}.hero-eyebrow{margin:0 0 8px;font-size:13px;color:var(--green);letter-spacing:1px;text-transform:uppercase}.blink{animation:blink 1.1s steps(2,end) infinite;color:var(--red)}@keyframes blink{50%{opacity:0}}.hero-title{font-family:var(--font-pixel);font-size:clamp(40px,9vw,96px);line-height:1;margin:12px 0 16px;color:var(--green);letter-spacing:4px;text-shadow:3px 3px 0 #000,0 0 18px rgba(57,255,20,.55);position:relative;display:inline-block}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.glitch:before{color:var(--magenta);transform:translate(-2px);mix-blend-mode:screen;clip-path:polygon(0 0,100% 0,100% 45%,0 45%);animation:glitch-top 3.4s infinite steps(2,end);text-shadow:none}.glitch:after{color:var(--cyan);transform:translate(2px);mix-blend-mode:screen;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);animation:glitch-bot 2.6s infinite steps(2,end);text-shadow:none}@keyframes glitch-top{0%,92%,to{transform:translate(-2px)}93%{transform:translate(-6px,-1px)}95%{transform:translate(4px,1px)}97%{transform:translate(-1px)}}@keyframes glitch-bot{0%,90%,to{transform:translate(2px)}91%{transform:translate(6px,1px)}93%{transform:translate(-3px,-1px)}95%{transform:translate(1px)}}.hero-subtitle{max-width:640px;margin:0 auto 16px;font-size:clamp(15px,2vw,18px);color:var(--ink)}.hero-bullets{list-style:none;margin:0 auto 22px;padding:0;display:inline-block;text-align:left;font-size:15px;color:var(--ink-dim)}.hero-bullets li:before{content:"> ";color:var(--green);font-weight:700}.hero-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:18px}.badge{display:inline-block;padding:4px 10px;font-size:12px;font-weight:700;letter-spacing:1px;border:2px solid #000;box-shadow:2px 2px #000;text-transform:uppercase}.badge-construction{background:var(--yellow);color:#000;animation:wobble 4s ease-in-out infinite}.badge-best{background:var(--magenta);color:#fff}.badge-hun{background:linear-gradient(180deg,#cd2a3e 33%,#fff 33%,#fff 66%,#436f4d 66%);color:#000;text-shadow:0 0 2px #fff}@keyframes wobble{0%,to{transform:rotate(-1deg)}50%{transform:rotate(2deg)}}.counter{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:8px;padding:8px 12px;background:#000;border:2px solid var(--green);box-shadow:0 0 12px #39ff1466 inset,2px 2px #000;font-size:13px;color:var(--green);text-transform:uppercase;letter-spacing:1px}.counter-label{font-weight:700}.counter-digits{display:inline-flex;gap:2px}.counter-digit{display:inline-block;min-width:16px;padding:2px 4px;background:#001a00;border:1px solid var(--green-dim);color:var(--green);font-family:var(--font-mono);font-weight:700;text-shadow:0 0 6px var(--green)}.counter-note{color:var(--ink-dim);text-transform:none;letter-spacing:0;font-size:12px}.games{margin-top:32px}.games-header{text-align:center;margin-bottom:24px}.section-title{font-family:var(--font-pixel);font-size:clamp(22px,4vw,32px);color:var(--yellow);margin:0 0 6px;letter-spacing:2px;text-shadow:2px 2px 0 #000}.prompt{color:var(--green)}.section-sub{margin:0;color:var(--ink-dim);font-size:14px}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}.card{background:var(--panel);border:2px solid var(--border-dark);box-shadow:inset 1px 1px 0 var(--border-light),inset -1px -1px 0 var(--border-dark),var(--shadow-pixel);display:flex;flex-direction:column;transition:transform .12s ease,box-shadow .12s ease}.card:hover{transform:translate(-2px,-2px);box-shadow:inset 1px 1px 0 var(--border-light),inset -1px -1px 0 var(--border-dark),6px 6px #000}.card-titlebar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 8px;font-size:12px;font-weight:700;letter-spacing:.5px;color:#000;text-transform:uppercase}.card-red .card-titlebar{background:linear-gradient(90deg,var(--red) 0%,#7a0010 100%);color:#fff}.card-green .card-titlebar{background:linear-gradient(90deg,var(--green) 0%,var(--green-dim) 100%)}.card-yellow .card-titlebar{background:linear-gradient(90deg,var(--yellow) 0%,#b39600 100%)}.card-magenta .card-titlebar{background:linear-gradient(90deg,var(--magenta) 0%,#8a1f8a 100%);color:#fff}.card-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-status{flex-shrink:0;padding:1px 6px;background:#000;color:var(--yellow);border:1px solid #000;font-size:10px;letter-spacing:1px}.card-body{padding:16px;display:flex;flex-direction:column;gap:12px;flex:1}.card-emoji{font-size:48px;text-align:center;filter:drop-shadow(2px 2px 0 #000);animation:float 5s ease-in-out infinite}.card:nth-child(2n) .card-emoji{animation-delay:-1.5s}.card:nth-child(3n) .card-emoji{animation-delay:-3s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.card-desc{margin:0}.card-desc p{margin:0;font-size:14px;color:var(--ink);line-height:1.45}.card-extra{margin:0;font-size:13px;color:var(--ink-dim);font-style:italic;border-top:1px dashed var(--border-light);padding-top:10px}.card-btn{display:inline-block;margin-top:auto;padding:10px 14px;text-align:center;text-decoration:none;font-family:var(--font-pixel);font-weight:700;font-size:14px;letter-spacing:1px;text-transform:uppercase;background:var(--green);color:#000;border:2px solid #000;box-shadow:3px 3px #000;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease,background .12s ease}.card-red .card-btn{background:var(--red);color:#fff}.card-yellow .card-btn{background:var(--yellow);color:#000}.card-magenta .card-btn{background:var(--magenta);color:#fff}.card-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #000;background:var(--yellow);color:#000}.card-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.card-btn-disabled,.card-btn-disabled:hover{background:#3a3a48;color:#888;cursor:not-allowed;text-shadow:1px 1px 0 #000;transform:none;box-shadow:3px 3px #000}.card.is-disabled{opacity:.92}.footer{margin-top:48px;text-align:center}.footer-line{margin:0 0 6px;font-size:14px}.footer-line.dim{color:var(--ink-dim);font-size:12px}.footer-links{margin:10px 0 0;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;font-size:13px;color:var(--ink-dim)}.footer-links a{color:var(--magenta)}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0px,rgba(0,0,0,.18) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply;z-index:9998}.crt-flicker{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#39ff1404;animation:flicker 7s steps(3,end) infinite;z-index:9997}@keyframes flicker{0%,to{opacity:1}47%{opacity:.92}48%{opacity:1}60%{opacity:.96}62%{opacity:1}}.crt-vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%);z-index:9996}@media (max-width: 640px){.hero-title{letter-spacing:2px}.game-grid{grid-template-columns:1fr;gap:16px}.win98-body{padding:16px}.badge{font-size:11px;padding:3px 8px}.counter{font-size:12px}.counter-note{display:block;width:100%}}@media (prefers-reduced-motion: reduce){.glitch:before,.glitch:after,.badge-construction,.blink,.marquee-track,.crt-flicker,.card-emoji{animation:none!important}.card:hover,.card-btn:hover{transform:none}}