.pi11{--red:#b7212e;--yellow:#ffcd50;--ink:#251218;--muted:#78646b;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:16px;max-width:1200px;margin:24px auto;line-height:1.5;isolation:isolate}.pi11 *{box-sizing:border-box}.pi11 button,.pi11 input,.pi11 select{font:inherit}.pi11 button{cursor:pointer;border:0;border-radius:10px;padding:11px 15px;background:#f1e9ec;color:var(--ink);font-weight:700;line-height:1.3;box-shadow:none;text-transform:none;letter-spacing:normal}.pi11 button:hover{filter:brightness(.96)}.pi11 button:disabled{opacity:.4;cursor:default}.pi11 button:focus-visible,.pi11 select:focus-visible,.pi11 input:focus-visible{outline:3px solid #d79c15;outline-offset:3px}.pi11 h2,.pi11 h3,.pi11 p{margin:0}.pi11-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--red);padding:0 0 18px;margin-bottom:22px;gap:15px}.pi11-brand{font-size:14px;letter-spacing:2px;font-weight:800;color:var(--red)}.pi11 h2{font-size:clamp(26px,4vw,40px);font-weight:900;line-height:1.2;color:var(--ink)}.pi11-badge{color:var(--red);border:1px solid #e6c3ca;border-radius:40px;padding:7px 12px;font-size:14px;white-space:nowrap}.pi11-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.pi11-board{position:relative;width:100%;aspect-ratio:1;background:#4f0c1d;overflow:hidden;border-radius:18px;box-shadow:0 14px 40px #46121c22}.pi11-canvas{width:100%;height:100%;display:block;touch-action:none}.pi11-slots{position:absolute;inset:0;pointer-events:none}.pi11-slot{position:absolute!important;transform:translate(-50%,-50%);width:16%;height:12%;background:transparent!important;padding:0!important;pointer-events:auto;touch-action:none;opacity:0!important}.pi11-slot:focus-visible{opacity:1!important;background:#ffcd5033!important}.pi11-help{font-size:14px;color:var(--muted);margin:12px 0!important}.pi11-actions{display:flex;gap:8px;flex-wrap:wrap}.pi11 .pi11-primary{background:var(--red);color:white}.pi11 .pi11-gold{background:var(--yellow);color:#41131a}.pi11-controls{border:1px solid #eadde1;background:#fff;border-radius:18px;padding:20px;display:grid;gap:18px}.pi11-field{display:grid;gap:7px}.pi11-field>span,.pi11-field>label{font-size:14px;font-weight:700}.pi11 input:not([type=checkbox]),.pi11 select{width:100%;border:1px solid #d8c6cc;border-radius:10px;background:#fff;color:var(--ink);padding:10px 12px;min-height:44px;box-shadow:none}.pi11-check{display:flex;gap:9px;align-items:center;font-size:14px}.pi11-check input{width:18px;height:18px;accent-color:var(--red)}.pi11-rule{height:1px;background:#eadde1}.pi11-controls h3{font-size:18px;font-weight:800}.pi11-current{font-size:14px;color:var(--muted)}.pi11-status{font-size:14px;color:var(--red);min-height:22px;margin-top:10px!important}.pi11-source{font-size:12px;color:var(--muted);margin-top:18px!important}.pi11-source a{color:inherit;text-decoration:underline}.pi11-dialog{border:0;border-radius:20px;padding:0;width:min(520px,calc(100vw - 24px));max-height:85dvh;color:var(--ink);background:#fff;box-shadow:0 20px 80px #0005;font-family:Arial,Helvetica,sans-serif;font-size:16px}.pi11-dialog::backdrop{background:#230914a6}.pi11-dialog .pi11-dialog-head{position:sticky;top:0;background:white;padding:20px;z-index:2;border-bottom:1px solid #eee}.pi11-dialog h3{font-size:22px;line-height:1.3;margin:0 0 12px}.pi11-dialog .pi11-close{float:right}.pi11-dialog .pi11-search{width:100%;border:1px solid #d8c6cc;border-radius:10px;padding:11px;font:inherit}.pi11-player-list{padding:8px 20px;max-height:270px;overflow:auto}.pi11-player-list button{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;margin:4px 0;background:#f9f4f5!important;color:#251218!important}.pi11-player-list small{display:block;font-size:12px;color:#78646b}.pi11-player-number{background:#b7212e;color:#fff;border-radius:8px;padding:6px;min-width:35px;text-align:center}.pi11-dialog-footer{padding:16px 20px 20px;background:#faf6f7;display:grid;gap:10px}.pi11-custom{display:grid;grid-template-columns:1fr 80px;gap:8px}.pi11-dialog button{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:11px 14px;font-weight:700;color:#251218;background:#f1e9ec}.pi11-dialog input{min-width:0;border:1px solid #d8c6cc;border-radius:10px;padding:11px;font:inherit}.pi11-dialog .pi11-gold{background:#ffcd50}.pi11-dialog .pi11-primary{background:#b7212e;color:#fff}.pi11-dialog .pi11-dialog-error{font-size:14px;color:#a2172a;margin:0;min-height:20px}.pi11-dialog button:focus-visible,.pi11-dialog input:focus-visible{outline:3px solid #d79c15;outline-offset:2px}@media(max-width:760px){.pi11{margin:16px auto}.pi11-layout{grid-template-columns:1fr;gap:18px}.pi11-controls{grid-template-columns:1fr 1fr;padding:16px;gap:14px}.pi11-controls .pi11-wide{grid-column:1/-1}.pi11-board{border-radius:12px}.pi11-badge{font-size:12px;padding:6px 9px}.pi11-header{margin-bottom:16px}.pi11 button{padding:11px 12px;font-size:14px}}@media(prefers-reduced-motion:no-preference){.pi11 button{transition:filter .15s}}

.pi11-controls>*{min-width:0}@media(max-width:760px){.pi11-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

/* Version 1.1: compact tactical preview and portrait choices. */
.pi11-tactic-preview{display:flex;justify-content:center;background:#faf4f6;border-radius:12px;padding:10px}.pi11-tactic-preview svg{display:block;width:100%;max-width:180px;height:120px}.pi11-formation-note{font-size:14px;color:var(--muted);line-height:1.5}.pi11 .pi11-controls{gap:14px}.pi11 .pi11-player-list button{gap:12px}.pi11-player-photo{width:46px;height:46px;flex:0 0 46px;object-fit:cover;border-radius:50%;background:#eee1e4;border:2px solid #edc761}.pi11-photo-placeholder{display:grid;place-items:center;color:#9c283a;font-size:20px;font-weight:700}.pi11-player-info{flex:1;min-width:0}.pi11-photo-upload{display:grid;gap:6px;font-size:14px}.pi11-photo-file{width:100%;font-size:14px!important;padding:8px!important}.pi11-photo-note{font-size:12px;color:#78646b}.pi11 input[type=color]{height:44px;padding:4px}.pi11 .pi11-header{border-bottom-width:3px}.pi11 .pi11-board{box-shadow:0 18px 50px #46121c2e}@media(max-width:760px){.pi11-controls .pi11-tactic-preview{grid-column:1}.pi11-controls .pi11-formation-note{grid-column:2;align-self:center}.pi11-controls{gap:12px}}

.pi11 .pi11-brand{display:flex;align-items:center;gap:6px}.pi11 .pi11-brand-logo{width:40px;height:40px;object-fit:contain;flex:none}

@media(min-width:769px){.pi11 .pi11-brand{gap:6px}}
.pi11-share-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.pi11 .pi11-share-actions button{font-size:14px}.pi11 .pi11-share-actions [data-action=share-x]{background:#191919;color:#fff}.pi11 .pi11-share-actions [data-action=share-instagram]{background:#ae2858;color:#fff}.pi11 .pi11-share-actions [data-action=share-whatsapp]{background:#187a43;color:#fff}.pi11-share-dialog{width:min(500px,calc(100% - 24px));max-height:90vh;overflow:auto;border:0;border-radius:18px;padding:24px;color:#251218}.pi11-share-dialog::backdrop{background:#180711b8}.pi11-share-preview{display:block;width:min(320px,100%);height:auto;border-radius:12px;margin:16px auto}.pi11-share-dialog p{margin:12px 0!important}.pi11-share-dialog>a{display:inline-block;margin-top:16px;color:#b7212e;text-decoration:underline}.pi11-share-result{font-size:14px}

.pi11-share-caption{display:grid;gap:6px;margin:12px 0;font-size:14px;font-weight:700}.pi11-share-caption textarea{width:100%;box-sizing:border-box;font:inherit;border:1px solid #d8c6cc;border-radius:10px;padding:10px;resize:vertical}