.spot-difference-scene{position:absolute;left:var(--scene-x);top:var(--scene-y);width:var(--scene-width);height:980px;display:grid;grid-template-rows:82px minmax(0,1fr) 100px;gap:12px;padding:0;color:#fff;background:radial-gradient(circle at 50% 40%,rgba(16,91,139,.26),transparent 58%)}
.spot-meta{display:flex;justify-content:space-between;align-items:center;padding:0 22px;border:2px solid #29e7ff;border-radius:18px;background:rgba(3,18,42,.94);box-shadow:0 0 24px rgba(41,231,255,.13)}
.spot-title-block{display:flex;flex-direction:column;gap:3px;min-width:0}.spot-title-block strong{font-size:31px;color:#37efff;line-height:1}.spot-title-block span{font-size:16px;color:#a7badb;letter-spacing:.08em}.spot-progress-block{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:8px}.spot-progress-block strong{font-size:34px;color:#ffe640;line-height:1}.spot-progress-block span{font-size:16px;font-weight:900;letter-spacing:.12em;color:#fff0a2}
.spot-images{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;min-height:0}.spot-images article{display:grid;grid-template-rows:25px minmax(0,1fr);gap:4px;min-height:0}.spot-images article>b{text-align:center;font-size:18px;letter-spacing:.18em;color:#ffdc38;line-height:25px}.spot-image-frame{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden;border:3px solid rgba(54,235,255,.78);border-radius:20px;background:linear-gradient(145deg,#071126,#030817);box-shadow:0 0 26px rgba(30,218,255,.16)}
.spot-media-stage{position:relative;flex:0 0 auto;overflow:visible}.spot-media-stage img{display:block;width:100%;height:100%;object-fit:contain}.spot-target-frame{border-color:rgba(255,220,56,.78);box-shadow:0 0 28px rgba(255,220,56,.12)}.spot-marker-layer{position:absolute;inset:0;pointer-events:none}
.spot-found-marker,.spot-hint-marker{position:absolute;transform:translate(-50%,-50%);width:calc(var(--r)*2);aspect-ratio:1;border-radius:50%;display:grid;place-items:center}.spot-found-marker{border:5px solid #49ff9e;box-shadow:0 0 20px #49ff9e;background:rgba(46,255,151,.13);animation:spot-marker-arrive .45s cubic-bezier(.2,.9,.2,1)}.spot-found-marker i,.spot-hint-marker i{font-style:normal;font-weight:1000;border-radius:50%;display:grid;place-items:center}.spot-found-marker i{font-size:23px;background:#49ff9e;color:#04130d;width:34px;height:34px}.spot-found-marker em{position:absolute;top:103%;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-weight:900;font-size:14px;color:#8dffc1;text-shadow:0 2px 4px #000}.spot-missed-marker{border-color:#ffcf43!important;box-shadow:0 0 20px #ffcf43!important;background:rgba(255,207,67,.12)!important}.spot-missed-marker i{background:#ffcf43!important;color:#071126!important}.spot-hint-marker{border:4px dashed #ffe13c;background:rgba(255,225,60,.06);box-shadow:0 0 25px rgba(255,225,60,.55);animation:spot-hint-pulse 1s ease-in-out infinite}.spot-hint-marker i{width:34px;height:34px;background:#ffe13c;color:#06142c;font-size:22px}.spot-hint-marker.level-2{opacity:.62}.spot-hint-marker.level-3{border-style:solid;opacity:1}
.spot-footer{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.8fr);align-items:center;gap:16px;padding:12px 20px;border:2px solid #b23cff;border-radius:18px;background:rgba(7,16,42,.96)}.spot-instructions{min-width:0;text-align:left}.spot-instructions strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:26px}.spot-instructions span{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#95eaff}.spot-activity{min-width:0;padding-left:16px;border-left:1px solid rgba(255,255,255,.16)}.spot-activity span{display:block;font-size:13px;font-weight:900;letter-spacing:.12em;color:#a7badb}.spot-activity strong{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;color:#72ffb3}
.spot-ready-cover{display:none;position:absolute;inset:0;z-index:8;place-items:center;align-content:center;border:3px solid #31eaff;border-radius:26px;background:rgba(2,9,26,.94);text-align:center}.spot-ready-cover.visible{display:grid}.spot-ready-cover strong{font-size:70px;color:#ffe13c}.spot-ready-cover span{font-size:28px;margin-top:8px}.spot-difference-scene[data-phase="SPOT_COUNTDOWN"] .spot-ready-cover strong{animation:spot-countdown .75s ease-in-out infinite}.spot-difference-scene[data-phase="SPOT_ADJUDICATION"] .spot-ready-cover{background:rgba(2,9,26,.82)}
.spot-result-overlay{display:none;position:absolute;z-index:9;left:60px;right:60px;top:50%;transform:translateY(-50%);padding:30px 36px;border:3px solid #ffe13c;border-radius:24px;background:rgba(2,11,31,.96);box-shadow:0 0 45px rgba(255,225,60,.32);text-align:center}.spot-result-overlay.visible{display:grid;animation:spot-result-in .42s cubic-bezier(.2,.9,.2,1)}.spot-result-overlay span{font-size:20px;font-weight:1000;letter-spacing:.18em;color:#43edff}.spot-result-overlay strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:42px;color:#fff}.spot-result-overlay em{display:block;margin-top:12px;font-size:32px;font-style:normal;font-weight:1000;color:#73ffb5}
.spot-difference-scene[data-phase="SPOT_PAUSED"]{filter:saturate(.82)}.spot-difference-scene[data-phase="SPOT_SOLUTIONS"] .spot-found-marker,.spot-difference-scene[data-phase="SPOT_RECAP"] .spot-found-marker{border-color:#ffe13c;box-shadow:0 0 20px #ffe13c}
@keyframes spot-marker-arrive{0%{opacity:0;transform:translate(-50%,-50%) scale(1.8)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes spot-hint-pulse{50%{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 38px rgba(255,225,60,.82)}}@keyframes spot-result-in{0%{opacity:0;transform:translateY(-50%) scale(.86)}100%{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes spot-countdown{50%{transform:scale(1.06)}}
@media (prefers-reduced-motion:reduce){.spot-found-marker,.spot-hint-marker,.spot-result-overlay.visible,.spot-difference-scene[data-phase="SPOT_COUNTDOWN"] .spot-ready-cover strong{animation:none!important}}
.spot-recap-overlay{position:absolute;inset:155px 44px 530px;z-index:12;display:none;align-content:center;gap:18px;padding:34px;border:3px solid rgba(76,236,255,.72);border-radius:28px;background:rgba(2,12,32,.96);text-align:center}.spot-recap-overlay.visible{display:grid;animation:spot-result-in .35s ease-out both}.spot-recap-overlay>span{color:#52eaff;font-size:23px;font-weight:950;letter-spacing:.15em}.spot-recap-overlay>strong{color:#fff;font-size:42px;line-height:1.05}.spot-recap-overlay>em{color:#ffe271;font-size:24px;font-style:normal;font-weight:950}.spot-recap-overlay>div{display:grid;gap:10px}.spot-recap-overlay>div>div{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;padding:13px 16px;border:1px solid rgba(83,225,247,.28);border-radius:14px;background:rgba(11,43,73,.72);text-align:left}.spot-recap-overlay>div b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#19b8d0;color:#fff}.spot-recap-overlay>div strong{font-size:25px}.spot-recap-overlay>div span{color:#85f5c6;font-size:25px;font-weight:950}
.spot-activity.hidden{display:none}.spot-high-contrast .spot-found-marker{outline:3px solid #fff;outline-offset:3px}.spot-high-contrast .spot-hint-marker{outline:3px solid #06142c;outline-offset:3px}