:root{--bg-color: #e6e6fa;--text-color: #483d8b;--text-color-light: rgba(72, 61, 139, .7)}body{margin:0;padding:0;overflow:hidden;background-color:var(--bg-color);font-family:Inter,sans-serif;color:var(--text-color)}#app{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.poster-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;box-sizing:border-box;padding:40px 40px 60px;display:flex;flex-direction:column;justify-content:space-between}.poster-header{display:flex;justify-content:space-between;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid var(--text-color);padding-bottom:10px;margin-bottom:40px;width:100%;max-width:none}.poster-content{flex:1;display:flex;position:relative}.title-group{width:40%;padding-top:20px;position:relative}.author{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:400;margin:0;line-height:1.2}canvas.separator{width:100%;height:40px;margin:10px 0;display:block;background-color:transparent}.loading-progress{position:absolute;right:0;top:125px;font-size:.7rem;color:var(--text-color);opacity:1;transition:opacity .5s ease-out;margin-left:5px}.loading-progress.hidden{opacity:0;pointer-events:none}.main-title{font-family:Playfair Display,serif;font-size:4.5rem;font-weight:600;line-height:1.1;margin:0;color:var(--text-color)}.main-title div{display:block}.credits-group{position:absolute;right:0;bottom:0;width:200px;text-align:left;font-size:.7rem;line-height:1.4}.credit-block{margin-bottom:30px}.credit-block h3{font-size:.7rem;font-weight:600;text-transform:uppercase;margin-bottom:5px;color:var(--text-color-light)}.credit-block p{margin:0;font-weight:500}.poster-footer{border-top:1px solid rgba(26,26,46,.3);padding-top:20px;display:flex;justify-content:flex-start;align-items:center}.footer-text span{font-size:.9rem;font-weight:400;letter-spacing:.05em}#overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-color);background-image:radial-gradient(circle,rgba(72,61,139,.15) 1px,transparent 1px);background-size:8px 8px;background-position:0 0,4px 4px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:20;transition:opacity 1s ease;cursor:pointer;pointer-events:auto}.content{text-align:center;pointer-events:none;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding-bottom:100px}.content h1{font-family:Playfair Display,serif;font-size:3rem;margin-bottom:.5rem;color:var(--text-color);font-weight:400}.content .subtitle{font-size:.9rem;letter-spacing:.1rem;opacity:.7;font-weight:400;margin-bottom:0;font-style:italic}.content .tap-hint{position:absolute;bottom:60px;left:50%;transform:translate(-50%);font-size:.85rem;letter-spacing:.15rem;text-transform:uppercase;opacity:.8;font-weight:300}@media (max-width: 768px){.poster-container{padding:20px 20px 60px}.title-group{width:100%;z-index:10}.main-title{font-size:3.5rem}.credits-group{top:auto;bottom:40px;left:auto;right:0;width:auto;text-align:right}.poster-header{width:100%;max-width:100%}.poster-content{flex-direction:column}}