:root{--y2k-ink:#17172f;--y2k-blue:#1268ff;--y2k-cyan:#31e6ff;--y2k-pink:#ff3cab;--y2k-lime:#c9ff38;--y2k-yellow:#ffe64d;--y2k-lilac:#d8ccff;--y2k-white:#fff}
*{letter-spacing:0}
body{background-color:#f4f4ff;background-image:radial-gradient(circle at 1px 1px,rgba(23,23,47,.13) 1.25px,transparent 1.3px);background-size:16px 16px;color:var(--y2k-ink)}
.shell{width:min(1360px,calc(100% - 40px))}
.site-header{background:rgba(255,255,255,.94);border-bottom:3px solid var(--y2k-ink);box-shadow:0 4px 0 rgba(49,230,255,.7)}
.nav-row{min-height:60px}
.wordmark{font-family:"Courier New",monospace;font-size:18px;font-weight:900}
.wordmark .mark{width:34px;height:34px;border:3px solid var(--y2k-ink);border-radius:8px;background:linear-gradient(135deg,var(--y2k-blue),var(--y2k-pink));box-shadow:3px 3px 0 var(--y2k-cyan)}
.main-nav{font-family:"Courier New",monospace;font-weight:900;gap:12px}
.main-nav a{padding:10px 12px;border:2px solid transparent;border-radius:6px}
.main-nav a[aria-current=page],.main-nav a:hover{border-color:var(--y2k-ink);background:var(--y2k-yellow);box-shadow:3px 3px 0 var(--y2k-pink)}
.nav-search{font-family:"Courier New",monospace;border:2px solid var(--y2k-ink);border-radius:999px;padding:8px 13px;background:var(--y2k-cyan);box-shadow:3px 3px 0 var(--y2k-ink)}
.search-icon{border-color:var(--y2k-ink)}
.section-label{font-family:"Courier New",monospace;font-weight:900;color:var(--y2k-blue)}
.button{font-family:"Courier New",monospace;border:3px solid var(--y2k-ink);border-radius:7px;background:linear-gradient(90deg,var(--y2k-blue),var(--y2k-pink));box-shadow:5px 5px 0 var(--y2k-ink);font-weight:900}
.button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--y2k-ink)}
.quiet-link,.text-link{font-family:"Courier New",monospace;font-weight:900}
.portal-top{background-color:#dff6ff;background-image:radial-gradient(circle at 2px 2px,rgba(18,104,255,.2) 2px,transparent 2.2px);background-size:18px 18px;border-bottom:3px solid var(--y2k-ink)}
.portal-top-grid{min-height:352px;grid-template-columns:1fr .82fr .36fr;gap:12px;padding:14px 0}
.portal-intro{position:relative;overflow:visible;padding:31px 30px;border:4px solid var(--y2k-ink);border-radius:8px;background:linear-gradient(135deg,#1268ff 0%,#7148e8 48%,#ff3cab 100%);box-shadow:7px 7px 0 var(--y2k-ink)}
.portal-intro:before{content:"ONLINE";position:absolute;right:15px;top:-13px;padding:5px 9px;border:3px solid var(--y2k-ink);border-radius:999px;background:var(--y2k-lime);color:var(--y2k-ink);font:900 10px/1 "Courier New",monospace;transform:rotate(4deg);box-shadow:3px 3px 0 var(--y2k-ink)}
.portal-intro .section-label{color:var(--y2k-yellow)}
.portal-intro h1{font-family:"Courier New",monospace;font-size:43px;line-height:1;font-weight:900;text-shadow:3px 3px 0 rgba(23,23,47,.5);max-width:480px}
.portal-intro>p:not(.section-label){font-size:15px;max-width:430px;color:#fff}
.portal-stats{gap:10px}
.portal-stats span{min-width:92px;padding:7px 9px;border:2px solid rgba(255,255,255,.72);border-radius:6px;background:rgba(23,23,47,.22);font-family:"Courier New",monospace;color:#fff}
.portal-stats b{font-family:"Courier New",monospace;font-size:19px}
.portal-feature{border:4px solid var(--y2k-ink);border-radius:8px;box-shadow:7px 7px 0 var(--y2k-pink)}
.portal-feature:after{content:"HOT!";position:absolute;z-index:3;right:10px;top:10px;padding:7px 8px;border:3px solid var(--y2k-ink);border-radius:50%;background:var(--y2k-yellow);color:var(--y2k-ink);font:900 11px/1 "Courier New",monospace;transform:rotate(8deg)}
.portal-feature-overlay small,.portal-feature-overlay>span{font-family:"Courier New",monospace}.portal-feature-overlay strong{font-family:"Courier New",monospace;font-size:23px}
.portal-picks{gap:10px}.portal-picks>p{font-family:"Courier New",monospace;color:var(--y2k-ink)}
.portal-picks a{border:3px solid var(--y2k-ink);border-radius:7px;box-shadow:4px 4px 0 var(--y2k-blue)}
.portal-picks a:nth-of-type(2){box-shadow:4px 4px 0 var(--y2k-pink)}
.portal-picks span{font-family:"Courier New",monospace}
.category-strip{padding:14px 0 15px;border-bottom:3px solid var(--y2k-ink);background:linear-gradient(90deg,#fff 0%,#e7f9ff 50%,#ffe3f5 100%)}
.category-strip-head h2,.shelf-heading h2{font-family:"Courier New",monospace;font-weight:900}
.category-strip-head a{font-family:"Courier New",monospace;color:var(--y2k-pink)}
.category-scroller{gap:10px;margin-top:10px}
.route-card{border:3px solid var(--y2k-ink)!important;border-radius:7px!important;padding:9px 9px!important;background:#fff!important;box-shadow:3px 3px 0 var(--y2k-cyan)}
.route-card:nth-child(2n){background:#fff2fa!important;box-shadow:3px 3px 0 var(--y2k-pink)}
.route-card:nth-child(3n){background:#f5ffd9!important;box-shadow:3px 3px 0 var(--y2k-lime)}
.route-card strong{font-family:"Courier New",monospace;font-size:12px!important;font-weight:900}
.route-card:hover{background:var(--y2k-yellow)!important;border-color:var(--y2k-ink)!important;transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--y2k-ink)}
.route-card:hover strong{color:var(--y2k-ink)}
.game-shelf{padding:29px 0 40px}
.shelf-heading{padding:0 1px}.shelf-heading h2{font-size:25px}.featured-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin-top:17px}
.game-card{padding:0 0 4px}
.card-image,.compact .card-image{border:3px solid var(--y2k-ink);border-radius:7px;box-shadow:4px 4px 0 var(--y2k-pink);transition:transform .16s,box-shadow .16s}
.game-card:nth-child(3n+2) .card-image{box-shadow:4px 4px 0 var(--y2k-cyan)}
.game-card:nth-child(3n) .card-image{box-shadow:4px 4px 0 var(--y2k-lime)}
.card-image:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--y2k-pink)!important}
.card-category{top:7px;left:7px;border:2px solid var(--y2k-ink);border-radius:999px;background:var(--y2k-yellow);font-family:"Courier New",monospace;font-size:8px;box-shadow:2px 2px 0 var(--y2k-ink)}
.play-disc{border:3px solid var(--y2k-ink);background:linear-gradient(135deg,var(--y2k-blue),var(--y2k-pink));box-shadow:3px 3px 0 var(--y2k-ink)}
.card-copy{padding:8px 2px 0}.card-copy h3,.compact .card-copy h3{font-family:"Courier New",monospace;font-size:13px;font-weight:900}.text-link{color:var(--y2k-blue);font-size:9px}
.spotlight-band{position:relative;border-top:4px solid var(--y2k-ink);border-bottom:4px solid var(--y2k-ink);background-color:#ffe64d;background-image:radial-gradient(circle at 2px 2px,rgba(23,23,47,.19) 1.5px,transparent 1.7px);background-size:15px 15px;padding:42px 0}
.spotlight-grid h2{font-family:"Courier New",monospace;font-size:32px;text-shadow:3px 3px 0 #fff}.mini-grid{gap:10px}
.site-footer{border-top:4px solid var(--y2k-ink);background:linear-gradient(100deg,#161733,#273587);padding-top:42px}.footer-grid h2,.footer-bottom{font-family:"Courier New",monospace}.footer-grid h2{color:var(--y2k-cyan)}
.arcade-inner .site-header{background:rgba(255,255,255,.94)}
.page-intro,.collection-intro,.legal-intro{padding:23px 0 17px;border-bottom:3px solid var(--y2k-ink)}
.page-intro h1,.collection-intro h1,.legal-intro h1{font-family:"Courier New",monospace;font-size:34px;text-shadow:3px 3px 0 var(--y2k-cyan)}
.page-intro>p:not(.section-label),.collection-intro p,.legal-intro>p{font-size:14px}
.category-filter{gap:8px;padding:13px 0 10px}.category-filter a{border:2px solid var(--y2k-ink);border-radius:999px;background:#fff;padding:7px 10px;font-family:"Courier New",monospace;font-size:9px;box-shadow:2px 2px 0 var(--y2k-cyan)}
.category-filter a:nth-child(2n){box-shadow:2px 2px 0 var(--y2k-pink)}.category-filter a[aria-current=page],.category-filter a:hover{background:var(--y2k-yellow);color:var(--y2k-ink);border-color:var(--y2k-ink)}
.finder{border:3px solid var(--y2k-ink);border-radius:7px;background:linear-gradient(90deg,#e2f8ff,#ffe3f4);padding:10px 13px;margin:0 0 19px;box-shadow:4px 4px 0 var(--y2k-ink)}
.finder label,.finder input{font-family:"Courier New",monospace}.finder label{color:var(--y2k-pink)}.finder input{font-size:15px}.finder input:focus-visible{outline:3px solid var(--y2k-pink);outline-offset:4px;border-bottom-color:var(--y2k-pink)}
.library-grid{grid-template-columns:repeat(7,1fr);gap:12px;padding-bottom:55px}
#game-grid .game-card[hidden]{display:none!important}
#external-game-link[hidden]{display:none!important}
.collection-count{font-family:"Courier New",monospace;color:var(--y2k-pink);text-shadow:3px 3px 0 var(--y2k-cyan)}
.game-hero{padding:14px 0 44px;background-color:#e9f7ff;background-image:radial-gradient(circle at 2px 2px,rgba(18,104,255,.15) 1.5px,transparent 1.7px);background-size:16px 16px;border-bottom:4px solid var(--y2k-ink)}
.breadcrumb,.game-hero-copy h1,.guide-index,.guide-body,.guide-body h2,.faq h2{font-family:"Courier New",monospace}.game-hero-copy h1{font-size:48px;text-shadow:4px 4px 0 var(--y2k-cyan)}
.game-cover{border:4px solid var(--y2k-ink);border-radius:8px;box-shadow:9px 9px 0 var(--y2k-pink)}
.guide-layout{gap:55px;padding:40px 0 52px}.guide-index{border:3px solid var(--y2k-ink);border-radius:7px;padding:13px;background:#fff;box-shadow:4px 4px 0 var(--y2k-cyan)}
.guide-body h2,.faq h2{font-size:30px}.tip-callout{border:4px solid var(--y2k-ink)!important;border-radius:8px;background:linear-gradient(135deg,var(--y2k-yellow),#ff9ee0);box-shadow:7px 7px 0 var(--y2k-ink)}
.faq details{border-color:var(--y2k-ink)}
.legal-copy{font-family:Arial,Helvetica,sans-serif}.legal-copy h2{font-family:"Courier New",monospace}
.player-box{border:4px solid var(--y2k-ink);border-radius:8px;background:linear-gradient(135deg,#e1f8ff,#ffe2f4);box-shadow:8px 8px 0 var(--y2k-pink)}
.player-box h1{font-family:"Courier New",monospace;text-shadow:3px 3px 0 var(--y2k-cyan)}
@media(max-width:1120px){.library-grid{grid-template-columns:repeat(5,1fr)}.featured-grid{grid-template-columns:repeat(4,1fr)}.portal-top-grid{grid-template-columns:1fr .85fr}.portal-picks{display:none}}
@media(max-width:760px){.shell{width:min(100% - 22px,1360px)}.nav-row{min-height:56px}.wordmark{font-size:15px}.main-nav{display:none}.nav-search{margin-left:auto;font-size:0}.portal-top-grid{grid-template-columns:1fr;padding:10px 0 16px;gap:10px}.portal-intro{padding:25px 20px}.portal-intro h1{font-size:34px}.portal-intro:before{right:9px}.portal-feature{aspect-ratio:1.55}.category-scroller{display:flex;overflow-x:auto;gap:8px;padding-bottom:5px}.route-card{min-width:92px}.game-shelf{padding:25px 0 34px}.shelf-heading h2{font-size:21px}.featured-grid,.library-grid{grid-template-columns:repeat(2,1fr);gap:12px}.spotlight-band{padding:36px 0}.spotlight-grid{grid-template-columns:1fr;gap:25px}.mini-grid{grid-template-columns:repeat(2,1fr)}.mini-grid .game-card:nth-child(n+3){display:none}.page-intro{display:block;padding:20px 0 13px}.page-intro h1,.collection-intro h1,.legal-intro h1{font-size:29px}.page-intro>p:not(.section-label){margin-top:8px}.finder{margin-bottom:17px}.game-hero-grid{grid-template-columns:1fr;gap:27px}.game-hero-copy h1{font-size:38px}.guide-layout{grid-template-columns:1fr;gap:25px}.guide-index{position:static}.footer-grid{grid-template-columns:1fr;gap:22px}}

/* mobile nav toggle (added 2026-09-16) */
.nav-toggle{display:none;background:none;border:0;padding:8px 4px;cursor:pointer}
.nav-toggle span{display:block;width:22px;height:3px;background:var(--y2k-ink);margin:4px 0;border-radius:2px;transition:transform .15s ease,opacity .15s ease}
.nav-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.active span:nth-child(2){opacity:0}
.nav-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:760px){
  .nav-toggle{display:block}
  .nav-row{position:relative}
  .main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-top:3px solid var(--y2k-ink);border-bottom:3px solid var(--y2k-ink);box-shadow:0 8px 0 rgba(23,23,47,.12);z-index:60;flex-direction:column;padding:6px 0}
  .main-nav.open{display:flex}
  .main-nav a{padding:12px 18px;border-bottom:1px dashed var(--y2k-ink);font-size:13px;font-family:"Courier New",monospace}
  .main-nav a:last-child{border-bottom:0}
}