:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#eef4ff;background:#080f24;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#080f24;color:#eef4ff;font-family:inherit}a{color:#55b7ff;text-decoration:none}button,.button{display:inline-flex;align-items:center;justify-content:center;background:#55b7ff;color:#07182e;border:1px solid transparent;border-radius:9px;padding:12px 18px;font:inherit;font-weight:650;cursor:pointer;min-height:46px}button:hover,.button:hover{filter:brightness(1.08);color:#07182e}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#1b335b;color:#eef4ff;border-color:#3c5784}button.danger{background:transparent;color:#ffaaa2;border-color:#65423c}h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;font-weight:750;letter-spacing:-1.5px;margin:12px 0 22px}h2{font-size:1.35rem;margin:0 0 18px}h3{font-size:1.1rem;margin:6px 0 10px}p{color:#a7b9da;line-height:1.65}small{font-size:.78rem;color:#a7b9da} .studio-shell{display:grid;grid-template-columns:265px minmax(0,1fr);min-height:100vh}aside{background:#101d3a;border-right:1px solid #273c62;padding:34px 22px;display:flex;flex-direction:column;gap:42px}.brand{display:flex;gap:12px;color:#fff;font-weight:800;letter-spacing:1px;align-items:center}.brand small{display:block;font-size:.56rem;letter-spacing:1px;max-width:145px;margin-top:6px;line-height:1.6}.crest{display:grid;place-items:center;width:47px;height:55px;background:#55b7ff;color:#07182e;border-radius:7px 7px 21px 21px;font-size:2rem}nav{display:flex;flex-direction:column;gap:7px}nav a{color:#a7b9da;padding:13px 15px;border-radius:8px;font-size:.92rem}nav a.active{background:#55b7ff1a;color:#8dd4ff;box-shadow:inset 3px 0 #55b7ff}nav a:hover{background:#1b335b}.sidebar-note{margin-top:auto;font-size:.66rem;color:#55b7ff;letter-spacing:1px}.sidebar-note small{display:block;margin-top:10px;font-size:.7rem;letter-spacing:0}main{min-width:0}header{height:78px;border-bottom:1px solid #273c62;display:flex;justify-content:space-between;align-items:center;padding:0 40px;font-size:.7rem;letter-spacing:2px;color:#a7b9da}article{max-width:1500px;margin:auto;padding:36px 40px 64px}.pill{display:inline-block;font-size:.72rem;letter-spacing:0;border:1px solid #3c5784;border-radius:25px;padding:7px 12px;color:#a4d8ff}.hero{background:linear-gradient(115deg,#173b73,#0e2047);border:1px solid #3466a4;border-radius:18px;min-height:335px;display:flex;align-items:center;justify-content:space-between;padding:40px;margin-bottom:28px;overflow:hidden}.hero p{margin-bottom:25px}.eyebrow{font-size:.7rem;letter-spacing:2px;color:#55b7ff;font-weight:700}.pitch-mark{font-size:9rem;font-weight:900;color:#55b7ff;transform:rotate(-10deg);padding:20px;opacity:.8;line-height:1}.pitch-mark span{display:block;font-size:.8rem;letter-spacing:5px;margin-top:15px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0 36px}.stats section,.card{background:#111f3e;border:1px solid #294168;border-radius:13px;padding:25px}.stats small{letter-spacing:1px;font-size:.65rem}.stats strong{display:block;font-size:2.4rem;margin:15px 0}.stats .word{font-size:1.6rem;margin:23px 0}.stats a,.stats span{font-size:.8rem}.section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:22px 0}.section-heading h2{margin:0}.muted{color:#7e9686}.workspace{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.3fr);gap:25px;align-items:start;margin-top:28px}.card{margin-bottom:18px}label{display:flex;flex-direction:column;gap:8px;font-size:.85rem;color:#c2d3f2;margin:0 0 17px}input,select{width:100%;min-height:46px;border:1px solid #43608b;background:#0a1730;color:#fff;border-radius:7px;padding:11px 12px;font:inherit;color-scheme:dark}input[type=checkbox]{width:22px;min-height:22px;accent-color:#55b7ff}.check{flex-direction:row;align-items:center}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.player-row{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.player-row .actions{margin:0 0 0 auto}.player-row p{margin:0}.avatar{width:58px;height:70px;object-fit:contain;background:#1b335b;border-radius:7px}.player-photo{display:block;max-width:180px;max-height:200px;object-fit:contain;background:repeating-conic-gradient(#294c7d 0% 25%,#193252 0% 50%) 0/20px 20px;margin:16px 0}.lineup-row{display:grid;grid-template-columns:1.2fr 110px 130px auto;gap:15px;align-items:center;border-bottom:1px solid #304e79;padding:15px 0;margin-bottom:18px}.lineup-row label{margin:0}.error,.notice,.validation-errors{padding:16px;background:#382a20;border:1px solid #8a6d47;border-radius:8px;color:#ffe1b8}.validation-message{color:#ffc7ac}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.template-preview{background:linear-gradient(145deg,#2464bb,#101f46);height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:4rem;color:#8dd4ff;font-weight:900;border-radius:7px;margin-bottom:22px}.template-preview span{font-size:.9rem;color:white;margin-top:12px;text-align:center}.template p{font-size:.8rem}#blazor-error-ui{display:none;position:fixed;bottom:0;left:0;right:0;padding:20px;background:#63372b;color:white;z-index:1000}.loading-progress{width:100px;height:100px;margin:20vh auto 20px;display:block}.loading-progress circle{fill:none;stroke:#55b7ff;stroke-width:4}.loading-progress-text{text-align:center}.loading-progress-text:after{content:'Fortuna Studio wird geladen …'}:focus-visible{outline:3px solid #8dd4ff;outline-offset:3px}
@media(max-width:1100px){.studio-shell{grid-template-columns:220px minmax(0,1fr)}article{padding:26px}.workspace{grid-template-columns:1fr}.pitch-mark{display:none}.template-grid{grid-template-columns:repeat(2,1fr)}.lineup-row{grid-template-columns:1fr 90px 115px}.lineup-row button{grid-column:1/-1}}
@media(max-width:700px){.studio-shell{display:block}aside{padding:18px;gap:18px;border-bottom:1px solid #3c5784}.brand small{max-width:none}nav{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}nav a{padding:12px;font-size:.85rem}.sidebar-note{display:none}header{height:56px;padding:0 18px;font-size:.6rem;letter-spacing:1px}article{padding:24px 16px}.hero{padding:26px;min-height:300px}.stats{grid-template-columns:1fr;gap:10px}.stats section{padding:20px}.stats strong,.stats .word{font-size:1.8rem;margin:10px 0}.card{padding:20px}.template-grid{grid-template-columns:1fr}.lineup-row{grid-template-columns:1fr 1fr}.lineup-row strong{grid-column:1/-1}.player-row .actions{margin-left:0;width:100%}.actions button{flex:1}.section-heading{flex-wrap:wrap}}


/* Simple tile navigation, shared by phone and desktop. */
.tile-app{min-height:100vh}.tile-app .app-header{height:auto;min-height:88px;padding:18px max(20px,calc((100vw - 1120px)/2));display:flex;gap:18px;flex-wrap:wrap;letter-spacing:0;background:#111f3e}.app-header .brand{font-size:1rem;letter-spacing:0}.app-header .brand small{font-size:.8rem;max-width:none;font-weight:400;letter-spacing:0;margin-top:5px}.app-header .crest{width:40px;height:46px;font-size:1.7rem}.home-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 16px;border:1px solid #43608b;border-radius:9px;font-size:.9rem;color:#eef4ff}.tile-app article{max-width:1160px;padding:32px 20px 56px}.tile-app h1{font-size:clamp(1.9rem,4vw,2.7rem);letter-spacing:-.7px;margin:8px 0 14px}.home-intro{margin:12px 0 28px}.tile-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tile-navigation .nav-tile{display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:#12274d;border:1px solid #315481;border-radius:16px;padding:24px;min-height:185px;color:#eef4ff;box-shadow:none}.tile-navigation .nav-tile:hover{background:#193b71;border-color:#55b7ff}.nav-tile strong{font-size:1.2rem}.nav-tile>span:last-child{font-size:.9rem;color:#a7b9da;line-height:1.5}.tile-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#8dd4ff;background:#55b7ff1a;font-size:.9rem;font-weight:700}.local-note{font-size:.8rem;text-align:center;margin-top:28px}.lineup-toolbar{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.lineup-toolbar label{flex:1;min-width:0;margin:0}.lineup-toolbar button{flex-shrink:0}.tile-app .workspace{margin-top:24px}.tile-app input,.tile-app select{font-size:1rem}.tile-app .lineup-row{grid-template-columns:minmax(0,1fr) 110px 140px auto}.tile-app .card{min-width:0}.tile-app .lineup-row strong{overflow-wrap:anywhere}
@media(max-width:800px){.tile-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile-app .lineup-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tile-app .lineup-row strong,.tile-app .lineup-row button{grid-column:1/-1}}
@media(max-width:480px){.tile-app .app-header{padding:16px;gap:12px}.app-header .brand{font-size:.9rem}.app-header .brand small{font-size:.72rem}.home-button{width:100%}.tile-app article{padding:24px 16px 40px}.tile-navigation .nav-tile{min-height:170px;padding:17px 14px;gap:10px}.nav-tile strong{font-size:1.05rem}.nav-tile>span:last-child{font-size:.82rem}.lineup-toolbar{align-items:stretch;flex-direction:column}.lineup-toolbar button{width:100%}.tile-app .actions{flex-direction:column}.tile-app .actions button{width:100%;flex:auto}.tile-app .workspace{grid-template-columns:minmax(0,1fr)}}
@media(max-width:340px){.tile-navigation{grid-template-columns:1fr}}


/* Fortuna blue identity and local club badges. */
body{background:radial-gradient(ellipse at 80% 0%,#17408066,transparent 55%),#080f24;background-attachment:fixed}.tile-app .app-header{background:linear-gradient(115deg,#12244b,#123b77);border-bottom:1px solid #3772b8;box-shadow:0 6px 30px #030b1b44}.tile-app .crest{background:linear-gradient(140deg,#6acbff,#368aff);color:#061b38}.tile-navigation .nav-tile{background:linear-gradient(135deg,#17325b,#101f3e);box-shadow:0 8px 24px #030b1b33;transition:transform .15s,border-color .15s,box-shadow .15s}.tile-navigation .nav-tile:hover{transform:translateY(-3px);border-color:#60bfff;box-shadow:0 12px 28px #030b1b66}.tile-icon{background:linear-gradient(140deg,#1671d9,#2d98ef);color:#fff;border:1px solid #58baff66}.tile-app .card{background:linear-gradient(145deg,#142849,#101e3a);border-color:#2c4b77}button,.button{background:linear-gradient(120deg,#74d1ff,#419bff);color:#061b38;box-shadow:0 3px 12px #0877e022}button.secondary{box-shadow:none}.club-logo{width:68px;height:68px;object-fit:contain;padding:7px;background:#f3f7ff;border:1px solid #bed8f9;border-radius:14px;flex-shrink:0}.header-logo{width:48px;height:48px;border-radius:11px;padding:4px}.logo-preview{width:112px;height:112px;margin-bottom:16px}.logo-upload{margin:18px 0 24px}.logo-upload label{margin-bottom:8px}.logo-upload small{display:block;line-height:1.5}.logo-upload button{margin-top:12px}.opponent-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #2c4b77}.opponent-row:last-child{border-bottom:0}.opponent-row strong{overflow-wrap:anywhere;min-width:0;flex:1}.match-logos{display:flex;gap:24px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #2c4b77}.match-club{display:flex;flex:1;min-width:0;align-items:center;flex-direction:column;gap:10px;text-align:center}.match-club small{overflow-wrap:anywhere}.logo-placeholder{display:grid;place-items:center;width:68px;height:68px;border-radius:14px;border:1px dashed #5476a8;color:#a7b9da;font-weight:750;font-size:1.5rem;background:#17325b}
@media(max-width:480px){.opponent-row{flex-wrap:wrap}.opponent-row button{width:100%}.header-logo{width:42px;height:42px}.match-logos{gap:12px}}
@media(prefers-reduced-motion:reduce){.tile-navigation .nav-tile{transition:none}.tile-navigation .nav-tile:hover{transform:none}}

/* Live graphic studio: inputs on the left, shared full-resolution canvas on the right. */
.graphic-editor{display:grid;grid-template-columns:minmax(280px,390px) minmax(0,1fr);gap:26px;align-items:start}.editor-controls{grid-column:1;grid-row:1}.editor-preview{grid-column:2;grid-row:1;position:sticky;top:18px;min-width:0;align-self:start}.editor-controls details{border:1px solid #365886;border-radius:10px;padding:14px;margin:20px 0}.editor-controls summary{cursor:pointer;font-weight:650;min-height:32px}.editor-controls details[open] summary{margin-bottom:15px}.editor-controls details p{font-size:.85rem}.editor-controls textarea{width:100%;padding:12px;background:#0a1730;color:#fff;border:1px solid #43608b;border-radius:7px;font:inherit;line-height:1.6;resize:vertical;min-height:100px}.editor-controls small{display:block;line-height:1.5;margin:10px 0 18px}.preview-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.canvas-wrap{background:#050c1c;border:1px solid #345581;border-radius:12px;padding:14px;display:flex;justify-content:center;overflow:hidden;box-shadow:0 20px 50px #02081266}.graphic-canvas{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100svh - 210px);object-fit:contain}.preview-note{display:block;text-align:center;margin-top:12px}.preview-toggle{display:none}.editor-preview .error{font-size:.85rem}
@media(max-width:800px){.canvas-wrap.preview-hidden{display:none}.graphic-editor{grid-template-columns:minmax(0,1fr);gap:18px}.editor-preview{grid-column:1;grid-row:1;top:0;z-index:5;background:#0c1932;padding:12px;border:1px solid #294168;border-radius:12px}.editor-controls{grid-column:1;grid-row:2}.graphic-canvas{max-height:32svh}.canvas-wrap{padding:8px}.preview-toolbar{margin-bottom:10px}.preview-toolbar button{padding:10px 12px;font-size:.8rem}.preview-toolbar .pill{font-size:.65rem}.preview-toggle{display:inline-flex;min-height:40px;margin-top:8px;padding:6px 12px;font-size:.8rem}.preview-note{display:none}.editor-preview .error{max-height:90px;overflow:auto;margin-bottom:8px}.editor-controls.card{padding:18px}}


/* Direct squad selection in the graphic editor. */
.graphic-player-row{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:10px;padding:16px 0;border-bottom:1px solid #315481}.graphic-player-row label{margin:0}.graphic-player-row label:first-child{grid-column:1/-1}.graphic-player-row label:nth-child(3){grid-column:1}.graphic-player-row label:nth-child(2){grid-column:2;grid-row:2}.graphic-player-row button{grid-column:1/-1;min-height:40px;padding:8px 12px}.graphic-roster>label{margin-top:18px}.background-status{font-size:.85rem;color:#b4d9ff;border-left:3px solid #55b7ff;padding-left:12px}

.access-page{min-height:100svh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#16488c,#080f24 70%)}.access-page>.card{width:min(100%,460px);padding:30px}.access-page h1{font-size:2.2rem;letter-spacing:-1px}.access-page button{width:100%}.sync-bar{display:flex;justify-content:space-between;gap:16px;padding:12px max(20px,calc((100vw - 1120px)/2));font-size:.8rem;background:#0b1930;color:#a7b9da;border-bottom:1px solid #273c62}.sync-bar span{overflow-wrap:anywhere}.sync-bar a{flex-shrink:0}.backup-import{margin-top:22px}
@media(max-width:600px){.sync-bar{padding:12px 16px;flex-direction:column;gap:6px}.access-page{padding:16px}.access-page>.card{padding:24px}}