/* Component declarations copied from the main KDP stylesheet. Keep visual parity. */
#pickShareBtn{box-sizing:border-box;width:max-content;height:30px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);color:var(--text);font-size:12px;line-height:1;white-space:nowrap;}
#shareDialog{font:16px var(--kdp-font-body);max-height:none;box-shadow:0 12px 36px rgba(0,0,0,.55);overscroll-behavior:contain;}
#shareDialog .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 0;}
#shareDialog .modal-title{font-size:17px;font-weight:700;color:var(--text2);margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;}
#shareDialog .modal-close{background:none;border:none;color:var(--text2);font-size:20px;cursor:pointer;line-height:1;padding:0;}
#shareDialog .modal-close:hover{background:none;border:none;color:var(--text2);}
#shareDialog .pick-list-chip:hover{background:transparent;border:0;}
#shareDialog .btn-sm{padding:6px 14px;border-radius:var(--radius-sm);background:transparent;border:1.5px solid var(--border);color:var(--text2);font-family:inherit;font-size:14px;cursor:pointer;transition:all .15s;white-space:nowrap;}
#shareDialog .btn-sm:hover{background:var(--purple-light);border-color:var(--purple);color:var(--purple);}
.simple-board .team-card{position:relative;min-width:0;background:var(--surface);border:0;border-radius:0 0 var(--radius) var(--radius);padding:23px 12px 12px;}
.simple-board .team-card{font:16px var(--kdp-font-body);}
.simple-board .blue-team{--team-accent:var(--blue);background:var(--blue-bg);}
.simple-board .red-team{--team-accent:var(--red);background:var(--red-bg);}
.simple-board .slot-type-label{color:var(--text2);font-size:12px;font-weight:500;letter-spacing:0;line-height:1;white-space:nowrap;}
.simple-board .opgg-wrap{position:relative;display:inline-flex;flex-shrink:0;}
.simple-board .ban-row{display:flex;gap:7px;margin-bottom:17px;flex-wrap:wrap;}
.simple-board .ban-slot{width:46px;height:46px;border-radius:7px;border:1.5px solid var(--border);background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--text3);transition:border-color .15s,box-shadow .15s,background .15s;}
.simple-board .blue-team .ban-slot{background:#0e1e32;border-color:var(--blue-mid);}
.simple-board .red-team  .ban-slot{background:#1e0e0e;border-color:var(--red-mid);}
.simple-board .blue-team .ban-slot:has(.ban-img-wrap):hover:not(.active):not(.active-blue):not(.drag-over){border-color:rgba(118,190,255,.9);border-style:solid;box-shadow:0 0 0 1px rgba(118,190,255,.28),0 0 14px rgba(118,190,255,.32);}
.simple-board .red-team .ban-slot:has(.ban-img-wrap):hover:not(.active):not(.active-blue):not(.drag-over){border-color:rgba(255,135,135,.9);border-style:solid;box-shadow:0 0 0 1px rgba(255,135,135,.28),0 0 14px rgba(255,135,135,.3);}
.simple-board .ban-slot.active{border:2px solid var(--red);background:var(--red-light);animation:glow-red 1.2s ease-in-out infinite;}
.simple-board .ban-slot.active-blue{border:2px solid var(--blue);background:var(--blue-light);animation:glow-blue 1.2s ease-in-out infinite;}
.simple-board .ban-slot.drag-over{border-color:rgba(248,249,251,.72);border-style:solid;background:rgba(248,249,251,.055);box-shadow:0 0 0 1px rgba(248,249,251,.12),0 0 12px rgba(248,249,251,.16);}
.simple-board .ban-slot-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:12px;font-weight:500;line-height:1;text-align:center;letter-spacing:0;}
.simple-board .ban-slot-label span{display:block;}
.simple-board .ban-slot img{position:relative;z-index:1;width:44px;height:44px;border-radius:6px;object-fit:cover;filter:saturate(.32) brightness(.9);}
.simple-board .ban-slot .ban-img-wrap{position:relative;display:inline-block;width:44px;height:44px;}
.simple-board .ban-slot .ban-img-wrap::before,.simple-board .ban-slot .ban-img-wrap::after{content:'';position:absolute;left:50%;bottom:-4px;z-index:2;pointer-events:none;}
.simple-board .ban-slot .ban-img-wrap::before{width:10px;height:10px;border:1px solid rgba(160,166,176,.92);border-radius:50%;background:rgba(8,10,16,.72);box-shadow:0 1px 4px rgba(0,0,0,.6);transform:translateX(-50%);}
.simple-board .ban-slot .ban-img-wrap::after{width:9px;height:1px;border-radius:999px;background:rgba(160,166,176,.92);transform:translateX(-50%) translateY(-5px) rotate(45deg);box-shadow:0 1px 2px rgba(0,0,0,.45);}
.simple-board .pick-slots{display:flex;flex-direction:column;gap:5px;}
.simple-board .pick-slot{display:flex;align-items:center;gap:18px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;background:var(--surface2);height:61px;overflow:hidden;transition:border-color .15s,box-shadow .15s,background .15s;}
.simple-board .pick-slot.pick-filled{cursor:pointer;}
.simple-board .blue-team .pick-slot{background:#0a1828;border-color:var(--blue-mid);}
.simple-board .red-team  .pick-slot{background:#1a0a0a;border-color:var(--red-mid);}
.simple-board .blue-team .pick-slot.pick-filled:hover:not(.active):not(.active-blue):not(.drag-over){border-color:rgba(118,190,255,.9);border-style:solid;box-shadow:0 0 0 1px rgba(118,190,255,.28),0 0 14px rgba(118,190,255,.32);}
.simple-board .red-team .pick-slot.pick-filled:hover:not(.active):not(.active-blue):not(.drag-over){border-color:rgba(255,135,135,.9);border-style:solid;box-shadow:0 0 0 1px rgba(255,135,135,.28),0 0 14px rgba(255,135,135,.3);}
.simple-board .pick-slot.active{border:2px solid var(--red);background:var(--red-light);animation:glow-red 1.2s ease-in-out infinite;}
.simple-board .pick-slot.active-blue{border:2px solid var(--blue);background:var(--blue-light);animation:glow-blue 1.2s ease-in-out infinite;}
.simple-board .pick-slot.drag-over{border-color:rgba(248,249,251,.72);border-style:solid;background:rgba(248,249,251,.055);box-shadow:0 0 0 1px rgba(248,249,251,.12),0 0 12px rgba(248,249,251,.16);}
.simple-board .pick-slot img{width:46px;height:46px;border-radius:7px;object-fit:cover;flex-shrink:0;}
.simple-board .pick-slot-info{flex:1;min-width:0;}
.simple-board .pick-label{font-size:14px;color:var(--text2);font-weight:500;}
.simple-board .pick-slot-name{font-size:15px;font-weight:500;color:var(--text2);margin-top:2px;}

#shareDialog{width:min(92vw,688px);max-width:688px;max-height:94dvh;padding:0;border-color:var(--border);border-radius:8px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:var(--surface);color:var(--text2);}
#shareDialog .modal-header{padding:16px 18px 0;gap:12px;align-items:flex-start;}
#shareDialog .pick-list-heading{flex:1;min-width:0;margin-bottom:12px;}
#shareDialog .modal-title{margin-bottom:6px;color:var(--text2);}
#shareDialog .pick-list-description{margin:0;color:#7f9fc0;font-size:12px;line-height:1.6;}
#shareDialog .modal-close{flex-shrink:0;}
#shareDialog .pick-list-modal-body{padding:0 18px 18px;}
#shareDialog{--pick-list-grid:rgba(248,249,251,.18);--pick-list-blue-bg:#0a1b31;--pick-list-blue-head:#172a43;--pick-list-red-bg:#221b1b;--pick-list-red-head:#321b1b;}
#shareDialog .pick-list-table{width:calc(90% + 4px);margin-inline:auto;border-collapse:separate;border-spacing:0 4px;table-layout:fixed;}
#shareDialog .pick-list-table th,#shareDialog .pick-list-table td{border:0;vertical-align:middle;}
#shareDialog .pick-list-table th{height:44px;padding:5px 9px;}
#shareDialog .pick-list-table td{height:auto;padding:0;}
#shareDialog .pick-list-table .pick-list-lane-cell{padding:7px 4px;}
#shareDialog .pick-list-blue-head{background:var(--pick-list-blue-head);text-align:center;font-size:13px;font-weight:800;color:var(--text2);}
#shareDialog .pick-list-red-head{background:var(--pick-list-red-head);text-align:center;font-size:13px;font-weight:800;color:var(--text2);}
#shareDialog .pick-list-lane-head,#shareDialog .pick-list-lane-cell{width:40px;background:#171f2b;text-align:center;vertical-align:middle;}
#shareDialog .pick-list-cell{vertical-align:middle;transition:background .15s,box-shadow .15s;}
#shareDialog .pick-list-cell-blue{background:var(--pick-list-blue-bg);}
#shareDialog .pick-list-cell-red{background:var(--pick-list-red-bg);}
#shareDialog .pick-list-cell-blue.drag-over{box-shadow:inset 0 0 0 2px var(--blue);background:var(--blue-light);}
#shareDialog .pick-list-cell-red.drag-over{box-shadow:inset 0 0 0 2px var(--red);background:var(--red-light);}
#shareDialog .pick-list-lane-inner{display:flex;min-height:46px;flex-direction:column;align-items:center;justify-content:center;gap:3px;}
#shareDialog .pick-list-lane-label{font-size:10px;line-height:1;font-weight:800;color:var(--text2);}
#shareDialog .pick-list-lane-icon{width:22px;height:22px;border-radius:4px;object-fit:cover;}
#shareDialog .pick-list-chip{position:relative;display:block;width:100%;height:auto;min-height:0;aspect-ratio:12800/3811;padding:0;border:0;border-radius:0;background:transparent;color:#f0f0f0;font:inherit;font-size:13px;font-weight:600;text-align:right;cursor:grab;overflow:hidden;}
#shareDialog .pick-list-chip::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 75% 45% at bottom right,rgba(0,0,0,.8),rgba(0,0,0,.35) 35%,transparent 100%);}
#shareDialog .pick-list-chip-red{text-align:left;}
#shareDialog .pick-list-chip-red::after{background:radial-gradient(ellipse 75% 45% at bottom left,rgba(0,0,0,.8),rgba(0,0,0,.35) 35%,transparent 100%);}
#shareDialog .pick-list-cell.drag-over .pick-list-chip::before{content:'';position:absolute;inset:0;z-index:2;border:2px solid var(--blue);pointer-events:none;}
#shareDialog .pick-list-cell-red.drag-over .pick-list-chip::before{border-color:var(--red);}
#shareDialog .pick-list-chip:active{cursor:grabbing;}
#shareDialog .pick-list-chip-img{position:absolute;inset:0;width:100%;height:100%;margin:0;border-radius:0;object-fit:cover;object-position:center;pointer-events:none;}
#shareDialog .pick-list-chip-name{position:absolute;right:10px;bottom:7px;left:10px;z-index:1;display:block;min-width:0;overflow:hidden;color:#f0f0f0;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px #000,0 0 5px #000;}
#shareDialog .pick-list-chip-blue:hover{color:#f0f0f0;}
#shareDialog .pick-list-chip-red:hover{color:#f0f0f0;}
#shareDialog .pick-list-empty{display:flex;align-items:center;justify-content:center;aspect-ratio:12800/3811;color:var(--text2);font-size:12px;text-align:center;}
#shareDialog .pick-list-actions{position:relative;display:flex;justify-content:center;align-items:center;gap:8px;margin-top:16px;min-height:34px;flex-wrap:wrap;text-align:center;}
#shareDialog .pick-list-actions .btn-sm{height:34px;padding:0 14px;font-size:13px;}
#shareDialog .pick-list-actions .btn-sm.pick-list-copy-action{min-width:158px;background:var(--surface2);border-color:rgba(204,204,204,.5);color:var(--text2);font-weight:700;}
#shareDialog .pick-list-actions .btn-sm.pick-list-copy-action:hover{background:#202735;border-color:rgba(204,204,204,.8);color:var(--text2);}
#shareDialog .pick-list-copy-buttons{display:flex;justify-content:center;gap:8px;width:100%;}
#shareDialog .pick-list-copy-control{position:relative;flex:1;min-width:0;max-width:180px;}
#shareDialog .pick-list-copy-buttons .btn-sm.pick-list-copy-action{width:100%;min-width:0;max-width:180px;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#shareDialog .pick-list-copy-buttons .btn-sm.pick-list-copy-action.is-error{color:var(--red-deep);}
#shareDialog .pick-list-copy-status{width:100%;color:var(--text2);font-size:13px;font-weight:700;line-height:34px;text-align:center;}
#shareDialog .pick-list-copy-status.is-error{color:var(--red-deep);}