/* NET CAFÉ TYCOON — site shell (matches the game's neon look) */
:root{
  --bg:#0d0221; --bg2:#1a0b2e; --panel:#180a2e; --line:#3a2a5e;
  --text:#e8e0ff; --dim:#9a86c9; --neon:#00f0ff; --neon2:#ff2e97;
  --gold:#ffd23f; --lime:#39ff14; --purple:#b14aed;
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{
  margin:0; font-family:'Courier New',monospace; color:var(--text);
  background:var(--bg); min-height:100vh;
}
body::before{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:-1;
  background:
    radial-gradient(circle at 20% 10%, #2a0d4e 0%, transparent 45%),
    radial-gradient(circle at 85% 90%, #3a0d3e 0%, transparent 45%),
    var(--bg);
}
.wrap{max-width:880px;margin:0 auto;padding:18px 18px 70px}
header.site{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0 22px;flex-wrap:wrap}
.logo{font-size:20px;font-weight:900;letter-spacing:2px;text-decoration:none}
.logo .w1{color:var(--neon);text-shadow:0 0 12px rgba(0,240,255,.6)}
.logo .w2{color:var(--neon2);text-shadow:0 0 12px rgba(255,46,151,.6)}
nav.site a{color:var(--dim);text-decoration:none;font-size:13px;font-weight:700;margin-left:14px;letter-spacing:1px}
nav.site a:hover{color:var(--text)}
nav.site a.active{color:var(--neon)}
h1{font-size:30px;letter-spacing:1px;margin:8px 0 14px}
h2{font-size:19px;color:var(--neon);letter-spacing:1px;margin:26px 0 10px}
h3{font-size:15px;color:var(--gold);margin:18px 0 8px}
p,li{font-size:14px;line-height:1.75;color:var(--text)}
.dim{color:var(--dim)}
a{color:var(--neon)}
.card{border:1px solid var(--line);border-radius:12px;background:rgba(24,10,46,.55);padding:18px 20px;margin:14px 0}
.hero{text-align:center;padding:30px 10px 26px}
.hero h1{font-size:38px;margin:0 0 6px}
.hero .tag{color:var(--dim);font-size:15px;letter-spacing:1px}
.cta{
  display:inline-block;margin:22px auto 4px;padding:16px 42px;border-radius:12px;
  background:linear-gradient(180deg,var(--gold),#ff9d00);color:#241a02;font-weight:900;
  font-size:19px;letter-spacing:2px;text-decoration:none;box-shadow:0 6px 0 #a35d00, 0 10px 24px rgba(255,157,0,.35);
  font-family:inherit;
}
.cta:active{transform:translateY(3px);box-shadow:0 3px 0 #a35d00}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:18px 0}
.feat .card{margin:0}
.feat b{color:var(--gold)}
footer.site{margin-top:44px;border-top:1px solid var(--line);padding-top:16px;font-size:12px;color:var(--dim);display:flex;flex-wrap:wrap;gap:6px 18px}
footer.site a{color:var(--dim)}
footer.site a:hover{color:var(--text)}
table{border-collapse:collapse;width:100%;font-size:13px}
td,th{border:1px solid var(--line);padding:7px 10px;text-align:left}
th{color:var(--neon)}
code{background:rgba(0,0,0,.35);padding:1px 6px;border-radius:5px;font-size:13px}
.chg{border-left:3px solid var(--purple);padding:2px 0 2px 14px;margin:14px 0}
.chg .v{color:var(--gold);font-weight:900}
.chg .d{color:var(--dim);font-size:12px}