*{margin:0;padding:0}.webgl{position:fixed;top:0;left:0;outline:none}html{background-color:#000}section{border:solid;display:none;align-items:center;height:100vh;position:relative;font-family:Courier New,Courier,monospace;color:wheat;text-transform:uppercase;font-size:7vmin;padding-left:10%;padding-right:10%}section:nth-child(odd){justify-content:flex-end}.controls{width:90%;padding:20px;pointer-events:auto;transform:translate(-110%);transition:transform .4s ease}.controls.visible{transform:translate(0)}.intro{transform:translate(-110%);transition:transform .4s ease}.intro.visible{transform:translate(0)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px}.card{position:relative;display:block;border-radius:12px;overflow:hidden;text-decoration:none;color:#fff;background:#111;transition:transform .25s ease,box-shadow .25s ease}.card img{width:100%;height:120px;object-fit:cover;opacity:.85}.card span{position:absolute;bottom:8px;left:10px;font-size:14px;font-weight:600;text-shadow:0 2px 6px rgba(0,0,0,.7)}.card:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 10px 25px #0006}.section-title{grid-column:1 / -1;margin-top:10px;font-size:16px;font-weight:700;color:#aaa}.btn-back{position:fixed;top:20px;left:20px;z-index:10;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;font-size:14px;font-weight:500;text-decoration:none;color:#fff;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .25s cubic-bezier(.2,.8,.2,1)}.btn-back:before{content:"←";transition:transform .25s ease}.btn-back:hover{background:#ffffff1f;transform:translateY(-2px);box-shadow:0 6px 18px #0006}.btn-back:hover:before{transform:translate(-4px)}.btn-back:active{transform:scale(.96)}