body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#fff;color:#222;min-height:100vh;position:relative;font-weight:500;letter-spacing:-.01em;line-height:1.5}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;background:url(/images/bl_bg2.webp) center / cover no-repeat;opacity:.5;pointer-events:none}.save-status-container{background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(102,126,234,.3);border-radius:12px;padding:16px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.save-status{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.status-icon{font-size:16px}.status-text{color:inherit}.manual-save-button{background:#667eea;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.manual-save-button:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px)}.manual-save-button:disabled{background:#cbd5e0;color:#718096;cursor:not-allowed;transform:none}@media (max-width: 768px){.save-status-container.mobile{position:sticky;top:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px;margin:-24px -24px 24px;border-radius:0 0 16px 16px;border-left:none;border-right:none;border-top:none;flex-direction:column;align-items:stretch;gap:12px}.save-status-container.mobile .save-status{justify-content:center;font-size:15px}.save-status-container.mobile .manual-save-button{width:100%;padding:14px;font-size:16px;border-radius:10px}}*{box-sizing:border-box}*{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;letter-spacing:-.01em}h1,h2,h3,h4,h5,h6{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:900;letter-spacing:-.02em;line-height:1.2;color:#7229ad}.welcome-text{color:#7229ad;margin-right:.5rem}h1{font-size:3rem;margin-bottom:1.5rem;font-weight:900}.site-title{color:#fff;background:linear-gradient(to right,#fff,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:900}h2{font-size:1.875rem;font-weight:900;margin-bottom:1.25rem}h3{font-size:2rem;font-weight:900;margin-bottom:1rem}h4{font-size:1.875rem;margin-bottom:1rem;font-weight:900}h5{font-size:1.25rem;font-weight:900;margin-bottom:.75rem}h6{font-size:1rem;font-weight:900;margin-bottom:.75rem}.player-table h3{color:#34495e}.draggable-item{padding:12px;margin-bottom:10px;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;width:100%;max-width:300px;transition:transform .2s ease;cursor:grab;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:500;letter-spacing:-.01em}.draggable-item:active{cursor:grabbing;transform:scale(1.02)}.draggable-item:hover{box-shadow:0 6px 8px #00000026}.draggable-team{padding:16px;border:1px solid rgba(102,126,234,.3);margin-bottom:8px;background:#f0f8fff2;border-radius:12px;cursor:grab;box-shadow:0 2px 8px #667eea1a;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:16px;font-weight:600;width:100%;color:#333;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;webkituserselect:none;position:relative;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;letter-spacing:-.01em}.draggable-team:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea1a,#667eea0d);opacity:0;transition:opacity .3s ease;pointer-events:none}.draggable-team:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea40;border-color:#667eea80}.draggable-team:hover:before{opacity:1}.draggable-team.dragging{cursor:grabbing!important;transform:translateY(-8px) scale(1.05)!important;box-shadow:0 16px 40px #667eea66,0 0 0 3px #667eea4d,0 0 20px #667eea33!important;border-color:#667eeacc!important;background:#f0f8fffa!important;z-index:1000;position:relative}.draggable-team.dragging:before{opacity:1;background:linear-gradient(135deg,#667eea33,#667eea1a)}.draggable-team.drag-over{transform:translateY(4px);box-shadow:0 4px 16px #667eea4d;border-color:#667eea99;background:#f0f8fffa}.draggable-team.dragging-active{animation:dragPulse 1.5s ease-in-out infinite}@keyframes dragPulse{0%,to{box-shadow:0 16px 40px #667eea66,0 0 0 3px #667eea4d,0 0 20px #667eea33}50%{box-shadow:0 20px 50px #667eea99,0 0 0 4px #667eea80,0 0 30px #667eea66}}.drag-button{background:#667eeacc;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:16px;font-weight:700;box-shadow:0 2px 4px #0003;transition:all .2s ease;margin:0 12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.drag-button:hover:not(:disabled){background:#667eea;transform:scale(1.1);box-shadow:0 4px 8px #0000004d}.drag-button:disabled{background:#c8c8c880;cursor:not-allowed;transform:none}.team-content{flex:1;display:flex;align-items:center;gap:12px}.team-icon{width:28px;height:28px;object-fit:contain}.team-name{font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;letter-spacing:-.01em}.player-table{margin-top:20px;width:100%;max-width:400px;padding:20px;background-color:#ecf0f1;border-radius:10px;box-shadow:0 6px 8px #00000026}.player-table h3{margin-bottom:10px;color:#34495e}.table{background-color:#ecf0f1;border-radius:10px;padding:20px;box-shadow:0 6px 8px #00000026}.table-row{padding:12px;margin-bottom:10px;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;transition:transform .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:500;letter-spacing:-.01em}.table-row:hover{box-shadow:0 6px 8px #00000026;transform:scale(1.02)}.app{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;max-width:1400px;margin:0 auto;padding:20px}.app-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px;margin-bottom:30px;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px,#0a254059 0 -2px 6px inset;position:relative;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.header-title{display:flex;align-items:center}.app-title{color:#1a1a1a;font-size:4rem;font-weight:900;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;letter-spacing:-.03em;line-height:1.2}.header-controls{display:flex;align-items:center;gap:20px;position:relative;z-index:200}.main-content{display:flex;flex-direction:column;gap:30px;flex:1}.content-section{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:30px;box-shadow:0 8px 32px #0000001a}.content-layout{display:flex;flex-direction:column;gap:40px}.rankings-section-primary{display:flex;flex-direction:column;align-items:center;width:100%}.secondary-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;width:100%}.secondary-content-grid.single-item{grid-template-columns:1fr;justify-items:center}.standings-section,.tip-section{display:flex;flex-direction:column;align-items:center}@media (max-width: 768px){.app{padding:10px}.header-content{flex-direction:column;text-align:center}.app-title{font-size:2rem}.secondary-content-grid{grid-template-columns:1fr;gap:30px}.draggable-team{padding:12px;font-size:14px}.draggable-team.dragging{transform:translateY(-4px) scale(1.03)!important}.drag-button{width:26px;height:26px;font-size:14px;margin:0 8px}}