:root{--text-dark: #004d40;--text-red: #c62828}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:#111;font-family:PingFang TC,Microsoft JhengHei,system-ui,sans-serif;overflow:hidden;height:100vh;width:100vw}#blockOverlay{display:flex}#app{width:100%;height:100%}.block-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;z-index:9999;display:flex;justify-content:center;align-items:center;pointer-events:all}.block-link{display:block;max-width:90%;max-height:90%;cursor:pointer}.block-image{max-width:100%;max-height:90vh;object-fit:contain;display:block}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;z-index:9998;display:none;justify-content:center;align-items:center}.loading-overlay.show{display:flex}.loading-content{text-align:center;color:#fff}.loading-spinner{border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top:4px solid white;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-size:18px;font-weight:500}.screen-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.viewport-container{position:relative;height:100%;aspect-ratio:9 / 16;background:url(/step1/bg.png) no-repeat center top;background-size:100% 100%;overflow:hidden;box-shadow:0 0 50px #000c;container-type:size}.game-container{position:relative;width:100%;height:100%}.pixel-layer{position:absolute;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:center}.main-title{top:13.2%;width:100%;font-size:8.8cqw;color:var(--text-red);font-weight:800;letter-spacing:2px;text-shadow:1px 1px 0 #fff;white-space:nowrap}.date-badge{top:17.7%;background:#004d40;color:#fff;padding:.5% 4%;border-radius:999px;font-size:3.5cqw;font-weight:700}.limited-badge{top:21.9%;border:1.5px solid #004d40;color:#004d40;font-weight:800;padding:.8% 5%;font-size:3.8cqw;background:#fff6}.promo-text{top:25.8%;font-size:3.2cqw;color:#333;width:85%;font-weight:500;transform:translate(-50%)}.frame-container{top:16%;width:65%}.frame-img{width:100%;display:block}.scratch-area{position:absolute;top:47.1%;left:50%;transform:translate(-50%,-50%);width:60.2%;aspect-ratio:464 / 556;overflow:hidden}.prize-container{position:absolute;inset:0;background:url(/cardBG.png) no-repeat center;background-size:100% 100%;display:flex;align-items:center;justify-content:center}.light-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;visibility:hidden;pointer-events:none}.light-bg.show{opacity:.5;visibility:visible;transition:opacity .6s ease}.prize-image{width:85%;visibility:hidden;height:85%;object-fit:contain;position:absolute;z-index:1;left:50%;top:60%;transform:translate(-50%,-50%);pointer-events:none}.prize-image.show{opacity:1;visibility:visible}.prize-text-overlay{position:absolute;top:45%;font-size:6cqw;font-weight:900;color:var(--text-red);text-shadow:2px 2px 0 #fff;opacity:0;transition:opacity .4s ease;z-index:15;width:100%;text-align:center}.prize-text-overlay.show{opacity:1}#scratchCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:10;touch-action:none}.instruction-asset{top:73.5%;width:80%}.instruction-asset img{width:100%;display:block}.middle-btns{top:85%;display:flex;gap:4%;width:80%}.bottom-btn{top:92%;width:80%}.img-btn{background:none;border:none;cursor:pointer;padding:0;flex:1}.img-btn img{width:100%;display:block}.lantern{position:absolute;z-index:5;width:14%}.lantern-left{top:21.5%;left:0}.lantern-right{top:31.2%;right:0}.lantern img{width:100%;display:block}@supports not (aspect-ratio: 9/16){.viewport-container,.record-viewport{width:56.25vh}}@media(max-width:480px){.viewport-container,.record-viewport{width:100vw;height:calc(100vw * 16 / 9)}}.instruction-asset .instruction-asset2{width:70%;margin:3% auto}body.record-open{overflow:hidden}body.record-open .screen-wrapper{display:none}.record-screen{position:fixed;inset:0;display:none;justify-content:center;align-items:center;background:#0f5b4f;z-index:9997}body.record-open .record-screen{display:flex}.record-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.record-viewport{position:relative;height:100%;aspect-ratio:9 / 16;background:url(/record/bg.png) no-repeat center top;background-size:100% 100%;box-shadow:0 0 50px #0009;overflow:hidden;container-type:size}.record-content{position:absolute;inset:0}.record-calendar{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:90%;background:#fff;border-radius:2.6cqw;border:.8cqw solid #0e7a68;overflow:hidden;padding-bottom:9%}.record-calendar-header{display:flex;align-items:center;justify-content:space-between;background:#c62828;color:#fff;padding:2.2cqw 3cqw;font-size:4.6cqw;font-weight:700}.record-month{letter-spacing:.3cqw}.record-nav{background:transparent;border:none;color:#fff;font-size:6cqw;cursor:pointer;line-height:1;width:10cqw;height:7cqw;display:grid;place-items:center}.record-calendar-body{padding:2.4cqw 2.4cqw 2.8cqw;border-top:.4cqw solid #0e7a68}.record-weekdays,.record-days{display:grid;grid-template-columns:repeat(7,1fr)}.record-weekdays{color:#0e7a68;font-weight:700;font-size:3.6cqw;text-align:center;margin-bottom:1.2cqw}.record-weekdays span{padding:.8cqw 0}.record-day{position:relative;border:.4cqw solid #9dc9c0;min-height:9.4cqw;background:#fff;color:#0b6d5d;font-weight:700}.record-day.is-empty{border:none;background:transparent}.record-day.is-future{background:#d6d6d6;border-color:#bfc6c5;color:#8a8a8a}.record-day.is-today{box-shadow:inset 0 0 0 .4cqw #c62828}.record-day-number{position:absolute;top:.8cqw;left:1cqw;font-size:3.4cqw}.record-day-icon{position:absolute;width:5.2cqw;height:5.2cqw;left:50%;top:50%;transform:translate(-50%,-50%)}.record-legend{position:absolute;bottom:3%;right:5%;display:flex;gap:6cqw;align-items:center;font-size:3.6cqw;color:#0b6d5d;font-weight:700}.record-legend-item{display:flex;align-items:center;gap:1.4cqw}.record-legend-item img{width:6cqw;height:6cqw}.record-points{position:absolute;bottom:8%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:3.4cqw;justify-content:center;max-width:90%}.record-points-img{width:60cqw;height:auto}.record-points-value{font-size:8cqw;font-weight:800;color:#0b6d5d;line-height:1;position:absolute;margin-left:25%}.record-back-btn{position:absolute;bottom:-1%;left:50%;transform:translate(-50%);background:transparent;border:none;cursor:pointer}.record-back-btn img{width:40cqw;height:auto}.record-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffb3;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:20}.record-loading.show{opacity:1;pointer-events:all}.record-loading-spinner{width:7cqw;height:7cqw;border:.7cqw solid rgba(14,122,104,.25);border-top-color:#0e7a68;border-radius:50%;animation:spin 1s linear infinite}.recordDesc{top:33%;left:0%;width:100%;text-align:center;font-size:2.7cqw;font-weight:700;color:#fff;position:absolute;color:gray}