*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#eafaff,#fff2f8 48%,#f1ebff);color:#2d1851;font-family:Pretendard,'Noto Sans KR',Arial,sans-serif}button,input{font:inherit}.spot-nav{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(15px,4vw,55px);background:#fff;border-bottom:1px solid #eee4f4}.spot-nav a{text-decoration:none;color:#6540c7;font-size:12px;font-weight:950}.spot-nav b{font-size:11px;letter-spacing:2px}.spot-shell{max-width:1420px;margin:auto;padding:24px clamp(10px,3vw,38px) 70px}.spot-hero{min-height:390px;display:flex;align-items:center;padding:clamp(27px,6vw,75px);border-radius:38px;color:#fff;background:radial-gradient(circle at 80% 24%,#ffed79 0 5%,transparent 5.5%),linear-gradient(135deg,#4d25b1,#8241e1 52%,#ee4c9a);position:relative;overflow:hidden;box-shadow:0 25px 68px #48238d3c}.spot-hero:after{content:'👀';position:absolute;right:8%;font-size:clamp(100px,17vw,230px);filter:drop-shadow(0 18px 22px #34166d55);transform:rotate(-8deg)}.spot-hero>div{position:relative;z-index:1;max-width:760px}.spot-hero span,.section-head span,.result>span{font-size:11px;font-weight:1000;letter-spacing:2px;color:#ffeb7a}.spot-hero h1{margin:10px 0 16px;font-size:clamp(45px,6vw,82px);line-height:.98;letter-spacing:-4px}.spot-hero em{font-style:normal;color:#ffed78}.spot-hero p{max-width:620px;line-height:1.65;font-size:clamp(14px,1.5vw,19px);font-weight:750}.hero-pills{display:flex;flex-wrap:wrap;gap:8px}.hero-pills b{padding:8px 11px;border-radius:99px;background:#ffffff25;font-size:11px}.setup,.game,.result{margin-top:24px;padding:clamp(18px,3vw,38px);border-radius:32px;background:#ffffffef;box-shadow:0 18px 52px #4c2f8d20}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.section-head span{color:#ee3d8e}.section-head h2{margin:4px 0;font-size:clamp(28px,3.4vw,44px)}.section-head p{max-width:480px;margin:0;color:#766887;font-weight:750}.scene-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.scene-card{min-height:170px;padding:0;border:3px solid transparent;border-radius:24px;overflow:hidden;background:#eee;position:relative;color:#fff;cursor:pointer}.scene-card:after{content:'';position:absolute;inset:38% 0 0;background:linear-gradient(transparent,#221044dd)}.scene-card.on{border-color:#ff4c94;box-shadow:0 11px 28px #ef3f8f40;transform:translateY(-4px)}.scene-card .mini-scene{position:absolute;inset:0}.scene-card .copy{position:absolute;z-index:2;left:16px;bottom:14px;text-align:left}.scene-card b{display:block;font-size:20px}.scene-card span{font-size:10px;font-weight:850;opacity:.86}.difficulty{margin:22px 0;padding:18px;border-radius:22px;background:#f7f4ff}.difficulty h3{margin:0 0 12px}.difficulty>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.difficulty label input{position:absolute;opacity:0}.difficulty label span{min-height:64px;display:grid;place-items:center;text-align:center;border:2px solid #e5dbf1;border-radius:16px;background:#fff;font-weight:1000;cursor:pointer}.difficulty label small{color:#857594}.difficulty input:checked+span{border-color:#7345df;background:#eee8ff;color:#5b2fc6}.start{width:100%;min-height:62px;border:0;border-radius:19px;background:linear-gradient(135deg,#ff3f95,#ff784b);color:#fff;font-size:18px;font-weight:1000;box-shadow:0 13px 30px #ff47714a}.hidden{display:none!important}.game-bar{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px}.game-bar>button{min-height:46px;border:0;border-radius:14px;padding:0 15px;font-weight:950}.game-bar>button:first-child{background:#eee8fa;color:#5d36bf}.game-bar>div:nth-child(2){text-align:center}.game-bar>div:nth-child(2) span{display:block;color:#887a99;font-size:10px;font-weight:900}.game-bar>div:nth-child(2) b{font-size:23px}.timer{text-align:right}.timer span{display:block;font-size:9px;font-weight:900;color:#8d7e9a}.timer b{font-size:24px;color:#e93478}.hint{background:#fff0ae;color:#6c5312}.hint small{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:99px;background:#fff}.message{margin:15px 0;padding:12px;text-align:center;border-radius:14px;background:#f7f3ff;color:#695a7d;font-weight:850}.message.good{background:#ddfff0;color:#08784f}.message.bad{background:#fff0f3;color:#c12655}.pictures{display:grid;grid-template-columns:1fr 1fr;gap:12px}.picture{position:relative;overflow:hidden;border-radius:22px;background:#dff7ff;border:4px solid #fff;box-shadow:0 12px 30px #40227825}.picture:before{content:attr(data-side);position:absolute;z-index:3;left:10px;top:10px;padding:6px 9px;border-radius:99px;background:#3e208ccc;color:#fff;font-size:9px;font-weight:1000;pointer-events:none}.picture svg{display:block;width:100%;height:auto;touch-action:manipulation}.hit{fill:transparent;cursor:pointer}.mark{fill:none;stroke:#ff245f;stroke-width:8;filter:drop-shadow(0 2px 2px #fff);pointer-events:none;animation:pop .35s}.hint-ring{fill:none;stroke:#ffdc36;stroke-width:12;pointer-events:none;animation:pulse .7s infinite}@keyframes pop{from{r:5;opacity:0}}@keyframes pulse{50%{stroke-width:22;opacity:.35}}.picture.miss{animation:shake .3s}@keyframes shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.found-list{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:14px}.found-list span{padding:7px 10px;border-radius:99px;background:#e7fff4;color:#087851;font-size:10px;font-weight:900}.result{text-align:center}.result>span{color:#ec3d8c}.result h2{font-size:clamp(34px,5vw,60px);margin:7px}.result p{color:#756887;font-weight:750}.result-stats{max-width:760px;margin:25px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.result-stats div{padding:18px 9px;border-radius:19px;background:#f5f1ff}.result-stats b{display:block;font-size:25px}.result-stats span{font-size:10px;font-weight:900;color:#81728f}.result-actions{max-width:650px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:9px}.result-actions button{min-height:56px;border:0;border-radius:17px;background:#693bd0;color:#fff;font-weight:1000}.result-actions button+button{background:#eee7fa;color:#5b35bd}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.how article{padding:20px;border-radius:22px;background:#fff;box-shadow:0 12px 34px #4b2d8d17}.how article>b{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#7144db;color:#fff}.how h3{margin:9px 0 5px}.how p{margin:0;color:#776b86;font-size:12px;line-height:1.55;font-weight:700}@media(max-width:850px){.scene-grid{grid-template-columns:1fr 1fr}.pictures{grid-template-columns:1fr}.game-bar{grid-template-columns:auto 1fr auto}.hint{grid-column:1/-1}.spot-hero:after{opacity:.35}}@media(max-width:560px){.spot-nav{height:50px}.spot-nav b{display:none}.spot-shell{padding:10px 8px 50px}.spot-hero{min-height:430px;border-radius:27px;padding:24px}.spot-hero h1{letter-spacing:-3px}.setup,.game,.result{padding:13px;border-radius:23px}.section-head{display:block}.scene-grid{grid-template-columns:1fr 1fr}.scene-card{min-height:135px}.difficulty>div{grid-template-columns:1fr}.game-bar{grid-template-columns:1fr 1fr}.game-bar>button:first-child{grid-column:1/-1}.timer{text-align:center}.pictures{gap:8px}.picture{border-width:2px;border-radius:15px}.result-stats{grid-template-columns:1fr 1fr}.result-actions,.how{grid-template-columns:1fr}}