:root{--yellow:#ffd23f;--red:#ff4b4b;--cyan:#5fe8ff;--ink:#0c0a1a;--font:"Courier New", "Lucida Console", Monaco, monospace}*{box-sizing:border-box}html{font-size:clamp(12px,min(.961539vw,1.72414vh),46px)}html,body{min-height:100%;font-family:var(--font);color:#fff;background:#120e2a;margin:0}body{background:0 0}#bg-canvas{z-index:-2;width:100%;height:100%;display:block;position:fixed;inset:0}.bg-label{letter-spacing:.2em;color:#ffffff8c;font-size:.75rem;position:fixed;bottom:1rem;right:1.2rem}.bg{z-index:-1;pointer-events:none;background:radial-gradient(at 50% 30%,#0c0a1a59 0%,#0c0a1a8c 60%,#0c0a1abf 100%);position:fixed;inset:0}header{text-align:center;padding:3.5rem 1rem 1.5rem}header h1{letter-spacing:.1em;color:var(--yellow);text-shadow:.25rem .25rem 0 var(--red), .5rem .5rem 0 var(--ink);margin:0;font-size:clamp(2.75rem,8vw,5.25rem)}header .tag{color:#c9c2e6;letter-spacing:.08em;margin:.625rem 0 0;font-size:1rem}.cards{grid-template-columns:repeat(auto-fit,minmax(18.75rem,21.25rem));justify-content:center;gap:1.75rem;padding:1.5rem 1rem 2.5rem;display:grid}.card{border:.25rem solid var(--yellow);color:#fff;background:#0c0a1ad9;flex-direction:column;gap:.625rem;padding:1rem 1.125rem 1.25rem;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:.5rem .5rem #00000080}.card:hover{border-color:var(--cyan);transform:translate(-.188rem,-.188rem);box-shadow:.75rem .75rem #00000080}.card .thumb{aspect-ratio:320/220;background:linear-gradient(#8ed6ff,#5fb548 70%);border:.188rem solid #ffffff80;width:100%;height:auto;display:block}.card[data-model=tank] .thumb{background:linear-gradient(#f2c98a,#d9b26f 70%)}.card[data-model=plane] .thumb{background:linear-gradient(#7ec8ff,#2b7fd6 75%)}.card h2{color:var(--yellow);letter-spacing:.06em;margin:.375rem 0 0;font-size:1.75rem}.card p{color:#d8d3ea;flex:1;margin:0;font-size:.938rem;line-height:1.5}.tags{flex-wrap:wrap;gap:.5rem;margin:.25rem 0 0;padding:0;list-style:none;display:flex}.tags li{letter-spacing:.1em;color:#cfc9e8;text-transform:uppercase;border:.125rem solid #ffffff59;padding:.188rem .5rem;font-size:.75rem}.play{color:var(--cyan);letter-spacing:.12em;margin-top:.5rem;font-size:1.25rem}footer{text-align:center;flex-direction:column;align-items:center;gap:.625rem;padding:.5rem 1rem 3rem;display:flex}.badge{border:.125rem dashed var(--cyan);color:var(--cyan);letter-spacing:.15em;padding:.375rem .875rem;font-size:.812rem;display:inline-block}footer .sub{color:#9a93bb;font-size:.812rem}