@font-face{font-family:P2;src:url(/fonts/ps2p.woff2) format("woff2");font-display:swap}
*{box-sizing:border-box}body{margin:0;background:#0b1a3a;color:#e8f6ff;font:12px/1.9 P2,monospace;image-rendering:pixelated}
.hero{text-align:center;padding:48px 16px 32px;background:linear-gradient(#1b3b7a,#0b1a3a);border-bottom:6px solid #00e0c6}
h1{font-size:clamp(22px,6vw,44px);color:#ffd23f;text-shadow:4px 4px 0 #c2185b;margin:8px 0}h2{color:#00e0c6;font-size:14px}
.tag{color:#ff8fd8}.hero p{max-width:720px;margin:12px auto}
.btn{display:inline-block;font:inherit;background:#ffd23f;color:#1a1a2e;border:0;padding:14px 18px;margin:10px 0;cursor:pointer;text-decoration:none;box-shadow:4px 4px 0 #c2185b,inset -4px -4px 0 #e0a800}
.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #c2185b}.big{font-size:16px;padding:20px 26px}
.badge{display:inline-block;margin-top:14px;padding:8px 12px;border:4px solid #3b6cff;background:#0f2a66;font-size:10px}
main{max-width:960px;margin:auto;padding:16px}.card{background:#122a55;border:4px solid #e8f6ff;box-shadow:6px 6px 0 #000;padding:16px;margin:24px 0}
.grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.grid li{background:#0b1a3a;padding:12px;border:3px solid #3b6cff;font-size:10px}.grid b{display:block;color:#ffd23f;margin-bottom:6px}
.game{color:#ffd23f;font-size:14px}.small,.out{font-size:10px;word-break:break-all}.ok{color:#5dff8f}.bad{color:#ff6b6b}
footer{font-size:8px;color:#9bb;padding:24px;text-align:center;border-top:6px solid #00e0c6}footer a{color:#00e0c6}