*{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:none;width:100%;height:100%;font-family:sans-serif;overflow:hidden}body{background:#fff;justify-content:center;align-items:center;display:flex}#app{width:100%;height:100%}.cinematic-overlay{z-index:99999;pointer-events:none;background:#fff;position:fixed;inset:0}.scratch-screen{width:100%;height:100dvh;min-height:100svh;padding:max(18px, env(safe-area-inset-top)) clamp(14px, 4vw, 28px) max(18px, env(safe-area-inset-bottom));touch-action:none;background:repeating-linear-gradient(90deg,#dff3ff,#dff3ff 12px,#fff 12px 24px);flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:relative;overflow:hidden}.title-image{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;flex-shrink:0;width:clamp(230px,82vw,360px);height:auto;max-height:clamp(90px,22vh,180px);margin-top:clamp(12px,4vh,38px);margin-bottom:clamp(18px,4.5vh,44px)}.stars-container{padding-inline:clamp(6px,2vw,18px);grid-template-columns:repeat(2,minmax(0,1fr));place-items:center;gap:clamp(14px,3.8vh,30px) clamp(14px,5vw,34px);width:100%;max-width:460px;padding-bottom:clamp(12px,3vh,28px);display:grid}.star-card{aspect-ratio:1;transform-origin:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(96px,31vw,155px);display:flex;position:relative;overflow:visible}.star-background{object-fit:contain;z-index:1;-webkit-user-select:none;user-select:none;pointer-events:none;width:78%;height:auto;position:absolute}.hidden-image{object-fit:contain;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;width:54%;max-width:100%;height:auto;position:absolute}.scratch-canvas{z-index:3;touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.typewriter-found{animation:.7s ease-in-out infinite alternate foundPulse}@keyframes foundPulse{0%{filter:drop-shadow(0 0 #fff0);transform:scale(1)}to{filter:drop-shadow(0 0 20px #fffffff2);transform:scale(1.08)}}@media (width<=360px){.scratch-screen{padding-inline:10px}.title-image{width:clamp(210px,84vw,300px);margin-top:10px;margin-bottom:16px}.stars-container{gap:12px 10px;padding-inline:4px}.star-card{width:clamp(88px,30vw,112px)}.hidden-image{width:52%}}@media (width>=390px) and (width<=767px){.star-card{width:clamp(112px,32vw,150px)}.hidden-image{width:56%}}@media (width>=768px){.scratch-screen{border-radius:28px;justify-content:center;width:100%;max-width:540px;margin-inline:auto}.title-image{width:clamp(300px,58vw,390px);margin-top:0;margin-bottom:clamp(24px,4vh,42px)}.stars-container{gap:clamp(22px,3vh,34px) clamp(24px,4vw,42px);max-width:500px}.star-card{width:clamp(135px,18vw,165px)}}@media (width>=1200px){body{background:#dff3ff}.scratch-screen{max-width:520px;max-height:940px;box-shadow:0 22px 60px #0000001f,0 0 0 1px #ffffff80}.star-card{width:155px}}@media (height<=520px) and (orientation:landscape){.scratch-screen{justify-content:center;padding:clamp(8px,2vh,14px) clamp(14px,4vw,28px)}.title-image{width:clamp(180px,34vw,280px);max-height:22vh;margin-top:0;margin-bottom:clamp(10px,3vh,18px)}.stars-container{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,2vh,16px) clamp(12px,3vw,28px);max-width:620px}.star-card{width:clamp(72px,16vh,110px)}.hidden-image{width:54%}}@media (height>=850px) and (width<=767px){.title-image{margin-top:clamp(28px,6vh,58px);margin-bottom:clamp(28px,5vh,52px)}.stars-container{row-gap:clamp(24px,4.4vh,40px)}.star-card{width:clamp(118px,32vw,160px)}}