html,body{min-height:100%;margin:0}html{overflow:hidden}body{min-height:100vh;overflow:hidden;touch-action:manipulation;background:url(/apps/loykrathong/loy-krathong-online-background.webp) center / cover no-repeat fixed;color:#fff;font-family:Prompt,sans-serif}.hero-section{position:relative;z-index:5}.hero-description{max-width:760px;margin-inline:auto}.logo-img{width:80px;height:80px;object-fit:contain;vertical-align:middle}.river{position:fixed;inset:auto 0 0;width:100%;height:50vh;pointer-events:none;z-index:2}.krathong{position:absolute;left:-120px;width:80px;display:flex;flex-direction:column;align-items:center;text-align:center;animation:float 40s linear forwards;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.krathong img{display:block;width:80px;height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.krathong p{max-width:140px;margin:5px 0 0;padding:4px 6px;border-radius:10px;background:#ffffffe6;color:#000;font-size:.8rem;line-height:1.3;overflow-wrap:anywhere}@keyframes float{0%{transform:translateZ(0) rotate(0) scale(var(--krathong-scale, 1));opacity:1}to{transform:translate3d(calc(100vw + 220px),-40px,0) rotate(3deg) scale(var(--krathong-scale, 1));opacity:0}}.krathong-select{display:flex;flex-wrap:wrap;justify-content:center;gap:0px}.thumbnail-btn{padding:0;border:2px solid transparent;border-radius:10px;background:transparent;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.thumbnail-btn:hover,.thumbnail-btn.selected{transform:scale(1.08)}.thumbnail-btn.selected{border-color:#0d6efd}.thumbnail-btn img{display:block;width:80px;height:80px;object-fit:contain}.upload-card{max-width:500px;margin:20px auto 0;padding:20px;border-radius:20px;background:#fffffff5;color:#333;box-shadow:0 4px 10px #00000026}.preview-img{display:none;width:80px;height:80px;margin:10px auto;border-radius:10px;object-fit:contain}.progress{height:20px;border-radius:10px}.counter{color:#555;font-size:.95rem}.modal-content{border:0;border-radius:1rem}.site-footer{position:fixed;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:.6rem 1rem;background:#5a189a;color:#fff;font-size:.9rem}.music-toggle{border:0;padding:0;background:transparent;color:inherit;cursor:pointer;font-size:1rem}#fireworks{position:fixed;inset:0;z-index:30;width:100%;height:100%;pointer-events:none;display:none}@media(max-width:768px){.river{height:35vh}body{background-position:17% center}.hero-section{padding-top:1.5rem!important}.logo-img{width:64px;height:64px}}@media(max-width:576px){.site-footer{font-size:.8rem}.upload-card{padding:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}