body.polaroid-library{margin:0;min-width:280px;height:auto;min-height:100dvh;overflow:auto;background:#354455;color:#f1ebc8;font:14px/1.6 system-ui,sans-serif}
.polaroid-library *{box-sizing:border-box}
#library-sky{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;image-rendering:pixelated;z-index:0}
.library-header,.game-library{position:relative;z-index:1;width:min(1200px,100%);margin:auto}
.library-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;padding:44px 36px 32px}
.wordmark{display:flex;align-items:center;text-decoration:none;color:#f1ebc8}.brand-mark{display:none}
.wordmark h1{margin:0;text-transform:uppercase;font:clamp(28px,4.8vw,56px)/1.3 Illion,monospace;letter-spacing:-.035em;text-shadow:4px 5px #163b38}
.hud-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.polaroid-library .hud{display:flex;align-items:center;gap:7px;min-height:40px;padding:10px 12px;background:#263e43;color:#f1ebc8;border:1px solid #91a28c;border-radius:0;font:9px/1.6 Illion,monospace;cursor:pointer;box-shadow:2px 3px #203739}.hud:hover{background:#3e5652}.hud canvas{width:18px;height:18px;image-rendering:pixelated}
.game-library{padding:0 36px 24px}.library-intro{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin:8px 0 28px}.library-intro h2{font:18px/1.6 Illion,monospace;margin:0}.library-intro p{color:#d2d2ba;margin:0;font-size:14px}
.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 30px;padding:0 3px 34px}
.game-photo{display:flex;flex-direction:column;padding:12px 12px 0;background:#e9dfc0;color:#243e3c;text-decoration:none;border:0;box-shadow:4px 6px #19303985;transform:rotate(-.6deg);transition:transform .18s ease-out,box-shadow .18s ease-out}
.game-photo:nth-child(2n){transform:rotate(.6deg)}.game-photo:hover{transform:translateY(-5px) rotate(0);box-shadow:5px 10px #19303990}.game-photo:focus-visible{outline:3px solid #ffe09a;outline-offset:7px;transform:rotate(0)}
.photo-image{display:block;aspect-ratio:1/1;overflow:hidden;background:#263e43}.photo-image canvas{display:block;width:100%;height:100%;object-fit:cover;object-position:center;image-rendering:pixelated}
.photo-caption{display:block;padding:19px 7px 22px}.photo-title{display:flex;justify-content:space-between;align-items:center;gap:8px;font:clamp(14px,1.45vw,19px)/1.5 Illion,monospace}.photo-arrow{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;shape-rendering:crispEdges}.photo-genre{display:block;margin-top:7px;font-size:12px;font-weight:600;color:#45574a}.photo-description{display:block;font-size:13px;line-height:1.6;margin-top:9px;color:#45574a}
.library-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px;padding:24px 0;border-top:1px solid #91a28c;color:#d2d2ba;font-size:12px}.library-footer a{color:inherit;text-underline-offset:4px}.library-footer button{color:inherit;background:none;border:0;min-height:40px;padding:8px;font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.polaroid-library button:focus-visible,.library-header a:focus-visible,.library-footer a:focus-visible{outline:3px solid #ffe09a;outline-offset:4px}.gallery-skip{position:fixed;left:12px;top:-100px;z-index:30;background:#f1ebc8;color:#163b38;padding:12px}.gallery-skip:focus{top:12px}
@media(max-width:900px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.library-header{padding-top:32px}.wordmark h1{font-size:clamp(30px,6vw,48px)}}
@media(max-width:520px){.library-header{padding:28px 20px 24px;gap:20px}.hud-links{width:100%;gap:7px}.polaroid-library .hud{flex:1;justify-content:center;padding:10px 6px;font-size:8px}.game-library{padding:0 20px 15px}.library-intro{display:block;margin:2px 0 24px}.library-intro h2{font-size:15px}.library-intro p{font-size:13px;margin-top:6px}.photo-grid{gap:24px 16px;padding-inline:0}.game-photo{padding:7px 7px 0}.photo-caption{padding:12px 2px 14px}.photo-title{font-size:10px;gap:2px;line-height:1.7}.photo-arrow{width:14px;height:14px}.photo-genre{font-size:11px;line-height:1.4;min-height:30px}.photo-description{display:none}.library-footer{font-size:11px}.wordmark h1{font-size:clamp(26px,7.7vw,38px)}}
@media(prefers-reduced-motion:reduce){.game-photo{transition:none;transform:none!important}}