:root{--ink:#19183a;--violet:#6546ec}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{margin:0;background:#f3f2ff;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ffe38a;outline-offset:3px}.target-shell{max-width:1160px;margin:auto;padding:28px clamp(16px,4vw,36px) 70px}.eyebrow{color:var(--violet);font-size:11px;letter-spacing:1.8px;font-weight:900}.target-head h1{font-size:clamp(47px,7vw,78px);line-height:1;letter-spacing:-.07em;margin:9px 0 3px}.target-head em{color:var(--violet);font-family:Georgia,serif;font-weight:400}.target-head p{color:#76728b;margin:12px 0 22px;font-size:16px}.target-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:18px}.target-stats>div{background:#fff;border:1px solid #ddd8ee;border-radius:15px;padding:10px 16px;display:flex;flex-direction:column}.target-stats small{font-size:10px;font-weight:900;letter-spacing:1.3px;color:#807991}.target-stats strong{font-size:28px}.target-layout{display:grid;grid-template-columns:minmax(0,700px) minmax(235px,1fr);gap:18px;align-items:start}.arena-card,.target-panel{border:1px solid #ded8ec;background:#fff;border-radius:20px;box-shadow:4px 5px 0 #ded9eb}.arena-card{padding:12px;min-width:0}.arena{height:clamp(310px,38vw,435px);position:relative;overflow:hidden;border-radius:14px;background:radial-gradient(circle at 48% 44%,#3d3e86,#202650 73%);touch-action:manipulation;cursor:crosshair;user-select:none}.arena:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#a5aff00d 1px,transparent 1px),linear-gradient(90deg,#a5aff00d 1px,transparent 1px),radial-gradient(#fff7 1px,transparent 2px);background-size:35px 35px,35px 35px,67px 67px;pointer-events:none}.arena:after{content:"";position:absolute;inset:12px;border:1px solid #bdc0fa3b;border-radius:10px;pointer-events:none}.arena-overlay{position:absolute;z-index:10;inset:0;background:#171a45c9;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#fff;padding:25px;cursor:auto}.arena-overlay[hidden]{display:none}.overlay-kicker{font-size:11px;font-weight:900;letter-spacing:2px;color:#d7f283}.arena-overlay h2{font-size:clamp(28px,5vw,40px);letter-spacing:-.05em;margin:12px 0 8px}.arena-overlay p{line-height:1.5;max-width:340px;margin:0 0 22px}.arena-overlay button{border:0;border-radius:13px;background:#d8f182;color:#171a45;padding:15px 25px;font-weight:900;min-height:53px;box-shadow:4px 5px 0 #0d1236}.moving-target{position:absolute;z-index:2;width:var(--size);height:var(--size);border:4px solid #fff8e7;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 6px 0 #0c123955,0 0 0 6px #fff2;touch-action:manipulation;cursor:pointer;padding:0;display:grid;place-items:center;animation:target-enter .22s both}.moving-target:before{content:"";width:68%;height:68%;border-radius:50%;background:#fff9e8;display:block}.moving-target:after{content:"";position:absolute;width:32%;height:32%;border-radius:50%;background:var(--centre);box-shadow:0 0 0 4px #fff9e8aa}.moving-target.pink{background:#f178a5;--centre:#d95183}.moving-target.blue{background:#69c9d8;--centre:#3e9fca}.moving-target.gold{background:#f8c760;--centre:#ed9e36;box-shadow:0 5px 0 #0c123955,0 0 0 6px #ffed9c80}.moving-target:focus-visible{outline:4px solid #dcf77b;outline-offset:5px}.spark{position:absolute;z-index:4;pointer-events:none;color:#fff4b0;font-weight:900;font-size:22px;transform:translate(-50%,-50%);animation:spark .5s ease-out forwards}.arena-footer{padding:12px 3px 3px;display:flex;justify-content:space-between;gap:10px;min-height:41px;color:#69647c;font-size:13px;font-weight:700}.arena-footer #wave{color:#6248bb;font-size:11px;letter-spacing:1.4px;white-space:nowrap;font-weight:900}.target-side{display:grid;gap:16px}.target-panel{padding:23px}.target-panel h2{font-size:26px;letter-spacing:-.05em;margin:10px 0}.target-panel p{color:#69677b;line-height:1.5;font-size:14px}.streak-stat{display:flex;justify-content:space-between;border-top:1px solid #e9e5f1;padding:11px 0;font-size:12px;font-weight:900;color:#827a96}.streak-stat strong{font-size:19px;color:#5b43bf}.legend{border-top:1px solid #e9e5f1;padding-top:15px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:850;white-space:nowrap}.dot{width:14px;height:14px;border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px #b7b0c8}.dot.pink{background:#f178a5}.dot.blue{background:#69c9d8}.dot.gold{background:#f8c760}.target-panel button{border:1px solid #bfb4df;border-radius:10px;background:#f3efff;color:#302657;padding:10px 13px;min-height:44px;font-size:13px;font-weight:850;margin:5px 7px 0 0}.target-panel button:hover{background:#e2d8ff}.target-foot{font-size:13px;color:#807b8d;line-height:1.5;margin-top:24px}.target-foot a{color:#5b42c9;font-weight:850}@keyframes target-enter{from{opacity:0;scale:.4}to{opacity:1;scale:1}}@keyframes spark{to{opacity:0;transform:translate(-50%,-110%) scale(1.4)}}@media(max-width:800px){.target-layout{grid-template-columns:1fr}.target-side{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.target-shell{padding-top:20px}.target-head p{font-size:14px}.target-stats{gap:6px}.target-stats>div{padding:9px 8px;min-width:0}.target-stats strong{font-size:22px}.arena-card{padding:7px}.arena{height:clamp(310px,82vw,400px)}.target-side{grid-template-columns:1fr}.target-panel{padding:18px}.arena-footer{font-size:12px}}