.scene-title,.title{font-family:"PT Sans",Arial,serif;font-weight:700}body{background-color:#f8f9fa;min-height:100vh;padding-bottom:2rem}.header-card{background-color:#e7e9eb;border-radius:.5rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);margin-bottom:1.5rem}.title{padding:1rem;border-bottom:1px solid rgba(0,0,0,.1)}.scene-card{background-color:#f1f1f1;border:1px solid #dee2e6;border-radius:.5rem;transition:.2s;height:100%;display:flex;flex-direction:column}.scene-card:hover{transform:translateY(-2px);box-shadow:0 .5rem 1rem rgba(0,0,0,.1)}.scene-img-container{position:relative;width:100%;padding-top:56.25%;overflow:hidden;border-radius:.25rem}.scene-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.scene-title{color:#333;margin:.75rem 0;text-align:center;order:-1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(.8rem, 3vw, 1.5rem)}.scene-btn{background-color:#e9ecef;border:1px solid #ced4da;color:#495057;transition:.2s}.scene-btn:hover{background-color:#dee2e6;color:#212529}.icon-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:2rem;opacity:0;transition:opacity .3s;z-index:2}.image-container{position:relative}.image-container:hover .icon-overlay{opacity:.8}.image-container:hover .scene-img{opacity:.7}.scene-content{display:flex;flex-direction:column;flex-grow:1;padding:1rem}.image-container:hover~.d-flex .scene-btn{background-color:#ffc107;border-color:#ffc107;color:#212529}