@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Mono:wght@400;500&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:Manrope,sans-serif;color:#ecf5ed;background:#071a12;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#071a12}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;background:radial-gradient(circle at 50% -20%,#123e2b 0,#071a12 46%)}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid rgba(197,224,203,.12);background:#05150ea8}.brand{display:flex;align-items:center;gap:11px;font-family:Barlow Condensed;font-size:20px;letter-spacing:1.4px;font-weight:700}.brand-mark{width:29px;height:29px;display:grid;place-items:center;color:#092117;background:#d5f28a;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);font-weight:800}.top-actions{display:flex;gap:10px;align-items:center}.top-actions button{height:38px;border-radius:4px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;font-size:11px;font-weight:800;letter-spacing:.6px}.top-actions svg,.add-player svg,.remove-player svg{width:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.text-button{color:#bfd0c2;background:transparent;border:0}.export-button{color:#e9f4eb;border:1px solid #365a43;background:#153624}.export-button.gold{color:#1c2616;border-color:#d5f28a;background:#d5f28a}.workspace{display:grid;grid-template-columns:255px minmax(520px,1fr) 255px;min-height:calc(100vh - 76px)}.side-panel,.editor-panel{background:#05170fbf;border-right:1px solid rgba(197,224,203,.1);padding:28px 20px}.editor-panel{border-right:0;border-left:1px solid rgba(197,224,203,.1)}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.panel-heading p,.board-topline p{font:700 10px DM Mono;letter-spacing:1.2px;color:#84a38c;margin:0}.panel-heading span{color:#6e8d76;font:500 9px DM Mono}.formation-select{display:block;position:relative;margin-bottom:23px;padding:13px 14px;border:1px solid #2e5940;background:#102d1e;border-radius:3px;color:#dff0e2;font:700 24px Barlow Condensed}.formation-select select{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;cursor:pointer}.player-list{display:grid;gap:4px;max-height:calc(100vh - 270px);overflow:auto;padding-right:2px}.player-row{border:1px solid transparent;background:transparent;color:#b6cab9;display:grid;grid-template-columns:29px 1fr 15px;text-align:left;align-items:center;gap:9px;padding:7px 8px;border-radius:3px;font:700 12px Barlow Condensed;letter-spacing:.25px}.player-row:hover{background:#ffffff09}.player-row.selected{color:#e8f6dd;background:#153825;border-color:#356046}.mini-shirt,.shirt,.large-shirt{display:grid;place-items:center;background:#e5f68c;color:#102715;font-family:Barlow Condensed;font-weight:800;clip-path:polygon(26% 0,38% 12%,62% 12%,74% 0,100% 18%,82% 36%,82% 100%,18% 100%,18% 36%,0 18%)}.mini-shirt{width:27px;height:29px;font-size:13px}.row-chevron{color:#73977d;font-size:20px;font-weight:400}.add-player{width:100%;margin-top:18px;padding:11px;color:#d5f28a;border:1px dashed #426b4c;border-radius:3px;background:transparent;display:flex;justify-content:center;align-items:center;gap:8px;font:700 10px DM Mono;letter-spacing:.8px}.board-area{padding:26px;display:grid;place-items:center;min-width:0}.export-card{width:min(100%,510px);background:#0b2518;padding:18px;box-shadow:0 21px 60px #00000047}.board-topline{display:flex;justify-content:space-between;align-items:center;margin:0 2px 15px}.board-topline h1{margin:0;color:#f0f7e8;font:800 31px Barlow Condensed;letter-spacing:.8px;cursor:text}.team-name-input{display:block;width:235px;padding:0;color:#f0f7e8;outline:none;border:0;border-bottom:1px solid #d5f28a;background:transparent;font:800 31px Barlow Condensed;letter-spacing:.8px}.formation-stamp{display:flex;flex-direction:column;align-items:flex-end}.formation-stamp span{color:#87a58d;font:500 9px DM Mono;letter-spacing:1px}.formation-stamp strong{font:700 27px Barlow Condensed;color:#d5f28a}.pitch{position:relative;aspect-ratio:74 / 111;overflow:hidden;border:2px solid rgba(212,244,149,.7);background:#238241 url(/football-field.svg) center / cover no-repeat;touch-action:none}.pitch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff06 0,#ffffff06 9%,#00000009 9%,#00000009 18%)}.pitch-lines{display:none}.pitch-player{position:absolute;z-index:2;transform:translate(-50%,-50%);border:0;background:transparent;padding:0;width:135px;color:#f2fae7;cursor:grab;display:grid;justify-items:center;filter:drop-shadow(0 3px 4px rgba(0,0,0,.28))}.pitch-player:active{cursor:grabbing}.shirt{width:52px;height:52px;border-radius:50%;clip-path:none;font-size:24px;border:2px solid rgba(255,255,255,.7);box-shadow:inset 0 0 0 2px #00000017}.pitch-name{margin-top:6px;padding:3px 7px 4px;white-space:nowrap;font:800 16px Barlow Condensed;letter-spacing:.6px;line-height:1;text-shadow:-1px -1px 0 #0b351d,1px -1px 0 #0b351d,-1px 1px 0 #0b351d,1px 1px 0 #0b351d,0 2px 3px rgba(0,0,0,.8)}.pitch-number-input,.pitch-name-input{outline:none;border:2px solid #d5f28a;color:#102715;text-align:center;font:800 20px Barlow Condensed}.pitch-number-input{width:52px;height:52px;border-radius:50%;background:#fff7e8}.pitch-name-input{width:132px;margin-top:6px;padding:2px 4px;background:#fff7e8;font-size:15px}.pitch-player.active .shirt{background:#fff7e8;box-shadow:0 0 0 5px #d5f28a4d}.pitch-player.active .pitch-name{color:#dffb8c}.drag-hint{position:absolute;z-index:1;bottom:10px;left:50%;transform:translate(-50%);color:#ecffd799;font:500 8px DM Mono;letter-spacing:1px;pointer-events:none}.board-footer{padding:11px 2px 0;display:flex;justify-content:space-between;color:#799b80;font:500 8px DM Mono;letter-spacing:.8px}.editor-content{display:grid;gap:17px}.large-shirt{width:86px;height:91px;margin:2px auto 9px;font-size:43px}.editor-content label{color:#8eac94;font:500 9px DM Mono;letter-spacing:.9px}.editor-content input{width:100%;margin-top:7px;padding:11px 10px;color:#e9f4e9;outline:none;border:1px solid #315b40;border-radius:3px;background:#102d1e;font:700 17px Barlow Condensed;letter-spacing:.5px}.editor-content input:focus{border-color:#9acb70}.position-readout{padding:12px;border-top:1px solid #254a32;border-bottom:1px solid #254a32;display:flex;justify-content:space-between;color:#86a18b;font:500 9px DM Mono;letter-spacing:.8px}.position-readout strong{color:#d9ebd9;font-weight:500}.position-readout i{display:inline-block;width:3px;height:3px;border-radius:50%;margin:0 5px 2px;background:#d5f28a}.remove-player{margin-top:3px;padding:10px 0;color:#cc8e8e;border:0;background:transparent;display:flex;align-items:center;gap:7px;font:500 9px DM Mono;letter-spacing:.7px}@media (max-width: 930px){.workspace{grid-template-columns:210px 1fr}.editor-panel{display:none}.board-area{padding:24px}}@media (max-width: 650px){.topbar{height:auto;min-height:68px;padding:12px 16px;gap:12px}.top-actions{gap:4px}.top-actions button{padding:0 9px;font-size:0}.top-actions button svg{width:17px}.workspace{display:block}.side-panel{border-right:0;padding:18px}.player-list{max-height:155px;grid-template-columns:1fr 1fr}.board-area{padding:16px 8px}.export-card{padding:14px 11px 10px}.board-topline h1{font-size:25px}.pitch-player{width:104px}.shirt{width:42px;height:42px;font-size:20px}.pitch-name{font-size:13px}.board-footer{font-size:6px}}