:root{--bg:#07171d;--panel:#0d2530;--panel2:#12303a;--border:#24505b;--mint:#67f4c1;--ink:#ecfffb;--sub:#9bb8b9;--gold:#d7ff62}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 5%,#12434a 0,transparent 32%),linear-gradient(145deg,#081a21,#071118 65%);font:14px/1.5 Inter,'Segoe UI',Arial,sans-serif;color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden,[hidden]{display:none!important}.topbar{height:73px;border-bottom:1px solid #22444b;display:flex;justify-content:space-between;align-items:center;padding:0 max(24px,calc((100vw - 1800px)/2));background:rgba(5,22,28,.82)}.brand{display:flex;gap:13px;align-items:center}.brand-mark{width:46px;height:45px;display:grid;place-content:center;font-weight:1000;letter-spacing:-3px;font-size:18px;background:#d9ff6c;color:#0b312b;clip-path:polygon(10% 0,90% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.brand-mark span{font-size:11px;color:#04795d}.brand b{font-size:14px;letter-spacing:1.5px}.brand small{display:block;color:var(--mint);letter-spacing:2.4px;font-size:9px;font-weight:800}.top-actions{display:flex;gap:30px;align-items:center}.online-pill{color:#c0d8d4;font-weight:700;font-size:10px;letter-spacing:1px}.online-pill i{display:inline-block;width:7px;height:7px;background:#61e7a2;box-shadow:0 0 14px #5afdb7;border-radius:50%;margin-right:6px}.light-link{font-size:12px;color:#a8c6c7}.shell{max-width:1800px;margin:auto;padding:35px 27px 60px;display:grid;grid-template-columns:minmax(338px,410px) minmax(0,1fr);gap:28px;align-items:start}.controls{display:flex;flex-direction:column;gap:20px}.section-intro{padding:6px 6px 2px}.eyebrow{font-size:10px;color:var(--mint);font-weight:900;letter-spacing:2.3px}.section-intro h1{font-size:36px;letter-spacing:-1.5px;line-height:1.1;margin:11px 0 12px;font-weight:950}.section-intro h1 em{color:var(--mint);font-style:normal;display:block}.section-intro p{color:#a6bec0;font-size:13px;margin:0;line-height:1.75}.pane{border:1px solid #28535d;border-radius:14px;padding:19px;background:linear-gradient(135deg,#15323d 0,#0c252e 95%);box-shadow:0 22px 44px #03121a50}.panel-heading{display:flex;gap:11px;align-items:center;margin-bottom:20px}.numtag{border:1px solid #53bb9f;border-radius:9px;color:var(--mint);background:#173f42;padding:6px 9px;font-size:13px;font-weight:900}.panel-heading h2{font-size:15px;line-height:1.2;margin:0 0 4px;font-weight:900}.panel-heading p{margin:0;color:#a1c3c2;font-size:11px}.form-fields{display:flex;flex-direction:column;gap:13px}.form-fields label,.admin-links label{display:flex;flex-direction:column;font-size:11px;letter-spacing:.3px;gap:6px;font-weight:800;color:#c8e1df}.form-fields input,.form-fields select,.admin-links input{background:#071d25;border:1px solid #36555f;border-radius:8px;height:43px;padding:0 12px;color:#fff;outline:0;min-width:0;max-width:100%;font-size:13px}.form-fields input:focus,.form-fields select:focus{border-color:#71ecc4;box-shadow:0 0 0 2px #67f4c122}.form-fields input::placeholder{color:#6f9095}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary-btn,.outline-btn{height:43px;border:0;border-radius:8px;padding:0 14px;font-weight:900;font-size:12px;display:flex;align-items:center;justify-content:center;gap:12px}.primary-btn{color:#062620;background:linear-gradient(100deg,#76f3be,#dcff78)}.primary-btn:hover{filter:brightness(1.08)}.primary-btn span{margin-left:auto;font-size:18px}.outline-btn{border:1px solid #4f8485;background:transparent;color:#dffaf1}.outline-btn:hover{background:#1d4851}.text-btn{border:0;background:none;color:var(--mint);font-weight:800;text-align:left;margin-top:13px;padding:3px 0;font-size:12px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:-1px 0 18px;background:#081f26;padding:5px;border-radius:9px}.tabs button{border:0;color:#acd0cc;background:none;border-radius:6px;padding:10px 4px;font-size:10px;font-weight:800}.tabs button.active{background:#2c615a;color:#fff}.photo-drop{border:1px dashed #557a7e;padding:12px;border-radius:9px;display:flex;align-items:center;gap:10px;cursor:pointer;background:#102d35;position:relative}.photo-drop input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}.photo-preview{border:1px solid #457272;background:#092029;width:58px;height:63px;border-radius:8px;display:grid;place-items:center;flex:0 0 58px;background-size:cover;background-position:center;font-size:25px}.photo-drop b{font-size:12px;color:#ebfff7}.photo-drop small{font-size:10px;color:#a0bab9;display:block;line-height:1.5;font-weight:400}.optional{font-size:9px;color:#8dafb0;font-weight:400}.hint{font-size:11px;color:#9cbab8;line-height:1.7}.helpbox{background:linear-gradient(145deg,#0d3335,#10232f)}.steps{display:grid;gap:8px}.steps span{font-size:12px;color:#b9d5d3}.steps b{color:var(--mint);margin-right:8px}.alert{padding:13px 14px;border-radius:9px;font-size:12px;background:#23624a;border:1px solid #4de3a7;font-weight:700}.alert.error{background:#673333;border-color:#d27272}.preview-col{min-width:0;position:sticky;top:16px}.preview-tools{display:flex;align-items:center;justify-content:space-between;margin:2px 0 14px;gap:14px}.preview-tools h2{margin:4px 0 0;font-size:20px;letter-spacing:-.6px}.preview-tools h2 span{color:var(--mint);font-size:11px;font-weight:800;vertical-align:middle;margin-left:8px}.preview-actions{display:flex;gap:8px}.tiny{height:37px;padding:0 13px;white-space:nowrap}.poster-viewport{width:100%;position:relative;overflow:hidden;border:1px solid #4c6469;border-radius:9px;box-shadow:0 18px 50px #0007;background:#031618;aspect-ratio:16/9}.poster{width:1600px;height:900px;position:absolute;top:0;left:0;transform-origin:top left;background:radial-gradient(ellipse at 0% 50%,#225c63aa,transparent 44%),linear-gradient(145deg,#051f25 0,#073d3c 49%,#03171f);overflow:hidden;font-family:'Arial Narrow',Impact,'Segoe UI',Arial,sans-serif;color:white}.poster:before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(112deg,#fff1 0px,#fff1 1px,transparent 1px,transparent 55px);opacity:.13;pointer-events:none}.poster-shine{position:absolute;width:1000px;height:650px;background:radial-gradient(ellipse,#00ec9533 0,transparent 65%);right:-200px;top:-350px;pointer-events:none}.poster-head{position:relative;display:grid;grid-template-columns:275px 1fr 120px;align-items:center;gap:10px;margin:28px 50px 19px;height:138px;border-bottom:3px solid #80f0a0}.poster-brand{display:flex;align-items:center;gap:17px}.crest{width:84px;height:102px;clip-path:polygon(50% 0,96% 15%,92% 75%,50% 100%,8% 75%,4% 15%);background:linear-gradient(145deg,#d8ff80,#42dabb);border:1px solid #d9ffb0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#05322c;font-weight:1000;letter-spacing:-4px;font-size:26px}.crest span{font-size:17px;letter-spacing:0}.poster-brand small{display:block;color:#b9f9cf;font-size:12px;font-weight:800;letter-spacing:2px}.poster-brand strong{display:block;font-weight:1000;font-size:20px;line-height:1.15;letter-spacing:-.6px}.poster-brand strong span{display:block;color:#c3ff73;font-size:14px;letter-spacing:2px}.poster-main-title{text-align:center;overflow:hidden}.poster-main-title small{color:#adf4c7;font-size:16px;letter-spacing:5px;font-weight:900}.poster-main-title h2{font-size:63px;line-height:1.12;text-transform:uppercase;text-shadow:0 5px 0 #0b4749,0 9px 20px #0009;font-weight:1000;margin:6px 0 3px;white-space:nowrap;letter-spacing:-1.8px}.poster-main-title p{color:#e5ffbb;font-size:17px;letter-spacing:5px;font-weight:900;margin:0}.poster-edition{text-align:right;color:#cfff69;font-size:48px;font-weight:1000;line-height:.95}.poster-edition span{font-size:12px;letter-spacing:3px;color:#ecfff1}.poster-body{position:relative;margin:0 50px;display:grid;grid-template-columns:1012px 1fr;gap:23px;height:658px}.field-panel{border-radius:13px;overflow:hidden;background:#082827;border:2px solid #51ae9c;position:relative}.field-head{position:absolute;height:45px;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#11554c,#073c42);padding:0 24px;z-index:2}.field-head span{font-size:19px;letter-spacing:1.3px;font-weight:1000}.field-head b{color:#dcff65;font-size:18px}.pitch{position:absolute;top:44px;bottom:0;left:0;right:0;background:repeating-linear-gradient(to bottom,#0d5a49 0px,#0d5a49 93px,#0b4e40 93px,#0b4e40 186px);overflow:hidden;border:6px solid #164e43}.pitch:before{content:'';position:absolute;inset:27px 24px;border:3px solid #b3ecd17d;border-radius:3px}.grass-stripes{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,#0bb98f35,transparent 55%),repeating-linear-gradient(83deg,transparent 0 8px,#001f2310 9px 10px);pointer-events:none}.half-line{position:absolute;top:50%;left:24px;right:24px;height:3px;background:#b3ecd17d}.center-circle{position:absolute;width:185px;height:185px;border:3px solid #b3ecd17d;border-radius:50%;left:calc(50% - 92px);top:calc(50% - 92px)}.box{position:absolute;left:calc(50% - 180px);width:360px;height:90px;border:3px solid #b3ecd17d}.topbox{top:27px;border-top:0}.bottombox{bottom:27px;border-bottom:0}.goal{position:absolute;width:124px;height:28px;left:calc(50% - 62px);border:3px solid #b3ecd17d}.topgoal{top:0;border-top:0}.bottomgoal{bottom:0;border-bottom:0}.pitch-players{position:absolute;inset:0}.player-tile{position:absolute;width:128px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 7px 9px #001e1ccc)}.player-face{height:95px;width:85px;position:relative;display:grid;place-items:center;border-radius:10px 10px 4px 4px;border:3px solid #b9ffd0;background:linear-gradient(#287873,#143b3c);overflow:hidden}.player-face img{width:100%;height:100%;object-fit:cover;object-position:center top}.player-face .blank-icon{font-size:51px;color:#c6f9d3}.player-face .jersey{position:absolute;bottom:0;right:0;background:#d8ff5c;color:#153a26;padding:2px 7px;border-radius:5px 0 0 0;font-size:23px;font-weight:1000;text-shadow:none}.player-label{background:linear-gradient(100deg,#eaffdc,#a8eccd);color:#073d31;max-width:127px;min-width:111px;text-align:center;padding:3px 5px;border-radius:2px 2px 6px 6px;font-size:16px;font-weight:1000;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.player-position{font-size:10px;letter-spacing:1px;background:#c2fc64;color:#153b31;font-weight:1000;margin-top:3px;border-radius:3px;padding:1px 8px}.player-tile.placeholder{opacity:.41}.player-tile.placeholder .player-label{font-size:11px}.bench-panel{position:relative;border-radius:13px;border:2px solid #70a690;background:linear-gradient(160deg,#103637,#06272e);overflow:hidden;padding:0 17px}.bench-header{height:61px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #4a9d80;gap:5px}.bench-header b{font-size:22px;letter-spacing:.4px;white-space:nowrap}.bench-header small{font-size:10px;color:#c0ff7e;letter-spacing:1px}.bench-players{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(6,76px);gap:7px 10px;padding-top:11px}.bench-tile{height:76px;display:flex;align-items:center;gap:7px;background:#18564b99;border:1px solid #518779;border-radius:7px;padding:5px;min-width:0}.bench-face{height:63px;width:55px;flex:0 0 55px;border-radius:6px;overflow:hidden;background:#2b8176;display:grid;place-items:center;border:1px solid #83d2aa}.bench-face img{width:100%;height:100%;object-fit:cover;object-position:center top}.bench-face .blank-icon{font-size:35px}.bench-info{min-width:0;line-height:1.25}.bench-info .bench-num{font-size:18px;color:#d9ff75;font-weight:1000}.bench-info .bench-name{font-size:11px;line-height:1.2;font-weight:900;overflow-wrap:anywhere;max-height:29px;overflow:hidden}.bench-info .bench-role{font-size:9px;color:#83eabb}.bench-empty{border:1px dashed #426e69;border-radius:7px;background:#123e3f66;display:grid;place-items:center;font-size:10px;color:#7caca7}.bench-end{position:absolute;bottom:14px;left:17px;right:17px;border-top:1px solid #3d8377;text-align:center;padding-top:9px}.bench-end div{font-size:16px;color:#e5ffad;font-weight:1000;letter-spacing:.5px}.bench-end small{font-size:10px;letter-spacing:1.5px}.poster-foot{position:relative;margin:14px 50px;display:flex;justify-content:space-between;align-items:center;gap:12px;letter-spacing:1.4px;color:#bdeddb;font-size:13px;font-weight:700}.poster-foot b{color:#d7ff76}.preview-note{color:#88abad;font-size:11px;margin:12px 0}.admin-links{display:grid;gap:11px;margin-bottom:17px}.copy-field{display:flex;gap:5px}.copy-field input{width:100%;font-size:10px}.copy-field button{border:1px solid #69b4a3;background:#255550;color:#ddffee;font-size:11px;font-weight:900;padding:0 12px;border-radius:7px}.compact{padding:12px;border:1px solid #2b545b;border-radius:9px;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.compact button{grid-column:span 2}.roster-head{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #3e6569;padding-bottom:8px}.roster-head h3{margin:0;font-size:13px}.roster-head span{font-size:10px;color:#deff83}.roster{max-height:460px;overflow:auto}.roster-item{display:flex;gap:10px;align-items:center;padding:9px 2px;border-bottom:1px solid #2e5155}.roster-item img,.roster-photo-empty{width:43px;height:49px;border-radius:5px;object-fit:cover;background:#275b5a;display:grid;place-items:center;flex:0 0 43px}.roster-meta{min-width:0;flex:1}.roster-meta b{display:block;font-size:12px;overflow-wrap:anywhere}.roster-meta small{color:#9eb9b9;font-size:10px}.roster-actions{display:flex;align-items:center;gap:3px}.roster-actions select{font-size:10px;padding:5px 2px;background:#123e43;border:1px solid #476d70;color:#fff;max-width:104px}.iconbtn{border:1px solid #4b7775;background:#123d40;color:#d2ffee;min-width:25px;height:28px;border-radius:5px;font-size:11px}.iconbtn.danger{color:#ffc1a7;border-color:#895c61}@media(max-width:1200px){.shell{grid-template-columns:340px minmax(0,1fr);gap:20px;padding:22px}.preview-col{top:15px}.preview-tools{flex-wrap:wrap}.preview-tools h2{font-size:18px}}@media(max-width:880px){.shell{grid-template-columns:1fr;padding:16px;gap:24px}.controls{order:2}.preview-col{order:1;position:static}.topbar{padding:0 16px}.online-pill{display:none}.section-intro h1{font-size:27px}.pane{padding:15px}.preview-tools{margin-top:6px}.poster-viewport{border-radius:4px}.preview-actions{width:100%;justify-content:flex-start}}@media(max-width:420px){.preview-tools h2 span{display:block;margin:2px 0}.top-actions{gap:8px}.brand b{font-size:11px}.brand small{font-size:8px}.light-link{font-size:10px}}