@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&family=DM+Mono:wght@400;500&display=swap");:root{--paper:#f7f3ec;--paper-dark:#ede7da;--paper-darker:#ddd4c2;--ink:#1a1612;--ink-soft:#4a4038;--ink-muted:#8a7e72;--ink-faint:#b8afa4;--accent:#c4622d;--accent-light:#e8845a;--accent-pale:#f5ddd0;--green:#3a6b4a;--green-pale:#d4e8da;--blue:#2c5282;--blue-pale:#d6e4f0;--font-display:"Playfair Display",Georgia,serif;--font-body:"DM Sans",system-ui,sans-serif;--font-mono:"DM Mono",monospace;--radius:4px;--radius-lg:8px;--shadow-sm:0 1px 3px rgba(26,22,18,.08),0 1px 2px rgba(26,22,18,.04);--shadow:0 4px 12px rgba(26,22,18,.1),0 2px 4px rgba(26,22,18,.06);--shadow-lg:0 12px 32px rgba(26,22,18,.14),0 4px 8px rgba(26,22,18,.08)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--paper);color:var(--ink);font-family:var(--font-body);font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.025'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.4}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:var(--font-body)}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.2}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media (min-width:768px){.container{padding:0 40px}}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-mono)}.tag-genre{background:var(--paper-dark);color:var(--ink-soft);border:1px solid var(--paper-darker)}.tag-platform{background:var(--accent-pale);color:var(--accent);border:1px solid #e8c4b0}.tag-featured{background:var(--ink);color:var(--paper)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-up{animation:fadeUp .5s ease forwards}.animate-fade-in{animation:fadeIn .4s ease forwards}