@charset "UTF-8";:root{--pitch-green: #1a472a;--pitch-light: #2d8544;--pitch-stripe: #24633a;--gold: #f5c518;--gold-hover: #ffd84d;--white: #ffffff;--off-white: #f0f0e8;--dark: #0d1b0f;--dark-card: #162a1a;--text: #e8e8e0;--text-muted: #a0a89a;--danger: #e74c3c;--radius: 12px;--radius-lg: 20px;font-family:Space Grotesk,system-ui,sans-serif;line-height:1.5;color:#e8e8e0;background-color:#0d1b0f}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 0%,rgba(45,133,68,.15) 0%,transparent 60%),#0d1b0f}h1,h2,h3{font-family:Outfit,system-ui,sans-serif;font-weight:800;margin:0 0 .5em;letter-spacing:-.02em}h1{font-size:3rem;font-weight:900;background:linear-gradient(135deg,#f5c518,#ffd84d,#f5c518);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:1.5rem;color:#fff}a{color:#f5c518;text-decoration:none;transition:color .2s}a:hover{color:#ffd84d}.page{max-width:700px;margin:0 auto;padding:2rem 1.5rem 4rem}.page>p{font-size:1.1rem;color:#a0a89a;margin-bottom:2rem}.error-message{color:#e74c3c;font-size:.9rem;font-weight:600;padding:.75rem 1rem;margin:.75rem 0;background:#e74c3c1a;border:1px solid rgba(231,76,60,.25);border-radius:12px}.loading-text{color:#a0a89a;font-size:1.1rem;animation:pulse 1.5s ease-in-out infinite}.empty-state{color:#a0a89a;font-style:italic}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}@media(max-width:600px){h1{font-size:2rem}.page{padding:1.5rem 1rem 3rem}}label{display:block;margin-bottom:1.25rem;font-weight:600;font-size:.95rem;color:#a0a89a;text-transform:uppercase;letter-spacing:.05em}input[type=text],textarea,select{display:block;width:100%;margin-top:.4rem;padding:.85rem 1rem;font-size:1.05rem;font-family:Space Grotesk,system-ui,sans-serif;background:#162a1a;border:2px solid rgba(255,255,255,.08);border-radius:12px;color:#fff;transition:border-color .2s,box-shadow .2s}input[type=text]:focus,textarea:focus,select:focus{outline:none;border-color:#f5c518;box-shadow:0 0 0 3px #f5c51826}textarea{resize:vertical}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23a0a89a' fill='none' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 2rem;font-size:1.05rem;font-weight:700;font-family:Outfit,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em;border:none;border-radius:12px;cursor:pointer;transition:all .2s;background:linear-gradient(135deg,#f5c518,#e6b800);color:#0d1b0f;box-shadow:0 4px 15px #f5c51840}button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f5c51859;background:linear-gradient(135deg,#ffd84d,#f5c518)}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button.secondary{background:#162a1a;color:#e8e8e0;border:2px solid rgba(255,255,255,.1);box-shadow:none}button.secondary:hover{border-color:#f5c518;color:#f5c518;background:#162a1a;box-shadow:none}button.copied{background:#2d8544;color:#fff;box-shadow:none}button.copied:hover{background:#2d8544;transform:none;box-shadow:none}@media(max-width:600px){button{padding:.8rem 1.5rem;font-size:.95rem}}.pitch{position:relative;width:100%;aspect-ratio:3/4;max-width:500px;margin:1rem auto;border-radius:20px;overflow:hidden;border:3px solid rgba(255,255,255,.12);background:repeating-linear-gradient(180deg,rgba(255,255,255,.015) 0px,rgba(255,255,255,.015) 40px,transparent 40px,transparent 80px),linear-gradient(180deg,#1a5c30,#1a472a 40%,#1a5c30 60%,#1a472a)}.submission-pitch-area .pitch{aspect-ratio:auto;height:100%;width:auto;aspect-ratio:3/4}.pitch-markings{position:absolute;inset:0;pointer-events:none}.center-line{position:absolute;left:5%;right:5%;top:50%;height:2px;background:#ffffff1f}.center-circle{position:absolute;width:22%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.12);border-radius:50%}.penalty-area{position:absolute;left:20%;right:20%;height:18%;border:2px solid rgba(255,255,255,.12)}.penalty-area.top{top:0;border-top:none}.penalty-area.bottom{bottom:0;border-bottom:none}.goal-area{position:absolute;left:33%;right:33%;height:8%;border:2px solid rgba(255,255,255,.12)}.goal-area.top{top:0;border-top:none}.goal-area.bottom{bottom:0;border-bottom:none}.pitch-slot{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;padding:0;width:70px;background:none;box-shadow:none;cursor:pointer;text-transform:none;letter-spacing:0;transition:transform .2s}.pitch-slot:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:none;background:none}.pitch-slot .pitch-slot-label{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#00000080;border:2px dashed rgba(255,255,255,.25);font-family:Outfit,system-ui,sans-serif;font-weight:800;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:#a0a89a;transition:all .2s}.pitch-slot .pitch-slot-name{font-size:.7rem;font-weight:600;color:transparent;text-align:center;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis;text-shadow:none;transition:color .2s}.pitch-slot.active .pitch-slot-label{border-color:#f5c518;background:#f5c51833;color:#f5c518;box-shadow:0 0 12px #f5c5184d}.pitch-slot.filled .pitch-slot-label{background:#f5c518;border:2px solid #f5c518;color:#0d1b0f;box-shadow:0 2px 8px #0000004d;animation:pop .3s ease-out}.pitch-slot.filled .pitch-slot-name{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.7)}.pitch-slot.view{cursor:default}.pitch-slot.view:hover{transform:translate(-50%,-50%)}@keyframes pop{0%{transform:scale(.6);opacity:.5}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.hero-pitch{max-width:380px;margin:0;opacity:.92;pointer-events:none;-webkit-user-select:none;user-select:none}.hero-pitch-flipper{perspective:1200px;width:100%;max-width:380px}.hero-pitch-flipper.flip-out .hero-pitch{animation:hero-flip-out .4s ease-in forwards}.hero-pitch-flipper.flip-in .hero-pitch{animation:hero-flip-in .4s ease-out forwards}@keyframes hero-flip-out{0%{transform:rotateY(0)}to{transform:rotateY(90deg)}}@keyframes hero-flip-in{0%{transform:rotateY(-90deg)}to{transform:rotateY(0)}}.hero-slot{cursor:default}.hero-slot:hover{transform:translate(-50%,-50%)}.hero-formation-label{position:absolute;bottom:8px;right:12px;font-family:Outfit,system-ui,sans-serif;font-weight:800;font-size:1.1rem;color:#ffffff2e;z-index:1;letter-spacing:.05em}@media(max-width:600px){.pitch{aspect-ratio:3/4.2;border-radius:12px}.pitch-slot{width:56px}.pitch-slot .pitch-slot-label{width:34px;height:34px;font-size:.55rem}.pitch-slot .pitch-slot-name{font-size:.6rem;max-width:60px}}.player-search{background:#162a1a;border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:1rem;margin:.5rem 0;box-shadow:0 8px 30px #0006;z-index:10}.search-header{display:flex;gap:.75rem;margin-bottom:.75rem}.search-header input{flex:1;margin:0;padding:.7rem 1rem;font-size:1rem}.search-header button{padding:.7rem 1.2rem;font-size:.8rem}.search-results{list-style:none;padding:0;margin:0;max-height:200px;overflow-y:auto}.search-results li button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.6rem .8rem;background:transparent;color:#e8e8e0;font-family:Space Grotesk,system-ui,sans-serif;font-weight:400;font-size:.9rem;text-transform:none;letter-spacing:0;border-radius:8px;box-shadow:none}.search-results li button .result-name{font-weight:500;color:#fff}.search-results li button .result-nat{font-size:.7rem;font-weight:600;color:#a0a89a;white-space:nowrap;margin-left:.75rem;padding:.15rem .5rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;letter-spacing:.02em}.search-results li button:hover{background:#2d854426;color:#fff;transform:none;box-shadow:none}.search-loading{color:#a0a89a;font-size:.85rem;margin:.5rem 0;animation:pulse 1.5s ease-in-out infinite}.search-empty{color:#a0a89a;font-size:.85rem;margin:.5rem 0;font-style:italic}@media(max-width:600px){.player-search{position:fixed;bottom:0;left:0;right:0;border-radius:20px 20px 0 0;margin:0;padding:1rem;max-height:50vh;overflow-y:auto;box-shadow:0 -4px 30px #0009;z-index:100}}.constraint-picker{margin-bottom:1.25rem}.constraint-picker>label{margin-bottom:.75rem}.constraint-row{display:flex;gap:.5rem;align-items:flex-start;margin-bottom:.5rem}.constraint-type{width:160px;min-width:120px;margin:0;padding:.6rem 2.2rem .6rem .8rem;font-size:.9rem}.constraint-value{flex:1;margin:0;padding:.6rem 2.2rem .6rem .8rem;font-size:.9rem}.constraint-search-wrap{flex:1;position:relative}.constraint-search{margin:0;padding:.6rem .8rem;font-size:.9rem}.constraint-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .8rem;background:#162a1a;border:2px solid #f5c518;border-radius:12px;color:#f5c518;font-size:.9rem;font-weight:600}.chip-remove{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;font-size:1rem;background:none;border:none;color:#a0a89a;cursor:pointer;box-shadow:none}.chip-remove:hover{color:#e74c3c;transform:none;box-shadow:none}.constraint-suggestions{position:absolute;top:100%;left:0;right:0;list-style:none;padding:.25rem;margin:0;background:#162a1a;border:2px solid rgba(255,255,255,.1);border-radius:12px;max-height:180px;overflow-y:auto;z-index:50;box-shadow:0 8px 30px #0006}.constraint-suggestions li button{width:100%;text-align:left;padding:.5rem .7rem;background:transparent;color:#e8e8e0;font-family:Space Grotesk,system-ui,sans-serif;font-weight:400;font-size:.85rem;text-transform:none;letter-spacing:0;border-radius:6px;box-shadow:none}.constraint-suggestions li button:hover{background:#2d854426;color:#fff;transform:none;box-shadow:none}.constraint-remove{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;font-size:1.2rem;background:none;border:none;color:#a0a89a;box-shadow:none;flex-shrink:0}.constraint-remove:hover{color:#e74c3c;transform:none;box-shadow:none}.constraint-placeholder{color:#a0a89a;font-size:.85rem;padding:.6rem 0}.constraint-no-results{color:#a0a89a;font-size:.8rem;font-style:italic;padding:.5rem .7rem}.add-constraint{margin-top:.25rem;padding:.5rem 1rem;font-size:.85rem}.constraint-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.constraint-tag{display:inline-block;padding:.3rem .75rem;background:#f5c5181f;border:1px solid rgba(245,197,24,.3);border-radius:20px;color:#f5c518;font-size:.8rem;font-weight:600}.submission-card{display:block;padding:1.25rem;margin-bottom:1rem;background:#162a1a;border:2px solid rgba(255,255,255,.06);border-radius:12px;color:#e8e8e0;transition:all .2s}.submission-card:hover{border-color:#2d8544;background:#2d854414;color:#e8e8e0}.submission-card strong{color:#fff;font-size:1.1rem}.player-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.player-list span{font-size:.8rem;padding:.25rem .6rem;background:#ffffff0d;border-radius:6px;color:#a0a89a}.formation-badge{display:flex;align-items:center;padding:0 1rem;font-family:Outfit,system-ui,sans-serif;font-weight:800;font-size:1rem;color:#f5c518;background:#162a1a;border:2px solid rgba(255,255,255,.08);border-radius:12px;white-space:nowrap}.challenge-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem}.challenge-meta .formation-badge,.challenge-meta .constraint-tags{margin:0}.page--home{max-width:860px;position:relative}.page--home:before{content:"";position:fixed;inset:0;z-index:-1;background:repeating-linear-gradient(180deg,rgba(45,133,68,.03) 0px,rgba(45,133,68,.03) 60px,transparent 60px,transparent 120px),radial-gradient(ellipse 80% 50% at 50% -5%,rgba(245,197,24,.07) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 15% 100%,rgba(45,133,68,.08) 0%,transparent 70%),#0d1b0f;animation:bg-drift 20s ease-in-out infinite alternate}@keyframes bg-drift{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:0 60px,0 0,0 0,0 0}}.home-hero{display:grid;grid-template-columns:1fr 380px;gap:3rem;align-items:start}.hero-logo{display:block;max-width:480px;height:auto;margin:0 auto 2rem}.hero-intro{margin-bottom:1.5rem}.hero-intro .hero-tagline{font-family:Outfit,system-ui,sans-serif;font-weight:800;font-size:1.3rem;color:#fff;margin-bottom:.75rem}.hero-intro p{font-size:1.05rem;color:#a0a89a;line-height:1.65;margin:0 0 .75rem}.hero-form-col .cta-button{font-size:1.2rem;padding:1rem 2.5rem;margin-top:.5rem}.hero-form-col .hero-how-it-works{margin-bottom:1.5rem}.hero-pitch-col{position:sticky;top:2rem;padding-top:1rem}.hero-pitch-wrapper{display:flex;flex-direction:column;align-items:center}.hero-pitch-title{font-family:Outfit,system-ui,sans-serif;font-weight:800;font-size:1.15rem;color:#f5c518;text-align:center;margin-top:.75rem;letter-spacing:.02em;animation:hero-title-in .4s ease-out;display:flex;align-items:center;justify-content:center;gap:.6rem}.hero-pitch-formation{font-size:.85rem;font-weight:600;color:#a0a89a;opacity:.7}@keyframes hero-title-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:modal-fade-in .2s ease-out}.modal{background:#162a1a;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.5rem;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 16px 48px #00000080;animation:modal-slide-up .25s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.modal-header h2{margin:0;font-size:1.4rem}.modal-close{background:none;border:none;color:#a0a89a;cursor:pointer;padding:.4rem;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:none;min-width:0;width:auto}.modal-close:hover{color:#fff;background:#ffffff14;box-shadow:none;transform:none}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:900px){.home-hero{grid-template-columns:1fr}.hero-pitch-col{display:none}.page--home{max-width:700px}.hero-logo{max-width:300px}}.page--challenge{max-width:640px;text-align:center}.challenge-logo{display:block;max-width:220px;height:auto;margin:0 auto 1.5rem}.page--challenge h1{font-size:2.4rem;margin-bottom:.4rem}.challenge-description{font-size:1.1rem;color:#a0a89a;margin:0 0 .25rem;line-height:1.6}.challenge-creator{font-size:.9rem;color:#a0a89a;margin:0 0 1.5rem}.challenge-creator strong{color:#fff}.challenge-rules{text-align:left;background:#162a1a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.5rem}.challenge-rules h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#f5c518;margin:0 0 .6rem}.challenge-rules ul{list-style:none;padding:0;margin:0}.challenge-rules li{font-size:1rem;color:#e8e8e0;padding:.35rem 0;line-height:1.5}.challenge-rules li:before{content:"•";color:#f5c518;font-weight:800;margin-right:.6rem}.challenge-rules li strong{color:#f5c518}.challenge-how-it-works{margin-bottom:1.5rem}.challenge-how-it-works h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#a0a89a;margin:0 0 .75rem}.how-steps{display:flex;gap:1rem;text-align:center}.how-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem .75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px}.how-step svg{color:#f5c518;flex-shrink:0}.how-step p{font-size:.85rem;color:#a0a89a;margin:0;line-height:1.4}.challenge-cta{display:flex;gap:.75rem;justify-content:center;margin-bottom:2.5rem}.challenge-cta a{text-decoration:none}.challenge-submissions{text-align:left}.challenge-submissions h2{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}.challenge-submissions h2 svg{color:#f5c518}.submission-card-header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.submission-card-formation{font-family:Outfit,system-ui,sans-serif;font-weight:800;font-size:.85rem;color:#f5c518;white-space:nowrap}.empty-submissions{text-align:center;padding:3rem 1.5rem;border:2px dashed rgba(255,255,255,.08);border-radius:20px;background:#ffffff04}.empty-submissions .empty-pitch-icon{color:#ffffff26;margin-bottom:1rem}.empty-submissions p{font-size:1.1rem;color:#a0a89a;margin:0 0 .25rem;font-weight:600}.empty-submissions .empty-sub-text{font-size:.95rem;font-weight:400;color:#a0a89ab3}@media(max-width:600px){.page--challenge h1{font-size:1.8rem}.challenge-logo{max-width:160px}.how-steps,.challenge-cta{flex-direction:column}.challenge-cta button{width:100%}}.submission-page{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;width:100%}.submission-header{background:#0d1b0f;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.submission-header-inner{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;max-width:1280px;margin:0 auto;width:100%}.submission-header-inner h1{font-size:1.8rem;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.submission-header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.constraints-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#a0a89a;box-shadow:none;min-width:0;cursor:pointer}.constraints-toggle:hover{color:#f5c518;border-color:#f5c518;background:#f5c51814;box-shadow:none;transform:none}.submission-constraints-drawer{padding:.5rem 1.5rem .75rem;max-width:1280px;margin:0 auto;width:100%;display:flex;flex-wrap:wrap;gap:.4rem;border-top:1px solid rgba(255,255,255,.05)}.submission-constraints-drawer .constraint-tags{margin:0}.filled-count{font-family:Outfit,system-ui,sans-serif;font-weight:800;font-size:1.2rem;color:#f5c518;white-space:nowrap}.submission-page form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.submission-pitch-area{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem 1rem;position:relative}.submission-pitch-area .pitch{max-height:100%;width:auto;max-width:500px;margin:0}.submission-pitch-area .player-search{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;z-index:30}.submission-footer{flex-shrink:0;background:#0d1b0f;border-top:1px solid rgba(255,255,255,.08)}.submission-footer-inner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;max-width:1280px;margin:0 auto;width:100%}.submission-footer-inner .submission-footer-meta{display:flex;gap:.5rem;flex:1;min-width:0}.submission-footer-inner .submission-footer-meta .name-input{flex:1;min-width:0;margin:0;padding:.6rem .8rem;font-size:.9rem}.submission-footer-inner .submission-footer-meta .formation-select{width:auto;min-width:90px;margin:0;padding:.6rem 2rem .6rem .8rem;font-size:.9rem}.submission-footer-inner .submission-footer-meta .formation-badge{display:flex;align-items:center;padding:0 .8rem;font-family:Outfit,system-ui,sans-serif;font-weight:800;font-size:.9rem;color:#f5c518;white-space:nowrap}.submission-footer-inner button[type=submit]{padding:.6rem 1.5rem;font-size:.95rem;white-space:nowrap;flex-shrink:0}.submission-meta{font-size:1rem;color:#a0a89a;margin:0 0 .5rem}.actions{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.share-link{margin-top:2rem}@media(max-width:600px){.submission-header-inner h1{font-size:1.4rem}.submission-header-inner{padding:.5rem 1rem}.submission-constraints-drawer{padding:.5rem 1rem .75rem}.submission-footer-inner{flex-direction:column;gap:.5rem;padding:.75rem 1rem}.submission-footer-inner .submission-footer-meta,.submission-footer-inner button[type=submit]{width:100%}.submission-pitch-area{padding:.25rem .5rem}}