:root{--ink:#3d354b;--muted:#81778d;--purple:#8065d8;--purple-dark:#6247bd;--yellow:#ffd967;--pink:#ff7d9b;--line:#e4ddeb;--paper:#fffdfb}*{box-sizing:border-box}html{overflow-x:hidden}body{min-height:100vh;margin:0;color:var(--ink);font-family:Pretendard,"Noto Sans KR",system-ui,sans-serif;background:radial-gradient(circle at 8% 7%,#fff1bb 0,transparent 24%),radial-gradient(circle at 92% 16%,#e8dcff 0,transparent 28%),linear-gradient(145deg,#fffaf0,#f7f2ff 65%,#fff)}button{font:inherit;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-nav{display:flex;min-height:58px;align-items:center;justify-content:space-between;padding:10px max(20px,calc((100% - 1120px)/2));border-bottom:1px solid var(--line);background:#ffffffeb;backdrop-filter:blur(12px)}.site-nav a{color:var(--ink);font-size:13px;font-weight:850;text-decoration:none}.site-nav .brand{font-size:16px}.site-nav div{display:flex;gap:25px}.site-nav a.active,.site-nav a:hover{color:var(--purple)}main{width:min(1120px,calc(100% - 28px));margin:auto}.hero{padding:46px 12px 26px;text-align:center}.hero>span,.start-screen>span,.scene-heading span{color:var(--purple);font-size:11px;font-weight:950;letter-spacing:.14em}.hero h1{margin:7px 0;font-size:clamp(34px,6vw,56px);letter-spacing:-.055em}.hero p{margin:0;color:var(--muted);line-height:1.65}.game-card,.how-to{position:relative;padding:clamp(16px,3vw,30px);border:1px solid var(--line);border-radius:30px;background:#ffffffdf;box-shadow:0 20px 60px #4d376818;backdrop-filter:blur(14px)}.start-screen,.finish-screen{display:grid;min-height:520px;place-content:center;text-align:center}.start-screen[hidden],.finish-screen[hidden],#playScreen[hidden]{display:none}.start-icon{position:relative;width:132px;height:92px;margin:0 auto 20px}.start-icon i{position:absolute;top:6px;width:88px;height:78px;border:7px solid #fff;border-radius:22px;background:linear-gradient(145deg,#ffd86b,#ffad75);box-shadow:0 12px 25px #68507c2d;transform:rotate(-7deg)}.start-icon i:first-child{left:0}.start-icon i:last-child{right:0;background:linear-gradient(145deg,#a993ea,#7357d0);transform:rotate(7deg)}.start-icon i:first-child::after{content:"";position:absolute;right:12px;bottom:12px;width:24px;height:24px;border:5px solid #fff;border-radius:50%}.start-icon i:last-child::after{content:"★";display:grid;height:100%;place-items:center;color:#fff;font-size:27px}.start-screen h2{margin:7px 0 8px;font-size:clamp(27px,4vw,38px)}.start-screen p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.start-screen button,.finish-screen button{min-width:210px;margin:25px auto 0;padding:15px 25px;border:0;border-radius:17px;color:#3f3155;background:var(--yellow);box-shadow:0 6px 0 #d7ae3d;font-weight:950}.start-screen button:active,.finish-screen button:active{transform:translateY(4px);box-shadow:0 2px 0 #d7ae3d}.status-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.status-bar>div{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:17px;background:#f7f3fb}.status-bar small{color:var(--muted);font-size:11px;font-weight:800}.status-bar strong{font-size:17px}.status-bar b{color:var(--purple);font-size:24px}.status-bar .timer{background:#fff5cf}.status-bar .timer strong{font-variant-numeric:tabular-nums}.progress{height:8px;margin:13px 0 22px;overflow:hidden;border-radius:99px;background:#eee8f4}.progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),#bb91ef);transition:width .3s}.scene-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:15px}.scene-heading h3{margin:3px 0 0;font-size:clamp(22px,3vw,29px)}.scene-heading p{margin:0;color:var(--muted);font-size:13px;font-weight:750}.image-pair{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:16px}.picture{position:relative;display:block;overflow:hidden;padding:0;border:4px solid #fff;border-radius:23px;background:#eee7f5;box-shadow:0 9px 24px #47375e20;touch-action:manipulation}.picture img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;user-select:none}.picture em{position:absolute;top:11px;left:11px;padding:6px 10px;border-radius:99px;color:#5c4a71;background:#ffffffdf;font-size:10px;font-style:normal;font-weight:950;box-shadow:0 3px 10px #4e3d5f20}.markers{position:absolute;inset:0}.found-marker,.miss-marker{position:absolute;z-index:4;width:11%;aspect-ratio:1;transform:translate(-50%,-50%);border:4px solid #ff426d;border-radius:50%;box-shadow:0 0 0 3px #fff,0 5px 14px #8b244746;animation:marker-pop .28s both}.found-marker::after{content:"✓";display:grid;width:100%;height:100%;place-items:center;color:#fff;text-shadow:0 2px 4px #8b2447;font-size:clamp(14px,2vw,24px);font-weight:1000}.miss-marker{display:grid;width:9%;place-items:center;border-color:#7b64d3;color:#fff;background:#7b64d3;font-size:22px;font-weight:1000}.miss-marker::after{content:"×"}.versus{position:absolute;z-index:5;top:50%;left:50%;display:grid;width:58px;height:58px;place-items:center;transform:translate(-50%,-50%) rotate(-7deg);border:5px solid #fff;border-radius:50%;color:#fff;background:linear-gradient(145deg,#ff8b98,#ee5879);box-shadow:0 7px 18px #8e365242;font-size:17px;font-weight:1000}.picture.solved{border-color:#ffd45e;box-shadow:0 0 0 5px #ffdb6a52}.finish-screen{min-height:540px;overflow:hidden;border-radius:24px;background:linear-gradient(145deg,#fff7d1,#fff,#eee7ff)}.trophy{display:grid;width:92px;height:92px;margin:0 auto 14px;place-items:center;border:7px solid #fff;border-radius:50%;color:#fff;background:linear-gradient(145deg,#ffd85c,#ff9c6c);box-shadow:0 12px 30px #7a547234;font-size:48px}.finish-screen>small{color:var(--purple);font-weight:950;letter-spacing:.1em}.finish-screen h2{margin:5px 0;font-size:clamp(32px,5vw,48px)}.finish-screen p{margin:15px 0 0;color:var(--muted)}.finish-screen>strong{font-size:clamp(44px,7vw,68px);font-variant-numeric:tabular-nums;letter-spacing:-.05em}.confetti span{position:absolute;top:-20px;width:11px;height:20px;border-radius:3px;animation:fall 2.4s linear infinite}.how-to{margin-top:22px}.how-to h2{text-align:center}.how-to>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.how-to p{display:flex;align-items:center;gap:11px;margin:0;padding:16px;border-radius:18px;background:#f7f3fb}.how-to b{display:grid;flex:none;width:35px;height:35px;place-items:center;border-radius:50%;color:#fff;background:var(--purple)}.how-to span{font-size:13px;line-height:1.5}.ad-container{min-height:90px;margin:28px auto;text-align:center}footer{padding:24px 15px;color:#867d91;font-size:12px;text-align:center}@keyframes marker-pop{from{transform:translate(-50%,-50%) scale(.35)}70%{transform:translate(-50%,-50%) scale(1.14)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes fall{to{transform:translateY(600px) rotate(560deg)}}@media(max-width:700px){.site-nav{justify-content:center}.site-nav .brand{display:none}.site-nav div{gap:16px}.hero{padding:30px 5px 19px}.game-card{padding:12px;border-radius:23px}.start-screen{min-height:480px;padding:15px}.status-bar{gap:6px}.status-bar>div{display:grid;justify-content:center;padding:10px 5px;text-align:center}.status-bar small{font-size:10px}.status-bar strong{font-size:14px}.status-bar b{font-size:20px}.scene-heading{display:block;padding:0 4px}.scene-heading p{margin-top:5px}.image-pair{grid-template-columns:1fr;gap:12px}.picture{border-width:3px;border-radius:17px}.versus{top:50%;width:48px;height:48px;font-size:14px}.found-marker{border-width:3px;box-shadow:0 0 0 2px #fff,0 4px 10px #8b244746}.how-to{padding:16px}.how-to>div{grid-template-columns:1fr}.finish-screen{min-height:500px}}@media(max-width:390px){main{width:calc(100% - 14px)}.site-nav div{gap:11px}.site-nav a{font-size:12px}.status-bar .timer strong{font-size:12px}.hero h1{font-size:31px}}