:root{--background:#e9e9e9;--foreground:#171717;--primary:#d81f26;--secondary:#fdc800;--rounded-corner:8px}html,body{background-color:var(--background);max-width:100vw;min-height:100dvh;font-family:Open Sans,sans-serif;overflow-x:hidden}body{color:var(--foreground);background:var(--background);margin:0;padding:0}.app-header{background-color:var(--primary);color:#fff;justify-content:center;align-items:center;width:100%;height:60px;font-size:1.5rem;font-weight:700;display:flex}.page .container{max-width:430px;margin:0 auto;padding:16px}.page{padding-bottom:50px}.box-header{padding-top:36px;position:relative}.box-header .box-stats{background-color:#fff;justify-content:flex-end;gap:8px;padding:12px;font-size:1.2rem;display:flex}.box-header .box-stats .ticket-icon{width:50px}.box-header .box-stats .divider{opacity:.3}.box-header .box-stats .number{text-align:center}.box-header .box-stats .number div:first-child{font-size:1.5rem;font-weight:700}.box-header .box-stats .number div:nth-child(2){color:var(--primary);font-size:.7rem}.box-header .box-name{background-color:var(--primary);color:#fff;white-space:nowrap;text-overflow:ellipsis;border-top-left-radius:var(--rounded-corner);border-top-right-radius:var(--rounded-corner);padding:8px 8px 8px 90px;font-size:1rem;font-weight:700;overflow:hidden}.box-header .box-icon{width:80px;position:absolute;top:12px;left:-2px}.box-prizes-preview{background-color:#fff;grid-template-columns:repeat(4,1fr);gap:2px;padding:12px;display:grid}.box-prizes-preview .prize-tier{border-radius:var(--rounded-corner);border:1px solid #e6e6e6;overflow:hidden}.box-prizes-preview .prize-tier-name{background:#e6e6e6;justify-content:space-between;padding:4px;font-size:.7rem;font-weight:600;display:flex}.box-prizes-preview .prize-image{object-fit:cover;width:100%}.footer{border-top:var(--secondary)4px solid;z-index:1000;background-color:#fff;width:calc(100dvw - 24px);padding:12px;position:fixed;bottom:0;left:0;box-shadow:0 -2px 5px #0000001a}.ticket-select{background-color:#fff;grid-template-columns:repeat(3,1fr);gap:4px;padding:12px;display:grid}.ticket-select .ticket{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:#0000;will-change:transform;contain:layout style paint;border-radius:var(--rounded-corner);text-align:center;cursor:pointer;background:url(/svg/icon-lucky-cat-1.svg) 50%/cover no-repeat;border:1px solid #e6e6e6;width:100%;padding-top:58%;position:relative;transform:translateZ(0)}.ticket-select .ticket .selected-overlay{width:100%;height:100%;box-shadow:inset 0 0 0 0px var(--primary);border-radius:var(--rounded-corner);transition:all .2s ease-in-out;position:absolute;top:0;left:0}.ticket-select .ticket.selected .selected-overlay{box-shadow:inset 0 0 0 4px var(--primary)}.ticket-select .ticket.disabled{opacity:.5;cursor:not-allowed}.ticket-select .ticket .ticket-number{text-align:center;color:#fff;width:100%;padding-top:4px;padding-left:8px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.title span{border-bottom:var(--secondary)4px solid;padding-bottom:4px}#select-ticket-title{text-align:center;color:var(--primary);background-color:#fff;padding:16px;font-size:1.2rem;font-weight:700}.ticket-anim{text-align:center;background-color:#fff;position:relative;container-type:inline-size}.ticket-anim .icon-wipe-right{z-index:5;position:absolute;top:-150px;left:0}.ticket-anim .ticket-image-container{touch-action:none;width:80%;margin:0 auto;position:relative}.ticket-anim .ticket-image-container .ticket-image{position:absolute;top:40%;left:0%;transform:translateY(-50%)}.ticket-anim .ticket-image-container .ticket-image img{width:100%;height:auto}.ticket-anim .ticket-image-container .ticket-image .ticket-number{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:#0000;will-change:transform;contain:layout style paint;color:#fff;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;font-size:clamp(28px,20vw,45px);font-weight:700;display:flex;position:absolute;top:0;left:0;transform:translate(2%)}.ticket-anim .ticket-image-container .ticket-image .ticket-number.dark{color:#000}.ticket-anim .ticket-image-container .ticket-image .ticket-number.dark span{font-size:clamp(28px,8vw,45px)}.order-check-view .title{text-align:center;color:var(--primary);border-bottom:var(--secondary)4px solid;font-size:1.5rem;font-weight:700}.order-check-view .note{color:#555;text-align:center;background-color:var(--secondary);border-radius:var(--rounded-corner);margin-top:20px;padding:16px;font-size:.9rem}.order-check-view .prize-summary-list{--font-size:16px;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px;display:grid}.order-check-view .ticket-anim{background-color:#fff;align-items:center;height:60dvh;display:flex;position:relative}.order-check-view .wrapper{min-height:60dvh;position:relative}.order-check-view .wrapper .overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background-color:#fffa;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;display:flex;position:absolute;top:0;left:0}.order-check-view .prize-detail{background-color:var(--secondary);z-index:20;justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:absolute;top:0;left:0}.order-check-view .prize-detail .container{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:70%;margin:0 auto;padding:7.5dvh 16px 50px;display:flex}.prize-display{border-radius:var(--rounded-corner,2px);background-color:#fff;overflow:hidden}.prize-display-header{justify-content:space-between;padding:16px;display:flex;position:relative}.prize-display-header:before{content:"";border-top:60px solid #000;border-bottom:0 solid #0000;border-left:0 solid #0000;border-right:60px solid #0000;width:0;height:0;position:absolute;top:0;left:0}.prize-display-header .tier{font-size:calc(var(--font-size,20px)*1.8)}.prize-display-header .tier span{color:#000;font-size:calc(var(--font-size,20px)*1);margin-left:6px}.prize-display-header .amount{font-size:calc(var(--font-size,20px)*1.2);font-weight:700}.prize-display-header .amount span{font-size:calc(var(--font-size,20px)*.6);opacity:.4;margin-top:-4px}.prize-display img{width:100%;height:auto}.prize-display-footer{font-size:calc(var(--font-size,20px)*.8);background-color:#fff;justify-content:space-between;padding:16px;display:flex}.stroke-text{isolation:isolate;color:#fff;position:relative}.stroke-text:before{content:attr(data-stroke);color:#0000;-webkit-text-stroke:var(--stroke-width,6px)#000;text-stroke:var(--stroke-width,6px)#000;z-index:-1;position:absolute;top:0;left:0}