body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.soccer-pitch{position:relative;max-width:750px;height:100%;max-height:1200px;display:flex;margin:0 auto;background:url(/static/media/pitch.7f401423.png) no-repeat 50%;background-size:cover;transform:rotateX(5deg)}.pitch{position:relative;width:100%;height:80vh;background:linear-gradient(rgba(0,100,0,0),rgba(0,56,0,.8));overflow:hidden;z-index:1}.pitch:before{content:"";background:repeating-linear-gradient(45deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.1) 10px,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 20px);opacity:.3;z-index:1}.pitch:before,.positions-container{position:absolute;top:0;left:0;width:100%;height:100%}.positions-container{pointer-events:auto;z-index:2}.position{position:absolute;width:110px;height:110px;background:linear-gradient(145deg,#2c2c2c,#1a1a1a);color:#fff;clip-path:polygon(50% 0,100% 5%,100% 95%,50% 100%,0 95%,0 5%);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:12px;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease;box-sizing:border-box;box-shadow:0 4px 8px rgba(0,0,0,.3);background-color:#3b3b3b;opacity:.9;transition:opacity .3s ease,transform .3s ease}.position:hover{box-shadow:0 6px 12px rgba(0,0,0,.4);transform:translateY(-5px)}.position.selected{background-color:#4caf50;border-color:#4caf50;box-shadow:0 8px 16px rgba(0,0,0,.5);opacity:1;transform:scale(1.5);z-index:10}.position-info{text-align:center;padding:5px 0}.position-abbreviation{font-size:16px;font-weight:700;color:#ffdb4d}.position-separator{width:80%;height:1px;background-color:#fff;opacity:.7;margin:8px 0}.position-details{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.focus,.role{font-size:13px;color:#d0d0d0}@media (max-width:768px){.soccer-pitch{width:100%;max-width:none}.position{width:80px;height:100px;transition:all .3s ease}.position.selected{width:120px;height:150px;z-index:10;transform:scale(1.2)}.position:not(.selected){opacity:.9}.position .focus,.position .role{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.position .focus.long-text,.position .role.long-text{text-align:left;padding-left:5px}.pitch-section{width:100%;margin-left:0}.tactic-row-thingy{padding:px}}.formation-name{position:absolute;bottom:10px;right:10px;font-size:24px;font-weight:700;color:#fff;background:rgba(0,0,0,.5);padding:5px}.soccer-position-form-container{flex-direction:row;align-items:center;height:100%}.soccer-position-form-container,.view-toggle-width{display:flex;justify-content:center}.view-toggle{margin:10px 0}.tab{padding:10px 20px;cursor:pointer;margin:0 5px;border-radius:4px}.tab.active{background-color:#bbb}.tactic-row-thingy{flex:1 1}.pitch-section{flex:2 1;padding-top:20px}.sidebar{flex:1 1;padding:20px;max-width:500px}.position-details,.tactic-info{border-radius:8px;padding:15px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.form-group{position:relative;width:96%;margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:flex-start;font-family:"Arial",sans-serif}.form-group label{font-weight:700;font-size:1rem;margin-bottom:.5rem}.form-group select{width:105%;padding:.5rem .75rem;font-size:1rem;border:2px solid #ccc;border-radius:4px;background-color:#f9f9f9;transition:border-color .3s ease;color:#333}.form-group select:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px rgba(0,123,255,.5)}.form-group select option{padding:.5rem}.form-field{width:97%;padding:12px;font-size:1rem;border:none;background-color:hsla(0,0%,100%,.9);box-shadow:0 2px 10px rgba(0,0,0,.1);outline:none}.form-field::placeholder{color:#777;font-style:italic}.form-group{margin-bottom:15px}.form-field{width:100%;padding:10px;border-radius:4px;border:1px solid #ccc}.formation-list{margin-top:20px}.formation-list button{background-color:#008cba;color:#fff;border:none;padding:10px 20px;margin:5px;border-radius:4px;cursor:pointer}.formation-list button:hover{background-color:#005f6b}@media (max-width:768px){.soccer-position-form-container{flex-direction:column}.view-toggle-width{display:flex;justify-content:center}.view-toggle{display:flex}.tab{padding:10px 20px;cursor:pointer;border-radius:4px}.tab.active{background-color:#bbb}.tactic-row-thingy{display:flex;flex-direction:column}.pitch-section{flex:1 1}.sidebar{width:45vh;border-left:none;margin-top:10px;margin-left:0}.position-details,.tactic-info{margin-bottom:0}}.tactic-row-thingy{justify-content:space-between;align-items:flex-start;max-width:1200px;margin:0 auto;padding:20px}.pitch-section{flex:1 1;display:flex;justify-content:flex-end}.soccer-pitch{width:100%;max-width:700px}.sidebar{flex-basis:350px;margin-left:20px}@media (max-width:768px){.tactic-row-thingy{flex-direction:column;padding:0}.pitch-section,.sidebar{margin:0}.pitch-section{justify-content:center}}.submit-button{background-color:#007bff;color:#fff;border:none;padding:12px 20px;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:700;text-transform:uppercase;transition:background-color .3s ease,box-shadow .3s ease;width:100%;margin-top:10px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.submit-button:hover{background-color:#0056b3;box-shadow:0 4px 8px rgba(0,0,0,.15)}.submit-button:active{background-color:#004080;box-shadow:0 2px 5px rgba(0,0,0,.2);transform:scale(.98)}.submit-button:focus{outline:none;box-shadow:0 0 5px rgba(0,123,255,.7)}.random-tactics-table{padding:20px;max-width:1000px;margin:0 auto}h1{text-align:center;margin-bottom:20px}h1,table{font-family:Inter,sans-serif}table{border-radius:10px;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.1)}td,th{padding:12px;text-align:left}.year-cell{text-align:center}.year-span{display:inline-block;padding:2px 8px;border-radius:8px;color:#fff;font-weight:700}.year-1880s,.year-1890s{background-color:#b22222}.year-1900s,.year-1910s{background-color:#dc143c}.year-1920s,.year-1930s{background-color:red}.year-1940s,.year-1950s{background-color:#ff4500}.year-1960s,.year-1970s{background-color:#b87700}.year-1980s,.year-1990s{background-color:#32cd32}.year-2000s,.year-2010s{background-color:#228b22}.year-2020s,.year-2030s{background-color:#006400}a{color:#06c;text-decoration:none}a:focus,a:hover{color:#004d99;text-decoration:underline}a:active{color:#036}[data-theme=dark] a{color:#6af}[data-theme=dark] a:focus,[data-theme=dark] a:hover{color:#3385ff}[data-theme=dark] a:active{color:#004d99}.home-page{text-align:center}.hero-section{background-color:var(--bg-color)}.search-box{padding:10px}.search-box input{width:100%;max-width:500px;font-size:1rem;border-radius:5px}.featured-tactics{padding:20px}.featured-tactics h2{font-size:2rem;margin-bottom:20px}.tactics-grid{display:flex;justify-content:center;flex-wrap:wrap;grid-gap:20px;gap:20px}.tactic-card{background:var(--bg-color);border:1px solid #ddd;border-radius:8px;padding:15px;width:300px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.tactic-card h3{font-size:1.2rem;margin-bottom:10px}.details-link{display:inline-block;margin-top:10px;text-decoration:none;color:#007bff}.details-link:hover{text-decoration:underline}.call-to-action{padding:20px}.cta-button{display:inline-block;padding:10px 20px;font-size:1rem;color:#fff;background-color:#007bff;border-radius:5px;text-decoration:none}.cta-button:hover{background-color:#0056b3}.footer{padding:10px;background-color:var(--nav-bg-color);color:var(--nav-link-color)}.search-box{justify-content:center;margin:20px 0}.search-box input{padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px 0 0 5px;outline:none;width:300px;max-width:100%}.search-box button{padding:10px 20px;font-size:16px;color:#fff;background-color:#007bff;border:1px solid #007bff;border-radius:0 5px 5px 0;transition:background-color .3s,border-color .3s}.search-box button:hover{background-color:#0056b3;border-color:#0056b3}.search-box button:focus{outline:none;box-shadow:0 0 0 2px rgba(38,143,255,.5)}.hero-section{width:50%;margin:0 auto;text-align:center;padding:20px}.hero-image{max-width:100%;height:auto}@media (max-width:768px){.hero-section{width:90%;padding:0}}.hero-image{filter:invert(1);padding-top:5%}[data-theme=dark] .hero-image{filter:none}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:var(--nav-bg-color);padding:15px 30px;box-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;z-index:1000;max-height:50px}.navbar.dark{background-color:var(--dark-nav-bg-color)}.hamburger-menu{background:none;border:none;font-size:24px;color:var(--nav-link-color);cursor:pointer;text-align:left}.nav-links{display:flex;justify-content:center;align-items:center;text-align:center;flex-grow:1;transition:all .3s ease}.nav-link{color:var(--nav-link-color);text-decoration:none;margin:0 10px;padding:8px 16px;border-radius:4px}.nav-link:hover{background-color:var(--nav-link-hover-bg)}.navbar.dark .nav-link{color:var(--dark-nav-link-color)}.navbar.dark .nav-link:hover{background-color:var(--dark-nav-link-hover-bg)}.search-box{display:flex;align-items:center}.search-box input{padding:8px;border-radius:4px;border:1px solid var(--nav-input-border);margin-right:10px}.search-box button{padding:8px 16px;border-radius:4px;background-color:var(--nav-button-bg);color:var(--nav-button-color);cursor:pointer}.navbar.dark .night-mode-icon{color:var(--dark-nav-link-color)}@media (max-width:768px){.navbar{flex-direction:column;align-items:flex-start;padding:10px 20px}.hamburger-menu{font-size:28px;padding:10px;position:relative;right:unset}.nav-links{display:none;flex-direction:column;position:absolute;top:60px;left:0;width:100%;background-color:var(--nav-bg-color);padding:20px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.nav-links.show{display:flex}.nav-link{margin:15px 0;font-size:18px;text-align:left;width:100%;padding-left:20px}.search-box{flex-direction:column;width:100%;padding:10px 20px}.search-box input{width:100%;margin-bottom:10px}.search-box button{width:100%}.night-mode-icon{position:absolute;top:10px;right:10px;font-size:25px}}:root{--bg-color:#fff;--text-color:#000;--table-header-bg:#f0f0f0;--table-row-bg:#fff;--highlight-bg:#ddd;--nav-bg-color:#f8f8f8;--nav-link-color:#000;--nav-link-hover-bg:#e0e0e0}[data-theme=dark]{--bg-color:#2a2a2a;--text-color:#fff;--table-header-bg:#444;--table-row-bg:#333;--highlight-bg:#555;--nav-bg-color:#333;--nav-link-color:#fff;--nav-link-hover-bg:#444}@supports (font-variation-settings:normal){:root{font-family:InterVariable,sans-serif}}body{background-color:var(--bg-color);color:var(--text-color);padding:0;font-family:Inter,sans-serif;font-feature-settings:"liga" 1,"calt" 1}.table-container{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse}th{background-color:var(--table-header-bg)}td,th{color:var(--text-color);padding:10px}td{background-color:var(--table-row-bg)}.details-container{display:flex;justify-content:space-between;margin:30px;grid-gap:30px;gap:30px;flex-wrap:wrap}.tactic-details,.tactic-pitch{flex:1 1;padding:20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.tactic-details h1{font-size:2em}.tactic-details p{font-size:1.1em}.tactic-content{display:flex;grid-gap:20px;gap:20px;margin:2%}.detail-box{padding:10px;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.primary-text{display:block;font-size:2em}.secondary-text{display:block;color:#888;font-size:1.4em}.positions-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin:2%}.dropdown-container{max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out}.dropdown-container.expanded{max-height:100px;padding:5px 0}.position-container{position:relative;border:1px solid #ccc;padding:10px;border-radius:5px;min-height:80px}.decade-selector{display:flex;justify-content:center;align-items:center;grid-gap:20px;gap:20px;padding:20px;background-color:#1c1c1c;border-top:2px solid #333;border-bottom:2px solid #333;overflow-wrap:anywhere}.decade-button{font-size:1.5rem;color:#f0f0f0;padding:10px 20px;border-radius:8px;transition:all .3s ease;box-shadow:0 4px 10px rgba(0,0,0,.3)}.decade-button:hover{transform:translateY(-5px) scale(1.05)}.decade-button.active{background:linear-gradient(45deg,#1dd1a1,#10ac84);color:#fff}.tactic-details-list{list-style-type:none;padding:0;margin:0}.tactic-details-list li{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ccc}.tactic-details-list li:last-child{border-bottom:none}.large-gap{margin-bottom:30px}.details-page-container{flex-direction:row;padding:20px;grid-gap:20px;gap:20px}.view-toggle{display:flex;margin-bottom:20px}.view-toggle .tab{padding:10px 20px;border-bottom:none;cursor:pointer;transition:background-color .3s;font-weight:700}.view-toggle .tab.active{border-color:#aaa;border-bottom:2px solid #ddd}.positions-list{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.tactic-row-thingy{display:flex}.night-mode-icon{background:none;border:none;font-size:24px;color:var(--nav-link-color);cursor:pointer;position:absolute;right:20px}@media (max-width:768px){.navbar{flex-direction:column;align-items:stretch;padding:4px}.details-page-container{flex-direction:row;padding:0;grid-gap:20px;gap:20px}.navbar a{margin:5px 0;text-align:center}.details-container{flex-direction:column;margin:10px}.tactic-content{flex-direction:column;grid-gap:20px;gap:20px}.positions-grid{grid-template-columns:repeat(1,1fr)}.dropdown-container{max-height:none;opacity:1}.decal-container{flex-direction:column;align-items:center}}.night-mode-icon{margin-top:10px}.footer{background-color:#1c1c1c;color:#f1f1f1;padding:20px 0;text-align:center;border-top:2px solid #555;font-family:"Arial",sans-serif}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;grid-gap:20px;gap:20px;margin-bottom:15px}.footer-links a{color:#f1f1f1;text-decoration:none;font-weight:500;padding:5px 10px;transition:color .3s ease}.footer-links a:hover{color:#ff5722}.footer-info{font-size:14px;color:#aaa}.footer-info p{margin:5px 0}.footer-info p:last-child{font-size:12px;color:#888}
/*# sourceMappingURL=main.b5784ae6.chunk.css.map */