*{box-sizing:border-box}body{margin:0;min-height:100dvh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(135deg,#020617,#312e81,#0f172a);color:#fff}button,input{font:inherit}.shell{width:100%;max-width:1150px;margin:auto;padding:24px}header,.card{background:rgba(255,255,255,.96);color:#0f172a;border-radius:24px;box-shadow:0 20px 45px rgba(0,0,0,.27)}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:18px;background:rgba(255,255,255,.08);color:#fff}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand h1,.brand p{margin:0}.brand h1{font-size:30px}.brand p{color:#c7d2fe;font-size:14px}.brand-icon{flex-shrink:0;padding:10px;border-radius:15px;background:#6366f1;font-size:30px}.controls{display:flex;gap:8px}.controls button,.score{min-height:48px;padding:10px 16px;border:0;border-radius:14px}.controls button{cursor:pointer}.score{background:#fff;color:#0f172a;text-align:center}.score small,.score strong{display:block}.score strong{font-size:24px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.game{padding:24px}.message{margin-bottom:20px;padding:14px;border-radius:14px;background:#eef2ff;color:#312e81;text-align:center;font-weight:700}.game-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:22px}.game-grid h2{margin-top:0}.pieces{display:grid;grid-template-columns:1fr 1fr;gap:10px}.piece{position:relative;display:flex;min-height:120px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px;border:2px solid #e2e8f0;border-radius:16px;background:#fff;color:#0f172a;cursor:grab;touch-action:none}.piece:active{cursor:grabbing}.piece span{font-size:36px}.piece small{color:#4f46e5;font-weight:700}.piece i{color:#059669;font-style:normal;font-weight:900}.piece.selected{border-color:#4f46e5;background:#eef2ff;box-shadow:0 0 0 4px #c7d2fe}.piece:disabled{cursor:default;opacity:.55}.target{position:relative;width:100%;min-height:640px;padding:50px 16px 20px;border:4px dashed #a5b4fc;border-radius:22px;background:linear-gradient(#e0e7ff,#f1f5f9);color:#0f172a;cursor:pointer;touch-action:manipulation}.target.active{border-color:#4f46e5;box-shadow:0 0 0 6px #c7d2fe}.zone-label{position:absolute;top:0;right:0;left:0;padding:9px;background:#4f46e5;color:#fff;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.2em}.target-image{display:flex;width:100%;max-width:420px;margin:0 auto;align-items:center;justify-content:center;overflow:visible;background:transparent}.target-image img{display:block;width:100%;height:auto;max-height:500px;border-radius:12px;object-fit:contain;object-position:center;box-shadow:0 10px 25px rgba(0,0,0,.25)}.target h3{margin:14px 0 0;font-size:28px}.target p{margin:8px auto;max-width:420px}.landed{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px}.landed span{padding:7px;border-radius:8px;background:#fff;font-size:22px}
.submit,.primary{width:100%;margin-top:18px;padding:14px;border:0;border-radius:14px;background:#059669;color:#fff;font-weight:800;cursor:pointer}.submit:disabled{cursor:default;opacity:.45}.tool-image{display:block;width:70px;height:70px;max-width:100%;margin:0 auto;object-fit:contain}.landed-image{display:block;width:45px;height:45px;object-fit:contain}.leaderboard{padding:18px;height:max-content;position:sticky;top:20px}.leaderboard h2{background:#fbbf24;margin:-18px -18px 14px;padding:18px;border-radius:24px 24px 0 0}.leader-row{display:grid;grid-template-columns:35px 1fr auto;align-items:center;background:#f1f5f9;padding:10px;margin:7px 0;border-radius:12px}.leader-row b{background:#1e293b;color:#fff;width:28px;height:28px;border-radius:50%;display:grid;place-items:center}.leader-row strong{color:#4338ca}.leaderboard>small{display:block;text-align:center;color:#64748b;margin-top:12px}.empty-leaderboard{text-align:center;color:#64748b}@media(max-width:760px){html,body{width:100%;overflow-x:hidden}.shell{padding:12px;max-width:100%}header{display:block;padding:12px}.brand{margin-bottom:12px}.brand h1{font-size:20px}.controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.controls button,.score{width:100%;min-width:0;padding:8px}.layout{display:block}.game{padding:12px}.game-grid{display:block}.pieces{grid-template-columns:repeat(2,1fr);gap:8px}.piece{min-height:90px;padding:6px}.piece span{font-size:28px}.target{min-height:400px;padding:40px 12px 20px}.target-image{width:100%;max-width:220px;margin:0 auto}.target-image img{width:100%;height:auto;max-height:180px;object-fit:contain}.leaderboard{position:static;margin-top:20px}.tool-image{width:45px;height:45px}.landed-image{width:30px;height:30px}}@media(max-width:430px){html,body{overflow-x:hidden;width:100%}.shell{padding:10px}.brand h1{font-size:18px}.controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.controls button,.score{font-size:14px;padding:8px 4px}.layout{display:block}.game-grid{display:block}.pieces{grid-template-columns:repeat(2,1fr)}.piece{min-height:85px}.target{min-height:350px}.target-image{max-width:200px}.target-image img{max-height:160px}.leaderboard{position:static;width:100%;margin-top:16px}}