.aln{--aln-primary: #2c3e50;--aln-secondary: #3498db;--aln-accent: #e74c3c;--aln-field: #4CAF50;--aln-line: rgba(255, 255, 255, .7);color:#333;min-height:100vh;padding:16px}.aln *{box-sizing:border-box}.aln .aln-container{max-width:1400px;margin:0 auto}.aln header.aln-header{background:var(--aln-primary);color:#fafafa;padding:16px;text-align:center;border-radius:8px;margin-bottom:16px;box-shadow:0 4px 10px #00000026}.aln .aln-header img{height:70px;width:auto}.aln .aln-header h1{font-size:1.6rem;margin:6px 0}.aln .aln-header p{opacity:.85;font-size:.9rem}.aln .aln-controls{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;padding:14px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #00000014;margin-bottom:16px}.aln .aln-group{display:flex;flex-direction:column;min-width:200px}.aln .aln-cfg-toggle{display:none}.aln .aln-group>label{font-weight:700;margin-bottom:5px;color:var(--aln-primary);font-size:.85rem}.aln select,.aln input[type=text]{padding:9px 10px;border:1px solid #ddd;border-radius:6px;font-size:15px}.aln button.aln-btn{padding:9px 12px;border:none;border-radius:6px;background:var(--aln-secondary);color:#fff;cursor:pointer;font-size:14px;display:inline-flex;align-items:center;gap:6px;transition:background .2s,transform .1s}.aln button.aln-btn:hover{background:#2980b9}.aln button.aln-btn:active{transform:translateY(1px)}.aln button.aln-btn.aln-btn-accent{background:var(--aln-accent)}.aln button.aln-btn.aln-btn-accent:hover{background:#c0392b}.aln button.aln-btn.aln-btn-ghost{background:#ecf0f1;color:var(--aln-primary)}.aln button.aln-btn.aln-btn-ghost:hover{background:#dfe6e9}.aln button.aln-btn:disabled{opacity:.5;cursor:not-allowed}.aln .aln-actions{display:flex;gap:8px;flex-wrap:wrap}.aln .aln-gender{display:flex;gap:8px}.aln .aln-gender .gbtn{flex:1;padding:9px;text-align:center;background:#eee;border-radius:6px;cursor:pointer;font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.aln .aln-gender .gbtn.active{background:var(--aln-secondary);color:#fff}.aln .aln-main{display:flex;gap:16px;align-items:flex-start}.aln .aln-field-col{flex:0 0 58%;max-width:58%;min-width:300px}.aln .aln-side{flex:1 1 42%;max-width:42%;min-width:250px;display:flex;flex-direction:column;gap:16px}@media (max-width: 992px){.aln .aln-main{flex-direction:column}.aln .aln-field-col,.aln .aln-side{max-width:100%;flex:1 1 100%}}.aln .aln-field{position:relative;width:100%;max-width:620px;margin:0 auto;aspect-ratio:1 / 1.08;background-color:var(--aln-field);border:3px solid var(--aln-primary);border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #0003;touch-action:none}.aln .aln-field:before{content:"";position:absolute;width:80%;height:80%;top:10%;left:10%;border:2px solid var(--aln-line);border-radius:16px}.aln .center-circle{position:absolute;width:22%;aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid var(--aln-line);border-radius:50%}.aln .center-point,.aln .penalty-point-left,.aln .penalty-point-right{position:absolute;width:8px;height:8px;background:var(--aln-line);border-radius:50%}.aln .center-point{top:50%;left:50%;transform:translate(-50%,-50%)}.aln .penalty-point-left{left:12%;top:50%;transform:translateY(-50%)}.aln .penalty-point-right{right:12%;top:50%;transform:translateY(-50%)}.aln .goal-area-left,.aln .goal-area-right{position:absolute;width:12%;height:32%;top:34%;border:2px solid var(--aln-line)}.aln .goal-area-left{left:0;border-right:0}.aln .goal-area-right{right:0;border-left:0}.aln .penalty-area-left,.aln .penalty-area-right{position:absolute;width:24%;height:48%;top:26%;border:2px solid var(--aln-line)}.aln .penalty-area-left{left:0;border-right:0}.aln .penalty-area-right{right:0;border-left:0}.aln .field-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:55%;max-width:300px;opacity:.28;pointer-events:none;z-index:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.aln .field-logo img{width:100%;height:auto;display:block}.aln .player-card{position:absolute;width:12%;aspect-ratio:1;min-width:54px;background:#fff;border:2px solid var(--aln-primary);border-radius:50%;cursor:grab;box-shadow:0 4px 8px #00000040;transform:translate(-50%,-50%);z-index:10;overflow:hidden;transition:box-shadow .15s}.aln .player-card:active{cursor:grabbing}.aln .player-card:hover{box-shadow:0 6px 14px #00000059;z-index:30}.aln .player-card .pc-img{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#e9ecef}.aln .player-card .pc-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.aln .player-card .pc-img .pc-ph{color:#95a5a6;font-size:40%;font-weight:700}.aln .player-card .pc-overlay{position:absolute;left:0;right:0;bottom:0;background:#2c3e50cc;color:#fff;text-align:center;padding:3px 2px;pointer-events:none}.aln .player-card .pc-code{font-weight:700;font-size:10px;line-height:1.1}.aln .player-card .pc-pos{font-size:8px;opacity:.85;line-height:1.1}.aln .player-card .pc-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border:none;border-radius:50%;background:var(--aln-accent);color:#fff;font-size:11px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:5}.aln .player-card:hover .pc-remove{display:flex}.aln .aln-panel{background:#f9f9f9;border:2px solid #e3e3e3;border-radius:8px;overflow:hidden}.aln .aln-panel .aln-panel-title{background:var(--aln-primary);color:#fff;padding:10px 12px;font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:space-between;gap:8px}.aln .aln-panel.suplentes .aln-panel-title{background:var(--aln-secondary)}.aln .aln-panel.disponibles .aln-panel-title{background:#16a085}.aln .aln-panel-title .mini{background:#fff3;border:none;color:#fff;padding:3px 8px;border-radius:4px;cursor:pointer;font-size:12px}.aln .aln-panel-title .mini:hover{background:#ffffff59}.aln .aln-bench{padding:12px;display:flex;flex-wrap:wrap;gap:10px;max-height:280px;overflow-y:auto}.aln .aln-search{width:100%;margin:0}.aln .aln-panel .aln-search-wrap{padding:10px 12px 0}.aln .bench-player{width:84px;height:84px;background:#fff;border:1px solid #ddd;border-radius:8px;position:relative;overflow:hidden;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:transform .15s,border-color .15s}.aln .bench-player:hover{transform:translateY(-2px);border-color:var(--aln-secondary)}.aln .bench-player .bp-img{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#e9ecef}.aln .bench-player .bp-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.aln .bench-player .bp-img .bp-ph{color:#95a5a6;font-size:26px;font-weight:700}.aln .bench-player .bp-overlay{position:absolute;left:0;right:0;bottom:0;background:#2c3e50cc;color:#fff;text-align:center;padding:2px;font-size:9px;line-height:1.15;pointer-events:none}.aln .bench-empty{color:#888;font-size:.85rem;padding:6px 2px}.aln-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.aln-modal{background:#111;color:#ececec;border:1px solid #2e8b57;border-radius:12px;width:100%;max-width:460px;max-height:90vh;overflow:auto;box-shadow:0 14px 34px #0000008c}.aln-modal h2{display:flex;align-items:center;gap:8px;margin:0;padding:14px 16px;font-size:17px;color:#9fe7a3;background:linear-gradient(135deg,#2b2b2b,#1a1a1a);border-bottom:1px solid #2e8b57}.aln-modal .aln-modal-body{padding:16px}.aln-modal .aln-modal-photo{width:140px;height:140px;border-radius:50%;-o-object-fit:cover;object-fit:cover;display:block;margin:0 auto 14px;border:4px solid var(--aln-secondary);background:#222}.aln-modal .aln-modal-row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #262626;font-size:14px}.aln-modal .aln-modal-row .k{color:#9aa0a6}.aln-modal .aln-modal-row .v{color:#fff;font-weight:600;text-align:right}.aln-modal .aln-modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:12px 16px;border-top:1px solid #2e8b57}.aln-modal .aln-modal-foot button{padding:8px 14px;border-radius:8px;border:1px solid #2e8b57;background:#2e8b57;color:#fff;cursor:pointer}.aln-modal .aln-team-item{padding:12px;background:#181818;border:1px solid #2e8b57;border-radius:8px;cursor:pointer;margin-bottom:10px}.aln-modal .aln-team-item:hover{background:#1f1f1f}.aln-modal .aln-team-item .tname{font-weight:700;color:#9fe7a3}.aln-modal .aln-team-item .tmeta{font-size:12px;color:#9aa0a6;margin-top:2px}.aln .aln-loading,.aln .aln-empty-note{text-align:center;padding:20px;color:#666}.aln .aln-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;background:var(--aln-primary);color:#fff;border:none;padding:9px 14px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px}.aln .aln-back:hover{background:#1a252f}@media (max-width: 640px){.aln{padding:8px}.aln .aln-field-col,.aln .aln-side{min-width:0;max-width:100%}.aln .aln-group{min-width:100%}.aln .aln-actions{width:100%}.aln .aln-actions button.aln-btn{flex:1 1 auto;justify-content:center}.aln .player-card{width:15%;min-width:46px}.aln .player-card .pc-code{font-size:8px}.aln .player-card .pc-pos{font-size:7px}.aln .player-card .pc-remove{width:16px;height:16px;font-size:10px;display:flex}.aln .bench-player{width:72px;height:72px}.aln .field-logo{opacity:.24}.aln .aln-header h1{font-size:1.3rem}.aln .aln-cfg-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px;padding:12px 14px;margin-bottom:12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-weight:700;color:var(--aln-primary);font-size:.95rem;box-shadow:0 2px 10px #0000000f;cursor:pointer}.aln .aln-cfg-toggle>span{display:inline-flex;align-items:center;gap:8px}.aln .aln-controls.cfg-collapsed .aln-config{display:none}}@media (max-width: 380px){.aln .player-card{width:17%;min-width:42px}.aln .bench-player{width:64px;height:64px}}