*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;color:#fff;background-color:#000}.app-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background-size:contain;background-position:center;background-repeat:no-repeat}.overlay{position:absolute;inset:0;background-color:#0000004d}.buy-beer-link{position:absolute;top:.5rem;right:.5rem;background-color:#fa4616;color:#fff;font-weight:700;padding:.25rem .5rem;border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a;text-decoration:none;font-size:.625rem;transition:background-color .2s;z-index:20;max-width:calc(100vw - 1rem)}@media (min-width: 480px){.buy-beer-link{top:1rem;right:1rem;padding:.5rem 1rem;font-size:.875rem;max-width:none;border-radius:.5rem}}.buy-beer-link:hover{background-color:#e03e14}.beer-button-content{display:flex;flex-direction:column;align-items:center;text-align:center}.beer-main-text{font-size:.625rem;font-weight:700}.beer-subtext{font-size:.5rem;margin-top:.125rem}@media (min-width: 480px){.beer-main-text{font-size:.875rem}.beer-subtext{font-size:.65rem}}.main-content{text-align:center;position:relative;z-index:10}.title{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:1.5rem;text-shadow:0 4px 6px rgba(0,0,0,.3);padding:0 1rem;line-height:1.2}@media (min-width: 480px){.title{font-size:2.25rem}}@media (min-width: 768px){.title{font-size:3.75rem;margin-bottom:2rem;padding:0}}.image-container{margin-bottom:1.5rem;padding:0 1rem}.image{width:12rem;height:12rem;object-fit:cover;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000040;margin:0 auto;display:block}@media (min-width: 480px){.image{width:16rem;height:16rem}}@media (min-width: 768px){.image{width:20rem;height:20rem}}.image-placeholder{width:12rem;height:12rem;background-color:#4b5563;border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 25px 50px -12px #00000040;color:#fff;font-size:.875rem;font-weight:600;text-align:center;padding:.5rem}@media (min-width: 480px){.image-placeholder{width:16rem;height:16rem;font-size:1.125rem;padding:0}}@media (min-width: 768px){.image-placeholder{width:20rem;height:20rem}}.status{font-size:2.5rem;font-weight:700;color:#fff;text-shadow:0 4px 6px rgba(0,0,0,.3);padding:0 1rem}@media (min-width: 480px){.status{font-size:3.5rem}}@media (min-width: 768px){.status{font-size:5rem;padding:0}}.view-counter{position:absolute;top:3.5rem;right:.5rem;background-color:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:.375rem;font-size:.625rem;font-weight:500;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:calc(100vw - 1rem);text-align:center}@media (min-width: 480px){.view-counter{top:4.5rem;right:1rem;padding:.375rem .75rem;font-size:.75rem;max-width:none;text-align:center;border-radius:.5rem}}