:root{
  --bg:#05080d;--panel:rgba(9,15,23,.94);--panel2:rgba(13,21,31,.94);--line:rgba(199,215,234,.14);--lineHi:rgba(215,228,243,.28);
  --text:#f4f7fb;--soft:#c8d2de;--muted:#8290a2;--accent:#ed2538;--accentHi:#ff5667;--green:#45d497;--amber:#dcae4c;
}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg)}body{position:fixed;inset:0;color:var(--text);font-family:Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif;background:#05080d}button,input{font:inherit}.portal-bg{position:absolute;inset:-4%;background:linear-gradient(90deg,rgba(3,7,11,.97),rgba(3,7,11,.68) 42%,rgba(3,7,11,.88)),url("assets/brand/football-empire-night.png") center/cover no-repeat;filter:saturate(.82) contrast(1.08);transform:scale(1.04)}.portal-grid{position:absolute;inset:0;opacity:.16;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,#000,transparent 48%,#000)}.portal-shell{position:fixed;inset:0;display:flex;flex-direction:column;min-height:0}.portal-topbar{height:76px;flex:0 0 76px;display:flex;align-items:center;justify-content:space-between;padding:8px clamp(18px,2.1vw,34px);border-bottom:1px solid var(--line);background:rgba(4,8,13,.78);backdrop-filter:blur(18px)}.portal-brand{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none}.portal-brand img{width:74px;height:58px;object-fit:contain;filter:drop-shadow(0 10px 13px rgba(0,0,0,.45))}.portal-brand span{display:flex;flex-direction:column;gap:3px}.portal-brand b{font-size:15px;letter-spacing:1.7px}.portal-brand small{font-size:7px;color:#8694a7;letter-spacing:1.7px;font-weight:900}.portal-topmeta{display:flex;align-items:center;gap:8px}.build-pill,.top-link{height:34px;border:1px solid var(--line);border-radius:5px;background:rgba(9,15,23,.72);color:#d7e0ea;font-size:7px;font-weight:950;letter-spacing:1.25px;padding:0 12px}.build-pill{display:inline-flex;align-items:center;gap:7px}.build-pill i,.portal-footer i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(69,212,151,.5)}.top-link{cursor:pointer}.top-link:hover{border-color:rgba(237,37,56,.55);color:#fff}.portal-main{position:relative;z-index:1;flex:1 1 auto;min-height:0;width:min(1840px,calc(100% - 28px));margin:12px auto;display:grid;grid-template-columns:minmax(270px,.75fr) minmax(720px,2.25fr) minmax(260px,.72fr);gap:12px}.account-panel,.showcase-panel,.portal-side{min-width:0;min-height:0}.account-panel,.portal-side{border:1px solid var(--line);border-radius:18px;background:linear-gradient(160deg,rgba(14,22,33,.96),rgba(6,11,17,.96));box-shadow:0 28px 60px rgba(0,0,0,.35);padding:16px;overflow:hidden}.panel-label{font-size:7px;letter-spacing:1.9px;font-weight:950;color:#ff6676;margin-bottom:12px}.account-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:12px}.account-avatar{width:48px;height:48px;flex:0 0 48px;border-radius:50%;display:grid;place-items:center;font-size:18px;font-weight:950;background:linear-gradient(145deg,#26394d,#101923);border:1px solid rgba(220,230,242,.22);box-shadow:inset 0 0 24px rgba(255,255,255,.035)}.account-state{display:flex;flex-direction:column;min-width:0}.account-state small{font-size:6px;letter-spacing:1.2px;color:#8f9cad;font-weight:900}.account-state strong{font-size:13px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-state span{font-size:8px;line-height:1.35;color:#8290a2;margin-top:4px}.local-login{margin-top:14px}.local-login label{display:block;font-size:6px;color:#8795a7;font-weight:950;letter-spacing:1.2px;margin:0 0 6px 2px}.login-row{display:grid;grid-template-columns:1fr auto;gap:6px}.login-row input{min-width:0;height:38px;border:1px solid var(--line);border-radius:5px;background:#070c12;color:#fff;padding:0 10px;outline:none;font-size:10px}.login-row input:focus{border-color:rgba(237,37,56,.58);box-shadow:0 0 0 2px rgba(237,37,56,.08)}.login-row button{border:1px solid rgba(237,37,56,.6);border-radius:5px;background:linear-gradient(#bb1e31,#851221);color:#fff;font-size:6px;font-weight:950;letter-spacing:.9px;padding:0 10px;cursor:pointer}.account-actions{display:grid;gap:7px;margin-top:9px}.account-button{height:39px;border:1px solid var(--line);border-radius:5px;background:rgba(255,255,255,.035);color:#dbe4ed;font-size:7px;letter-spacing:1px;font-weight:950;cursor:pointer}.account-button.primary{border-color:rgba(237,37,56,.6);background:linear-gradient(180deg,#c42034,#83111f);color:#fff}.account-button.subtle{height:31px;color:#8996a6;background:transparent}.account-button:hover{filter:brightness(1.12)}.online-login-card,.career-quick{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:rgba(5,10,16,.55);position:relative}.online-login-card>div{display:flex;flex-direction:column}.online-login-card small,.career-quick small{font-size:6px;letter-spacing:1.2px;color:#8492a4;font-weight:950}.online-login-card strong,.career-quick strong{font-size:11px;margin-top:3px}.online-login-card>span{position:absolute;right:8px;top:9px;font-size:5px;padding:4px 6px;border-radius:3px;background:rgba(197,143,29,.16);border:1px solid rgba(220,174,76,.35);color:#e9c36c;font-weight:950;letter-spacing:.8px}.online-login-card p,.career-quick span{display:block;margin:8px 0 0;color:#788697;font-size:7.5px;line-height:1.45}.career-quick{border-color:rgba(69,212,151,.24)}.career-quick button{width:100%;height:32px;margin-top:9px;border:1px solid rgba(69,212,151,.38);border-radius:4px;background:rgba(24,97,70,.32);color:#8fe7bf;font-size:6px;font-weight:950;letter-spacing:1px;cursor:pointer}.showcase-panel{display:flex;flex-direction:column;gap:10px}.showcase-visual{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;border:1px solid var(--lineHi);border-radius:20px;background:#0a1018;box-shadow:0 32px 70px rgba(0,0,0,.44)}.showcase-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .22s ease,transform .55s ease;transform:scale(1.015)}.showcase-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,12,.97) 0%,rgba(3,7,12,.81) 39%,rgba(3,7,12,.26) 71%,rgba(3,7,12,.14) 100%),linear-gradient(0deg,rgba(3,7,12,.85),transparent 48%)}.showcase-copy{position:absolute;left:clamp(22px,3vw,46px);top:50%;transform:translateY(-50%);width:min(570px,58%);display:flex;flex-direction:column;align-items:flex-start}.showcase-statusline{display:flex;align-items:center;gap:9px;margin-bottom:16px}.showcase-statusline span{font-size:13px;font-weight:950;color:#fff}.showcase-statusline b{font-size:6px;letter-spacing:1.3px;padding:5px 8px;border:1px solid rgba(237,37,56,.48);background:rgba(150,15,31,.52);border-radius:3px;color:#fff}.showcase-copy>small{font-size:7px;font-weight:950;letter-spacing:2.2px;color:#aeb9c7}.showcase-copy h1{font-size:clamp(30px,4.3vh,54px);line-height:.96;margin:10px 0 12px;max-width:620px;letter-spacing:-1.9px;text-shadow:0 8px 30px rgba(0,0,0,.55)}.showcase-copy p{font-size:clamp(10px,1.2vh,13px);line-height:1.55;color:#b3bfcc;max-width:535px;margin:0}.showcase-features{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px}.showcase-features span{font-size:6px;font-weight:900;letter-spacing:.8px;padding:6px 8px;border:1px solid rgba(213,225,239,.16);border-radius:4px;background:rgba(7,13,20,.56);color:#d6dfe9}.showcase-actions{display:flex;gap:8px;margin-top:19px}.showcase-actions button{height:39px;border-radius:5px;padding:0 15px;font-size:7px;font-weight:950;letter-spacing:1px;cursor:pointer}.showcase-launch{border:1px solid rgba(237,37,56,.65);background:linear-gradient(#c42034,#82111e);color:#fff}.showcase-secondary{border:1px solid var(--line);background:rgba(8,14,21,.7);color:#c9d3df}.showcase-index{position:absolute;right:18px;bottom:15px;color:rgba(236,242,248,.48);font-size:7px;font-weight:950;letter-spacing:1.4px}.module-strip{flex:0 0 112px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.module-card{position:relative;overflow:hidden;min-width:0;border:1px solid var(--line);border-radius:9px;background:#0a1018;color:#fff;text-align:left;padding:0;cursor:pointer}.module-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.72) brightness(.52);transition:.18s}.module-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,7,11,.94),rgba(3,7,11,.08) 72%)}.module-card div{position:absolute;z-index:2;left:9px;right:7px;bottom:8px;display:flex;flex-direction:column}.module-card small{font-size:5px;color:#a6b2c0;font-weight:950;letter-spacing:.8px}.module-card strong{font-size:9px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module-card.active{border-color:rgba(237,37,56,.75);box-shadow:inset 0 0 0 1px rgba(237,37,56,.18)}.module-card.active img,.module-card:hover img{filter:saturate(1) brightness(.72);transform:scale(1.03)}.module-card.active:before{content:"";position:absolute;z-index:3;left:0;right:0;top:0;height:3px;background:var(--accent);box-shadow:0 0 15px rgba(237,37,56,.5)}.portal-side{display:flex;flex-direction:column}.side-card{padding:13px;border:1px solid var(--line);border-radius:11px;background:rgba(6,11,17,.58);margin-bottom:10px}.side-card small{font-size:6px;color:#8391a3;font-weight:950;letter-spacing:1.3px}.side-card strong{display:block;font-size:13px;margin-top:5px}.side-card p{font-size:8px;line-height:1.5;color:#8390a0;margin:7px 0 0}.progress-track{height:5px;border-radius:999px;background:#121b25;margin-top:13px;overflow:hidden}.progress-track i{display:block;width:68%;height:100%;background:linear-gradient(90deg,#b3192b,#ed2538);box-shadow:0 0 11px rgba(237,37,56,.34)}.progress-meta{display:flex;justify-content:space-between;margin-top:6px;font-size:5.5px;color:#8997a8;font-weight:950;letter-spacing:.8px}.news-card{border-color:rgba(237,37,56,.25)}.news-card button{width:100%;height:31px;margin-top:10px;border:1px solid rgba(237,37,56,.4);border-radius:4px;background:rgba(107,14,26,.3);color:#ff9aa5;font-size:6px;font-weight:950;letter-spacing:.9px;cursor:pointer}.studio-card{margin-top:auto;margin-bottom:0;background:linear-gradient(145deg,rgba(21,32,45,.72),rgba(6,11,17,.65))}.studio-card strong{font-size:12px}.portal-footer{height:36px;flex:0 0 36px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-top:1px solid var(--line);background:rgba(4,8,13,.78);font-size:6px;color:#718094;font-weight:900;letter-spacing:1.25px}.portal-footer span:nth-child(2){display:flex;align-items:center;gap:7px;color:#8d9bad}
@media(max-width:1200px){.portal-main{grid-template-columns:250px minmax(600px,1fr)}.portal-side{display:none}.showcase-copy{width:64%}}
@media(max-width:900px){html,body{overflow:auto}body{position:static}.portal-shell{position:relative;min-height:100vh}.portal-main{display:flex;flex-direction:column;width:calc(100% - 18px);overflow:visible}.account-panel{order:2}.showcase-panel{order:1;min-height:620px}.showcase-visual{min-height:560px}.portal-footer{margin-top:auto}.showcase-copy{width:76%}}
@media(max-width:600px){.portal-topbar{height:64px;flex-basis:64px;padding:6px 10px}.portal-brand img{width:56px;height:46px}.portal-brand b{font-size:11px}.portal-brand small{font-size:5.5px}.build-pill{display:none}.top-link{padding:0 8px}.showcase-copy{left:18px;width:86%}.showcase-copy h1{font-size:32px}.showcase-visual{min-height:500px}.showcase-shade{background:linear-gradient(90deg,rgba(3,7,12,.96),rgba(3,7,12,.65) 78%,rgba(3,7,12,.4))}.portal-footer span:nth-child(2){display:none}}

/* v0.1.58.1: Modul-Buttons entfernt; Showcase nutzt die komplette Flaeche. */
.showcase-panel{display:flex;flex-direction:column}
.showcase-visual{flex:1 1 auto}

/* v0.1.59 · serverseitiger Keyschutz */
.access-key-card{background:linear-gradient(145deg,rgba(9,15,23,.98),rgba(4,7,11,.98));border:1px solid rgba(196,42,55,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 40px rgba(0,0,0,.22);padding:16px;border-radius:14px;margin-bottom:14px}.access-key-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.access-key-head small{display:block;color:#8294a5;font-size:10px;letter-spacing:.16em}.access-key-head strong{display:block;margin-top:2px;font-size:17px}.access-lock{font-size:10px;letter-spacing:.12em;border:1px solid #7d2530;color:#ff9aa6;background:#371018;padding:6px 9px;border-radius:999px}.access-key-card.is-unlocked{border-color:rgba(37,151,91,.62)}.access-key-card.is-unlocked .access-lock{border-color:#247d51;color:#8cf0ba;background:#0b2c1d}.access-key-card p{margin:10px 0;color:#a8b6c3;font-size:12px}.access-key-form{display:grid;grid-template-columns:1fr auto;gap:8px}.access-key-form input{min-width:0;background:#03070b;border:1px solid #314151;color:#f5f8fb;padding:11px 12px;border-radius:8px;font:600 12px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.05em}.access-key-form input:focus{outline:1px solid #c52939;border-color:#c52939}.access-key-form button{border:0;border-radius:8px;background:#b70d1d;color:#fff;padding:0 14px;font-weight:900;letter-spacing:.04em;cursor:pointer}.access-key-form button:disabled{opacity:.55;cursor:wait}.remember-key{display:flex;gap:7px;align-items:center;margin-top:9px;color:#8395a5;font-size:11px}.remember-key input{accent-color:#b70d1d}.access-key-message{min-height:18px;margin-top:8px;font-size:11px}.access-key-message.error{color:#ff8795}.access-key-message.ok{color:#78e8aa}.access-unlocked-actions{display:grid;gap:7px;margin-top:8px}.account-button:disabled,.top-link:disabled,#continueCareerButton:disabled{opacity:.36;cursor:not-allowed;filter:grayscale(.45)}body.access-locked .account-card,body.access-locked .local-login,body.access-locked .account-actions,body.access-locked .career-quick{opacity:.55}body.access-locked .local-login{pointer-events:none}
@media(max-width:760px){.access-key-form{grid-template-columns:1fr}.access-key-form button{min-height:42px}}

/* v0.1.62 · Account-/Lizenzportal */
.account-auth-card,.account-session{background:linear-gradient(145deg,rgba(9,15,23,.98),rgba(4,7,11,.98));border:1px solid rgba(89,111,133,.36);border-radius:14px;padding:14px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:12px}.auth-tabs button{height:34px;border:1px solid var(--line);border-radius:5px;background:#070c12;color:#7f8ea0;font-size:6px;font-weight:950;letter-spacing:1px;cursor:pointer}.auth-tabs button.active{border-color:rgba(237,37,56,.55);background:rgba(139,17,31,.35);color:#fff}.server-auth-form{display:grid;gap:8px}.server-auth-form label,.license-activate-form>label{display:grid;gap:5px;color:#8b9aac;font-size:6px;font-weight:950;letter-spacing:1.1px}.server-auth-form input,.license-activate-form input{height:38px;min-width:0;border:1px solid #2d3b49;border-radius:6px;background:#05090e;color:#f2f6fa;padding:0 10px;font-size:11px;outline:none}.server-auth-form input:focus,.license-activate-form input:focus{border-color:#b92334;box-shadow:0 0 0 1px rgba(185,35,52,.25)}.remember-account{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:7px!important;font-size:8px!important;color:#8291a2!important}.remember-account input{width:auto;height:auto;accent-color:#b70d1d}.auth-message{min-height:17px;margin-top:8px;font-size:9px;color:#8898a8}.auth-message.error{color:#ff8894}.auth-message.ok{color:#70e0a2}.account-session{display:block}.license-status-card{margin-top:12px;padding:12px;border:1px solid rgba(178,53,67,.36);border-radius:10px;background:rgba(48,10,17,.2);position:relative}.license-status-card.active{border-color:rgba(45,162,102,.4);background:rgba(10,52,35,.22)}.license-status-card>div:first-child{display:flex;flex-direction:column}.license-status-card small{font-size:6px;letter-spacing:1.2px;color:#8191a3;font-weight:950}.license-status-card strong{font-size:11px;margin-top:3px}.license-status-card>span{position:absolute;right:9px;top:9px;border:1px solid rgba(184,61,74,.45);border-radius:999px;padding:4px 7px;font-size:5px;color:#ff9aa5;font-weight:950;letter-spacing:.8px}.license-status-card.active>span{border-color:rgba(54,164,108,.5);color:#83e7b3}.license-status-card p{font-size:8px;line-height:1.45;color:#8493a4;margin:8px 0 0}.license-meta{font-size:6.5px;color:#a6b4c1;margin-top:8px;line-height:1.5}.license-activate-form{margin-top:12px}.license-activate-form .login-row{margin-top:6px}.license-activate-form .login-row input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.license-activate-form small{display:block;margin-top:6px;font-size:6.5px;color:#718193;line-height:1.4}.password-card{margin-top:10px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:rgba(255,255,255,.018)}.password-card summary{cursor:pointer;font-size:6px;font-weight:950;letter-spacing:1px;color:#8696a8}.password-card form{margin-top:9px}.account-auth-card .account-button,.account-session .account-button{width:100%}.account-panel{overflow:auto;scrollbar-width:thin}.access-key-card,.local-login,.online-login-card{display:none!important}