*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:#f8f9fa;display:flex;flex-direction:column;min-height:100vh}.img-responsive{width:100%;max-width:700px;height:auto;display:block;margin:0 auto}.autocomplete-item.active,.topbar{background:#111;color:#fff}.topbar{padding:16px 24px;font-size:20px;font-weight:600}.topbar a{color:#fff;text-decoration:none}.container{flex:1;display:grid;place-items:center;padding:20px}form{display:flex;gap:10px}input{flex:1;padding:14px;border:1px solid #ddd;border-radius:10px;outline:none}button,input{font-size:18px}button{padding:14px 18px;border:0;border-radius:10px;cursor:pointer;background:#111;color:#fff}h1{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:15px;padding:10px;margin:0;font-size:clamp(1.2rem,4vw,2.5rem)}h1 img{max-height:60px;width:auto}#formation-select{padding:8px 12px;font-size:18px;font-weight:600;border:2px solid #111;border-radius:8px;cursor:pointer;background:#fff}#main{display:flex;flex-direction:column;gap:10px;padding:10px}#main-player-list{max-height:40vh;overflow-y:auto;background:#fff}#main-player-list table{width:100%;border-collapse:collapse}#main-player-list tr{border-bottom:1px solid #f0f0f0}#main-player-list td{padding:10px 12px;font-size:14px}#main-player-list td:first-child{font-weight:600;color:#198754;width:45px}#main-pitch{width:100%;display:flex;justify-content:center;position:relative}.pitch-badge{position:absolute;top:15px;left:15px;height:60px;width:auto;opacity:.8;z-index:1;pointer-events:none}@media (max-width:600px){.pitch-badge{height:40px;top:10px;left:10px}}.player-marker{position:absolute;background:rgba(17,17,17,.85);color:#fff;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;transform:translate(-50%,-50%);white-space:nowrap;z-index:10;border:1px solid #198754;box-shadow:0 2px 4px rgba(0,0,0,.3)}@media (min-width:992px){#main{flex-direction:row;align-items:stretch;height:60vh;margin:20px 0;overflow:hidden}#main-player-list{width:320px;max-height:none!important;height:100%;border:1px solid #ddd}#main-pitch{flex:1;height:100%}#main-pitch img{max-height:100%;width:auto;object-fit:contain}}footer{text-align:center;padding:18px;font-size:14px;color:#555;border-top:1px solid #e5e5e5;background:#fff;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 10px}footer a,footer a:visited{color:#333;text-decoration:none}footer a:hover{text-decoration:underline}.sep{color:#999}@media (max-width:600px){footer{flex-direction:column;gap:6px}.sep{display:none}}#main-player-list tr:active{cursor:grabbing;opacity:.5;background:#e9ecef}.player-marker{transition:transform .2s,background .2s}.player-marker:hover{background:#198754;transform:translate(-50%,-50%) scale(1.2)}.player-marker.assigned{border-color:#fff}.player-marker.assigned:hover:after{content:"Double click to remove or drag to move";position:absolute;bottom:-28px;left:50%;transform:translateX(-50%);background:rgba(17,17,17,.95);color:#fff;padding:4px 12px;font-size:10px;font-weight:500;border-radius:4px;white-space:nowrap;z-index:100;pointer-events:none;box-shadow:0 4px 8px rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.15)}.player-marker{cursor:move}.player-marker:active{cursor:grabbing;background:#198754!important;transform:translate(-50%,-50%) scale(1.1);z-index:101}.social-share-container{display:flex;align-items:center;justify-content:center;gap:16px}@media (max-width:600px){.social-share-container{flex-direction:column}}.social-buttons{margin-top:12px;gap:12px}.social-buttons,.social-icon{display:flex;justify-content:center}.social-icon{width:38px;height:38px;align-items:center;border-radius:50%;text-decoration:none;border:none;cursor:pointer;color:#fff;transition:transform .2s ease,opacity .2s ease}.social-icon svg{width:18px!important;height:18px!important;min-width:18px;min-height:18px;display:block;fill:currentColor}.social-icon.fb svg{transform:scale(1.28) translateY(-2px)}.social-icon.fb{background:#1877f2}.social-icon.x{background:#000}.social-icon.ig{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.social-icon:hover{transform:scale(1.1);opacity:.9}#main-player-list tr.selecting-player{background-color:#fff3cd!important;border-left:4px solid #ffc107;cursor:pointer}.player-marker.assigned{background:#111;color:#fff;border-color:#198754}#main.selection-mode .player-marker:not(.assigned){box-shadow:0 0 12px #ffc107;transform:translate(-50%,-50%) scale(1.1);cursor:cell;animation:pulse-select 1.5s infinite}@keyframes pulse-select{0%{transform:translate(-50%,-50%) scale(1.1)}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1.1)}}#gender-modal{position:fixed;inset:0;background:rgba(0,0,0,.7);display:none;justify-content:center;align-items:center;z-index:9999;backdrop-filter:blur(4px)}.modal-box{background:#fff;padding:30px;border-radius:16px;text-align:center;box-shadow:0 15px 50px rgba(0,0,0,.6),0 0 10px rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.1)}.gender-btn{padding:12px 25px;margin:0 10px;font-size:16px;font-weight:700;cursor:pointer;border:2px solid #111;border-radius:8px;background-color:#fff;color:#111;transition:all .2s ease;outline:none}.gender-btn.active,.gender-btn:focus,.gender-btn:hover{background-color:#111;color:#fff;transform:scale(1.05)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}#message-modal{position:fixed;inset:0;background:rgba(255,140,0,.75);background:rgba(255,140,0,.85);display:none;justify-content:center;align-items:center;z-index:9999}.search-wrapper{position:relative;width:100%}.search-wrapper input{width:100%;padding:10px 34px 10px 10px!important;box-sizing:border-box;flex:unset}#clearSearch{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:#ddd;color:#333;font-size:14px;font-weight:700;line-height:22px;text-align:center;cursor:pointer;display:none;z-index:5;transition:background .2s,transform .15s}#clearSearch:hover{background:#bbb;transform:translateY(-50%) scale(1.1)}