/* Original stylesheet block 0 */

:root{color-scheme:dark;--accent:#5fffb0;--panel:#101c2c;--line:#ffffff22}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#eef8ff;font:15px system-ui,Arial;background:radial-gradient(ellipse at 80% 0,#24486e88,transparent 42%),linear-gradient(145deg,#071020,#091a1a 75%,#080f19);min-height:100vh}
button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}
.hidden{display:none!important}.wrap{max-width:1200px;margin:auto;padding:24px 22px 90px}
h1,h2,h3{margin:0 0 15px}h1{font-size:clamp(32px,5vw,58px);letter-spacing:1px;text-shadow:0 4px 20px #000}
p{color:#aabfd0;line-height:1.6}.eyebrow{color:var(--accent);font-weight:900;letter-spacing:3px;text-transform:uppercase;font-size:12px}
.hero{padding:48px 0 26px;text-align:center}.hero strong{color:var(--accent)}
.server-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.server-card,.panel,.stat,.person,.month,.absence-row{background:linear-gradient(135deg,#192b3de8,#0c1725ee);border:1px solid #ffffff25;border-radius:17px;box-shadow:0 12px 30px #0005}
.server-card{padding:32px 20px;text-align:left;min-height:165px;color:#fff;transition:.2s;position:relative;overflow:hidden}
.server-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 0 24px #48ffb029}
.server-card:before{content:'';position:absolute;inset:0 auto 0 0;width:5px;background:var(--accent)}
.server-card .game{font-size:26px;font-weight:900;display:block}.server-card small{color:#adc1cf;display:block;margin-top:10px}
.toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;padding:20px 0}
.btn{border:1px solid #8affd44a;border-radius:11px;padding:12px 17px;color:#071b16;background:var(--accent);font-weight:850}
.btn.secondary{color:#f0ffff;background:#142b38;border-color:#6ca4b077}.btn:hover{filter:brightness(1.12)}
.panel{padding:24px;margin:22px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}
.stat{padding:20px}.stat .value{font-size:27px;font-weight:900;color:var(--accent)}.stat small{color:#b1c4d2}
.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#8bb1bf}th,td{padding:15px 12px;border-bottom:1px solid #ffffff19}tbody tr:hover{background:#ffffff0b}
.avatar{width:108px;height:108px;object-fit:contain;display:block;border:0;background:none;border-radius:0;filter:drop-shadow(0 5px 8px #0008)}.avatar.large{width:166px;height:166px}
.role{display:inline-block;padding:7px 11px;border-radius:8px;font-weight:900;color:#fff}
.Leitung{background:#8c2639;color:#ffd8e0}.Verwaltung{background:#995115;color:#ffe5b5}.Developer{background:#075d82;color:#bbf1ff}.Teamleitung{background:#9a6c12;color:#fff2b4}.Moderator{background:#174f9b;color:#d7ebff}.Supporter{background:#146b39;color:#c5ffdb}
.muted{color:#9cb0bf}.empty{text-align:center;padding:50px 15px;color:#a6bacb}
.person{padding:20px;display:flex;align-items:center;gap:22px;margin-top:14px}.person h3{margin-bottom:6px}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cal-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0}
select,input,textarea{background:#081726;color:#fff;border:1px solid #5b839078;border-radius:9px;padding:11px;width:100%}
.cal-nav select{width:auto;min-width:190px}.months{display:grid;gap:18px}.month{padding:18px}
.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.weekday{text-align:center;color:#89a8b8;padding:8px 0;font-size:12px;font-weight:800}
.day{border:1px solid #ffffff15;background:#0c1c2c;min-height:91px;border-radius:8px;padding:7px;overflow-wrap:anywhere}
.day.off{background:#0a1420;border-color:transparent}.day .num{font-weight:800;color:#c9d8e7}.day.today{outline:2px solid var(--accent)}
.absence-chip{margin-top:5px;padding:5px;border-left:3px solid #f7b14d;background:#f7b14d1b;border-radius:3px;font-size:11px}.absence-chip b,.absence-chip span{display:block}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.field label{display:block;margin-bottom:6px;font-weight:700;color:#c8dae5}.form-actions{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}
.absence-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px;margin-top:10px}.absence-row p{margin:4px 0}.absence-row .buttons{display:flex;gap:8px}
.notice{font-size:13px;border-left:3px solid #eeb459;padding:10px 14px;background:#eeb45912;margin:20px 0}
@media(max-width:760px){.server-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.day{min-height:73px;padding:4px}.absence-chip{font-size:9px}.wrap{padding-inline:12px}}
@media(max-width:480px){.server-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.person{flex-direction:column;align-items:flex-start}.week{gap:2px}.day{min-height:65px}}

/* Farbiges, reduziertes Community-Design: Rangfarben bleiben konsistent. */
:root{--surface:#121e30;--surface-raised:#19273a;--outline:#8aa5c52b}
body{background:radial-gradient(ellipse 70% 42% at 12% 0%,#2b4c8073,transparent 72%),radial-gradient(ellipse 58% 44% at 92% 30%,#115e6861,transparent 75%),linear-gradient(145deg,#08111f,#0e1a2b 58%,#091422);background-attachment:fixed;color:#f3f7ff}
.hero{position:relative;padding-top:56px;padding-bottom:34px}
.hero h1{letter-spacing:.035em;text-shadow:0 6px 32px #030b16b8}
.hero .eyebrow{letter-spacing:.22em}
.server-card,.panel,.stat,.person,.month,.absence-row{background:linear-gradient(135deg,#1a2a40ee,#101b2cee);border:1px solid var(--outline);border-radius:15px;box-shadow:0 10px 24px #0003}
.panel{border-top:1px solid #b5dcff32}
.server-card{background:linear-gradient(140deg,#1c344adf,#0d1a2deb);border-color:#8caac445;min-height:170px}
.server-card:hover{background:linear-gradient(140deg,#24445ddf,#12253aef);box-shadow:0 14px 36px #0006,0 0 0 1px var(--accent)}
.server-card .game{font-size:clamp(20px,2vw,26px)}
.stat{position:relative;overflow:hidden;border-top:3px solid var(--accent)}
.stat:nth-child(2){border-top-color:#59caff}.stat:nth-child(2) .value{color:#59caff}
.stat:nth-child(3){border-top-color:#ff786b}.stat:nth-child(3) .value{color:#ff786b}
.stat:nth-child(4){border-top-color:#ffbe63}.stat:nth-child(4) .value{color:#ffbe63}
.stat .value{font-size:30px;letter-spacing:-.02em}
.btn{border-radius:9px;box-shadow:0 4px 14px #0003;transition:filter .2s,transform .2s}
.btn:hover{transform:translateY(-1px)}
.btn.secondary{background:#23374b;color:#f3f8ff;border-color:#8fb2cc66}
.table-wrap{border-radius:11px;border:1px solid #b2c9e61e}
table{border-collapse:separate;border-spacing:0}thead{background:#253b53}th{color:#d6eaff;padding-top:17px;padding-bottom:17px}
tbody tr{--rank:#7d9ab2;--rank-tint:#789ab20b;background:linear-gradient(90deg,var(--rank-tint),transparent 68%);transition:background .2s}
tbody tr:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--rank) 17%,transparent),#ffffff08 75%)}
tbody tr:has(.role.Leitung){--rank:#ff313e;--rank-tint:#ff313e16}
tbody tr:has(.role.Verwaltung){--rank:#ff6671;--rank-tint:#ff667114}
tbody tr:has(.role.Teamleitung){--rank:#ff9e39;--rank-tint:#ff9e3914}
tbody tr:has(.role.Developer){--rank:#24dfd5;--rank-tint:#24dfd514}
tbody tr:has(.role.Moderator){--rank:#3266d8;--rank-tint:#3266d818}
tbody tr:has(.role.Supporter){--rank:#eaca47;--rank-tint:#eaca4714}
tbody tr td:first-child{box-shadow:inset 4px 0 var(--rank)}
td{padding-top:14px;padding-bottom:14px;border-bottom-color:#ffffff15}
td:nth-child(2) b{font-size:16px;color:#fff}
.role{border-radius:7px;padding:8px 13px;font-weight:850;letter-spacing:.02em;box-shadow:inset 0 1px #ffffff29,0 3px 10px #0003;white-space:nowrap}
.role.Leitung{background:#e7192e;color:white}
.role.Verwaltung{background:#ff626a;color:#250a12}
.role.Teamleitung{background:#f8942d;color:#241306}
.role.Developer{background:#23d4cf;color:#06282c}
.role.Moderator{background:#2454b7;color:#f4f8ff}
.role.Supporter{background:#29b969;color:#052815}
.avatar{object-fit:contain;background:transparent;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 7px 9px #0005)}
.avatar.large{object-fit:contain}
.person{position:relative;overflow:hidden;background:linear-gradient(115deg,#1b2d43,#101d2f);border-left:4px solid #79a8c8}
.person:has(.role.Leitung){border-left-color:#ff313e}
.person:has(.role.Verwaltung){border-left-color:#ff6671}
.person:has(.role.Teamleitung){border-left-color:#ff9e39}
.person:has(.role.Developer){border-left-color:#24dfd5}
.person:has(.role.Moderator){border-left-color:#3266d8}
.person:has(.role.Supporter){border-left-color:#36ce79}
.person h3{font-size:22px}
.month{background:linear-gradient(140deg,#1a2b42,#122034)}
.day{background:#0d2032;border-color:#b2d2ed20}
.day:hover{background:#20364d}
.absence-chip{border-left-color:#ffb75c;background:#ffb75c21}
input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}
@media(max-width:760px){.stat .value{font-size:24px}}

/* Detailansicht und Filter im bestehenden farbigen Design */
.stat-detail{font-size:12px;color:#d1e0ed;margin-top:8px;line-height:1.5;overflow-wrap:anywhere}
.stat:nth-child(3){border-top-color:#36ce79}.stat:nth-child(3) .value{color:#36ce79}
.filters{display:grid;grid-template-columns:2fr 1fr 1.35fr;gap:12px;margin:18px 0}
.filters label{display:block;font-size:12px;font-weight:750;color:#b5cfdf}
.filters label span{display:block;margin-bottom:6px}
.filters input,.filters select{height:46px}
.member-row{cursor:pointer}.member-row:focus-visible{outline:2px solid var(--rank);outline-offset:-3px}
.member-row:hover td:nth-child(2) b{text-decoration:underline}
.member-row td:last-child{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}
.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.profile-tile{--rank:#7d9ab2;text-align:left;color:#fff;display:flex;align-items:center;gap:13px;background:linear-gradient(120deg,color-mix(in srgb,var(--rank) 13%,#101c2d),#111c2b);border:1px solid color-mix(in srgb,var(--rank) 55%,transparent);border-radius:12px;padding:12px;min-width:0}
.profile-tile:hover{box-shadow:0 0 0 1px var(--rank),0 8px 25px #0005}
.profile-tile .avatar{width:72px;height:72px;flex-shrink:0}
.profile-tile strong{display:block;overflow-wrap:anywhere}.profile-tile small{display:block;color:#a9bfd0;margin-top:5px}
.modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:12px}
.modal-backdrop{position:absolute;inset:0;background:#000b;backdrop-filter:blur(8px)}
.modal-card{--rank:#ff313e;position:relative;max-width:850px;width:100%;max-height:calc(100dvh - 24px);overflow-y:auto;background:radial-gradient(ellipse 95% 34% at 50% 0,color-mix(in srgb,var(--rank) 23%,#0b0d11),#070a0f 95%);border:2px solid var(--rank);box-shadow:0 0 35px color-mix(in srgb,var(--rank) 28%,transparent);border-radius:20px;padding:36px;color:#f8fafc}
.modal-close{position:absolute;right:20px;top:18px;color:white;background:#ffffff12;border:1px solid #ffffff30;border-radius:11px;font-size:31px;width:48px;height:48px;line-height:1}
.modal-heading{display:flex;gap:24px;align-items:center;padding-right:44px;margin-bottom:26px}
.modal-heading .avatar{width:150px;height:150px;flex-shrink:0;filter:drop-shadow(0 6px 14px #0008)}
.modal-heading h2{font-size:clamp(26px,4vw,40px);margin-bottom:8px;overflow-wrap:anywhere}
.modal-heading p{margin:0 0 14px}
.modal-role{border:1px solid var(--rank);border-radius:10px;padding:10px 24px;background:#05080dc9;box-shadow:0 0 15px color-mix(in srgb,var(--rank) 35%,transparent);font-size:19px;font-weight:850;display:inline-block;color:#fff}
.modal-role .role-symbol{color:var(--rank);margin-right:12px}
.modal-two{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.detail-card,.counter-panel,.milestone{border:1px solid color-mix(in srgb,var(--rank) 42%,transparent);border-radius:16px;padding:22px;background:linear-gradient(150deg,color-mix(in srgb,var(--rank) 11%,#14171c),#111319)}
.detail-label{font-weight:850;text-transform:uppercase;letter-spacing:.04em;color:var(--rank);margin-bottom:10px}
.detail-value{font-size:23px;font-weight:900}
.detail-note{color:#9fa0a6;margin-top:8px}
.counter-panel{display:grid;grid-template-columns:repeat(4,1fr);margin-top:15px;padding:22px 8px}
.counter-piece{text-align:center;border-right:1px solid #ffffff16}.counter-piece:last-child{border:0}
.counter-piece strong{display:block;color:white;text-shadow:0 0 15px var(--rank);font-size:clamp(24px,4vw,36px);font-variant-numeric:tabular-nums}
.counter-piece span{font-size:13px;color:#aaa;text-transform:uppercase}
.milestone{margin-top:15px}.milestone-title{font-size:17px;font-weight:750;margin-bottom:13px}
.progress-track{height:12px;background:#2b2e33;border-radius:30px;overflow:hidden}.progress-fill{height:100%;background:var(--rank);border-radius:30px;transition:width .6s}
.modal-info{margin-top:28px}.modal-info h3{font-size:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--rank)}
.modal-info p{font-size:17px;color:#d2d2d5}
.task-pills{display:flex;flex-wrap:wrap;gap:9px}
.task-pills span{padding:9px 13px;border:1px solid var(--rank);border-radius:30px;background:color-mix(in srgb,var(--rank) 10%,transparent);font-weight:700}
.rank-level{margin:20px 0;color:#999}
.modal-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff18;padding-top:20px;margin-top:24px;gap:12px}
.modal-footer .btn{color:white;background:#ffffff0a;border:1px solid #ffffff30}
.modal-footer .btn:disabled{opacity:.3}
@media(max-width:800px){.profile-grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}.searchbox{grid-column:1/-1}}
@media(max-width:520px){.modal-card{padding:22px 15px}.modal-heading{gap:10px}.modal-heading .avatar{width:90px;height:90px}.modal-role{font-size:14px;padding:8px 12px}.modal-two{gap:8px}.detail-card{padding:12px}.detail-value{font-size:17px}.counter-panel{padding:12px 2px}.counter-piece strong{font-size:22px}.counter-piece span{font-size:10px}.profile-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.searchbox{grid-column:auto}}

.server-anniversary{--celebration:#61ffc2;position:relative;overflow:hidden;margin:16px 0 24px;padding:28px 30px;border:1px solid color-mix(in srgb,var(--celebration) 65%,transparent);border-radius:20px;background:radial-gradient(ellipse at 95% 0,color-mix(in srgb,var(--celebration) 18%,transparent),transparent 60%),linear-gradient(130deg,#122033,#0a111e);box-shadow:0 10px 34px #0005}
.server-anniversary .ann-eyebrow{font-size:12px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:var(--celebration)}
.server-anniversary h2{font-size:clamp(24px,3.2vw,38px);margin:8px 0}
.server-anniversary .ann-date{color:#b5c8d6;margin:6px 0 20px}
.ann-countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ann-unit{padding:14px 8px;border-radius:12px;border:1px solid #ffffff1e;background:#050c17a8;text-align:center}
.ann-unit strong{display:block;font-size:clamp(23px,4vw,43px);font-variant-numeric:tabular-nums;text-shadow:0 0 12px color-mix(in srgb,var(--celebration) 42%,transparent)}
.ann-unit span{font-size:11px;color:#9db5c4;text-transform:uppercase;letter-spacing:1px}
.server-anniversary .ann-footer{margin-top:16px;font-size:13px;color:#b7c8d5}
.server-anniversary.ann-today{animation:ann-glow 2.2s ease-in-out infinite alternate;border-width:2px}
.server-anniversary.ann-today h2{color:#fff;text-shadow:0 0 10px var(--celebration),0 0 26px var(--celebration)}
@keyframes ann-glow{from{box-shadow:0 0 10px color-mix(in srgb,var(--celebration) 40%,transparent),inset 0 0 12px color-mix(in srgb,var(--celebration) 12%,transparent)}to{box-shadow:0 0 32px color-mix(in srgb,var(--celebration) 75%,transparent),inset 0 0 28px color-mix(in srgb,var(--celebration) 25%,transparent)}}
.confetti-canvas{position:fixed;inset:0;z-index:2500;pointer-events:none;width:100%;height:100%;display:none}
@media(max-width:520px){.server-anniversary{padding:20px 14px}.ann-countdown{gap:5px}.ann-unit{padding:10px 3px}.ann-unit strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){.server-anniversary.ann-today{animation:none}}

.role.\Community\ Manager{background:#7f1728;color:#ffe5ea}
.role.Community{background:#a62d42;color:#fff}
tr:has(.role.Community){--row:#a62d42}

.role.Community.Manager{background:#a62d42;color:#fff}
.absence-more{text-align:center;margin-top:16px}.absence-more .btn{min-width:190px}
/* Serverauswahl: eigenständige, spieltypische Farbwelten */
#selection{position:relative;isolation:isolate;min-height:90vh;padding-bottom:40px}
#selection:before{content:"";position:absolute;z-index:-1;inset:-24px -12vw 0;pointer-events:none;background:radial-gradient(ellipse at 14% 18%,#f6c94412,transparent 35%),radial-gradient(ellipse at 88% 22%,#7362ff15,transparent 40%),radial-gradient(ellipse at 50% 95%,#39d8aa10,transparent 48%)}
#selection .hero{padding:60px 0 25px}
#selection .hero .eyebrow{color:#b8c9e7;letter-spacing:4px}
#selection .hero h1{font-size:clamp(35px,5.4vw,68px);letter-spacing:-1px}
#selection .hero h1 strong{background:linear-gradient(110deg,#f5f7ff,#7ff0ce 46%,#a5adff);background-clip:text;-webkit-background-clip:text;color:transparent}
#selection .hero p{font-size:16px;max-width:620px;margin:16px auto}
#selection .server-grid{gap:20px;margin-top:30px}
#selection .server-card{--primary:#55bfff;--secondary:#142744;--ink:#fff;min-height:216px;padding:23px 25px 22px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:17px;position:relative;isolation:isolate;overflow:hidden;text-align:left;color:var(--ink);border:1px solid color-mix(in srgb,var(--primary) 62%,#ffffff22);border-radius:19px;background:linear-gradient(125deg,color-mix(in srgb,var(--primary) 18%,#070d19) 0%,var(--secondary) 55%,#080d17 100%);box-shadow:0 10px 30px #0006,inset 0 1px #ffffff1c;transition:transform .22s,border-color .22s,box-shadow .22s}
#selection .server-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--primary);box-shadow:0 0 18px var(--primary)}
#selection .server-card:after{content:"";position:absolute;z-index:-1;width:200px;height:200px;right:-74px;top:-75px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 32%,transparent),transparent 70%);pointer-events:none}
#selection .server-card:hover,#selection .server-card:focus-visible{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 15px 35px #0009,0 0 24px color-mix(in srgb,var(--primary) 26%,transparent);outline:none}
#selection .server-card .server-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px}
#selection .server-card .server-index{font-size:11px;font-weight:850;letter-spacing:1.8px;text-transform:uppercase;color:color-mix(in srgb,var(--primary) 60%,white)}
#selection .server-card .server-emblem{display:grid;place-items:center;width:55px;height:55px;flex-shrink:0;border:1px solid color-mix(in srgb,var(--primary) 55%,transparent);border-radius:13px;background:color-mix(in srgb,var(--primary) 15%,#080c15);color:var(--primary);font-weight:1000;font-size:22px;letter-spacing:-1px;text-shadow:0 0 12px color-mix(in srgb,var(--primary) 65%,transparent)}
#selection .server-card .game{font-size:clamp(22px,2.4vw,29px);font-weight:900;line-height:1.12;letter-spacing:-.6px;text-wrap:balance}
#selection .server-card .server-footer{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px;border-top:1px solid #ffffff22;padding-top:14px;color:#c9d7e6;font-size:12px;font-weight:650}
#selection .server-card .server-arrow{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;color:var(--primary);background:color-mix(in srgb,var(--primary) 16%,transparent);font-size:19px}
#selection .server-card[data-server="0"]{--primary:#f6cf3d;--secondary:#1d1c12}
#selection .server-card[data-server="1"]{--primary:#50e975;--secondary:#102e1b}
#selection .server-card[data-server="2"]{--primary:#ff5c64;--secondary:#3c131b}
#selection .server-card[data-server="3"]{--primary:#b28cff;--secondary:#2c1944}
#selection .server-card[data-server="4"]{--primary:#65bbff;--secondary:#112b56}
#selection .server-card[data-server="5"]{--primary:#f2c83d;--secondary:#132b51}
@media(max-width:780px){#selection .server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#selection .server-card{min-height:200px}}
@media(max-width:510px){#selection .server-grid{grid-template-columns:1fr;gap:12px}#selection .server-card{min-height:155px;padding:18px 20px;gap:10px}#selection .server-card .server-emblem{width:44px;height:44px}#selection .hero{padding-top:30px}}
@media(prefers-reduced-motion:reduce){#selection .server-card{transition:none}}

/* Originale Community-Logos und dynamische Teamanzahl */
#selection .network-logo{position:absolute;right:12px;top:10px;z-index:3;width:84px;height:84px;border:1px solid #ffffff38;border-radius:19px;background:linear-gradient(145deg,#27364b,#0b111d);box-shadow:0 0 24px #a987ff39;display:grid;place-items:center;padding:9px}
#selection .network-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 8px #0007)}
#selection .server-card-main{display:flex;align-items:center;gap:15px;min-width:0;margin:10px 0 12px}
#selection .server-game-icon{width:80px;height:80px;object-fit:contain;flex-shrink:0;border-radius:17px;filter:drop-shadow(0 7px 11px #0008)}
#selection .server-card .game{flex:1;min-width:0;overflow-wrap:anywhere}
#selection .server-index{font-size:13px!important;font-weight:850!important;letter-spacing:.2px!important;text-transform:none!important;color:#f5f9ff!important}
@media(max-width:720px){#selection .network-logo{width:58px;height:58px;right:2px;top:8px;border-radius:13px}#selection .hero{padding-top:88px!important}#selection .server-game-icon{width:68px;height:68px}}

/* Startbildschirm: bildgetreue Umsetzung der Play2Gether-Referenz */
#selection.reference-selection{position:relative;isolation:isolate;min-height:100vh;padding:clamp(12px,2.2vw,32px);display:flex;align-items:center;justify-content:center;background:#090d18;overflow:hidden}
#selection.reference-selection:before{content:"";position:absolute;inset:-30px;background-image:url('/assets/media/02700e861e76ad162de7.webp');background-position:center;background-size:cover;filter:blur(9px) brightness(.53);z-index:-1}
#selection .reference-shell{width:min(100%,1460px);padding:18px 18px 24px;border:1px solid #8c829a8c;border-radius:30px;background:linear-gradient(135deg,#12151bd9,#070c17e8);box-shadow:0 30px 90px #000b,0 0 35px #7386ff16}
#selection .reference-heading{height:auto;margin-bottom:9px}
#selection .reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
#selection .reference-card{--c:#ffca24;position:relative;display:block;min-width:0;aspect-ratio:469/317;overflow:hidden;border:1.5px solid var(--c);border-radius:23px;background-image:var(--art);background-size:100% 100%;background-position:center;box-shadow:inset 0 0 14px #0007,0 0 16px color-mix(in srgb,var(--c) 18%,transparent);cursor:pointer;text-align:left;color:#fff;padding:0;transition:transform .22s,box-shadow .22s}
#selection .reference-card:hover,#selection .reference-card:focus-visible{transform:translateY(-4px);box-shadow:0 0 30px color-mix(in srgb,var(--c) 48%,transparent);outline:none}
#selection .ref-0{--c:#ffd12c}#selection .ref-1{--c:#4cfa63}#selection .ref-2{--c:#ff4b78}#selection .ref-3{--c:#ce43ff}#selection .ref-4{--c:#209bff}#selection .ref-5{--c:#ffc640}
/* Originalbild dient als detailgetreue Vorlage; diese Bereiche sind echte, dynamische Bedienelemente */
#selection .reference-count{position:absolute;left:5%;bottom:22%;width:90%;height:13%;display:flex;align-items:center;gap:8px;padding:0 3%;background:linear-gradient(90deg,#080b12 0%,#080b12f7 72%,#080b1200 100%);color:var(--c);font-size:clamp(12px,1.28vw,19px);font-weight:850;text-shadow:0 1px 4px #000}
#selection .reference-users{font-size:1.4em;line-height:1}
#selection .reference-action{position:absolute;left:6%;right:6%;bottom:6%;height:14%;border:2px solid var(--c);border-radius:40px;background:linear-gradient(90deg,#070c17f2,#070b13e8);display:flex;align-items:center;justify-content:center;color:#fff;font-size:clamp(9px,1vw,14px);font-weight:850;letter-spacing:.13em;box-shadow:0 0 12px color-mix(in srgb,var(--c) 25%,transparent)}
#selection .reference-action span{position:absolute;right:7%;font-size:1.6em;font-weight:400}
@media(max-width:950px){#selection .reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#selection .reference-count{font-size:clamp(12px,2vw,18px)}#selection .reference-action{font-size:clamp(10px,1.4vw,14px)}}
@media(max-width:560px){#selection.reference-selection{padding:10px}#selection .reference-shell{padding:10px;border-radius:16px}#selection .reference-heading{margin-bottom:14px}#selection .reference-grid{grid-template-columns:1fr;gap:12px}#selection .reference-card{aspect-ratio:469/317}#selection .reference-count{font-size:18px}#selection .reference-action{font-size:13px}}

/* Matching the illustrated Minecraft dashboard: only Minecraft Germany view. */
body.minecraft-dashboard-active{background:#04110d}
body.minecraft-dashboard-active .wrap{display:none}
#mcDashboard{--mcd-glow:#48f96c;--mcd-border:#17d6538c;position:relative;isolation:isolate;min-height:100vh;background:#020e09;color:#f9fffd;font:15px/1.45 Inter,Arial,sans-serif}
#mcDashboard:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,#00190eb9 0%,transparent 22%,transparent 72%,#06160ad6 100%),url('/assets/media/f5db18b9b5c22495c11f.webp') center top/100% auto no-repeat,radial-gradient(ellipse at 60% 10%,#0d4a26,#020d0a 65%);pointer-events:none}
#mcDashboard:after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 0%,#00100a33 23%,#0010089a 75%,#000a07a8 100%);pointer-events:none}
#mcDashboard .mcd-shell{display:grid;grid-template-columns:100px minmax(0,1fr);max-width:1900px;margin:auto;min-height:100vh}
#mcDashboard .mcd-rail{position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;background:linear-gradient(90deg,#010d0de0,#020d09c3);border-right:1px solid #39f66835;backdrop-filter:blur(12px);padding:17px 11px;z-index:5}
#mcDashboard .mcd-icon-list{display:grid;gap:19px}
#mcDashboard .mcd-icon{position:relative;width:73px;height:73px;padding:0;border:1px solid #ffffff20;background:#050e11;border-radius:16px;box-shadow:0 3px 12px #0009;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}
#mcDashboard .mcd-icon img{display:block;width:100%;height:100%;object-fit:cover;border-radius:15px}
#mcDashboard .mcd-icon:hover,#mcDashboard .mcd-icon:focus-visible{transform:translateY(-2px);outline:0;border-color:var(--mcd-glow);box-shadow:0 0 20px #48f96c77}
#mcDashboard .mcd-icon.selected{border:2px solid #67ff46;box-shadow:0 0 0 2px #0b8b2e,0 0 27px #43ff56b3}
#mcDashboard .mcd-canvas{min-width:0;padding:15px clamp(12px,1.8vw,30px) 44px}
#mcDashboard .mcd-brand-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;min-height:58px}
#mcDashboard .mcd-crumb{padding-top:5px;font-size:12px;letter-spacing:2.5px;font-weight:900;color:#a3ffb2;text-shadow:0 2px 12px #000c}
#mcDashboard .mcd-crumb span{color:#ecfbe7;display:inline-block;margin-left:9px;font-weight:500;letter-spacing:1px}
#mcDashboard .mcd-network{width:217px;max-width:40vw;background:#050e13cc;border:1px solid #80ffe82a;border-radius:16px;padding:0;overflow:hidden;cursor:pointer;box-shadow:0 0 18px #101b2bbb}
#mcDashboard .mcd-network img{display:block;width:100%;height:auto}
#mcDashboard .mcd-network:hover{border-color:#83ff8c}
#mcDashboard .mcd-masthead{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,408px);align-items:start;gap:18px;margin:-16px 0 9px;height:230px;min-height:0}
#mcDashboard .mcd-brand-left{min-width:0;padding-top:10px}
#mcDashboard .mcd-mc-logo{width:min(552px,100%);height:auto;display:block;filter:drop-shadow(0 5px 10px #000d);-webkit-mask-image:radial-gradient(ellipse at 47% 54%,black 47%,transparent 84%);mask-image:radial-gradient(ellipse at 47% 54%,black 47%,transparent 84%)}
#mcDashboard .mcd-brand-left>p{display:none;color:#eefbf0;text-shadow:0 2px 7px #000;letter-spacing:2px;text-transform:uppercase;font-size:12px;margin:-9px 0 18px 20px;font-weight:800}
#mcDashboard .mcd-tabbar{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
#mcDashboard .mcd-tab{color:#f8fff7;padding:12px 20px;font-weight:850;background:#03100ccb;border:1px solid #0fbb55aa;border-radius:12px;box-shadow:inset 0 1px #ffffff1a,0 6px 12px #0007;cursor:pointer;white-space:nowrap;transition:.2s}
#mcDashboard .mcd-tab:hover,#mcDashboard .mcd-tab.active{background:linear-gradient(180deg,#207825,#07500e);border-color:#70ff41;box-shadow:0 0 16px #52fe5b85,inset 0 1px #afffa4}
#mcDashboard #mcdCountdown{transform:translateY(100px)}
#mcDashboard #mcdCountdown .server-anniversary{margin:0;height:226px;overflow:hidden;--celebration:#4bff6d;padding:12px 15px;min-height:0;border:1.5px solid #58ff60;border-radius:15px;background:radial-gradient(ellipse at 50% 100%,#195c23a6,#02100ef5 60%);box-shadow:inset 0 0 18px #167b2870,0 0 21px #29d64d54;backdrop-filter:blur(9px)}
#mcDashboard #mcdCountdown .server-anniversary .ann-eyebrow{text-align:center;color:#e7ffcb;letter-spacing:1.2px;font-size:14px}
#mcDashboard #mcdCountdown .server-anniversary h2{text-align:center;margin:6px 0;font-size:16px;color:#fff}
#mcDashboard #mcdCountdown .server-anniversary .ann-date{text-align:center;font-size:12px;margin:4px 0 12px;color:#cff6c8}
#mcDashboard #mcdCountdown .server-anniversary .ann-countdown{gap:8px}
#mcDashboard #mcdCountdown .server-anniversary .ann-unit{padding:8px 3px;border-color:#3bfa73d1;border-radius:10px;background:linear-gradient(180deg,#052917e6,#07130ee3)}
#mcDashboard #mcdCountdown .server-anniversary .ann-unit strong{font-size:clamp(20px,2.4vw,37px);color:#7dff93;text-shadow:0 0 12px #37ef66}
#mcDashboard #mcdCountdown .server-anniversary .ann-unit span{font-size:10px;color:#e5f8dc}
#mcDashboard #mcdCountdown .server-anniversary .ann-footer{text-align:center;margin-top:12px;font-size:11px;color:#cff2c8}
#mcDashboard #mcdStats{width:calc(100% - 426px)}
#mcDashboard #mcdStats .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:7px 0 13px}
#mcDashboard #mcdStats .stat{height:84px;padding:8px 13px;min-width:0;border-radius:12px;padding:11px 15px;border:1px solid #25d86c76;background:linear-gradient(120deg,#031215dc,#071511e8);box-shadow:0 10px 25px #0007,inset 0 0 16px #16e8690b;min-height:80px}
#mcDashboard #mcdStats .stat:nth-child(1){border-color:#1ff767bb}
#mcDashboard #mcdStats .stat:nth-child(2){border-color:#f7cd409e}
#mcDashboard #mcdStats .stat:nth-child(3){border-color:#fb4d51a3}
#mcDashboard #mcdStats .stat:nth-child(4){border-color:#4cdff496}
#mcDashboard #mcdStats .stat .value{font-size:clamp(18px,1.9vw,27px);line-height:1.1;color:#fff;font-weight:900;text-shadow:0 0 13px currentColor}
#mcDashboard #mcdStats .stat:nth-child(1) .value{color:#55ff84}
#mcDashboard #mcdStats .stat:nth-child(2) .value{color:#ffd45d}
#mcDashboard #mcdStats .stat:nth-child(3) .value{color:#ff7274}
#mcDashboard #mcdStats .stat:nth-child(4) .value{color:#8deaff;font-size:clamp(17px,1.7vw,25px)}
#mcDashboard #mcdStats .stat small{display:block;font-size:12px;color:#e4e6e3;margin-top:1px}
#mcDashboard #mcdStats .stat-detail{font-size:10px;color:#adcbba;line-height:1.2;max-height:26px;margin-top:1px;overflow:hidden}
#mcDashboard .mcd-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:13px;align-items:start}
#mcDashboard .mcd-main,#mcDashboard .mcd-widgets{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
#mcDashboard .mcd-dropzone{min-width:0}#mcDashboard .mcd-dropzone:empty{display:none}
#mcDashboard .mcd-main .panel,#mcDashboard .mcd-widget{margin:0;background:linear-gradient(180deg,#020d0de9,#01090bf2);border:1px solid #06b950ab;border-radius:16px;box-shadow:0 0 12px #009e3640,0 15px 27px #0008;backdrop-filter:blur(14px)}
#mcDashboard .mcd-main .panel{padding:17px 17px 19px}
#mcDashboard .mcd-main .section-head h2,#mcDashboard .mcd-widget h3{font-size:21px;color:#fff;font-weight:850;margin:0 0 8px}
#mcDashboard .mcd-main .section-head h2:before{content:'♟';color:#4dff8a;margin-right:10px}
#mcDashboard .mcd-main .section-head .muted{font-size:11px;color:#91b69a}
#mcDashboard .filters{display:grid;grid-template-columns:1.5fr 1fr 1.1fr;gap:8px;margin:11px 0 13px}
#mcDashboard .filters label{font-size:10px;color:#a9cbb6;font-weight:750}
#mcDashboard .filters label span{display:none}
#mcDashboard input,#mcDashboard select,#mcDashboard textarea{background:#061a19e8;border:1px solid #58a99199;border-radius:9px;color:#fff}
#mcDashboard .filters input,#mcDashboard .filters select{height:39px;padding:9px;font-size:12px}
#mcDashboard .filters input:focus,#mcDashboard .filters select:focus{border-color:#62ff85;outline:1px solid #62ff85}
#mcDashboard .table-wrap{overflow-x:auto;border:1px solid #32544c55;border-radius:9px}
#mcDashboard table{min-width:650px;border-collapse:collapse;width:100%}
#mcDashboard thead{background:#112d29ee}
#mcDashboard th{font-size:11px;color:#bfdbd7;letter-spacing:0;text-transform:none;padding:9px 7px}
#mcDashboard td{padding:4px 7px;font-size:12px;border-bottom:1px solid #4c82712d}
#mcDashboard tbody tr{background:linear-gradient(90deg,color-mix(in srgb,var(--rank) 10%,#020e0f),transparent 75%)}
#mcDashboard tbody tr:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--rank) 19%,#041313),#11282a99)}
#mcDashboard tbody tr td:first-child{box-shadow:inset 2px 0 var(--rank)}
#mcDashboard td:nth-child(2) b{font-size:13px}
#mcDashboard #memberRows .avatar{width:47px;height:47px;object-fit:contain;transform:scale(1.19);filter:drop-shadow(0 1px 2px #000a)}
#mcDashboard .role{font-size:11px;font-weight:900;padding:5px 7px;box-shadow:0 0 9px color-mix(in srgb,var(--rank) 33%,transparent);border:1px solid #ffffff20}
#mcDashboard .mcd-widgets{position:sticky;top:12px}
#mcDashboard .mcd-widget{padding:14px 16px 16px}
#mcDashboard .mcd-widget-head{display:flex;justify-content:space-between;gap:8px;align-items:center;padding-bottom:8px}
#mcDashboard .mcd-widget h3{font-size:16px;white-space:nowrap;margin:0}
#mcDashboard .mcd-symbol{font-weight:900;color:#49ff81;font-size:20px;margin-right:6px}
#mcDashboard .mcd-pill-count{display:inline-grid;place-items:center;background:#114b35;color:#bdffe1;padding:3px 9px;border-radius:6px;font-size:13px}
#mcDashboard .mcd-widget-body{display:grid;gap:7px;margin:5px 0 8px}
#mcDashboard .mcd-widget-item{display:flex;align-items:center;gap:9px;min-width:0;padding:8px 7px;border-bottom:1px solid #ffffff1b;font-size:12px}
#mcDashboard .mcd-widget-item:last-child{border:0}
#mcDashboard .mcd-widget-item img{width:37px;height:37px;object-fit:contain;border-radius:100%;background:#0b1d1d;flex-shrink:0}
#mcDashboard .mcd-widget-item .mcd-txt{flex:1;min-width:0}
#mcDashboard .mcd-widget-item strong{display:block;font-size:12px}
#mcDashboard .mcd-widget-item small{color:#a2c3b4;font-size:11px}
#mcDashboard .mcd-empty{padding:10px 5px;color:#a6bcaf;font-size:12px}
#mcDashboard .mcd-side-btn{display:flex;justify-content:space-between;align-items:center;width:100%;background:linear-gradient(180deg,#0c2225,#061415);border:1px solid #3f66649b;color:#fff;padding:10px 13px;font-size:12px;font-weight:800;text-align:left;border-radius:10px;cursor:pointer}
#mcDashboard .mcd-side-btn:hover{border-color:#78ffa5;box-shadow:0 0 13px #2bff734c}
#mcDashboard .mcd-side-btn.green{background:linear-gradient(180deg,#188b27,#075210);border:1px solid #6eff57;box-shadow:inset 0 1px #98ff81,0 0 13px #18db454b}
#mcDashboard .mcd-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
#mcDashboard .mcd-actions .mcd-side-btn{min-height:42px}
#mcDashboard .mcd-actions .mcd-side-btn:first-child{grid-column:1/-1}
#mcDashboard .mcd-info>div{display:flex;justify-content:space-between;gap:12px;padding:7px 3px;color:#9fc8b5;font-size:12px;border-bottom:1px solid #ffffff10}
#mcDashboard .mcd-info>div b{color:#fff;text-align:right}
#mcDashboard .mcd-main .btn{background:linear-gradient(#1e742f,#0d4c26);border:1px solid #67ff85;color:white}
#mcDashboard .mcd-main .btn.secondary{background:#102726;color:#fff;border-color:#336454}
#mcDashboard #mcdCalendar .panel,#mcDashboard #mcdAbsence .panel{scroll-margin-top:20px}
#mcDashboard .mcd-main .month{background:#021512;border-color:#126c3e}
#mcDashboard .mcd-main .day{background:#031b18}
#mcDashboard .mcd-main .day.off{background:#09110f}
#mcDashboard .mcd-main .day.today{outline-color:#53fc83}
#mcDashboard .mcd-main .profile-tile{background:#061415;border-color:#1f83509e}
#mcDashboard .mcd-main .notice{color:#d9cdac;background:#56461930}
#mcDashboard .mcd-footer{text-align:center;color:#b9c6b9aa;font-size:11px;padding:28px 4px}
@media(max-width:1250px){#mcDashboard .mcd-dashboard-grid{grid-template-columns:minmax(0,1fr) 320px}#mcDashboard .mcd-masthead{grid-template-columns:minmax(0,1fr) 330px}}
@media(max-width:1000px){#mcDashboard .mcd-dashboard-grid{grid-template-columns:minmax(0,1fr)}#mcDashboard .mcd-widgets{position:static;grid-template-columns:1fr 1fr}#mcDashboard .mcd-masthead{grid-template-columns:1fr;height:auto;gap:12px}#mcDashboard #mcdCountdown{max-width:600px;transform:none}#mcDashboard #mcdStats{width:100%}#mcDashboard .mcd-canvas{padding-top:8px}}
@media(max-width:700px){#mcDashboard .mcd-shell{grid-template-columns:1fr}#mcDashboard .mcd-rail{position:sticky;top:0;height:auto;padding:7px 10px;overflow-x:auto;overflow-y:hidden}#mcDashboard .mcd-icon-list{display:flex;gap:9px;align-items:center;width:max-content}#mcDashboard .mcd-icon{width:54px;height:54px;border-radius:11px;flex:none}#mcDashboard .mcd-icon img{border-radius:10px}#mcDashboard .mcd-brand-row{min-height:30px}#mcDashboard .mcd-network{width:150px}#mcDashboard .mcd-crumb{font-size:9px;letter-spacing:1px}#mcDashboard .mcd-mc-logo{width:100%}#mcDashboard .mcd-brand-left>p{font-size:9px;letter-spacing:.5px;margin-left:2px}#mcDashboard .mcd-tabbar{gap:5px}#mcDashboard .mcd-tab{padding:10px;font-size:11px}#mcDashboard #mcdStats .stats{grid-template-columns:1fr 1fr}#mcDashboard .mcd-widgets{grid-template-columns:1fr}#mcDashboard .filters{grid-template-columns:1fr 1fr}#mcDashboard .filters .searchbox{grid-column:1/-1}}

/* Durchschnittliche Teamzugehörigkeit: nur Teamleitung, Moderatoren und Supporter */
.stats .avg-role-hint{font-size:11px;line-height:1.25;color:#afc4b9;margin-top:5px;max-height:none;overflow:visible}
#mcDashboard #mcdStats .stat{height:96px;min-height:96px}
#mcDashboard #mcdStats .avg-role-hint{font-size:10px;line-height:1.25;color:#a7d4b6;margin-top:4px;max-height:none;overflow:visible}

/* Valorant Germany: cinematic black/gold reference layout, isolated from Minecraft. */
body.valorant-dashboard-active{background:#0a0905}
body.valorant-dashboard-active .wrap{display:none}
#vgDashboard{--vggold:#ffcd34;--vgline:#d5a51eae;color:#fff9ec;position:relative;isolation:isolate;min-height:100vh;background:#0a0907;font:15px/1.45 Inter,Arial,sans-serif}
#vgDashboard:before{content:'';position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,#050708ab,#0a08043a 36%,#0a080455 72%,#090905aa),url('/assets/media/113e1970d6734818ffdb.webp') center top/cover no-repeat,radial-gradient(ellipse at 45% 0%,#503215,#0b0907 70%);pointer-events:none}
#vgDashboard:after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent 0%,#08080632 30%,#08080775 75%,#080807ab)}
#vgDashboard .vg-shell{display:grid;grid-template-columns:100px minmax(0,1fr);max-width:1920px;margin:auto;min-height:100vh}
#vgDashboard .vg-rail{position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;padding:17px 11px;background:linear-gradient(90deg,#0c0a08e9,#0a0d0bbd);border-right:1px solid #ffdf4e38;backdrop-filter:blur(11px);z-index:5}
#vgDashboard .vg-icon-list{display:grid;gap:18px}
#vgDashboard .vg-icon{display:block;width:74px;height:74px;padding:0;cursor:pointer;background:#110e0b;border:1px solid #ffffff22;box-shadow:0 7px 17px #0008;border-radius:15px;transition:.18s}
#vgDashboard .vg-icon img{width:100%;height:100%;display:block;object-fit:cover;border-radius:14px}
#vgDashboard .vg-icon:hover,#vgDashboard .vg-icon:focus-visible{outline:none;transform:translateY(-2px);border-color:var(--vggold);box-shadow:0 0 22px #ffbd3557}
#vgDashboard .vg-icon.selected{border:2px solid #ffd032;box-shadow:0 0 0 1px #ff9c00,0 0 23px #ffcd44a9}
#vgDashboard .vg-canvas{padding:12px clamp(10px,1.4vw,30px) 44px;min-width:0}
#vgDashboard .vg-brand-row{display:flex;align-items:start;justify-content:space-between;gap:16px;min-height:58px}
#vgDashboard .vg-kicker{color:#ffeb9b;font-weight:850;letter-spacing:2.4px;font-size:12px;margin-top:8px;text-shadow:0 1px 7px #000}
#vgDashboard .vg-kicker span{color:#e8dfc5;font-weight:500;letter-spacing:1.5px;margin-left:9px}
#vgDashboard .vg-network{width:min(226px,35vw);padding:0;border:1px solid #ffe0832b;border-radius:13px;overflow:hidden;background:#070c0fdd;box-shadow:0 3px 19px #000a;cursor:pointer}
#vgDashboard .vg-network img{width:100%;height:auto;display:block}
#vgDashboard .vg-network:hover{border-color:var(--vggold)}
#vgDashboard .vg-masthead{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,412px);gap:17px;align-items:stretch;margin-top:0;margin-bottom:14px;min-height:220px}
#vgDashboard .vg-brand-left{min-width:0;padding-top:7px}
#vgDashboard .vg-game-logo{display:block;width:min(620px,100%);height:auto;filter:drop-shadow(0 7px 8px #0008);-webkit-mask-image:radial-gradient(ellipse at 48% 53%,black 52%,transparent 80%);mask-image:radial-gradient(ellipse at 48% 53%,black 52%,transparent 80%)}
#vgDashboard .vg-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:13px 0 0}
#vgDashboard .vg-tab{background:linear-gradient(180deg,#070d0dd8,#080b0ae8);border:1px solid #ae8a2796;color:#fff6db;border-radius:10px;padding:12px 18px;font-weight:820;box-shadow:0 6px 12px #0009;white-space:nowrap;cursor:pointer}
#vgDashboard .vg-tab span{font-size:18px;color:#ffe272;vertical-align:middle;margin-right:4px}
#vgDashboard .vg-tab:hover,#vgDashboard .vg-tab.active{border-color:#ffda4c;background:linear-gradient(180deg,#80631c,#41310c);box-shadow:0 0 18px #ffbf2855,inset 0 1px #ffe88a}
#vgDashboard .vg-serverann{padding:18px 20px;background:linear-gradient(145deg,#281f09df,#080d0be9);border:1px solid #e6bf3bc7;border-radius:15px;box-shadow:0 0 21px #ffbd3434,0 15px 30px #0008;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:202px}
#vgDashboard .vg-serverann h2{color:#fff;font-size:19px;font-weight:850;margin:0 0 12px;text-transform:uppercase}
#vgDashboard .vg-serverann h2 span{font-size:28px;margin-right:8px;vertical-align:middle}
#vgDashboard .vg-ann-empty{font-size:clamp(19px,2vw,27px);font-weight:950;color:#ffe27b;text-shadow:0 0 13px #e8ab4555;border:1px solid #c09a2c7a;border-radius:12px;padding:15px;width:100%;background:#11100dc4}
#vgDashboard .vg-serverann p{margin:10px 0 0;color:#d6ccb6;font-size:12px;line-height:1.5}
#vgDashboard .vg-metricstrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:4px 0 14px}
#vgDashboard #vgStats .stats{display:contents}
#vgDashboard .stat,#vgDashboard .vg-metric{background:linear-gradient(130deg,#0d1213e9,#060a0ce9);border:1px solid #c59b2c78;border-radius:11px;box-shadow:0 12px 25px #0009,inset 0 0 14px #d69a2713;min-width:0;min-height:86px;padding:13px 11px;overflow:hidden}
#vgDashboard .stat:nth-child(1){border-color:#ffc835ab}#vgDashboard .stat:nth-child(2){border-color:#56d4ff78}#vgDashboard .stat:nth-child(3){border-color:#ee5365b0}#vgDashboard .stat:nth-child(4){border-color:#a79cff8b}
#vgDashboard .stat .value,#vgDashboard .vg-metric strong{display:block;font-size:clamp(17px,2.15vw,31px);font-weight:950;line-height:1.18;color:#ffe268;text-shadow:0 0 12px #edb63967;overflow-wrap:anywhere}
#vgDashboard .stat small,#vgDashboard .vg-metric span{display:block;color:#e6dcbf;font-size:11px;margin-top:5px}
#vgDashboard .stat-detail{font-size:10px;color:#c6bca5;margin:1px 0 0;line-height:1.2;max-height:30px;overflow:hidden}
#vgDashboard .vg-grid{display:grid;grid-template-columns:minmax(0,1fr) 415px;gap:13px;align-items:start}
#vgDashboard .vg-main,#vgDashboard .vg-widgets{min-width:0;display:grid;gap:13px;grid-template-columns:minmax(0,1fr)}
#vgDashboard .vg-dropzone{min-width:0}#vgDashboard .vg-dropzone:empty{display:none}
#vgDashboard .vg-widgets{position:sticky;top:12px}
#vgDashboard .vg-main .panel,#vgDashboard .vg-widget{margin:0;background:linear-gradient(175deg,#090e10eb,#07090be9);border:1px solid #ceaa329b;border-radius:14px;box-shadow:0 12px 30px #0009,inset 0 0 15px #a6751009;backdrop-filter:blur(16px)}
#vgDashboard .vg-main .panel{padding:16px 18px 18px}
#vgDashboard .vg-main h2,#vgDashboard .vg-widget h3{color:#fff;font-weight:850;margin:0}
#vgDashboard .vg-main .section-head h2{font-size:22px}
#vgDashboard .vg-main .section-head h2:before{content:'♟';color:#ffe078;margin-right:9px}
#vgDashboard .vg-main .section-head .muted{font-size:11px;color:#d0c8b0}
#vgDashboard .filters{display:grid;grid-template-columns:1.4fr .9fr 1fr;gap:8px;margin:11px 0 12px}
#vgDashboard .filters label{font-size:10px;color:#e5c970}
#vgDashboard .filters label span{display:none}
#vgDashboard input,#vgDashboard select,#vgDashboard textarea{background:#080e12e9;color:#fff;border:1px solid #b48a2f8f;border-radius:8px}
#vgDashboard .filters input,#vgDashboard .filters select{height:40px;padding:9px;font-size:12px}
#vgDashboard .filters input:focus,#vgDashboard .filters select:focus{border-color:#ffce55;outline:1px solid #ffce55}
#vgDashboard .table-wrap{border:1px solid #ad8e3838;border-radius:8px;overflow-x:auto}
#vgDashboard table{min-width:660px;border-collapse:collapse;width:100%}
#vgDashboard thead{background:#142024ea}
#vgDashboard th{padding:11px 9px;font-size:12px;font-weight:750;color:#edede5;text-transform:none;letter-spacing:0}
#vgDashboard td{padding:11px 9px;font-size:12px;border-bottom:1px solid #ffffff17}
#vgDashboard td:nth-child(2) b{font-size:13px}
#vgDashboard tbody tr{background:linear-gradient(90deg,color-mix(in srgb,var(--rank) 9%,#050e10),transparent 78%)}
#vgDashboard tbody tr:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--rank) 18%,#071114),#17211f9a)}
#vgDashboard tbody tr td:first-child{box-shadow:inset 2px 0 var(--rank)}
#vgDashboard #memberRows .avatar{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 2px 3px #000c)}
#vgDashboard .role{font-size:11px;padding:7px 10px;border:1px solid #ffffff28;box-shadow:0 0 8px color-mix(in srgb,var(--rank) 38%,transparent)}
#vgDashboard .vg-widget{padding:14px 16px 16px}
#vgDashboard .vg-widget-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}
#vgDashboard .vg-widget h3{font-size:16px}
#vgDashboard #vgAbsenceTotal{background:#564414;color:#ffe477;padding:3px 10px;border-radius:8px;font-weight:850}
#vgDashboard .vg-widget-body{display:grid;gap:4px;margin:8px 0 11px}
#vgDashboard .vg-widget-item{display:flex;gap:10px;align-items:center;padding:9px 5px;border-bottom:1px solid #ffffff13;color:#fff;font-size:12px;min-width:0}
#vgDashboard .vg-widget-item:last-child{border:0}
#vgDashboard .vg-widget-item img{width:38px;height:38px;object-fit:contain;border-radius:100%;background:#121315;flex-shrink:0}
#vgDashboard .vg-widget-item .vg-txt{flex:1;min-width:0}
#vgDashboard .vg-widget-item strong{display:block;font-size:13px}
#vgDashboard .vg-widget-item small{display:block;color:#c9c4b5;font-size:11px}
#vgDashboard .vg-empty{padding:12px 6px;font-size:12px;color:#b9b4a6}
#vgDashboard .vg-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#vgDashboard .vg-action{width:100%;text-align:left;display:flex;gap:6px;align-items:center;justify-content:space-between;background:linear-gradient(#171e21,#090e10);border:1px solid #6b686290;color:#fff;border-radius:9px;padding:10px 12px;min-height:43px;font-size:12px;font-weight:800;cursor:pointer}
#vgDashboard .vg-action:hover{border-color:#ffcf60;box-shadow:0 0 12px #ffd23640}
#vgDashboard .vg-action.primary{background:linear-gradient(#9a791b,#4d3907);border-color:#ffe04b;box-shadow:inset 0 1px #ffeaa4,0 0 15px #e3b33742;color:#fff8e7}
#vgDashboard #vgQuickAbsence{grid-column:1/-1}
#vgDashboard .vg-action-status{margin:6px 0 0;font-size:11px;color:#e9da92}
#vgDashboard .vg-info>div{display:flex;justify-content:space-between;gap:12px;padding:7px 3px;border-bottom:1px solid #ffffff17;font-size:12px;color:#c2bcad}
#vgDashboard .vg-info>div:last-child{border-bottom:0}
#vgDashboard .vg-info>div b{color:#fff;text-align:right}
#vgDashboard .vg-main .btn{color:#fff7d7;background:linear-gradient(#816119,#48340b);border:1px solid #e7ba3f}
#vgDashboard .vg-main .btn.secondary{color:#fff;background:#172026;border-color:#67685e}
#vgDashboard .vg-main .month{background:#121710;border-color:#8b762c}
#vgDashboard .vg-main .day{background:#111a1b}
#vgDashboard .vg-main .day.today{outline-color:#ffd348}
#vgDashboard .vg-main .day.off{background:#0c1012}
#vgDashboard .vg-main .profile-tile{background:#101416;border-color:#a3863988}
#vgDashboard .vg-main .notice{background:#67521c27;color:#e7dcb8}
#vgDashboard .vg-about{margin-top:15px;padding:18px}
#vgDashboard .vg-about p{color:#cfcab7;font-size:13px;line-height:1.6}
#vgDashboard .vg-footer{padding:25px;text-align:center;color:#ead6a177;font-size:11px}
@media(max-width:1270px){#vgDashboard .vg-grid{grid-template-columns:minmax(0,1fr) 345px}#vgDashboard .vg-masthead{grid-template-columns:minmax(0,1fr) 340px}#vgDashboard .vg-metricstrip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1040px){#vgDashboard .vg-grid{grid-template-columns:1fr}#vgDashboard .vg-widgets{position:static;grid-template-columns:1fr 1fr}#vgDashboard .vg-masthead{grid-template-columns:1fr}#vgDashboard .vg-brand-left{min-height:190px}#vgDashboard .vg-serverann{max-width:560px;min-height:150px}}
@media(max-width:720px){#vgDashboard .vg-shell{grid-template-columns:1fr}#vgDashboard .vg-rail{position:sticky;top:0;height:auto;padding:7px 9px;overflow-x:auto;overflow-y:hidden}#vgDashboard .vg-icon-list{display:flex;gap:9px;width:max-content}#vgDashboard .vg-icon{width:54px;height:54px;flex:none;border-radius:11px}#vgDashboard .vg-icon img{border-radius:10px}#vgDashboard .vg-canvas{padding:7px 11px 35px}#vgDashboard .vg-network{width:140px}#vgDashboard .vg-kicker{font-size:9px;letter-spacing:1px}#vgDashboard .vg-game-logo{width:100%}#vgDashboard .vg-tabs{gap:5px}#vgDashboard .vg-tab{font-size:11px;padding:9px}#vgDashboard .vg-metricstrip{grid-template-columns:repeat(2,minmax(0,1fr))}#vgDashboard .vg-widgets{grid-template-columns:1fr}#vgDashboard .filters{grid-template-columns:1fr 1fr}#vgDashboard .filters .searchbox{grid-column:1/-1}}


/* Forza Horizon Germany: cinematic neon festival layout */
body.forza-dashboard-active{background:#140707}
body.forza-dashboard-active .wrap{display:none}
#fhDashboard{--fh-red:#ff455f;--fh-orange:#ff9d42;--fh-pink:#ff4fa2;--fh-white:#fff6ee;color:#fffaf6;position:relative;isolation:isolate;min-height:100vh;background:#120708;font:15px/1.45 Inter,Arial,sans-serif}
#fhDashboard:before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(120deg,rgba(6,5,11,.83) 0%,rgba(11,6,13,.60) 38%,rgba(9,5,12,.36) 78%,rgba(5,5,9,.60) 100%),url('/assets/media/dfad87e0023fb8d36eea.webp') center 43%/cover no-repeat;background-color:#12090d}
#fhDashboard:after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 8% 92%,rgba(255,71,71,.25),transparent 22%),radial-gradient(circle at 82% 11%,rgba(255,135,56,.18),transparent 18%),linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.52))}
#fhDashboard *{box-sizing:border-box}
#fhDashboard button,#fhDashboard input,#fhDashboard select{font:inherit}
#fhDashboard .fh-shell{max-width:1720px;margin:0 auto;padding:22px}
#fhDashboard .fh-layout{display:grid;grid-template-columns:76px minmax(0,1fr);gap:22px;align-items:start}
#fhDashboard .fh-rail{position:sticky;top:16px;display:flex;flex-direction:column;gap:14px;padding:8px 0}
#fhDashboard .fh-icon-list{display:flex;flex-direction:column;gap:14px}
#fhDashboard .fh-icon{width:68px;height:68px;border-radius:20px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(22,14,19,.92),rgba(7,8,13,.95));box-shadow:0 0 0 1px rgba(255,84,84,.07) inset,0 12px 24px rgba(0,0,0,.35),0 0 22px rgba(255,86,86,.14);display:grid;place-items:center;padding:7px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
#fhDashboard .fh-icon:hover,#fhDashboard .fh-icon.selected{transform:translateY(-1px) scale(1.02);border-color:rgba(255,113,113,.95);box-shadow:0 0 0 1px rgba(255,95,95,.26) inset,0 12px 28px rgba(0,0,0,.45),0 0 28px rgba(255,77,77,.38)}
#fhDashboard .fh-icon img{width:100%;height:100%;object-fit:cover;border-radius:14px}
#fhDashboard .fh-canvas{display:grid;gap:18px}
#fhDashboard .fh-top{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;align-items:start}
#fhDashboard .fh-hero,#fhDashboard .fh-anniv,#fhDashboard .fh-stat,#fhDashboard .fh-widget,#fhDashboard .fh-dropzone > .section{background:linear-gradient(180deg,rgba(11,11,15,.72),rgba(4,4,8,.84));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,112,112,.32);border-radius:26px;box-shadow:0 14px 36px rgba(0,0,0,.42),0 0 0 1px rgba(255,140,140,.05) inset,0 0 28px rgba(255,69,96,.14)}
#fhDashboard .fh-hero{padding:26px 28px 22px;min-height:258px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border-radius:28px}
#fhDashboard .fh-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,13,.84) 0%,rgba(10,9,13,.68) 34%,rgba(10,8,12,.30) 68%,rgba(10,8,12,.08) 100%)}
#fhDashboard .fh-hero > *{position:relative;z-index:1}
#fhDashboard .fh-brand-row{display:flex;align-items:flex-start;justify-content:flex-start;gap:18px;position:relative;min-height:72px}
#fhDashboard .fh-kicker{font-size:11px;letter-spacing:2.8px;text-transform:uppercase;color:#ffd4da;opacity:.95;padding-top:2px}
#fhDashboard .fh-kicker span{color:#ffffffb3;letter-spacing:2px}
#fhDashboard .fh-network{position:absolute;top:-2px;right:0;width:min(228px,26vw);padding:0;border:1px solid rgba(255,255,255,.10);border-radius:18px;overflow:hidden;background:#070c0fdd;box-shadow:0 14px 34px rgba(0,0,0,.35),0 0 0 1px rgba(255,145,68,.10) inset;cursor:pointer;display:block}
#fhDashboard .fh-network img{width:100%;height:auto;display:block}
#fhDashboard .fh-network strong{display:none}
#fhDashboard .fh-network span{display:none}
#fhDashboard .fh-logo-wrap{display:flex;align-items:center;gap:18px;margin-top:2px;max-width:calc(100% - 250px)}
#fhDashboard .fh-emblem{width:118px;height:118px;border-radius:30px;background:linear-gradient(135deg,rgba(255,120,120,.18),rgba(255,170,82,.26));border:1px solid rgba(255,166,109,.28);display:grid;place-items:center;box-shadow:0 0 34px rgba(255,92,92,.16) inset,0 0 28px rgba(255,112,112,.10)}
#fhDashboard .fh-emblem img{width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,255,255,.18))}
#fhDashboard .fh-wordmark h1{margin:0;font-size:clamp(42px,5.6vw,84px);line-height:.88;letter-spacing:-1.8px;text-transform:uppercase;font-weight:950}
#fhDashboard .fh-wordmark h1 span{display:block;background:linear-gradient(180deg,#ffd1dd,#ff8f4c 72%,#ff4a5b);-webkit-background-clip:text;background-clip:text;color:transparent}
#fhDashboard .fh-wordmark h1 b{display:block;color:#f4f7fb}
#fhDashboard .fh-wordmark p{margin:8px 0 0;color:#fff4ee;font-size:15px;letter-spacing:1.1px;text-transform:uppercase;max-width:680px}
#fhDashboard .fh-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
#fhDashboard .fh-tab{appearance:none;border:1px solid rgba(255,255,255,.15);background:rgba(8,8,11,.7);color:#fff5ef;padding:14px 22px;border-radius:18px;font-weight:700;display:inline-flex;align-items:center;gap:10px;min-width:190px;justify-content:center;cursor:pointer;box-shadow:0 0 0 1px rgba(255,112,112,.06) inset,0 10px 24px rgba(0,0,0,.28)}
#fhDashboard .fh-tab.active{background:linear-gradient(180deg,rgba(255,89,110,.28),rgba(255,59,74,.18));border-color:rgba(255,150,150,.52);box-shadow:0 0 24px rgba(255,73,113,.2),0 0 0 1px rgba(255,145,145,.12) inset}
#fhDashboard .fh-anniv{padding:22px 20px 18px;min-height:250px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}
#fhDashboard .fh-anniv:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,98,98,.15),rgba(255,115,0,.04) 56%,rgba(0,0,0,.1))}
#fhDashboard .fh-anniv > *{position:relative;z-index:1}
#fhDashboard .fh-headline{display:flex;align-items:center;justify-content:space-between;gap:14px}
#fhDashboard .fh-headline h2{margin:0;font-size:32px;line-height:1.05;display:flex;align-items:center;gap:12px}
#fhDashboard .fh-headline p{margin:2px 0 0;color:#ffd5dc}
#fhDashboard .fh-timer{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
#fhDashboard .fh-timebox{background:linear-gradient(180deg,rgba(255,106,106,.16),rgba(255,60,60,.05));border:1px solid rgba(255,156,156,.28);border-radius:18px;padding:18px 10px;text-align:center;box-shadow:0 0 0 1px rgba(255,171,171,.06) inset}
#fhDashboard .fh-timebox strong{display:block;font-size:26px;line-height:1;font-weight:900;color:#fff8f5}
#fhDashboard .fh-timebox span{display:block;margin-top:8px;color:#ffd2d7;font-size:14px}
#fhDashboard .fh-anniv-meta{margin-top:auto;color:#ffe4e7;font-size:14px}
#fhDashboard .fh-metricstrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#fhDashboard .fh-stat{min-height:108px;padding:18px 18px;display:flex;flex-direction:column;justify-content:center;gap:8px;position:relative;overflow:hidden}
#fhDashboard .fh-stat:before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--fh-accent,#ff465d),transparent)}
#fhDashboard .fh-stat .label{color:#ffd7db;font-size:13px;letter-spacing:1.2px;text-transform:uppercase}
#fhDashboard .fh-stat .value{font-size:30px;font-weight:900;letter-spacing:-.8px;color:#fffaf8}
#fhDashboard .fh-stat .small{font-size:13px;color:#fff1f3b6}
#fhDashboard .fh-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:18px}
#fhDashboard .fh-main{display:grid;gap:18px}
#fhDashboard .fh-dropzone{display:grid;gap:18px}
#fhDashboard .fh-dropzone:empty{display:none}
#fhDashboard .fh-widget{padding:18px 18px 16px;display:grid;gap:14px}
#fhDashboard .fh-widget-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
#fhDashboard .fh-widget-head h3{margin:0;font-size:18px;letter-spacing:.1px}
#fhDashboard .fh-badge{min-width:34px;height:34px;padding:0 12px;border-radius:999px;display:grid;place-items:center;background:rgba(255,76,97,.18);border:1px solid rgba(255,152,152,.28);font-weight:900;color:#fff6f8}
#fhDashboard .fh-widget-body{display:grid;gap:12px}
#fhDashboard .fh-widget-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}
#fhDashboard .fh-widget-item:last-child{border-bottom:0;padding-bottom:0}
#fhDashboard .fh-widget-item img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.22);box-shadow:0 0 14px rgba(255,94,94,.18)}
#fhDashboard .fh-widget-item .fh-txt{display:grid;gap:3px;min-width:0}
#fhDashboard .fh-widget-item strong{font-size:14px;color:#fffaf6}
#fhDashboard .fh-widget-item small{color:#ffd8dd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#fhDashboard .fh-widget-item span:last-child{margin-left:auto;color:#ffe5e8}
#fhDashboard .fh-empty{color:#ffe8ebc4;font-size:14px}
#fhDashboard .fh-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#fhDashboard .fh-action{appearance:none;border:1px solid rgba(255,255,255,.15);background:rgba(10,10,14,.75);color:#fff7f3;border-radius:16px;min-height:52px;padding:12px 14px;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;font-weight:700;box-shadow:0 0 0 1px rgba(255,118,118,.08) inset}
#fhDashboard .fh-action.primary{background:linear-gradient(180deg,rgba(255,84,102,.3),rgba(255,60,60,.16));border-color:rgba(255,156,156,.38);box-shadow:0 0 24px rgba(255,69,112,.12),0 0 0 1px rgba(255,144,144,.14) inset}
#fhDashboard .fh-action-status{margin:0;color:#ffd9dd;font-size:13px;min-height:18px}
#fhDashboard .fh-info{display:grid;gap:12px}
#fhDashboard .fh-info div{display:flex;justify-content:space-between;gap:12px;color:#fff3f4}
#fhDashboard .fh-info span{color:#ffd9df}
#fhDashboard .fh-status-online{color:#77ffb7;font-weight:800}
#fhDashboard .fh-about p{margin:0;color:#ffe7eb}
#fhDashboard .fh-footer{text-align:center;padding:4px 0 20px;color:#ffd7de;letter-spacing:1.1px;text-transform:uppercase;font-size:12px}
#fhDashboard .fh-dropzone > .section{padding:18px 18px 20px}
#fhDashboard .fh-dropzone > .section .section-head{background:transparent;border:0;padding:0;margin-bottom:14px}
#fhDashboard .fh-dropzone > .section h2,#fhDashboard .fh-dropzone > .section h3{color:#fff8f6}
#fhDashboard .fh-dropzone > .section .muted{color:#ffe1e6}
#fhDashboard .fh-dropzone .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#fhDashboard .fh-dropzone .stats .stat{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid rgba(255,145,145,.2);box-shadow:none;color:#fff8f5}
#fhDashboard .fh-dropzone table{background:rgba(4,6,9,.68);border-radius:18px;overflow:hidden}
#fhDashboard .fh-dropzone th{background:rgba(255,255,255,.05);color:#fff7f5}
#fhDashboard .fh-dropzone tr{border-color:rgba(255,255,255,.07)}
#fhDashboard .fh-dropzone td,#fhDashboard .fh-dropzone th,#fhDashboard .fh-dropzone .muted,#fhDashboard .fh-dropzone label,#fhDashboard .fh-dropzone p,#fhDashboard .fh-dropzone li{color:#fff7f5}
#fhDashboard .fh-dropzone input,#fhDashboard .fh-dropzone select,#fhDashboard .fh-dropzone textarea{background:rgba(7,8,11,.82);border:1px solid rgba(255,255,255,.16);color:#fff8f6}
#fhDashboard .fh-dropzone .btn{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);color:#fff8f6}
#fhDashboard .fh-dropzone .btn.primary{background:linear-gradient(180deg,rgba(255,84,102,.28),rgba(255,59,74,.16));border-color:rgba(255,156,156,.32)}
#fhDashboard .fh-dropzone .role{border-color:rgba(255,255,255,.15)}
#fhDashboard .fh-dropzone .avg-role-hint{color:#ffd9e0}
#fhDashboard .fh-dropzone .month{background:rgba(8,10,14,.65);border:1px solid rgba(255,154,154,.16)}
#fhDashboard .fh-dropzone .day{background:rgba(255,255,255,.025)}
#fhDashboard .fh-dropzone .day.today{outline:1px solid rgba(255,162,162,.6)}
#fhDashboard .fh-dropzone .absence-chip{background:rgba(255,90,90,.18);border:1px solid rgba(255,144,144,.28)}
@media(max-width:1380px){#fhDashboard .fh-top,#fhDashboard .fh-grid{grid-template-columns:1fr}#fhDashboard .fh-actions{grid-template-columns:1fr 1fr}}
@media(max-width:1024px){#fhDashboard .fh-layout{grid-template-columns:1fr}#fhDashboard .fh-rail{position:static;padding:0}#fhDashboard .fh-icon-list{flex-direction:row;flex-wrap:wrap}#fhDashboard .fh-icon{width:62px;height:62px}#fhDashboard .fh-metricstrip{grid-template-columns:repeat(2,minmax(0,1fr))}#fhDashboard .fh-tabs{gap:10px}#fhDashboard .fh-tab{flex:1 1 220px;min-width:0}#fhDashboard .fh-brand-row{flex-direction:column}}
@media(max-width:720px){#fhDashboard .fh-shell{padding:12px}#fhDashboard .fh-hero{padding:18px}#fhDashboard .fh-logo-wrap{align-items:flex-start}#fhDashboard .fh-emblem{width:80px;height:80px;border-radius:22px}#fhDashboard .fh-wordmark h1{font-size:clamp(34px,9vw,52px)}#fhDashboard .fh-network{width:min(226px,35vw);padding:0;border:1px solid #ffe0832b;border-radius:13px;overflow:hidden;background:#070c0fdd;box-shadow:0 3px 19px #000a;cursor:pointer;display:block}#fhDashboard .fh-tabs{display:grid;grid-template-columns:1fr}#fhDashboard .fh-timer{grid-template-columns:repeat(2,1fr)}#fhDashboard .fh-metricstrip{grid-template-columns:1fr}#fhDashboard .fh-actions{grid-template-columns:1fr}}


/* GTA 6 Germany · Vice City neon dashboard */
body.gta-dashboard-active{background:#09040b}
body.gta-dashboard-active .wrap{display:none}
#gtaDashboard{--gta-neon:#ff3d9e;--gta-soft:#ff8acb;--gta-violet:#b73fff;--gta-outline:#ff4aa98e;position:relative;isolation:isolate;min-height:100vh;background:#09040b;color:#fdf3ff;font:15px/1.5 Inter,Arial,sans-serif}
#gtaDashboard::before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,#07050cb8,transparent 32%,#07050c77 64%,#08040dc5),linear-gradient(180deg,#1107186b 0%,#13061584 60%,#060408de 100%),url('/assets/media/1a4b07d0fc1332268312.webp') center/cover no-repeat}
#gtaDashboard::after{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 12% 30%,#fc19ab15,transparent 34%),radial-gradient(ellipse at 83% 12%,#9431ff30,transparent 22%),radial-gradient(ellipse at 55% 99%,#ff345722,transparent 32%)}
#gtaDashboard *{box-sizing:border-box}
#gtaDashboard button,#gtaDashboard input,#gtaDashboard select{font:inherit}
#gtaDashboard button{cursor:pointer}
#gtaDashboard .gta-shell{max-width:1780px;margin:0 auto;padding:15px 20px 38px}
#gtaDashboard .gta-layout{display:grid;grid-template-columns:86px minmax(0,1fr);gap:24px;align-items:start}
#gtaDashboard .gta-rail{position:sticky;top:15px;background:#08050a9c;border:1px solid #ff599f29;border-radius:23px;padding:10px 8px;box-shadow:0 18px 36px #0008,0 0 20px #f6298730;backdrop-filter:blur(12px)}
#gtaDashboard .gta-icon-list{display:flex;flex-direction:column;gap:13px}
#gtaDashboard .gta-icon{width:67px;height:67px;border-radius:16px;display:grid;place-items:center;padding:3px;background:linear-gradient(145deg,#170d1a,#09070d);border:1px solid #ffffff27;box-shadow:0 12px 25px #0007;transition:transform .18s,border-color .18s,box-shadow .18s}
#gtaDashboard .gta-icon:hover{transform:translateY(-2px) scale(1.04);border-color:#fa6cba}
#gtaDashboard .gta-icon.selected{border-color:#ff72cf;box-shadow:0 0 0 1px #fa70c8,0 0 25px #f71cb877,0 13px 22px #0007}
#gtaDashboard .gta-icon img{display:block;width:100%;height:100%;object-fit:cover;border-radius:13px}
#gtaDashboard .gta-canvas{min-width:0;display:grid;gap:14px}
#gtaDashboard .gta-top{display:grid;grid-template-columns:minmax(0,1.76fr) minmax(330px,.78fr);gap:14px;align-items:stretch}
#gtaDashboard .gta-lefthead{display:flex;flex-direction:column;gap:13px;min-width:0}
#gtaDashboard .gta-righthead{display:flex;flex-direction:column;gap:12px;min-width:0}
#gtaDashboard .gta-network{width:min(226px,35vw);padding:0;border:1px solid #ffe0832b;border-radius:13px;overflow:hidden;background:#070c0fdd;box-shadow:0 3px 19px #000a;cursor:pointer;display:block;align-self:flex-end;min-height:0;color:#fff}
#gtaDashboard .gta-network img{width:100%;height:auto;display:block;border-radius:0;object-fit:fill}
#gtaDashboard .gta-network strong{display:none}
#gtaDashboard .gta-network span{display:none}
#gtaDashboard .gta-hero{position:relative;isolation:isolate;min-height:282px;border:1px solid #ed559143;border-radius:25px;overflow:hidden;padding:26px 28px 15px;background:linear-gradient(90deg,#080511e8 0%,#090514cb 38%,#09061324 73%),url('/assets/media/d7ce2a9aa4fbf1d8c5b0.webp') center 28%/cover no-repeat;box-shadow:0 12px 32px #0008,0 0 30px #ff198822;display:flex;flex-direction:column;justify-content:space-between}
#gtaDashboard .gta-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#14071855,transparent 64%),linear-gradient(180deg,transparent 36%,#080512ac 95%);pointer-events:none}
#gtaDashboard .gta-brand{position:relative;z-index:1;max-width:720px}
#gtaDashboard .gta-wordmark{display:flex;align-items:baseline;gap:7px;line-height:.82;white-space:nowrap;filter:drop-shadow(0 5px 7px #000b)}
#gtaDashboard .gta-wordmark .gta-text{font-size:clamp(65px,7vw,124px);font-weight:1000;letter-spacing:-9px;color:#fcf9ff;text-shadow:0 4px 0 #d5c3e1,0 10px 14px #03020b}
#gtaDashboard .gta-wordmark .gta-six{font-size:clamp(75px,7.4vw,134px);font-weight:1000;letter-spacing:-7px;background:linear-gradient(135deg,#00e6ff 9%,#ed30f7 45%,#ff63b7 73%,#fd2e7f);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none}
#gtaDashboard .gta-brand-sub{letter-spacing:9px;font-size:clamp(20px,2.15vw,35px);font-weight:900;margin-top:8px;margin-left:42px;text-shadow:0 4px 12px #000}
#gtaDashboard .gta-brand-sub span{letter-spacing:0;font-size:19px;vertical-align:middle}
#gtaDashboard .gta-brand-desc{margin:2px 0 0 38px;font-size:13px;text-transform:uppercase;letter-spacing:2.1px;color:#fff3fc;text-shadow:0 2px 12px #000}
#gtaDashboard .gta-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;position:relative;z-index:1}
#gtaDashboard .gta-tab{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:48px;min-width:155px;padding:9px 17px;border-radius:13px;border:1px solid #f9a4d533;background:#090914d6;color:#fdf5ff;font-weight:800;box-shadow:0 8px 24px #0006}
#gtaDashboard .gta-tab span{font-size:17px}
#gtaDashboard .gta-tab.active,#gtaDashboard .gta-tab:hover{background:linear-gradient(160deg,#f82c7e6b,#65144698);border-color:#ff70bd;box-shadow:0 0 0 1px #ff60b35c,0 0 26px #ff32a78c;color:#fff}
#gtaDashboard .gta-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#gtaDashboard .gta-stat{position:relative;min-height:102px;padding:14px 16px;display:flex;gap:11px;align-items:center;background:linear-gradient(160deg,#0a0b17d9,#050511e7);border:1px solid #ff5b9e73;border-radius:15px;backdrop-filter:blur(12px);box-shadow:0 10px 24px #0008,0 0 14px #fc33b019}
#gtaDashboard .gta-stat:before{content:"";position:absolute;top:10px;bottom:10px;left:0;width:3px;background:var(--gta-statcolor,#ff6cb1);border-radius:0 6px 6px 0;box-shadow:0 0 15px var(--gta-statcolor,#ff6cb1)}
#gtaDashboard .gta-stat .gta-symbol{font-size:28px;color:var(--gta-statcolor,#ff6cb1);text-shadow:0 0 12px var(--gta-statcolor,#ff6cb1);flex-shrink:0}
#gtaDashboard .gta-stat strong{display:block;font-size:clamp(17px,2.2vw,28px);line-height:1.08;overflow-wrap:anywhere;color:#fff}
#gtaDashboard .gta-stat small{display:block;color:#f5dae9;margin-top:4px;font-size:12px;line-height:1.4}
#gtaDashboard .gta-anniv{flex:1;min-height:265px;position:relative;overflow:hidden;border-radius:24px;padding:16px 20px;background:linear-gradient(145deg,#230821e3,#090519d6),radial-gradient(circle at 15% 0,#ec168f43,transparent 55%);border:1px solid #ff6abbba;box-shadow:0 0 26px #d92ab443,0 12px 36px #0008;display:flex;flex-direction:column;gap:15px}
#gtaDashboard .gta-anniv::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background:linear-gradient(90deg,#ff4bac33,transparent 50%,#fa4bd533)}
#gtaDashboard .gta-ann-head{display:flex;gap:11px;align-items:center;justify-content:center}
#gtaDashboard .gta-ann-head .cup{font-size:30px;color:#ffe1fa;text-shadow:0 0 16px #fcb3ed}
#gtaDashboard .gta-ann-head strong{display:block;text-transform:uppercase;font-size:19px;letter-spacing:.5px}
#gtaDashboard .gta-ann-head small{color:#fdd2eb;font-size:12px}
#gtaDashboard .gta-timer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
#gtaDashboard .gta-time{border:1px solid #ff5dab93;border-radius:12px;padding:14px 2px;text-align:center;background:linear-gradient(160deg,#7e135c57,#1a061ad9);box-shadow:inset 0 0 18px #ff5ab721,0 0 13px #ff53b026}
#gtaDashboard .gta-time strong{display:block;font-size:clamp(24px,2.7vw,43px);line-height:1;font-weight:950;color:#ffbae1;text-shadow:0 0 17px #ff259a85}
#gtaDashboard .gta-time span{display:block;font-size:11px;color:#fff;margin-top:12px}
#gtaDashboard .gta-since{text-align:center;font-size:13px;color:#f9c5e7;margin-top:auto}
#gtaDashboard .gta-anniv.today{animation:gtaPulse 2s ease-in-out infinite}
@keyframes gtaPulse{0%,100%{box-shadow:0 0 25px #d92ab443,0 12px 36px #0008}50%{box-shadow:0 0 44px #ff45ba9d,0 12px 36px #0008}}
#gtaDashboard .gta-content{display:grid;grid-template-columns:minmax(0,1.83fr) minmax(320px,.93fr);gap:14px;align-items:start}
#gtaDashboard .gta-main{min-width:0;display:grid;gap:14px}
#gtaDashboard .gta-dropzone{min-width:0;display:grid;gap:14px}
#gtaDashboard .gta-dropzone:empty{display:none}
#gtaDashboard .gta-aside{min-width:0;display:grid;gap:13px;align-content:start}
#gtaDashboard .gta-widget,#gtaDashboard .gta-dropzone>.panel{border-radius:18px;border:1px solid #f75eae7e;background:linear-gradient(180deg,#090b17ed,#050610f4);box-shadow:0 12px 32px #0009,0 0 22px #ed228628;backdrop-filter:blur(12px)}
#gtaDashboard .gta-widget{padding:15px;display:grid;gap:12px}
#gtaDashboard .gta-widget-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
#gtaDashboard .gta-widget-head h3{font-size:17px;margin:0;line-height:1.3;color:#fff}
#gtaDashboard .gta-countbadge{border:1px solid #ff8ac064;background:#ff469a20;color:#fff;border-radius:10px;min-width:28px;height:28px;padding:0 8px;text-align:center;font-weight:900;display:grid;place-items:center}
#gtaDashboard .gta-action{appearance:none;min-height:43px;padding:10px 12px;border:1px solid #ffffff33;border-radius:12px;background:#151420b8;color:#faf7ff;box-shadow:0 5px 14px #0005;font-weight:750;display:inline-flex;gap:8px;align-items:center;justify-content:center;transition:.15s}
#gtaDashboard .gta-action:hover{border-color:#ff78c0;background:#32142e}
#gtaDashboard .gta-action.primary{background:linear-gradient(135deg,#e92785bb,#641048ac);border-color:#ff86c7;box-shadow:0 0 18px #ff229346;color:#fff}
#gtaDashboard .gta-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#gtaDashboard .gta-side-body{display:grid;gap:9px}
#gtaDashboard .gta-empty{border:1px dashed #ee60aa4e;background:#ffffff05;padding:15px 10px;text-align:center;color:#e8c4da;font-size:13px;border-radius:11px}
#gtaDashboard .gta-widget-item{display:flex;align-items:center;gap:10px;min-width:0;text-align:left;padding:8px 2px;border-bottom:1px solid #ffffff12;color:#fff;background:none;cursor:pointer}
#gtaDashboard .gta-widget-item:last-child{border-bottom:0}
#gtaDashboard .gta-widget-item img{width:40px;height:40px;object-fit:contain;border-radius:50%;background:#1d1224;flex-shrink:0}
#gtaDashboard .gta-widget-item .detail{display:grid;gap:3px;min-width:0}
#gtaDashboard .gta-widget-item strong{font-size:13px;color:#fff}
#gtaDashboard .gta-widget-item small{font-size:11px;color:#e5bed4;line-height:1.35}
#gtaDashboard .gta-widget-item .arrow{margin-left:auto;color:#ffa7d7}
#gtaDashboard .gta-info{display:grid;gap:11px}
#gtaDashboard .gta-info>div{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:12px}
#gtaDashboard .gta-info span{color:#dfcbdd}
#gtaDashboard .gta-info b{color:#fff;text-align:right}
#gtaDashboard .gta-action-status{color:#ffa6d5;font-size:12px;min-height:12px;margin:0}
#gtaDashboard .gta-footnote{text-align:center;padding:16px;color:#ffa6d4;letter-spacing:2.2px;text-transform:uppercase;font-size:10px}
#gtaDashboard .gta-dropzone>.panel{padding:16px 17px}
#gtaDashboard .gta-dropzone .section-head{background:transparent;border:0;gap:15px}
#gtaDashboard .gta-dropzone .section-head h2{color:#fff;font-size:20px}
#gtaDashboard .gta-dropzone .muted,#gtaDashboard .gta-dropzone p{color:#e5cbdc}
#gtaDashboard .gta-dropzone table{width:100%;border-collapse:collapse}
#gtaDashboard .gta-dropzone table thead th{background:linear-gradient(180deg,#152433,#0a1520);color:#fff;font-size:12px;text-align:left;padding:11px 12px;border-bottom:1px solid #ffffff16}
#gtaDashboard .gta-dropzone table tbody tr{border-bottom:1px solid #ffffff14;cursor:pointer;transition:background .12s}
#gtaDashboard .gta-dropzone table tbody tr:hover{background:#fd33820f}
#gtaDashboard .gta-dropzone table tbody td{font-size:13px;padding:12px;color:#fff;vertical-align:middle}
#gtaDashboard .gta-person{display:flex;align-items:center;gap:12px}
#gtaDashboard .gta-person img{width:48px;height:48px;object-fit:contain;background:#201623;border-radius:50%;flex-shrink:0;border:1px solid #f97ac457}
#gtaDashboard .gta-person b{font-size:14px;color:#fff;white-space:nowrap}
#gtaDashboard .gta-person small{display:block;color:#c1a8bd;font-size:11px}
#gtaDashboard .gta-dropzone table tbody td .role{display:inline-flex;min-width:132px;align-items:center;justify-content:center;border-radius:10px;padding:8px 8px;font-size:12px;box-shadow:0 0 15px currentColor3b}
#gtaDashboard .gta-row-actions{display:flex;gap:7px}
#gtaDashboard .gta-row-actions button{border:1px solid #ffffff27;background:#111c26;color:#fff;border-radius:9px;width:34px;height:34px;display:grid;place-items:center;font-size:17px}
#gtaDashboard .gta-row-actions button:hover{border-color:#ff82c9;background:#43152f}
#gtaDashboard .gta-dropzone input,#gtaDashboard .gta-dropzone select,#gtaDashboard .gta-dropzone textarea{background:#0c1220ea;color:#fff;border-color:#ef6bb157}
#gtaDashboard .gta-dropzone .btn{background:#32192b;color:#fff;border-color:#ef6bb157}
#gtaDashboard .gta-dropzone .btn:hover{background:#502342}
#gtaDashboard .gta-dropzone .profile-tile{background:#2216268c;border-color:#ec80b54a}
#gtaDashboard .gta-dropzone .month{background:#0a0c18d9;border:1px solid #ef5dac3c}
#gtaDashboard .gta-dropzone .day{background:#100f1bb8}
#gtaDashboard .gta-dropzone .day.today{outline-color:#ff82b9}
#gtaDashboard .gta-dropzone .absence-chip{border-color:#ff7ab451;background:#7e164e76}
#gtaDashboard .gta-about{max-width:none}
@media(max-width:1350px){#gtaDashboard .gta-top{grid-template-columns:minmax(0,1fr) 360px}#gtaDashboard .gta-content{grid-template-columns:minmax(0,1fr) 340px}#gtaDashboard .gta-tab{min-width:130px}#gtaDashboard .gta-brand-desc{letter-spacing:1px}}
@media(max-width:1120px){#gtaDashboard .gta-top,#gtaDashboard .gta-content{grid-template-columns:1fr}#gtaDashboard .gta-righthead{flex-direction:row;align-items:stretch}#gtaDashboard .gta-network{width:min(226px,35vw);padding:0;border:1px solid #ffe0832b;border-radius:13px;overflow:hidden;background:#070c0fdd;box-shadow:0 3px 19px #000a;cursor:pointer;display:block;align-self:flex-end;min-height:0;color:#fff}#gtaDashboard .gta-anniv{min-width:0}#gtaDashboard .gta-aside{grid-template-columns:repeat(2,minmax(0,1fr))}#gtaDashboard .gta-top{align-items:start}}
@media(max-width:780px){#gtaDashboard .gta-layout{grid-template-columns:1fr}#gtaDashboard .gta-rail{position:relative;top:0;padding:7px}#gtaDashboard .gta-icon-list{flex-direction:row;flex-wrap:nowrap;overflow:auto;gap:8px}#gtaDashboard .gta-icon{flex:0 0 58px;width:58px;height:58px}#gtaDashboard .gta-righthead{flex-direction:column}#gtaDashboard .gta-network{width:min(226px,35vw);padding:0;border:1px solid #ffe0832b;border-radius:13px;overflow:hidden;background:#070c0fdd;box-shadow:0 3px 19px #000a;cursor:pointer;display:block;align-self:flex-end;min-height:0;color:#fff}#gtaDashboard .gta-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#gtaDashboard .gta-aside{grid-template-columns:1fr 1fr}#gtaDashboard .gta-hero{min-height:286px;padding:20px}}
@media(max-width:600px){#gtaDashboard .gta-shell{padding:10px}#gtaDashboard .gta-hero{padding:14px;min-height:290px}#gtaDashboard .gta-wordmark .gta-text{font-size:62px;letter-spacing:-4px}#gtaDashboard .gta-wordmark .gta-six{font-size:73px;letter-spacing:-4px}#gtaDashboard .gta-brand-sub{letter-spacing:4px;margin-left:4px}#gtaDashboard .gta-brand-desc{font-size:11px;margin-left:4px}#gtaDashboard .gta-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px}#gtaDashboard .gta-tab{min-width:0;padding:9px 5px;font-size:12px}#gtaDashboard .gta-stats{grid-template-columns:1fr}#gtaDashboard .gta-aside{grid-template-columns:1fr}#gtaDashboard .gta-actions{grid-template-columns:1fr}#gtaDashboard .gta-timer{gap:4px}#gtaDashboard .gta-time strong{font-size:28px}#gtaDashboard .gta-dropzone table{min-width:720px}#gtaDashboard .gta-dropzone .table-wrap{overflow-x:auto}}
@media(prefers-reduced-motion:reduce){#gtaDashboard .gta-anniv.today{animation:none}}


/* GTA: compact, reference-faithful team table and header proportions */
@media (min-width:1160px){
 #gtaDashboard .gta-hero{min-height:250px}
 #gtaDashboard .gta-stat{min-height:84px}
 #gtaDashboard #gtaMembers>.panel{display:grid;grid-template-columns:195px minmax(0,1fr);gap:10px 14px;align-items:center}
 #gtaDashboard #gtaMembers>.panel>.section-head{grid-column:1;min-width:0;display:flex;align-items:center;margin:0;padding:0}
 #gtaDashboard #gtaMembers>.panel>.section-head .muted{display:none}
 #gtaDashboard #gtaMembers>.panel>.section-head h2:before{content:'♟';color:#fe62be;text-shadow:0 0 12px #fb48ab;margin-right:8px}
 #gtaDashboard #gtaMembers>.panel>.filters{grid-column:2;display:flex;align-items:center;gap:7px;margin:0;min-width:0}
 #gtaDashboard #gtaMembers>.panel>.filters label{min-width:0;margin:0;flex:0 1 180px}
 #gtaDashboard #gtaMembers>.panel>.filters label.searchbox{flex:1 1 260px}
 #gtaDashboard #gtaMembers>.panel>.filters label span{display:none}
 #gtaDashboard #gtaMembers>.panel>.filters input,#gtaDashboard #gtaMembers>.panel>.filters select{min-width:0;width:100%;padding:9px 10px;height:38px;font-size:12px}
 #gtaDashboard #gtaMembers>.panel>.table-wrap{grid-column:1/-1;margin-top:3px}
}


/* ========= Forza Horizon / P2G dashboard 2026 visual refinement ========= */
#vgDashboard .vg-network,#fhDashboard .fh-network,#gtaDashboard .gta-network{width:217px;min-width:0;max-width:35vw;height:auto;min-height:0;padding:0;line-height:0;background:rgba(4,10,16,.91);border:1px solid rgba(155,191,211,.25);border-radius:16px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.48),0 0 16px rgba(255,120,192,.11);cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}
#vgDashboard .vg-network img,#fhDashboard .fh-network img,#gtaDashboard .gta-network img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border:0;border-radius:0;filter:none}
#vgDashboard .vg-network:hover,#fhDashboard .fh-network:hover,#gtaDashboard .gta-network:hover{transform:translateY(-1px);box-shadow:0 8px 28px rgba(0,0,0,.5),0 0 19px rgba(255,170,127,.29)}
#fhDashboard{--fh-hot:#ff5b71;--fh-amber:#ffa657;--fh-edge:rgba(255,151,143,.34);color:#fdf6f8;background:transparent}
#fhDashboard:after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 81% 9%,rgba(255,138,61,.22),transparent 40%),radial-gradient(ellipse at 18% 72%,rgba(235,46,104,.16),transparent 48%),linear-gradient(180deg,rgba(9,5,11,.08),rgba(7,5,10,.44) 28%,rgba(4,4,9,.82) 100%)}
#fhDashboard .fh-shell{max-width:1880px;padding:16px 20px 32px}
#fhDashboard .fh-layout{grid-template-columns:78px minmax(0,1fr);gap:18px}
#fhDashboard .fh-rail{position:sticky;top:14px;z-index:5;padding:10px 4px;max-height:calc(100vh - 25px);overflow:auto;border-radius:22px;border:1px solid rgba(255,132,128,.17);background:linear-gradient(180deg,rgba(14,12,17,.83),rgba(9,8,14,.64));backdrop-filter:blur(16px);box-shadow:0 18px 32px #0006}
#fhDashboard .fh-icon-list{gap:12px;align-items:center}
#fhDashboard .fh-icon{width:62px;height:62px;padding:5px;border-radius:17px;background:#0d1119;border-color:rgba(255,255,255,.18);box-shadow:0 8px 16px #0007}
#fhDashboard .fh-icon img{border-radius:13px;object-fit:contain}
#fhDashboard .fh-icon.selected{border-color:#ff7484;box-shadow:0 0 0 2px #8f203e,0 0 22px #ff547c72}
#fhDashboard .fh-canvas{gap:13px;min-width:0}
#fhDashboard .fh-top{grid-template-columns:minmax(0,1fr) minmax(300px,365px);align-items:stretch;gap:13px}
#fhDashboard .fh-hero{min-height:318px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:86px minmax(0,1fr) auto;justify-content:stretch;align-content:stretch;gap:8px;padding:16px 24px 20px;border:1px solid rgba(255,155,139,.32);border-radius:24px;background:linear-gradient(100deg,rgba(7,8,14,.93) 0%,rgba(9,9,15,.76) 34%,rgba(11,7,12,.38) 69%,rgba(12,6,11,.30) 100%),url('/assets/media/dfad87e0023fb8d36eea.webp') center 49%/cover no-repeat;box-shadow:inset 0 1px rgba(255,255,255,.1),0 17px 40px rgba(0,0,0,.33),0 0 25px rgba(255,91,123,.08);isolation:isolate}
#fhDashboard .fh-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,6,12,.20) 0%,transparent 33%,rgba(8,7,13,.15) 61%,rgba(4,6,11,.60) 100%);pointer-events:none;z-index:0}
#fhDashboard .fh-hero > *{position:relative;z-index:1}
#fhDashboard .fh-brand-row{min-height:64px;position:relative;display:flex;align-items:flex-start;justify-content:space-between}
#fhDashboard .fh-kicker{font-size:11px;line-height:1.65;letter-spacing:2.2px;color:#ffd4d3;font-weight:900;padding-top:3px;text-shadow:0 3px 9px #000b}
#fhDashboard .fh-network{position:relative;top:auto;right:auto;flex:none;width:217px;max-width:35vw}
#fhDashboard .fh-logo-wrap{max-width:100%;gap:18px;margin-top:-3px;align-self:center;justify-self:start;filter:drop-shadow(0 7px 16px #000a)}
#fhDashboard .fh-emblem{width:104px;height:104px;border-radius:24px;flex:none;background:linear-gradient(145deg,rgba(240,70,109,.3),rgba(250,116,53,.13));border:1px solid rgba(255,178,169,.43);box-shadow:0 0 0 2px #ffffff08 inset,0 0 30px rgba(248,87,98,.27)}
#fhDashboard .fh-emblem img{width:84%;height:84%;object-fit:contain}
#fhDashboard .fh-wordmark h1{font-size:clamp(32px,4.1vw,67px);line-height:.91;letter-spacing:-.7px;text-transform:uppercase}
#fhDashboard .fh-wordmark h1 b{color:#fff;letter-spacing:1.8px}
#fhDashboard .fh-wordmark h1 span{background:linear-gradient(100deg,#ffb7b0 0%,#ff825b 40%,#ff4b8b 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
#fhDashboard .fh-wordmark p{font-size:clamp(10px,.9vw,13px);letter-spacing:1px;color:#f8e5e8;margin-top:7px;text-shadow:0 2px 8px #000}
#fhDashboard .fh-tabs{gap:9px;margin:0;display:flex;flex-wrap:wrap}
#fhDashboard .fh-tab{min-width:0;flex:1 1 150px;border-radius:13px;padding:10px 11px;font-size:13px;font-weight:800;background:rgba(4,10,17,.82);border:1px solid rgba(255,170,162,.24);box-shadow:0 3px 10px #0005;white-space:nowrap}
#fhDashboard .fh-tab.active,#fhDashboard .fh-tab:hover{background:linear-gradient(180deg,#bc354b,#671928);border-color:#ff8b92;box-shadow:0 0 15px rgba(255,74,109,.48),inset 0 1px rgba(255,255,255,.18)}
#fhDashboard .fh-anniv{min-height:318px;padding:22px 18px;border-radius:24px;background:radial-gradient(ellipse at 25% -25%,rgba(240,75,81,.31),transparent 63%),linear-gradient(150deg,rgba(17,10,20,.89),rgba(8,8,14,.93));border:1px solid rgba(255,148,131,.45);box-shadow:inset 0 1px #ffffff18,0 0 26px rgba(255,71,110,.12),0 14px 30px #0007}
#fhDashboard .fh-headline h2{font-size:clamp(18px,1.5vw,25px);text-transform:uppercase;letter-spacing:.7px}
#fhDashboard .fh-headline p{color:#e8b4b9;font-size:13px}
#fhDashboard .fh-timebox{padding:15px 4px;border-radius:13px;background:linear-gradient(160deg,rgba(111,31,48,.32),rgba(25,12,19,.70));border:1px solid rgba(255,126,127,.27)}
#fhDashboard .fh-timebox strong{font-size:28px;color:#ffb1ae;text-shadow:0 0 15px #ff547b55}
#fhDashboard .fh-timebox span{font-size:11px}
#fhDashboard .fh-anniv-meta{text-align:center;color:#d5b6b9;font-size:12px}
#fhDashboard .fh-stat,#fhDashboard .fh-widget,#fhDashboard .fh-dropzone > .panel{background:linear-gradient(155deg,rgba(10,15,23,.90),rgba(8,10,17,.88));border:1px solid rgba(255,146,153,.29);border-radius:21px;backdrop-filter:blur(15px);box-shadow:inset 0 1px #ffffff0b,0 12px 29px #0008,0 0 22px #f7345630}
#fhDashboard .fh-metricstrip{gap:13px;grid-template-columns:repeat(4,minmax(0,1fr))}
#fhDashboard .fh-stat{min-height:110px;padding:16px;gap:5px}
#fhDashboard .fh-stat .label{color:#ffbabe;font-weight:800;font-size:12px;letter-spacing:1.1px}
#fhDashboard .fh-stat .value{font-size:clamp(20px,2.1vw,30px);color:#fdf4f5}
#fhDashboard .fh-stat .small{color:#d3abb4;font-size:12px;line-height:1.35}
#fhDashboard .fh-grid{grid-template-columns:minmax(0,1fr) minmax(300px,365px);gap:13px}
#fhDashboard .fh-main,#fhDashboard .fh-widgets,#fhDashboard .fh-dropzone{min-width:0}
#fhDashboard .fh-widget{padding:17px;gap:10px;border-radius:20px}
#fhDashboard .fh-widget-head h3{font-size:17px;color:#fff3f3}
#fhDashboard .fh-action{border-radius:12px;min-height:45px;padding:10px 11px;background:rgba(13,19,26,.86);font-size:12px}
#fhDashboard .fh-action.primary{border-color:rgba(255,139,156,.48);background:linear-gradient(180deg,#a02a43c9,#4e1729e8);box-shadow:0 0 18px #ff37502b}
#fhDashboard #originalMembers,#fhDashboard #originalProfiles,#fhDashboard #calendar,#fhDashboard #originalAbsence{margin:0;padding:18px 20px;border-radius:21px;background:linear-gradient(155deg,rgba(7,14,21,.94),rgba(6,10,17,.93));border:1px solid rgba(255,142,150,.29);box-shadow:inset 0 1px #ffffff0a,0 12px 30px #0007}
#fhDashboard #originalMembers .section-head,#fhDashboard #originalProfiles .section-head{background:none;color:#fdf7f7}
#fhDashboard #originalMembers h2,#fhDashboard #originalProfiles h2{font-size:22px;font-weight:850;color:#ffedf1}
#fhDashboard #originalMembers .filters{gap:11px}
#fhDashboard #originalMembers .filters label span{color:#ffccd0}
#fhDashboard #originalMembers .filters input,#fhDashboard #originalMembers .filters select{background:#08151c;border:1px solid #ff869742;color:#fff;border-radius:11px}
#fhDashboard #originalMembers .table-wrap{background:rgba(4,10,15,.55);border:1px solid rgba(255,151,149,.14);border-radius:15px;overflow:auto}
#fhDashboard #originalMembers table{min-width:720px;background:none;border:0}
#fhDashboard #originalMembers thead th{background:linear-gradient(90deg,rgba(32,49,52,.55),rgba(16,31,38,.58));font-size:12px;letter-spacing:.4px;color:#ecf4f6}
#fhDashboard #originalMembers tbody tr{background:rgba(0,8,13,.36);cursor:pointer;transition:background .2s,box-shadow .2s}
#fhDashboard #originalMembers tbody tr:hover{background:rgba(254,92,120,.12);box-shadow:inset 3px 0 #ff6b88}
#fhDashboard #originalMembers tbody td{border-color:rgba(255,255,255,.07);color:#edf7f8;font-size:13px}
#fhDashboard #originalMembers td .avatar{width:55px;height:55px;object-fit:contain;filter:drop-shadow(0 2px 9px #0008)}
#fhDashboard #originalMembers tbody .role{box-shadow:0 0 15px currentColor;filter:saturate(1.08)}
#fhDashboard #originalProfiles .profile-tile{border-color:#ff777745;background:rgba(9,15,24,.9);border-radius:15px}
#fhDashboard #originalProfiles .profile-tile:hover{border-color:#ff8a8e}
#fhDashboard #calendar,#fhDashboard #originalAbsence{color:#eef4fa}
#fhDashboard #calendar .month,#fhDashboard #originalAbsence .absence-row{background:rgba(9,19,26,.90);border:1px solid #ff99a122}
#fhDashboard #calendar .day{background:rgba(9,20,29,.80);border-color:#ffffff10}
#fhDashboard #calendar .day.today{outline-color:#ff6a84}
#fhDashboard #calendar .section-head h2{color:#ffe8eb}
#fhDashboard .fh-footer{color:#f7b8c0}
@media(max-width:1450px){#fhDashboard .fh-top,#fhDashboard .fh-grid{grid-template-columns:minmax(0,1fr) 330px}#fhDashboard .fh-wordmark h1{font-size:clamp(32px,4vw,56px)}#fhDashboard .fh-tab{flex:1 1 115px;font-size:12px}}
@media(max-width:1120px){#fhDashboard .fh-top,#fhDashboard .fh-grid{grid-template-columns:1fr}#fhDashboard .fh-anniv{min-height:0}#fhDashboard .fh-wordmark h1{font-size:clamp(32px,6vw,65px)}#fhDashboard .fh-hero{min-height:290px}#fhDashboard .fh-metricstrip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#vgDashboard .vg-network,#fhDashboard .fh-network,#gtaDashboard .gta-network{width:145px;max-width:40vw}#fhDashboard .fh-shell{padding:10px}#fhDashboard .fh-layout{grid-template-columns:1fr;gap:8px}#fhDashboard .fh-rail{position:relative;top:auto;overflow-x:auto;max-height:none;padding:6px}#fhDashboard .fh-icon-list{display:flex;flex-direction:row;flex-wrap:nowrap;gap:7px}#fhDashboard .fh-icon{min-width:49px;width:49px;height:49px;border-radius:13px}#fhDashboard .fh-hero{min-height:340px;padding:13px 13px 16px;grid-template-rows:56px 1fr auto}#fhDashboard .fh-kicker{font-size:8px;letter-spacing:.8px}#fhDashboard .fh-logo-wrap{gap:12px;align-self:center}#fhDashboard .fh-emblem{width:74px;height:74px;border-radius:17px}#fhDashboard .fh-wordmark h1{font-size:clamp(27px,8vw,44px)}#fhDashboard .fh-wordmark p{font-size:10px}#fhDashboard .fh-tabs{display:grid;grid-template-columns:1fr 1fr}#fhDashboard .fh-tab{font-size:11px;padding:9px 5px;white-space:normal}#fhDashboard .fh-metricstrip{grid-template-columns:1fr 1fr}#fhDashboard .fh-stat{padding:13px}#fhDashboard .fh-stat .value{font-size:21px}#fhDashboard .fh-actions{grid-template-columns:1fr 1fr}#fhDashboard #originalMembers,#fhDashboard #originalProfiles,#fhDashboard #calendar,#fhDashboard #originalAbsence{padding:13px}}
@media(max-width:420px){#fhDashboard .fh-top{grid-template-columns:minmax(0,1fr)}#fhDashboard .fh-tabs{grid-template-columns:1fr 1fr}#fhDashboard .fh-actions{grid-template-columns:1fr}}


/* Prevent wide tables from stretching the entire page on small screens. */
#fhDashboard .fh-main,#fhDashboard .fh-dropzone,#gtaDashboard .gta-main,#gtaDashboard .gta-dropzone{grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%}
#fhDashboard #originalMembers,#gtaDashboard #originalMembers{min-width:0;max-width:100%;width:100%}
#fhDashboard #originalMembers .table-wrap,#gtaDashboard #originalMembers .table-wrap{display:block;min-width:0;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:760px){#fhDashboard .fh-main,#fhDashboard .fh-dropzone,#gtaDashboard .gta-main,#gtaDashboard .gta-dropzone{width:100%;max-width:100%}}

@media(max-width:780px){
 #gtaDashboard{max-width:100vw;overflow-x:clip}
 #gtaDashboard .gta-shell{width:100%;max-width:100%;padding:10px}
 #gtaDashboard .gta-layout{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:100%;gap:10px;min-width:0}
 #gtaDashboard .gta-rail{width:100%;max-width:100%;min-width:0;overflow-x:auto;position:relative}
 #gtaDashboard .gta-icon-list{width:100%;max-width:100%;min-width:0;overflow-x:auto;flex-wrap:nowrap}
 #gtaDashboard .gta-canvas,#gtaDashboard .gta-top,#gtaDashboard .gta-lefthead,#gtaDashboard .gta-righthead{min-width:0;width:100%;max-width:100%}
 #gtaDashboard .gta-top{grid-template-columns:minmax(0,1fr)}
}

/* Consistent upper-right logo placement, matching Minecraft / Valorant / GTA */
#fhDashboard .fh-righthead{display:flex;flex-direction:column;min-width:0;gap:12px;align-items:stretch}
#fhDashboard .fh-badge-row{display:flex;justify-content:flex-end;align-items:flex-start;min-height:86px}
#fhDashboard .fh-righthead .fh-network{width:217px;max-width:35vw;flex:none;position:static}
#fhDashboard .fh-righthead .fh-anniv{min-height:218px;flex:1}
#fhDashboard .fh-hero{grid-template-rows:48px minmax(0,1fr) auto}
@media(max-width:760px){#fhDashboard .fh-righthead .fh-network{width:145px;max-width:40vw}#fhDashboard .fh-hero{grid-template-rows:48px minmax(0,1fr) auto}}
/* Fortnite Germany – eigenständige, spielbezogene Oberfläche */
body.fortnite-dashboard-active{background:#06102a}
body.fortnite-dashboard-active .wrap{display:none}
#fnDashboard{
 --fn-blue:#158aff;--fn-light:#88d8ff;--fn-violet:#9381ff;--fn-dark:#061225;
 color:#f3faff;position:relative;isolation:isolate;min-height:100vh;
 font:15px/1.5 system-ui,Arial,sans-serif;background:#070f20;
}
#fnDashboard:before{
 content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
 background:linear-gradient(100deg,rgba(2,9,25,.88),rgba(5,21,44,.63) 30%,rgba(0,18,57,.47) 62%,rgba(2,10,34,.79)),
 radial-gradient(ellipse at 70% 5%,rgba(35,160,255,.16),transparent 43%),
 url('/assets/media/8d07660013f1fe464bc9.webp') center center/cover no-repeat;
}
#fnDashboard:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(180deg,rgba(0,0,0,.14),transparent 22%,rgba(1,8,23,.38) 85%,rgba(1,7,19,.7));}
#fnDashboard *{box-sizing:border-box}
#fnDashboard button{font:inherit;color:inherit;cursor:pointer}
#fnDashboard .fn-shell{max-width:1920px;margin:0 auto;display:grid;grid-template-columns:88px minmax(0,1fr);min-height:100vh}
#fnDashboard .fn-rail{position:sticky;top:0;align-self:start;height:100vh;overflow:auto;z-index:5;
 background:linear-gradient(90deg,rgba(0,9,23,.98),rgba(0,11,29,.82));
 border-right:1px solid rgba(81,183,255,.3);padding:18px 10px;backdrop-filter:blur(14px)}
#fnDashboard .fn-icon-list{display:grid;gap:17px}
#fnDashboard .fn-icon{width:68px;height:68px;border:1px solid rgba(255,255,255,.20);border-radius:16px;padding:0;
 background:#03101f;overflow:hidden;display:grid;place-items:center;box-shadow:0 9px 18px #0009;
 transition:transform .18s,border-color .18s,box-shadow .18s}
#fnDashboard .fn-icon img{width:100%;height:100%;object-fit:cover;display:block}
#fnDashboard .fn-icon:hover,#fnDashboard .fn-icon:focus-visible{outline:none;transform:translateY(-2px);border-color:#65bdff;box-shadow:0 0 18px #258dfb80}
#fnDashboard .fn-icon.selected{border:2px solid #67c7ff;box-shadow:0 0 0 2px #126bb8,0 0 24px #32b9fff2}
#fnDashboard .fn-canvas{min-width:0;padding:16px clamp(14px,1.7vw,30px) 48px;display:grid;align-content:start;gap:14px}
#fnDashboard .fn-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-height:65px}
#fnDashboard .fn-kicker{font-size:12px;letter-spacing:2.2px;font-weight:900;color:#9bddff;text-shadow:0 2px 12px #000b;margin-top:7px}
#fnDashboard .fn-kicker span{margin-left:9px;color:#e8f5ff;letter-spacing:1px;font-weight:500}
#fnDashboard .fn-network{width:217px;max-width:43vw;flex:0 0 auto;padding:0;border-radius:16px;border:1px solid rgba(126,221,255,.24);
 background:rgba(1,9,21,.88);overflow:hidden;box-shadow:0 0 19px #2b7ae630,0 7px 23px #0007;transition:border-color .2s,box-shadow .2s}
#fnDashboard .fn-network img{display:block;width:100%;height:auto;object-fit:contain}
#fnDashboard .fn-network:hover{border-color:#77d4ff;box-shadow:0 0 21px #40baff70}
#fnDashboard .fn-masthead{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,408px);gap:16px;align-items:stretch;min-height:246px}
#fnDashboard .fn-hero{min-width:0;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;
 padding:14px 22px 0;border-radius:22px;
 background:linear-gradient(95deg,rgba(0,11,29,.80),rgba(2,19,45,.52) 55%,rgba(0,30,88,.07) 95%);
 border:1px solid rgba(103,185,255,.25);box-shadow:inset 0 0 20px rgba(20,113,255,.10),0 12px 27px #0004;backdrop-filter:blur(5px)}
#fnDashboard .fn-brand{display:flex;align-items:center;gap:20px;min-width:0;padding-top:4px}
#fnDashboard .fn-gameicon{width:105px;height:105px;flex:0 0 105px;border-radius:22px;
 border:1px solid rgba(119,209,255,.35);background:linear-gradient(145deg,#17367b,#06152b);
 box-shadow:0 0 24px #298cfd55,inset 0 0 18px #2594ff29;display:grid;place-items:center;padding:7px}
#fnDashboard .fn-gameicon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px #0006)}
#fnDashboard .fn-brand h1{margin:0;text-transform:uppercase;letter-spacing:-2px;font-weight:1000;line-height:.9;
 font-size:clamp(40px,5.4vw,86px);color:#fff;text-shadow:0 5px 0 #174b88,0 10px 22px #000c}
#fnDashboard .fn-brand h1 span{display:block;letter-spacing:7px;margin-top:11px;font-size:clamp(18px,2.1vw,28px);text-shadow:0 2px 10px #000e}
#fnDashboard .fn-brand h1 em{font-size:21px;font-style:normal;letter-spacing:0;vertical-align:middle}
#fnDashboard .fn-brand p{margin:12px 0 0;color:#eaf7ff;font-weight:700;letter-spacing:1.6px;font-size:12px;text-transform:uppercase;text-shadow:0 2px 7px #000a}
#fnDashboard .fn-tabs{display:flex;flex-wrap:wrap;gap:9px;padding:15px 0 14px}
#fnDashboard .fn-tab{white-space:nowrap;color:#fff;padding:11px 17px;border:1px solid rgba(95,188,255,.47);
 background:linear-gradient(180deg,rgba(1,17,34,.94),rgba(1,15,29,.84));border-radius:12px;
 font-weight:800;box-shadow:0 8px 17px #0005;transition:filter .15s,box-shadow .15s}
#fnDashboard .fn-tab:hover{filter:brightness(1.2)}
#fnDashboard .fn-tab.active{background:linear-gradient(180deg,#0d66dd,#073584);border-color:#85e1ff;
 box-shadow:inset 0 1px #b3ecff80,0 0 17px #38b6ff7d;color:#fff}
#fnDashboard .fn-anniv{position:relative;overflow:hidden;padding:18px;border-radius:20px;
 border:1px solid #5ebeff;box-shadow:0 0 22px #38b5ff5a,inset 0 0 25px #217dff2c;
 background:radial-gradient(ellipse at 60% 110%,rgba(25,123,255,.55),transparent 75%),linear-gradient(180deg,rgba(0,20,48,.94),rgba(0,10,28,.88));
 backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:13px}
#fnDashboard .fn-anniv.today{border-color:#c4b8ff;box-shadow:0 0 38px #3ea9ff,0 0 28px #a971ff}
#fnDashboard .fn-annhead{display:flex;align-items:center;gap:12px}
#fnDashboard .fn-annhead .trophy{font-size:27px;filter:drop-shadow(0 0 10px #62bbff)}
#fnDashboard .fn-annhead strong{font-size:16px;letter-spacing:1px;text-transform:uppercase;color:#eafbff}
#fnDashboard .fn-annhead small{display:block;color:#aee0ff;font-size:12px}
#fnDashboard .fn-clock{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
#fnDashboard .fn-clockunit{border:1px solid #52c3ff99;border-radius:12px;text-align:center;
 background:linear-gradient(180deg,rgba(5,47,94,.86),rgba(0,20,49,.9));padding:12px 4px;
 box-shadow:inset 0 0 12px #097dfa3c,0 0 11px #298aff21}
#fnDashboard .fn-clockunit strong{display:block;color:#a8e7ff;font-size:clamp(20px,2.6vw,36px);line-height:1.15;text-shadow:0 0 12px #008cffcc}
#fnDashboard .fn-clockunit span{display:block;color:#d7edff;font-size:10px;margin-top:7px;text-transform:uppercase;letter-spacing:.4px}
#fnDashboard .fn-ann-meta{color:#d4e7ff;text-align:center;font-size:12px;margin:auto 0 0}
#fnDashboard .fn-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#fnDashboard .fn-stat{min-width:0;border-radius:16px;padding:14px 15px;min-height:96px;display:flex;align-items:center;gap:13px;
 border:1px solid var(--stat-accent,#29a4ff);background:linear-gradient(145deg,rgba(2,18,38,.91),rgba(0,16,42,.77));
 box-shadow:inset 0 0 16px #0f85ff1a,0 5px 18px #0007;backdrop-filter:blur(9px)}
#fnDashboard .fn-stat .symbol{font-size:26px;color:var(--stat-accent,#71c7ff);text-shadow:0 0 14px currentColor}
#fnDashboard .fn-stat .numbers{min-width:0}
#fnDashboard .fn-stat strong{display:block;color:#f5fbff;font-size:clamp(18px,1.8vw,27px);font-weight:900;line-height:1.22;overflow-wrap:anywhere}
#fnDashboard .fn-stat small{display:block;color:#d5edff;font-size:12px;margin-top:4px}
#fnDashboard .fn-stat .hint{font-size:10px;color:#a5d4ed;margin-top:4px}
#fnDashboard .fn-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(295px,355px);gap:14px;align-items:start}
#fnDashboard .fn-main{display:grid;gap:14px;min-width:0}
#fnDashboard .fn-dropzone{display:grid;gap:14px;min-width:0}
#fnDashboard .fn-dropzone:empty{display:none}
#fnDashboard .fn-aside{display:grid;gap:14px;align-content:start;min-width:0}
#fnDashboard .fn-panel,#fnDashboard .fn-dropzone>.panel{margin:0!important;min-width:0;border-radius:18px;
 padding:18px;border:1px solid rgba(69,160,255,.78);
 background:linear-gradient(150deg,rgba(2,16,34,.91),rgba(1,12,29,.89));
 box-shadow:0 12px 28px #0008,inset 0 0 18px #0069ff12;backdrop-filter:blur(12px)}
#fnDashboard .fn-panel h3{font-size:16px;margin:0;color:#f3fbff}
#fnDashboard .fn-panelhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
#fnDashboard .fn-count{display:inline-grid;min-width:29px;height:29px;padding:0 9px;place-items:center;border-radius:9px;font-weight:900;
 background:rgba(40,126,218,.25);border:1px solid #77c9ff55}
#fnDashboard .fn-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-align:center;
 border:1px solid #4eafff;border-radius:11px;padding:10px 12px;font-weight:750;font-size:13px;
 background:rgba(4,32,68,.92);box-shadow:0 0 12px #168aff24}
#fnDashboard .fn-action:hover{background:#0955a3}
#fnDashboard .fn-action.primary{background:linear-gradient(180deg,#158aff,#054593);
 border-color:#76d7ff;box-shadow:0 0 15px #167efb62,inset 0 1px #fff6}
#fnDashboard .fn-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#fnDashboard .fn-panelbody{display:grid;gap:10px}
#fnDashboard .fn-empty{color:#b9d9f1;font-size:13px;padding:10px 0}
#fnDashboard .fn-personitem{width:100%;border:0;border-bottom:1px solid #87cfff27;background:transparent;
 display:flex;align-items:center;gap:12px;text-align:left;padding:9px 0;color:#e9f7ff;font-size:13px}
#fnDashboard .fn-personitem img{width:39px;height:39px;object-fit:contain;flex:0 0 39px;border-radius:50%;background:#1b396855}
#fnDashboard .fn-personitem strong{display:block;font-size:13px;color:#fff}
#fnDashboard .fn-personitem small{color:#afd4f2;display:block;font-size:11px}
#fnDashboard .fn-personitem span:last-child{margin-left:auto}
#fnDashboard .fn-info{display:grid;grid-template-columns:1fr auto;gap:9px 11px;font-size:12px}
#fnDashboard .fn-info span{color:#b5d7ef}
#fnDashboard .fn-info b{text-align:right;color:#f7fdff}
#fnDashboard .fn-info .known{color:#a3f4d4}
#fnDashboard .fn-actionstatus{font-size:12px;color:#b3eaff;margin:0;min-height:16px}
#fnDashboard .fn-footer{font-size:11px;text-align:center;color:#b4d7f5;padding:5px 0 22px;letter-spacing:1px}
#fnDashboard .fn-setup p{font-size:14px;color:#c4dcee;margin:0 0 12px}
/* Shared team, profile and calendar components restyled to match Fortnite */
#fnDashboard .fn-dropzone .section-head{margin:0 0 14px;padding:0;border:0}
#fnDashboard .fn-dropzone .section-head h2{font-size:22px;margin:0;color:#eefaff}
#fnDashboard .fn-dropzone .section-head .muted{font-size:12px;color:#99c7e8}
#fnDashboard .fn-dropzone p{color:#c8def0}
#fnDashboard .fn-dropzone .filters{display:grid;grid-template-columns:minmax(220px,1.65fr) 1fr 1fr;gap:12px;margin:0 0 13px}
#fnDashboard .fn-dropzone .filters label{font-size:11px;font-weight:800;color:#afd7f1;letter-spacing:.6px}
#fnDashboard .fn-dropzone input,#fnDashboard .fn-dropzone select,#fnDashboard .fn-dropzone textarea{
 background:rgba(1,13,30,.88);border:1px solid #3d7eae;border-radius:10px;color:#fff;
 box-shadow:inset 0 1px 8px #0004;min-width:0}
#fnDashboard .fn-dropzone input:focus,#fnDashboard .fn-dropzone select:focus{outline:2px solid #59b7ff}
#fnDashboard .fn-dropzone .table-wrap{overflow-x:auto;border:1px solid #2469a755;border-radius:13px}
#fnDashboard .fn-dropzone table{width:100%;min-width:700px;border-collapse:collapse;background:rgba(2,14,31,.58);font-size:13px}
#fnDashboard .fn-dropzone th{padding:12px 10px;font-size:11px;letter-spacing:.4px;text-transform:none;color:#c7e9ff;background:rgba(41,95,140,.26)}
#fnDashboard .fn-dropzone td{padding:8px 10px;border-bottom:1px solid #3e8dd128;color:#effaff}
#fnDashboard .fn-dropzone tr.member-row:hover{background:#155a9f2c;cursor:pointer}
#fnDashboard .fn-dropzone tr.member-row:focus-visible{outline:2px solid #69caff}
#fnDashboard .fn-person{display:flex;align-items:center;gap:11px;min-width:170px}
#fnDashboard .fn-person img{width:55px;height:55px;object-fit:contain;flex:0 0 55px;filter:drop-shadow(0 4px 7px #000a)}
#fnDashboard .fn-person strong{display:block;font-size:13px;white-space:nowrap}
#fnDashboard .fn-person small{display:block;font-size:11px;color:#b5d9ec}
#fnDashboard .fn-roster-table .role{white-space:nowrap;font-size:12px;padding:7px 10px;border-radius:8px;box-shadow:0 0 10px #0006}
#fnDashboard .fn-roster-table td[data-duration]{white-space:normal;min-width:175px;color:#cdeeff;font-size:12px}
#fnDashboard #originalProfiles .profile-grid{gap:12px}
#fnDashboard .fn-dropzone .profile-tile{border:1px solid #4eabed77;background:#011d3acc;color:#fff;border-radius:14px}
#fnDashboard .fn-dropzone .avatar{width:74px;height:74px;object-fit:contain}
#fnDashboard .fn-dropzone .cal-nav{margin:8px 0 17px}
#fnDashboard .fn-dropzone .btn{background:linear-gradient(180deg,#0961bd,#063b79);border:1px solid #64bdff;color:#fff;border-radius:10px}
#fnDashboard .fn-dropzone .btn.secondary{background:#031b38;color:#e8faff;border-color:#447db3}
#fnDashboard .fn-dropzone .month{background:rgba(2,16,35,.64);border:1px solid rgba(70,152,222,.46);box-shadow:none;margin:0}
#fnDashboard .fn-dropzone .weekday{color:#90caff}
#fnDashboard .fn-dropzone .day{background:rgba(6,32,63,.77);border-color:rgba(70,148,211,.25)}
#fnDashboard .fn-dropzone .day.off{background:rgba(1,9,24,.6)}
#fnDashboard .fn-dropzone .day.today{outline:2px solid #72cbff}
#fnDashboard .fn-dropzone .day .num{color:#daefff}
#fnDashboard .fn-dropzone .absence-chip{background:#255fa73d;border-left-color:#83caff}
#fnDashboard .fn-dropzone .notice{background:#144b9533;border-left-color:#6bc2ff;color:#c9e5ff}
#fnDashboard .fn-dropzone .field label{color:#c5e7ff}
#fnDashboard .fn-dropzone .absence-row{border-radius:12px;background:#032148bf;border-color:#4279b777}
@media(max-width:1360px){
 #fnDashboard .fn-masthead{grid-template-columns:minmax(0,1fr) 365px}
 #fnDashboard .fn-columns{grid-template-columns:minmax(0,1fr) 310px}
 #fnDashboard .fn-brand h1{font-size:58px}
 #fnDashboard .fn-tabs{gap:7px}
 #fnDashboard .fn-tab{padding:10px 12px;font-size:12px}
}
@media(max-width:1080px){
 #fnDashboard .fn-masthead{grid-template-columns:1fr}
 #fnDashboard .fn-hero{min-height:232px}
 #fnDashboard .fn-columns{grid-template-columns:1fr}
 #fnDashboard .fn-aside{grid-template-columns:repeat(2,minmax(0,1fr))}
 #fnDashboard .fn-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 #fnDashboard .fn-shell{grid-template-columns:1fr}
 #fnDashboard .fn-rail{position:relative;height:auto;overflow:auto;padding:9px 12px;background:#041329ed;border-bottom:1px solid #2c97f55e}
 #fnDashboard .fn-icon-list{display:flex;gap:10px;overflow-x:auto}
 #fnDashboard .fn-icon{width:55px;height:55px;flex:0 0 55px;border-radius:13px}
 #fnDashboard .fn-canvas{padding:12px;gap:11px}
 #fnDashboard .fn-topline{min-height:58px;align-items:center}
 #fnDashboard .fn-kicker{font-size:9px;letter-spacing:1px}
 #fnDashboard .fn-kicker span{display:block;margin:0;font-size:9px}
 #fnDashboard .fn-network{width:144px;max-width:44vw}
 #fnDashboard .fn-hero{padding:15px 13px 0;min-height:234px}
 #fnDashboard .fn-gameicon{width:68px;height:68px;flex-basis:68px;border-radius:16px}
 #fnDashboard .fn-brand{gap:10px}
 #fnDashboard .fn-brand h1{font-size:clamp(31px,8vw,58px);letter-spacing:-1px}
 #fnDashboard .fn-brand h1 span{font-size:17px;letter-spacing:3px;margin-top:7px}
 #fnDashboard .fn-brand p{font-size:9px;letter-spacing:.3px}
 #fnDashboard .fn-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
 #fnDashboard .fn-tab{white-space:normal;min-width:0;font-size:11px;padding:10px 6px}
 #fnDashboard .fn-anniv{padding:14px}
 #fnDashboard .fn-clockunit strong{font-size:24px}
 #fnDashboard .fn-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #fnDashboard .fn-stat{padding:11px;min-height:98px;gap:7px}
 #fnDashboard .fn-stat .symbol{font-size:21px}
 #fnDashboard .fn-stat strong{font-size:20px}
 #fnDashboard .fn-stat small{font-size:11px}
 #fnDashboard .fn-aside{grid-template-columns:1fr}
 #fnDashboard .fn-dropzone .filters{grid-template-columns:1fr 1fr}
 #fnDashboard .fn-dropzone .filters .searchbox{grid-column:1/-1}
}
@media(max-width:400px){
 #fnDashboard .fn-gameicon{width:50px;height:50px;flex-basis:50px}
 #fnDashboard .fn-brand h1{font-size:30px}
 #fnDashboard .fn-brand p{font-size:9px}
 #fnDashboard .fn-stat{flex-direction:column;align-items:flex-start}
 #fnDashboard .fn-actions{grid-template-columns:1fr}
}


/* Counter Strike 2 Germany – eigenständige, spielbezogene Oberfläche */
body.counterstrike-dashboard-active{background:#070f1b}
body.counterstrike-dashboard-active .wrap{display:none}
#csDashboard{
 --cs-blue:#f4aa28;--cs-light:#ffe7a9;--cs-violet:#d3a34f;--cs-dark:#061225;
 color:#f3faff;position:relative;isolation:isolate;min-height:100vh;
 font:15px/1.5 system-ui,Arial,sans-serif;background:#07111e;
}
#csDashboard:before{
 content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
 background:linear-gradient(100deg,rgba(2,8,17,.92),rgba(4,17,30,.72) 30%,rgba(17,26,35,.52) 62%,rgba(2,8,17,.86)),
 radial-gradient(ellipse at 70% 5%,rgba(255,171,63,.22),transparent 43%),
 url('/assets/media/f674fa4dbe63e013906d.webp') center center/cover no-repeat;
}
#csDashboard:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(180deg,rgba(0,0,0,.14),transparent 22%,rgba(1,8,23,.38) 85%,rgba(1,7,19,.7));}
#csDashboard *{box-sizing:border-box}
#csDashboard button{font:inherit;color:inherit;cursor:pointer}
#csDashboard .cs-shell{max-width:1920px;margin:0 auto;display:grid;grid-template-columns:88px minmax(0,1fr);min-height:100vh}
#csDashboard .cs-rail{position:sticky;top:0;align-self:start;height:100vh;overflow:auto;z-index:5;
 background:linear-gradient(90deg,rgba(0,9,23,.98),rgba(0,11,29,.82));
 border-right:1px solid rgba(81,183,255,.3);padding:18px 10px;backdrop-filter:blur(14px)}
#csDashboard .cs-icon-list{display:grid;gap:17px}
#csDashboard .cs-icon{width:68px;height:68px;border:1px solid rgba(255,255,255,.20);border-radius:16px;padding:0;
 background:#03101f;overflow:hidden;display:grid;place-items:center;box-shadow:0 9px 18px #0009;
 transition:transform .18s,border-color .18s,box-shadow .18s}
#csDashboard .cs-icon img{width:100%;height:100%;object-fit:cover;display:block}
#csDashboard .cs-icon:hover,#csDashboard .cs-icon:focus-visible{outline:none;transform:translateY(-2px);border-color:#65bdff;box-shadow:0 0 18px #258dfb80}
#csDashboard .cs-icon.selected{border:2px solid #67c7ff;box-shadow:0 0 0 2px #126bb8,0 0 24px #32b9fff2}
#csDashboard .cs-canvas{min-width:0;padding:16px clamp(14px,1.7vw,30px) 48px;display:grid;align-content:start;gap:14px}
#csDashboard .cs-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-height:65px}
#csDashboard .cs-kicker{font-size:12px;letter-spacing:2.2px;font-weight:900;color:#9bddff;text-shadow:0 2px 12px #000b;margin-top:7px}
#csDashboard .cs-kicker span{margin-left:9px;color:#e8f5ff;letter-spacing:1px;font-weight:500}
#csDashboard .cs-network{width:217px;max-width:43vw;flex:0 0 auto;padding:0;border-radius:16px;border:1px solid rgba(126,221,255,.24);
 background:rgba(1,9,21,.88);overflow:hidden;box-shadow:0 0 19px #2b7ae630,0 7px 23px #0007;transition:border-color .2s,box-shadow .2s}
#csDashboard .cs-network img{display:block;width:100%;height:auto;object-fit:contain}
#csDashboard .cs-network:hover{border-color:#77d4ff;box-shadow:0 0 21px #40baff70}
#csDashboard .cs-masthead{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,408px);gap:16px;align-items:stretch;min-height:246px}
#csDashboard .cs-hero{min-width:0;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;
 padding:14px 22px 0;border-radius:22px;
 background:linear-gradient(95deg,rgba(0,11,29,.80),rgba(2,19,45,.52) 55%,rgba(0,30,88,.07) 95%);
 border:1px solid rgba(103,185,255,.25);box-shadow:inset 0 0 20px rgba(20,113,255,.10),0 12px 27px #0004;backdrop-filter:blur(5px)}
#csDashboard .cs-brand{display:flex;align-items:center;gap:20px;min-width:0;padding-top:4px}
#csDashboard .cs-gameicon{width:105px;height:105px;flex:0 0 105px;border-radius:22px;
 border:1px solid rgba(119,209,255,.35);background:linear-gradient(145deg,#17367b,#06152b);
 box-shadow:0 0 24px #298cfd55,inset 0 0 18px #2594ff29;display:grid;place-items:center;padding:7px}
#csDashboard .cs-gameicon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px #0006)}
#csDashboard .cs-brand h1{margin:0;text-transform:uppercase;letter-spacing:-2px;font-weight:1000;line-height:.9;
 font-size:clamp(40px,5.4vw,86px);color:#fff;text-shadow:0 5px 0 #174b88,0 10px 22px #000c}
#csDashboard .cs-brand h1 span{display:block;letter-spacing:7px;margin-top:11px;font-size:clamp(18px,2.1vw,28px);text-shadow:0 2px 10px #000e}
#csDashboard .cs-brand h1 em{font-size:21px;font-style:normal;letter-spacing:0;vertical-align:middle}
#csDashboard .cs-brand p{margin:12px 0 0;color:#eaf7ff;font-weight:700;letter-spacing:1.6px;font-size:12px;text-transform:uppercase;text-shadow:0 2px 7px #000a}
#csDashboard .cs-tabs{display:flex;flex-wrap:wrap;gap:9px;padding:15px 0 14px}
#csDashboard .cs-tab{white-space:nowrap;color:#fff;padding:11px 17px;border:1px solid rgba(95,188,255,.47);
 background:linear-gradient(180deg,rgba(1,17,34,.94),rgba(1,15,29,.84));border-radius:12px;
 font-weight:800;box-shadow:0 8px 17px #0005;transition:filter .15s,box-shadow .15s}
#csDashboard .cs-tab:hover{filter:brightness(1.2)}
#csDashboard .cs-tab.active{background:linear-gradient(180deg,#0d66dd,#073584);border-color:#85e1ff;
 box-shadow:inset 0 1px #b3ecff80,0 0 17px #38b6ff7d;color:#fff}
#csDashboard .cs-anniv{position:relative;overflow:hidden;padding:18px;border-radius:20px;
 border:1px solid #5ebeff;box-shadow:0 0 22px #38b5ff5a,inset 0 0 25px #217dff2c;
 background:radial-gradient(ellipse at 60% 110%,rgba(25,123,255,.55),transparent 75%),linear-gradient(180deg,rgba(0,20,48,.94),rgba(0,10,28,.88));
 backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:13px}
#csDashboard .cs-anniv.today{border-color:#c4b8ff;box-shadow:0 0 38px #3ea9ff,0 0 28px #a971ff}
#csDashboard .cs-annhead{display:flex;align-items:center;gap:12px}
#csDashboard .cs-annhead .trophy{font-size:27px;filter:drop-shadow(0 0 10px #62bbff)}
#csDashboard .cs-annhead strong{font-size:16px;letter-spacing:1px;text-transform:uppercase;color:#eafbff}
#csDashboard .cs-annhead small{display:block;color:#aee0ff;font-size:12px}
#csDashboard .cs-clock{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
#csDashboard .cs-clockunit{border:1px solid #52c3ff99;border-radius:12px;text-align:center;
 background:linear-gradient(180deg,rgba(5,47,94,.86),rgba(0,20,49,.9));padding:12px 4px;
 box-shadow:inset 0 0 12px #097dfa3c,0 0 11px #298aff21}
#csDashboard .cs-clockunit strong{display:block;color:#a8e7ff;font-size:clamp(20px,2.6vw,36px);line-height:1.15;text-shadow:0 0 12px #008cffcc}
#csDashboard .cs-clockunit span{display:block;color:#d7edff;font-size:10px;margin-top:7px;text-transform:uppercase;letter-spacing:.4px}
#csDashboard .cs-ann-meta{color:#d4e7ff;text-align:center;font-size:12px;margin:auto 0 0}
#csDashboard .cs-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#csDashboard .cs-stat{min-width:0;border-radius:16px;padding:14px 15px;min-height:96px;display:flex;align-items:center;gap:13px;
 border:1px solid var(--stat-accent,#29a4ff);background:linear-gradient(145deg,rgba(2,18,38,.91),rgba(0,16,42,.77));
 box-shadow:inset 0 0 16px #0f85ff1a,0 5px 18px #0007;backdrop-filter:blur(9px)}
#csDashboard .cs-stat .symbol{font-size:26px;color:var(--stat-accent,#71c7ff);text-shadow:0 0 14px currentColor}
#csDashboard .cs-stat .numbers{min-width:0}
#csDashboard .cs-stat strong{display:block;color:#f5fbff;font-size:clamp(18px,1.8vw,27px);font-weight:900;line-height:1.22;overflow-wrap:anywhere}
#csDashboard .cs-stat small{display:block;color:#d5edff;font-size:12px;margin-top:4px}
#csDashboard .cs-stat .hint{font-size:10px;color:#a5d4ed;margin-top:4px}
#csDashboard .cs-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(295px,355px);gap:14px;align-items:start}
#csDashboard .cs-main{display:grid;gap:14px;min-width:0}
#csDashboard .cs-dropzone{display:grid;gap:14px;min-width:0}
#csDashboard .cs-dropzone:empty{display:none}
#csDashboard .cs-aside{display:grid;gap:14px;align-content:start;min-width:0}
#csDashboard .cs-panel,#csDashboard .cs-dropzone>.panel{margin:0!important;min-width:0;border-radius:18px;
 padding:18px;border:1px solid rgba(69,160,255,.78);
 background:linear-gradient(150deg,rgba(2,16,34,.91),rgba(1,12,29,.89));
 box-shadow:0 12px 28px #0008,inset 0 0 18px #0069ff12;backdrop-filter:blur(12px)}
#csDashboard .cs-panel h3{font-size:16px;margin:0;color:#f3fbff}
#csDashboard .cs-panelhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
#csDashboard .cs-count{display:inline-grid;min-width:29px;height:29px;padding:0 9px;place-items:center;border-radius:9px;font-weight:900;
 background:rgba(40,126,218,.25);border:1px solid #77c9ff55}
#csDashboard .cs-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-align:center;
 border:1px solid #4eafff;border-radius:11px;padding:10px 12px;font-weight:750;font-size:13px;
 background:rgba(4,32,68,.92);box-shadow:0 0 12px #168aff24}
#csDashboard .cs-action:hover{background:#0955a3}
#csDashboard .cs-action.primary{background:linear-gradient(180deg,#f4aa28,#054593);
 border-color:#76d7ff;box-shadow:0 0 15px #167efb62,inset 0 1px #fff6}
#csDashboard .cs-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#csDashboard .cs-panelbody{display:grid;gap:10px}
#csDashboard .cs-empty{color:#b9d9f1;font-size:13px;padding:10px 0}
#csDashboard .cs-personitem{width:100%;border:0;border-bottom:1px solid #87cfff27;background:transparent;
 display:flex;align-items:center;gap:12px;text-align:left;padding:9px 0;color:#e9f7ff;font-size:13px}
#csDashboard .cs-personitem img{width:39px;height:39px;object-fit:contain;flex:0 0 39px;border-radius:50%;background:#1b396855}
#csDashboard .cs-personitem strong{display:block;font-size:13px;color:#fff}
#csDashboard .cs-personitem small{color:#afd4f2;display:block;font-size:11px}
#csDashboard .cs-personitem span:last-child{margin-left:auto}
#csDashboard .cs-info{display:grid;grid-template-columns:1fr auto;gap:9px 11px;font-size:12px}
#csDashboard .cs-info span{color:#b5d7ef}
#csDashboard .cs-info b{text-align:right;color:#f7fdff}
#csDashboard .cs-info .known{color:#a3f4d4}
#csDashboard .cs-actionstatus{font-size:12px;color:#b3eaff;margin:0;min-height:16px}
#csDashboard .cs-footer{font-size:11px;text-align:center;color:#b4d7f5;padding:5px 0 22px;letter-spacing:1px}
#csDashboard .cs-setup p{font-size:14px;color:#c4dcee;margin:0 0 12px}
/* Shared team, profile and calendar components restyled to match Fortnite */
#csDashboard .cs-dropzone .section-head{margin:0 0 14px;padding:0;border:0}
#csDashboard .cs-dropzone .section-head h2{font-size:22px;margin:0;color:#eefaff}
#csDashboard .cs-dropzone .section-head .muted{font-size:12px;color:#99c7e8}
#csDashboard .cs-dropzone p{color:#c8def0}
#csDashboard .cs-dropzone .filters{display:grid;grid-template-columns:minmax(220px,1.65fr) 1fr 1fr;gap:12px;margin:0 0 13px}
#csDashboard .cs-dropzone .filters label{font-size:11px;font-weight:800;color:#afd7f1;letter-spacing:.6px}
#csDashboard .cs-dropzone input,#csDashboard .cs-dropzone select,#csDashboard .cs-dropzone textarea{
 background:rgba(1,13,30,.88);border:1px solid #3d7eae;border-radius:10px;color:#fff;
 box-shadow:inset 0 1px 8px #0004;min-width:0}
#csDashboard .cs-dropzone input:focus,#csDashboard .cs-dropzone select:focus{outline:2px solid #59b7ff}
#csDashboard .cs-dropzone .table-wrap{overflow-x:auto;border:1px solid #2469a755;border-radius:13px}
#csDashboard .cs-dropzone table{width:100%;min-width:700px;border-collapse:collapse;background:rgba(2,14,31,.58);font-size:13px}
#csDashboard .cs-dropzone th{padding:12px 10px;font-size:11px;letter-spacing:.4px;text-transform:none;color:#c7e9ff;background:rgba(41,95,140,.26)}
#csDashboard .cs-dropzone td{padding:8px 10px;border-bottom:1px solid #3e8dd128;color:#effaff}
#csDashboard .cs-dropzone tr.member-row:hover{background:#155a9f2c;cursor:pointer}
#csDashboard .cs-dropzone tr.member-row:focus-visible{outline:2px solid #69caff}
#csDashboard .cs-person{display:flex;align-items:center;gap:11px;min-width:170px}
#csDashboard .cs-person img{width:55px;height:55px;object-fit:contain;flex:0 0 55px;filter:drop-shadow(0 4px 7px #000a)}
#csDashboard .cs-person strong{display:block;font-size:13px;white-space:nowrap}
#csDashboard .cs-person small{display:block;font-size:11px;color:#b5d9ec}
#csDashboard .cs-roster-table .role{white-space:nowrap;font-size:12px;padding:7px 10px;border-radius:8px;box-shadow:0 0 10px #0006}
#csDashboard .cs-roster-table td[data-duration]{white-space:normal;min-width:175px;color:#cdeeff;font-size:12px}
#csDashboard #originalProfiles .profile-grid{gap:12px}
#csDashboard .cs-dropzone .profile-tile{border:1px solid #4eabed77;background:#011d3acc;color:#fff;border-radius:14px}
#csDashboard .cs-dropzone .avatar{width:74px;height:74px;object-fit:contain}
#csDashboard .cs-dropzone .cal-nav{margin:8px 0 17px}
#csDashboard .cs-dropzone .btn{background:linear-gradient(180deg,#0961bd,#063b79);border:1px solid #64bdff;color:#fff;border-radius:10px}
#csDashboard .cs-dropzone .btn.secondary{background:#031b38;color:#e8faff;border-color:#447db3}
#csDashboard .cs-dropzone .month{background:rgba(2,16,35,.64);border:1px solid rgba(70,152,222,.46);box-shadow:none;margin:0}
#csDashboard .cs-dropzone .weekday{color:#90caff}
#csDashboard .cs-dropzone .day{background:rgba(6,32,63,.77);border-color:rgba(70,148,211,.25)}
#csDashboard .cs-dropzone .day.off{background:rgba(1,9,24,.6)}
#csDashboard .cs-dropzone .day.today{outline:2px solid #72cbff}
#csDashboard .cs-dropzone .day .num{color:#daefff}
#csDashboard .cs-dropzone .absence-chip{background:#255fa73d;border-left-color:#83caff}
#csDashboard .cs-dropzone .notice{background:#144b9533;border-left-color:#6bc2ff;color:#c9e5ff}
#csDashboard .cs-dropzone .field label{color:#c5e7ff}
#csDashboard .cs-dropzone .absence-row{border-radius:12px;background:#071c2dbf;border-color:#4279b777}
@media(max-width:1360px){
 #csDashboard .cs-masthead{grid-template-columns:minmax(0,1fr) 365px}
 #csDashboard .cs-columns{grid-template-columns:minmax(0,1fr) 310px}
 #csDashboard .cs-brand h1{font-size:58px}
 #csDashboard .cs-tabs{gap:7px}
 #csDashboard .cs-tab{padding:10px 12px;font-size:12px}
}
@media(max-width:1080px){
 #csDashboard .cs-masthead{grid-template-columns:1fr}
 #csDashboard .cs-hero{min-height:232px}
 #csDashboard .cs-columns{grid-template-columns:1fr}
 #csDashboard .cs-aside{grid-template-columns:repeat(2,minmax(0,1fr))}
 #csDashboard .cs-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 #csDashboard .cs-shell{grid-template-columns:1fr}
 #csDashboard .cs-rail{position:relative;height:auto;overflow:auto;padding:9px 12px;background:#071522ed;border-bottom:1px solid #f3a4315e}
 #csDashboard .cs-icon-list{display:flex;gap:10px;overflow-x:auto}
 #csDashboard .cs-icon{width:55px;height:55px;flex:0 0 55px;border-radius:13px}
 #csDashboard .cs-canvas{padding:12px;gap:11px}
 #csDashboard .cs-topline{min-height:58px;align-items:center}
 #csDashboard .cs-kicker{font-size:9px;letter-spacing:1px}
 #csDashboard .cs-kicker span{display:block;margin:0;font-size:9px}
 #csDashboard .cs-network{width:144px;max-width:44vw}
 #csDashboard .cs-hero{padding:15px 13px 0;min-height:234px}
 #csDashboard .cs-gameicon{width:68px;height:68px;flex-basis:68px;border-radius:16px}
 #csDashboard .cs-brand{gap:10px}
 #csDashboard .cs-brand h1{font-size:clamp(31px,8vw,58px);letter-spacing:-1px}
 #csDashboard .cs-brand h1 span{font-size:17px;letter-spacing:3px;margin-top:7px}
 #csDashboard .cs-brand p{font-size:9px;letter-spacing:.3px}
 #csDashboard .cs-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
 #csDashboard .cs-tab{white-space:normal;min-width:0;font-size:11px;padding:10px 6px}
 #csDashboard .cs-anniv{padding:14px}
 #csDashboard .cs-clockunit strong{font-size:24px}
 #csDashboard .cs-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #csDashboard .cs-stat{padding:11px;min-height:98px;gap:7px}
 #csDashboard .cs-stat .symbol{font-size:21px}
 #csDashboard .cs-stat strong{font-size:20px}
 #csDashboard .cs-stat small{font-size:11px}
 #csDashboard .cs-aside{grid-template-columns:1fr}
 #csDashboard .cs-dropzone .filters{grid-template-columns:1fr 1fr}
 #csDashboard .cs-dropzone .filters .searchbox{grid-column:1/-1}
}
@media(max-width:400px){
 #csDashboard .cs-gameicon{width:50px;height:50px;flex-basis:50px}
 #csDashboard .cs-brand h1{font-size:30px}
 #csDashboard .cs-brand p{font-size:9px}
 #csDashboard .cs-stat{flex-direction:column;align-items:flex-start}
 #csDashboard .cs-actions{grid-template-columns:1fr}
}



/* Counter-Strike 2 · finish details */
body.counterstrike-dashboard-active {background:#050b13}
#csDashboard {--cs-blue:#082741;--cs-light:#f7c35d;--cs-violet:#d99324;--cs-dark:#061321;color:#f6f6f3;background:#060e18}
#csDashboard:before{background:linear-gradient(104deg,rgba(3,10,20,.94),rgba(5,14,24,.78) 26%,rgba(6,15,26,.54) 65%,rgba(3,10,20,.88)),radial-gradient(ellipse at 75% 10%,rgba(247,163,46,.19),transparent 54%),url('/assets/media/f674fa4dbe63e013906d.webp') center/cover no-repeat;filter:saturate(1.10)}
#csDashboard:after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 7% 10%,rgba(11,98,154,.16),transparent 38%),linear-gradient(to bottom,transparent 0%,rgba(2,8,15,.3) 58%,rgba(2,8,15,.85) 100%)}
#csDashboard .cs-rail{background:linear-gradient(180deg,rgba(4,14,27,.96),rgba(4,12,21,.93));border-color:rgba(248,173,64,.30)}
#csDashboard .cs-icon:hover,#csDashboard .cs-icon.selected{border-color:#ffbb3b;box-shadow:0 0 0 1px #ffc85788,0 0 23px #e99b3199}
#csDashboard .cs-kicker{color:#ffdc93}
#csDashboard .cs-network{box-shadow:0 0 18px rgba(255,180,66,.22),0 8px 25px #0008;border-color:#ffc26e50}
#csDashboard .cs-hero,#csDashboard .cs-anniv,#csDashboard .cs-stat,#csDashboard .cs-panel,#csDashboard .cs-dropzone>.section{background:linear-gradient(140deg,rgba(5,16,28,.90),rgba(5,10,18,.80));border:1px solid rgba(244,168,52,.42);box-shadow:inset 0 1px #fff2,0 14px 36px #0007,0 0 24px #da93331b;backdrop-filter:blur(12px);border-radius:19px}
#csDashboard .cs-hero{background:radial-gradient(circle at 70% 4%,rgba(255,191,73,.1),transparent 36%),linear-gradient(120deg,rgba(3,12,23,.89),rgba(5,15,27,.6) 58%,rgba(7,15,24,.5));min-height:255px}
#csDashboard .cs-brand h1{font-size:clamp(36px,4vw,63px);letter-spacing:-1.4px;line-height:1.04;color:#f7f8fa;text-shadow:0 4px 20px #000d}
#csDashboard .cs-brand h1 .cs-two{font-size:1.14em;color:#ffc23c;text-shadow:0 0 19px rgba(255,190,59,.34);font-style:italic}
#csDashboard .cs-brand h1 span{font-size:clamp(19px,2vw,26px);color:#e9eef6;margin-top:8px;letter-spacing:4px}
#csDashboard .cs-brand p{color:#e1e5ed;letter-spacing:.8px}
#csDashboard .cs-gameicon{border-color:#ffbe55;box-shadow:0 0 22px rgba(255,169,43,.20);background:#0a2335}
#csDashboard .cs-tab{border-color:#fdaf4c66;color:#f3f1e8;background:rgba(7,22,37,.84);border-radius:12px}
#csDashboard .cs-tab.active,#csDashboard .cs-tab:hover{background:linear-gradient(145deg,#ca8023,#664518);border-color:#ffbe52;box-shadow:0 0 22px #ffa73544}
#csDashboard .cs-anniv{background:linear-gradient(160deg,rgba(12,22,33,.94),rgba(5,13,23,.90))}
#csDashboard .cs-annhead strong{color:#f9cf80}
#csDashboard .cs-clockunit{border-color:#dba64d7b;background:#112334ee}
#csDashboard .cs-clockunit strong{color:#ffc655}
#csDashboard .cs-stat{border-color:#e0a0445c}
#csDashboard .cs-stat strong{color:#fff5df}
#csDashboard .cs-panel{background:linear-gradient(135deg,rgba(5,18,30,.95),rgba(4,11,22,.92))}
#csDashboard .cs-panelhead h3{color:#f6f0e7}
#csDashboard .cs-action{background:#102638d9;border-color:#7e9eb155;color:#f0f5fc}
#csDashboard .cs-action.primary{background:linear-gradient(135deg,#c68b2e,#694b19);border-color:#ffc45b;color:white;box-shadow:0 0 20px #e79c273f}
#csDashboard .cs-dropzone>.section .filters input,#csDashboard .cs-dropzone>.section .filters select{background:rgba(6,21,34,.93);border-color:rgba(222,169,89,.50)}
#csDashboard .cs-dropzone>.section{border-radius:18px}
#csDashboard .cs-dropzone table{border-radius:12px;overflow:hidden}
#csDashboard .cs-roster-table th{background:rgba(23,48,64,.85);color:#eaf3ff}
#csDashboard .cs-roster-table tbody tr:nth-child(odd){background:rgba(9,24,39,.72)}
#csDashboard .cs-roster-table tbody tr:nth-child(even){background:rgba(13,29,43,.55)}
#csDashboard .cs-roster-table tbody tr:hover{background:#a8702640;cursor:pointer}
#csDashboard .cs-person img{background:none;border:0;filter:drop-shadow(0 4px 6px #0006)}
#csDashboard .cs-setup{margin-top:2px}
@media(max-width:760px){#csDashboard .cs-brand h1{font-size:clamp(27px,7vw,43px)}#csDashboard .cs-brand h1 .cs-two{font-size:1em}#csDashboard .cs-brand h1 span{font-size:16px;letter-spacing:2px}#csDashboard .cs-hero{min-height:240px}}


/* Play2Gether 2026: guided entrance and a separate portrait layout */
#launchScreen{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 18% 16%,#3761cc42,transparent 42%),radial-gradient(ellipse at 83% 78%,#ed357d2c,transparent 47%),linear-gradient(150deg,#060c16 4%,#0d1321 55%,#070a14 100%);isolation:isolate;color:#fff}
#launchScreen::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;background:linear-gradient(120deg,transparent 10%,#ffffff07 10.1%,transparent 10.2%),repeating-linear-gradient(0deg,transparent 0 39px,#ffffff08 40px);mask-image:linear-gradient(to bottom,transparent,#000 28%,#000 85%,transparent)}
#launchScreen::after{content:"";position:absolute;width:min(88vw,620px);aspect-ratio:1;z-index:-1;border-radius:50%;background:conic-gradient(from 0deg,#ff66382c,#f35dd02c,#26c0ff3a,#ffe76d29,#ff66382c);filter:blur(94px);animation:launchAura 9s linear infinite}
#launchScreen .launch-panel{position:relative;width:min(92vw,570px);padding:clamp(28px,6vw,52px) clamp(22px,5vw,50px);text-align:center;border:1px solid #8997b343;border-radius:32px;background:linear-gradient(155deg,#172238bc,#070b17e8 80%);box-shadow:0 30px 100px #000a,0 0 0 1px #fff1 inset,0 0 70px #6a76df22;backdrop-filter:blur(24px)}
.launch-eyebrow{color:#bac8e2;font-weight:800;letter-spacing:.28em;font-size:11px;text-transform:uppercase}
.launch-icon{position:relative;display:block;width:clamp(215px,58vw,306px);height:auto;margin:25px auto 14px;object-fit:contain;filter:drop-shadow(0 0 24px #8e78ff55);animation:launchFloating 3.8s ease-in-out infinite}
.launch-title{margin:8px 0 0;font-size:clamp(30px,6vw,42px);font-weight:950;line-height:1.04;letter-spacing:-1.4px;color:#fff}
.launch-title .launch-colored{background:linear-gradient(110deg,#fff 12%,#ffbc5a 35%,#fd67ae 58%,#b1a1ff 78%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.launch-caption{margin:10px 0 24px;color:#a8b5d1;letter-spacing:.19em;text-transform:uppercase;font-size:12px}
.launch-rule{height:1px;width:100%;background:linear-gradient(90deg,transparent,#ffffff37,transparent);margin:20px 0 27px}
.launch-question{font-size:20px;font-weight:800;margin:0 0 6px;color:#fff}
.launch-info{color:#bac4d5;font-size:14px;line-height:1.55;margin:0 auto 23px;max-width:360px}
.launch-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.launch-choice{appearance:none;border:1px solid #ffffff36;cursor:pointer;color:#fff;border-radius:20px;background:linear-gradient(180deg,#1b2738c9,#0b1323e3);min-height:144px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;box-shadow:0 15px 20px #0003,inset 0 1px #fff2;transition:transform .22s,border-color .22s,box-shadow .22s}
.launch-choice:hover,.launch-choice:focus-visible{transform:translateY(-4px);outline:none;border-color:#77cdff;box-shadow:0 8px 38px #4faeff38,0 0 0 1px #b3eeff3d inset}
.launch-choice:active{transform:scale(.97)}
.launch-choice .launch-choice-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;color:#9ad8ff;background:radial-gradient(circle at top left,#3f92e43b,#24335d36);border:1px solid #75b9f250}
.launch-choice:nth-child(2) .launch-choice-icon{color:#d0b1ff;background:radial-gradient(circle at top left,#8252f33b,#24335d36);border-color:#ae8efa60}
.launch-choice strong{font-size:17px}.launch-choice small{font-size:12px;color:#b2becf}
.launch-hint{font-size:11px;color:#929eb3;letter-spacing:.03em;margin:19px 0 0}
#launchScreen.leaving .launch-panel{opacity:0;transform:scale(.98);transition:opacity .28s,transform .28s}
#launchScreen.leaving{background-color:transparent;transition:opacity .3s ease 1s}
#launchFly{position:fixed;z-index:10002;pointer-events:none;opacity:0;object-fit:contain;transform-origin:left top;will-change:transform,opacity;filter:drop-shadow(0 0 16px #fd7aba5c)}
body.launch-pending{overflow:hidden}
body.launch-pending #selection{visibility:hidden}
body.launch-staging #selection{visibility:visible}
body.launch-staging #serverCards .reference-card{opacity:0;transform:translateY(26px) scale(.89);pointer-events:none;transition:opacity .5s ease,transform .65s cubic-bezier(.18,.9,.22,1.16),box-shadow .3s}
body.launch-staging #serverCards .reference-card.launch-reveal{opacity:1;transform:none;pointer-events:auto}
body.launch-staging #serverCards .reference-card.launch-reveal:hover{transform:translateY(-4px)}
body.ui-mobile{background:#060c16}
body.ui-mobile #selection{min-height:100dvh;overflow:visible;display:block;padding:12px;background:radial-gradient(ellipse at top,#23374b,#080c18 66%,#050a12)}
body.ui-mobile #selection.reference-selection:before{background-position:center top;filter:blur(25px) brightness(.5);opacity:.5}
body.ui-mobile #selection .reference-shell{width:min(100%,490px);margin:0 auto;padding:14px;border-radius:23px;border-color:#7da7cf3d;background:linear-gradient(155deg,#101d2af2,#090d19f5);box-shadow:0 20px 55px #0009}
body.ui-mobile #selection .reference-heading{display:none}
#mobileSelectionHeading{display:none}
body.ui-mobile #mobileSelectionHeading{display:block;padding:16px 13px 22px;text-align:center;position:relative}
.mobile-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.mobile-netbadge{width:154px;max-width:49%;height:auto;display:block;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 0 23px #9e8aff2d;object-fit:contain}
.mobile-network-tag{font-size:10px;color:#bac5da;letter-spacing:1.6px;text-align:left;padding-top:7px;font-weight:900}
.mobile-hero-title{margin:22px 0 4px;font-size:clamp(24px,7.2vw,37px);line-height:1.08;font-weight:950;color:#fff;letter-spacing:-1px}
.mobile-hero-title span{background:linear-gradient(110deg,#ffc67b,#ff70ad,#73d8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.mobile-hero-sub{margin:8px 0 0;font-size:13px;color:#b8c6d8;line-height:1.5}
.mobile-tiny-tag{color:#9aacc2;font-size:10px;letter-spacing:2px;text-transform:uppercase;margin:18px 0 8px;font-weight:900}
body.ui-mobile #serverCards.reference-grid{display:grid;grid-template-columns:1fr;gap:14px}
body.ui-mobile #serverCards .reference-card{width:100%;aspect-ratio:1.85;border-radius:18px;background-size:cover;background-position:center;box-shadow:inset 0 0 45px #0008,0 9px 25px #0007,0 0 13px color-mix(in srgb,var(--c) 16%,transparent)}
body.ui-mobile #serverCards .reference-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#040a16bc,transparent 80%),linear-gradient(to bottom,transparent 25%,#030911dd 100%);pointer-events:none}
body.ui-mobile #serverCards .reference-card .reference-count{z-index:1;bottom:21%;left:6%;width:88%;height:auto;background:none;font-size:13px;font-weight:800}
body.ui-mobile #serverCards .reference-card .reference-action{z-index:1;left:6%;right:6%;bottom:5%;height:17%;font-size:12px}
body.ui-mobile #serverCards .reference-card .mobile-card-title{position:absolute;z-index:1;left:6%;bottom:39%;font-size:clamp(19px,5.3vw,25px);line-height:1.05;font-weight:950;text-shadow:0 2px 10px #000f;max-width:88%}
body.ui-mobile #serverCards .reference-card .mobile-card-title span{color:var(--c)}
@keyframes launchAura{to{transform:rotate(360deg)}}
@keyframes launchFloating{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
/* Mobile is a genuine portrait layout, even if selected on a desktop browser. */
body.ui-mobile :is(#mcDashboard,#vgDashboard,#fhDashboard,#gtaDashboard,#fnDashboard,#csDashboard){width:min(100%,500px)!important;margin:0 auto!important;overflow:visible!important;isolation:isolate}
body.ui-mobile :is(#mcDashboard,#vgDashboard,#fnDashboard,#csDashboard) :is(.mcd-shell,.vg-shell,.fn-shell,.cs-shell),body.ui-mobile #fhDashboard .fh-layout,body.ui-mobile #gtaDashboard .gta-layout{display:block!important;max-width:none!important;min-width:0!important}
body.ui-mobile :is(.mcd-rail,.vg-rail,.fh-rail,.gta-rail,.fn-rail,.cs-rail){position:sticky!important;top:0!important;height:auto!important;max-height:none!important;width:100%!important;padding:9px 11px!important;overflow-x:auto!important;overflow-y:hidden!important;z-index:21!important;background:linear-gradient(90deg,#08111ae8,#07101bea)!important;border-bottom:1px solid #ffffff38!important;backdrop-filter:blur(15px)!important;border-radius:0 0 16px 16px!important;scrollbar-width:none}
body.ui-mobile :is(.mcd-rail,.vg-rail,.fh-rail,.gta-rail,.fn-rail,.cs-rail)::-webkit-scrollbar{display:none}
body.ui-mobile :is(.mcd-icon-list,.vg-icon-list,.fh-icon-list,.gta-icon-list,.fn-icon-list,.cs-icon-list){display:flex!important;flex-flow:row nowrap!important;align-items:center!important;gap:9px!important;width:max-content!important;min-width:100%!important}
body.ui-mobile :is(.mcd-icon,.vg-icon,.fh-icon,.gta-icon,.fn-icon,.cs-icon){flex:0 0 52px!important;width:52px!important;height:52px!important;min-width:52px!important;border-radius:14px!important;padding:3px!important}
body.ui-mobile :is(.mcd-icon,.vg-icon,.fh-icon,.gta-icon,.fn-icon,.cs-icon) img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:11px!important}
body.ui-mobile :is(.mcd-canvas,.vg-canvas,.fh-canvas,.gta-canvas,.fn-canvas,.cs-canvas){width:100%!important;min-width:0!important;max-width:100%!important;padding:12px 12px 32px!important;margin:0!important;display:block!important}
body.ui-mobile :is(.mcd-brand-row,.vg-brand-row,.fh-brand-row,.fn-topline,.cs-topline){min-height:0!important;height:auto!important;display:flex!important;justify-content:space-between!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important}
body.ui-mobile :is(.mcd-network,.vg-network,.fh-network,.gta-network,.fn-network,.cs-network){position:relative!important;top:auto!important;right:auto!important;width:134px!important;max-width:47vw!important;min-width:0!important;align-self:flex-start!important;height:auto!important;min-height:0!important;margin:0!important;flex:0 0 auto!important}
body.ui-mobile :is(.mcd-network,.vg-network,.fh-network,.gta-network,.fn-network,.cs-network) img{display:block!important;width:100%!important;max-height:none!important;height:auto!important;object-fit:contain!important}
body.ui-mobile :is(.mcd-crumb,.vg-kicker,.fh-kicker,.gta-kicker,.fn-kicker,.cs-kicker){font-size:10px!important;letter-spacing:1.2px!important;max-width:48%!important;line-height:1.5!important}
body.ui-mobile :is(.mcd-masthead,.vg-masthead,.fn-masthead,.cs-masthead){display:flex!important;flex-direction:column!important;gap:12px!important;align-items:stretch!important;min-height:0!important;height:auto!important;max-height:none!important;margin:14px 0!important}
body.ui-mobile :is(.mcd-brand-left,.vg-brand-left,.fn-brand,.cs-brand){padding:0!important;min-width:0!important;max-width:100%!important;width:100%!important}
body.ui-mobile :is(.mcd-mc-logo,.vg-game-logo){width:min(100%,350px)!important;max-height:190px!important;object-fit:contain!important;margin:0 auto!important}
body.ui-mobile :is(.mcd-tabbar,.vg-tabs,.fn-tabs,.cs-tabs,.fh-tabs,.gta-tabs){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;margin:12px 0!important}
body.ui-mobile :is(.mcd-tab,.vg-tab,.fh-tab,.gta-tab,.fn-tab,.cs-tab){width:100%!important;min-width:0!important;max-width:100%!important;min-height:43px!important;padding:10px 6px!important;margin:0!important;font-size:11px!important;line-height:1.25!important;justify-content:center!important;white-space:normal!important;text-align:center!important;border-radius:11px!important}
body.ui-mobile #mcdCountdown{transform:none!important;position:static!important;width:100%!important;display:block!important}
body.ui-mobile #mcdCountdown .server-anniversary{height:auto!important;min-height:0!important;padding:14px!important;overflow:visible!important}
body.ui-mobile #mcdStats{width:100%!important}
body.ui-mobile :is(#mcdStats .stats,.vg-metricstrip,.fh-metricstrip,.gta-stats,.fn-stats,.cs-stats){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:100%!important;margin:10px 0!important}
body.ui-mobile :is(#mcdStats .stat,.vg-metric,.fh-stat,.gta-stat,.fn-stat,.cs-stat){min-width:0!important;min-height:100px!important;padding:13px 11px!important;font-size:12px!important;border-radius:15px!important;overflow-wrap:anywhere!important}
body.ui-mobile :is(#mcdStats .value,.vg-metric .value,.fh-stat .value,.gta-stat .value,.fn-stat .value,.cs-stat .value){font-size:clamp(17px,5vw,26px)!important;word-break:break-word!important}
body.ui-mobile :is(.mcd-dashboard-grid,.vg-grid,.fh-grid,.gta-content,.fn-columns,.cs-columns){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;min-width:0!important;margin:12px 0!important}
body.ui-mobile :is(.mcd-main,.vg-main,.fh-main,.gta-main,.fn-main,.cs-main,.mcd-widgets,.vg-widgets,.fh-widgets,.gta-aside,.fn-aside,.cs-aside){min-width:0!important;max-width:100%!important;width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
body.ui-mobile :is(.mcd-dropzone,.vg-dropzone,.fh-dropzone,.gta-dropzone,.fn-dropzone,.cs-dropzone){min-width:0!important;max-width:100%!important;width:100%!important}
body.ui-mobile :is(.mcd-widget,.vg-widget,.fh-widget,.gta-widget,.fn-panel,.cs-panel){min-width:0!important;width:100%!important;padding:14px!important;border-radius:16px!important}
body.ui-mobile #fhDashboard .fh-top,body.ui-mobile #gtaDashboard .gta-top{display:flex!important;flex-direction:column!important;gap:12px!important;min-height:0!important;height:auto!important}
body.ui-mobile #fhDashboard .fh-hero{min-height:0!important;width:100%!important;padding:15px!important;gap:12px!important}
body.ui-mobile #fhDashboard .fh-logo-wrap{max-width:none!important;width:100%!important;gap:10px!important;margin:6px 0!important}
body.ui-mobile #fhDashboard .fh-emblem{width:69px!important;height:69px!important;min-width:69px!important;border-radius:18px!important}
body.ui-mobile #fhDashboard .fh-wordmark h1{font-size:clamp(25px,8vw,39px)!important;line-height:.91!important}
body.ui-mobile #fhDashboard .fh-wordmark p{font-size:10px!important;letter-spacing:0!important}
body.ui-mobile #fhDashboard .fh-anniv{min-height:0!important;height:auto!important;padding:14px!important;width:100%!important}
body.ui-mobile #fhDashboard .fh-timebox{padding:10px 3px!important;min-width:0!important}
body.ui-mobile #fhDashboard .fh-timebox strong{font-size:23px!important}
body.ui-mobile #fhDashboard .fh-timer{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
body.ui-mobile #gtaDashboard .gta-hero{min-height:0!important;padding:15px!important;width:100%!important}
body.ui-mobile #gtaDashboard .gta-lefthead,body.ui-mobile #gtaDashboard .gta-righthead{display:flex!important;flex-direction:column!important;gap:10px!important;min-width:0!important;width:100%!important;align-items:stretch!important}
body.ui-mobile #gtaDashboard .gta-brand{font-size:clamp(36px,9vw,58px)!important;min-width:0!important}
body.ui-mobile #gtaDashboard .gta-anniv{min-width:0!important;min-height:0!important;height:auto!important;width:100%!important;padding:14px!important}
body.ui-mobile :is(#fnDashboard .fn-hero,#csDashboard .cs-hero){min-height:0!important;height:auto!important;padding:15px!important}
body.ui-mobile :is(#fnDashboard .fn-brand,#csDashboard .cs-brand){max-width:100%!important;width:100%!important;min-width:0!important}
body.ui-mobile :is(#fnDashboard .fn-gameicon,#csDashboard .cs-gameicon){width:68px!important;height:68px!important;flex:0 0 68px!important}
body.ui-mobile :is(#fnDashboard .fn-anniv,#csDashboard .cs-anniv){max-width:100%!important;min-height:0!important;height:auto!important;width:100%!important;position:static!important;transform:none!important;margin:0!important;padding:13px!important}
body.ui-mobile :is(#fnDashboard .fn-clock,#csDashboard .cs-clock){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;width:100%!important}
body.ui-mobile :is(#fnDashboard .fn-clockunit,#csDashboard .cs-clockunit){min-width:0!important;padding:8px 4px!important}
body.ui-mobile :is(#fnDashboard .fn-clockunit strong,#csDashboard .cs-clockunit strong){font-size:20px!important}
body.ui-mobile :is(#fnDashboard .fn-stat,#csDashboard .cs-stat){overflow-wrap:anywhere}
body.ui-mobile :is(.fn-actions,.cs-actions,.gta-actions,.fh-actions,.vg-actions,.mcd-actions){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
body.ui-mobile :is(.fn-action,.cs-action,.gta-action,.fh-action,.vg-action,.mcd-side-btn){min-width:0!important;white-space:normal!important;font-size:12px!important;padding:9px 5px!important}
/* Re-use the canonical table data; present each row as a readable touch card. */
body.ui-mobile #originalMembers{width:100%!important;min-width:0!important;overflow:visible!important;padding:14px 12px!important}
body.ui-mobile #originalMembers .section-head{display:block!important}
body.ui-mobile #originalMembers .filters{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
body.ui-mobile #originalMembers .filters>*{grid-column:auto!important;width:100%!important;min-width:0!important}
body.ui-mobile #originalMembers :is(input,select){width:100%!important;min-width:0!important}
body.ui-mobile #originalMembers .table-wrap{width:100%!important;min-width:0!important;overflow:visible!important}
body.ui-mobile #originalMembers table{display:block!important;min-width:0!important;width:100%!important;background:transparent!important;border:0!important}
body.ui-mobile #originalMembers thead{display:none!important}
body.ui-mobile #originalMembers tbody{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important}
body.ui-mobile #originalMembers tbody tr.member-row{display:grid!important;grid-template-columns:1fr!important;min-width:0!important;width:100%!important;padding:13px!important;border:1px solid #ffffff22!important;border-radius:15px!important;background:linear-gradient(135deg,#151f2be8,#080f1bea)!important;box-shadow:0 8px 21px #0005!important;cursor:pointer!important;gap:7px!important;min-height:0!important;height:auto!important}
body.ui-mobile #originalMembers tbody tr.member-row td{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:4px 0!important;border:0!important;font-size:13px!important;line-height:1.4!important;white-space:normal!important;overflow-wrap:anywhere!important;vertical-align:middle!important}
body.ui-mobile #originalMembers tbody tr.member-row td::before{content:attr(data-mobile-label)!important;flex:0 0 42%!important;color:#aebdcf!important;font-size:11px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.25px!important}
body.ui-mobile #originalMembers tbody tr.member-row td img.avatar{width:54px!important;height:54px!important;min-width:54px!important;object-fit:contain!important}
body.ui-mobile #originalMembers tbody tr.member-row td:first-child{order:0!important}
body.ui-mobile #originalMembers tbody tr.member-row td:first-child::before{content:"Profilbild"!important}
body.ui-mobile #originalMembers tbody tr.member-row td .role{max-width:55%;white-space:normal!important;display:inline-block!important;text-align:center!important}
body.ui-mobile #originalMembers tbody tr:not(.member-row) td{min-width:0!important;white-space:normal!important}
body.ui-mobile #originalProfiles .profile-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
body.ui-mobile :is(#calendar,#originalAbsence){min-width:0!important;width:100%!important}
body.ui-mobile #calendar{padding:15px 12px!important}
body.ui-mobile #calendar .section-head{display:block!important}
body.ui-mobile #calendar .cal-nav{display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px!important;gap:7px!important}
body.ui-mobile #calendar .cal-nav #allMonths{grid-column:1/-1!important;width:100%!important}
body.ui-mobile #calendar .cal-nav select{min-width:0!important;width:100%!important}
body.ui-mobile #calendar .cal-nav button{min-width:0!important;padding:9px 5px!important}
body.ui-mobile #calendar .month{padding:7px!important;min-width:0!important;border-radius:12px!important}
body.ui-mobile #calendar .week{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:2px!important}
body.ui-mobile #calendar .day{padding:3px 2px!important;min-width:0!important;min-height:47px!important;font-size:9px!important;line-height:1.35!important;overflow:hidden!important;overflow-wrap:anywhere!important}
body.ui-mobile #calendar .day .num{font-size:11px!important}
body.ui-mobile #calendar .weekday{font-size:10px!important;padding:6px 0!important}
body.ui-mobile #calendar .absence-chip{font-size:8px!important;margin-top:4px!important;padding:2px!important;border-left-width:2px!important}
body.ui-mobile #originalAbsence .form-grid{grid-template-columns:1fr!important;gap:10px!important}
body.ui-mobile #originalAbsence .form-actions{flex-wrap:wrap!important;gap:8px!important}
body.ui-mobile #originalAbsence .form-actions button{flex:1 1 135px!important;white-space:normal!important}
body.ui-mobile .absence-row{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}
body.ui-mobile #profileModal .modal-card{max-width:calc(100vw - 16px)!important;width:calc(100vw - 16px)!important;padding:13px!important;border-radius:16px!important;max-height:94dvh!important;overflow-y:auto!important}
body.ui-mobile #profileModal .modal-heading{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:9px!important}
body.ui-mobile #profileModal .modal-heading img.avatar{width:94px!important;height:94px!important}
body.ui-mobile #profileModal :is(.modal-two,.counter-panel){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
body.ui-mobile #profileModal .modal-heading h2{font-size:clamp(21px,6vw,31px)!important;overflow-wrap:anywhere!important}
body.ui-mobile #profileModal .detail-value{font-size:16px!important;overflow-wrap:anywhere!important}
body.ui-mobile #profileModal .counter-piece strong{font-size:23px!important}
@media(max-width:510px){#launchScreen .launch-panel{border-radius:23px;padding:27px 19px}.launch-choice{min-height:124px}.launch-choice small{font-size:11px}}
@media(prefers-reduced-motion:reduce){#launchScreen::after,.launch-icon{animation:none!important}#launchScreen *{scroll-behavior:auto!important}}


.mobile-card-title{display:none}
body.ui-mobile #serverCards .reference-card .mobile-card-title{display:block}
#viewModeSwitch{position:fixed;bottom:19px;right:19px;z-index:950;display:grid;place-items:center;width:49px;height:49px;border-radius:14px;border:1px solid #ffffff55;background:linear-gradient(160deg,#102239e8,#080c19eb);color:#ddf4ff;box-shadow:0 0 24px #4e9aff44;backdrop-filter:blur(12px);font-size:25px;cursor:pointer}
#viewModeSwitch[hidden]{display:none!important}
body.ui-mobile #viewModeSwitch{width:43px;height:43px;bottom:12px;right:12px}

/* Finishing touches: badge placement on GTA 6 and Forza in portrait. */
body.ui-mobile #fhDashboard .fh-top{position:relative!important}
body.ui-mobile #fhDashboard .fh-badge-row{position:absolute!important;top:13px!important;right:13px!important;z-index:16!important;width:134px!important;height:auto!important;min-height:0!important;display:block!important;margin:0!important;padding:0!important}
body.ui-mobile #fhDashboard .fh-badge-row .fh-network{position:static!important;width:134px!important;max-width:100%!important}
body.ui-mobile #gtaDashboard .gta-top{position:relative!important}
body.ui-mobile #gtaDashboard .gta-righthead{display:contents!important}
body.ui-mobile #gtaDashboard .gta-network{position:absolute!important;top:13px!important;right:13px!important;left:auto!important;z-index:16!important;width:134px!important;max-width:45%!important;margin:0!important}
body.ui-mobile #gtaDashboard .gta-anniv{position:relative!important;order:10!important}
body.ui-mobile #gtaDashboard .gta-lefthead{order:0!important}
body.ui-mobile #selection{overflow-x:clip!important}
body.ui-mobile #serverCards .reference-card::after{background:linear-gradient(0deg,rgba(2,7,16,.96) 0%,rgba(2,7,16,.9) 29%,rgba(2,7,16,.72) 48%,transparent 81%)!important}


/* Developer simulations appear in the actual server overview and are transient. */
.p2g-dev-anniversary{border-color:#ffd455!important;box-shadow:0 0 0 2px #ffe787,0 0 32px #ffdc58af!important;animation:p2gDemoGold 1.45s ease-in-out infinite alternate!important}
@keyframes p2gDemoGold{from{filter:brightness(1)}to{filter:brightness(1.16) drop-shadow(0 0 14px #ffd85da8)}}
.p2g-live-simulation{position:fixed;bottom:22px;right:20px;z-index:110;background:linear-gradient(120deg,#101a29f5,#061017f7);color:#fff;border:1px solid #fbc962;border-radius:16px;box-shadow:0 12px 34px #000b,0 0 20px #fac54544;padding:12px 18px;max-width:min(355px,calc(100vw - 30px));font-size:14px;font-weight:750;pointer-events:none}
.p2g-live-simulation strong{color:#ffeaa0;display:block;font-size:12px;letter-spacing:1px;margin-bottom:3px}
.p2g-simulated-jubilee{display:grid;gap:14px;text-align:center;color:#fff3bd;padding:18px 10px}.p2g-simulated-jubilee strong{font-size:16px;letter-spacing:1px}.p2g-simulated-clock{font-size:21px;font-weight:900;color:#fff9da;text-shadow:0 0 17px #ffbf47}.p2g-simulated-clock small{font-size:11px;font-weight:600;color:#ffe2a0}.p2g-simulated-jubilee span{font-size:12px;color:#ffe5a8}.p2g-demo-chip{display:inline-block;padding:6px 9px;border:1px solid #fbd66b99;border-radius:8px;color:#ffe8a9;background:#af7f191f;font-weight:750;font-size:12px}
.p2g-dev-effect-gold .mcd-masthead,.p2g-dev-effect-gold .vg-masthead,.p2g-dev-effect-gold .fh-hero,.p2g-dev-effect-gold .gta-top,.p2g-dev-effect-gold .fn-masthead,.p2g-dev-effect-gold .cs-masthead{filter:drop-shadow(0 0 20px #ffd75d);outline:2px solid #ffdc77;border-radius:20px}
.p2g-dev-effect-neon .mcd-masthead,.p2g-dev-effect-neon .vg-masthead,.p2g-dev-effect-neon .fh-hero,.p2g-dev-effect-neon .gta-top,.p2g-dev-effect-neon .fn-masthead,.p2g-dev-effect-neon .cs-masthead{filter:drop-shadow(0 0 18px #39ccff);outline:2px solid #53d8ff;border-radius:20px}
.p2g-stat-test #mcdStats,.p2g-stat-test #vgStats,.p2g-stat-test #fhStats,.p2g-stat-test #gtaStats,.p2g-stat-test #fnStats,.p2g-stat-test #csStats{outline:2px solid #ffcd64b3;outline-offset:3px;border-radius:16px;box-shadow:0 0 22px #ffb63650}
.p2g-dev-celebrating .server-anniversary,.p2g-dev-celebrating .vg-serverann,.p2g-dev-celebrating .fh-anniv,.p2g-dev-celebrating .gta-anniv,.p2g-dev-celebrating .fn-anniv,.p2g-dev-celebrating .cs-anniv{outline:2px solid #f5cb62!important;box-shadow:0 0 30px #f2c74a70!important;animation:p2gDemoGold 1.7s ease-in-out infinite alternate}
@media(max-width:700px){.p2g-live-simulation{right:10px;left:10px;bottom:10px;width:auto;max-width:none;text-align:center;padding:10px 12px}}

/* Entwickler-Startanimation: echte Serverbilder statt einfacher Textfelder */
#devCinematic .dev-cine-cards .dev-cine-card{
 aspect-ratio:469/317;min-height:0;position:relative;overflow:hidden;
 background-image:var(--art);background-position:center;background-size:100% 100%;
 border:1px solid rgba(176,226,255,.52);border-radius:15px;padding:0;
 box-shadow:0 10px 26px rgba(0,0,0,.56),0 0 13px rgba(88,167,255,.19);
 animation:devPreviewIn .43s cubic-bezier(.22,.8,.28,1) both;
}
#devCinematic .dev-cine-cards .dev-cine-card span{
 position:absolute;bottom:0;left:0;right:0;padding:9px 5px;
 background:linear-gradient(transparent,rgba(3,8,19,.92));font-size:11px;
 color:#f7fcff;text-shadow:0 1px 6px rgba(0,0,0,.9);
}
@media(max-width:580px){#devCinematic .dev-cine-cards{grid-template-columns:repeat(2,minmax(0,1fr));width:min(420px,94vw)}}
/* Weiches Aus- und Einblenden bei kurzen Animationstests */
.p2g-dev-scene-curtain{position:fixed;inset:0;z-index:2147483640;pointer-events:none;background:#040d1bed;opacity:0;transition:opacity .25s ease}
.p2g-dev-scene-curtain.visible{opacity:1}
#devApp.p2g-dev-return-in .dev-wrap{animation:p2gDevReturn .42s cubic-bezier(.2,.8,.24,1) both}
@keyframes p2gDevReturn{from{opacity:0;transform:translateY(16px) scale(.99)}to{opacity:1;transform:none}}
/* Die Jubiläumsansicht im echten Teamprofil ist erkennbar und festlich. */
#profileModal .milestone.p2g-member-anniversary-active{
 border:1px solid rgba(255,215,89,.69);border-radius:16px;
 background:linear-gradient(120deg,rgba(142,97,15,.24),rgba(89,59,13,.12));
 box-shadow:0 0 22px rgba(255,201,58,.22),inset 0 0 12px rgba(255,220,94,.1);
}
#profileModal .milestone.p2g-member-anniversary-active .milestone-title{color:#ffe18a;text-shadow:0 0 10px rgba(255,207,75,.35)}
@media(prefers-reduced-motion:reduce){#devApp.p2g-dev-return-in .dev-wrap{animation:none}.p2g-dev-scene-curtain{transition:none}}



/* Original stylesheet block 1 */
body:has(#selection:not(.hidden))>.wrap{max-width:none;padding:0}body:has(#selection:not(.hidden)){background:#080b15}body:has(#selection:not(.hidden)) #top{max-width:none;padding:0}
/* Test-Supporter: eigener neutralgrauer Rang in Teamliste, Profil und Kalender */
tbody tr:has(.role.Test-Supporter){--rank:#aeb7c4;--rank-tint:#aeb7c418}
.role.Test-Supporter{background:#55606d;color:#fff;border:1px solid #aeb7c4;box-shadow:inset 0 1px #ffffff3b,0 3px 12px #0004}
.person:has(.role.Test-Supporter){border-left-color:#aeb7c4}
#mcDashboard .role.Test-Supporter,#vgDashboard .role.Test-Supporter{background:linear-gradient(180deg,#78818e,#47515e);color:#fff;border:1px solid #c4ccd6;box-shadow:0 0 13px #aeb7c430,inset 0 1px #ffffff35}
#mcDashboard tbody tr:has(.role.Test-Supporter),#vgDashboard tbody tr:has(.role.Test-Supporter){--rank:#aeb7c4;--rank-tint:#aeb7c412}

/* Final responsive view controls: usable even in desktop mode on a real phone. */
#viewModeSwitch{font-size:12px!important;font-weight:850;line-height:1.15;letter-spacing:.01em;white-space:nowrap;touch-action:manipulation}
body.ui-mobile #viewModeSwitch{width:55px;height:47px;border-radius:14px;font-size:12px!important}
body.device-is-phone.ui-desktop #viewModeSwitch{
  width:156px;height:138px;right:30px;bottom:30px;border-radius:35px;
  border:3px solid #96c9ff99;font-size:36px!important;
  background:linear-gradient(145deg,#102941,#070e1dcc);
  box-shadow:0 0 55px #4999ff88,0 0 0 2px #0008 inset;
}
#viewModeSwitch:focus-visible,.launch-choice:focus-visible,.reference-card:focus-visible{
  outline:3px solid #a9eaff!important;outline-offset:3px
}
@media(prefers-reduced-motion:reduce){
  body.launch-staging #serverCards .reference-card{transition:none!important}
  body.launch-staging #serverCards .reference-card.launch-reveal{animation:none!important}
}


/* Original stylesheet block 2 */


/* Sanfter Übergang beim Öffnen jeder Community-Teamliste – PC und Handy. */
@keyframes p2g-team-rail-appear {
  0% { opacity:0; transform:translate3d(-15px,0,0); filter:blur(2px) }
  100% { opacity:1; transform:translate3d(0,0,0); filter:blur(0) }
}
@keyframes p2g-team-content-appear {
  0% { opacity:0; transform:translate3d(0,20px,0) scale(.991); filter:blur(3px) }
  100% { opacity:1; transform:translate3d(0,0,0) scale(1); filter:blur(0) }
}
@keyframes p2g-team-block-appear {
  0% { opacity:0; transform:translate3d(0,17px,0) }
  100% { opacity:1; transform:translate3d(0,0,0) }
}
/* Die Hintergründe bleiben stehen, nur echte HTML-Elemente animieren.
   Dadurch gibt es keine eingeblendeten Mockups oder springende Hintergrundbilder. */
.p2g-team-opening :is(.mcd-rail,.vg-rail,.fh-rail,.gta-rail,.fn-rail,.cs-rail) {
  animation:p2g-team-rail-appear 480ms cubic-bezier(.2,.7,.2,1) both;
}
.p2g-team-opening :is(.mcd-brand-row,.vg-brand-row,.fh-top,.gta-top,.fn-topline,.cs-topline) {
  animation:p2g-team-content-appear 520ms cubic-bezier(.2,.72,.2,1) 45ms both;
}
.p2g-team-opening :is(.mcd-masthead,.vg-masthead,.fn-masthead,.cs-masthead) {
  animation:p2g-team-content-appear 520ms cubic-bezier(.2,.72,.2,1) 65ms both;
}
.p2g-team-opening :is(#mcdStats,#vgStats,#fhStats,#gtaStats,#fnStats,#csStats) {
  animation:p2g-team-block-appear 490ms cubic-bezier(.2,.72,.2,1) 135ms both;
}
.p2g-team-opening :is(#mcdMembers,#vgMembers,#fhMembers,#gtaMembers,#fnMembers,#csMembers) {
  animation:p2g-team-block-appear 520ms cubic-bezier(.2,.72,.2,1) 190ms both;
}
.p2g-team-opening :is(.mcd-widgets,.vg-widgets,.fh-widgets,.gta-widgets,.fn-widgets,.cs-widgets,
  .mcd-sidebar,.vg-sidebar,.fh-sidebar,.gta-sidebar,.fn-sidebar,.cs-sidebar) {
  animation:p2g-team-block-appear 540ms cubic-bezier(.2,.72,.2,1) 235ms both;
}
/* Die Verzögerungen sind kurz und beeinflussen die Benutzbarkeit nicht. */
@media(prefers-reduced-motion:reduce) {
  .p2g-team-opening :is(.mcd-rail,.vg-rail,.fh-rail,.gta-rail,.fn-rail,.cs-rail,
    .mcd-brand-row,.vg-brand-row,.fh-top,.gta-top,.fn-topline,.cs-topline,
    .mcd-masthead,.vg-masthead,.fn-masthead,.cs-masthead,
    #mcdStats,#vgStats,#fhStats,#gtaStats,#fnStats,#csStats,
    #mcdMembers,#vgMembers,#fhMembers,#gtaMembers,#fnMembers,#csMembers,
    .mcd-widgets,.vg-widgets,.fh-widgets,.gta-widgets,.fn-widgets,.cs-widgets,
    .mcd-sidebar,.vg-sidebar,.fh-sidebar,.gta-sidebar,.fn-sidebar,.cs-sidebar) {
    animation:none!important;
  }
}



/* Original stylesheet block 3 */


/* Rückweg zur Serverauswahl: Logo-Zentrum, Flug und kaskadierende Serverkarten */
.p2g-return-overlay{position:fixed;inset:0;z-index:10150;display:grid;place-items:center;padding:22px;isolation:isolate;pointer-events:auto;background:radial-gradient(ellipse at 18% 16%,#3761cc42,transparent 42%),radial-gradient(ellipse at 83% 78%,#ed357d2c,transparent 47%),linear-gradient(150deg,#060c16 4%,#0d1321 55%,#070a14 100%);color:#fff;opacity:1;transition:opacity .55s ease}
.p2g-return-overlay:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.4;background:repeating-linear-gradient(0deg,transparent 0 39px,#ffffff07 40px)}
.p2g-return-overlay .p2g-return-content{position:relative;width:min(92vw,560px);padding:clamp(28px,6vw,50px);text-align:center;border-radius:30px;border:1px solid #a3aed23c;background:linear-gradient(155deg,#172238c9,#070b17ec 80%);box-shadow:0 30px 100px #000b,0 0 66px #8076df29;backdrop-filter:blur(24px);transition:opacity .25s ease,transform .32s ease}
.p2g-return-eyebrow{font-weight:800;letter-spacing:.27em;text-transform:uppercase;font-size:11px;color:#bfcbe2}
.p2g-return-badge{width:clamp(215px,58vw,304px);height:auto;margin:24px auto 17px;object-fit:contain;display:block;filter:drop-shadow(0 0 24px #8e78ff55);animation:p2gReturnFloat 3s ease-in-out infinite}
.p2g-return-title{font-size:clamp(30px,6vw,42px);font-weight:950;letter-spacing:-1px;line-height:1.05;margin:10px 0 0}
.p2g-return-title span{background:linear-gradient(110deg,#fff,#ffbd60,#fa70b3,#9eb3ff);background-clip:text;-webkit-background-clip:text;color:transparent}
.p2g-return-sub{color:#b3bfd7;letter-spacing:.17em;text-transform:uppercase;font-size:12px;margin:12px 0 0}
.p2g-return-overlay.depart{opacity:0;pointer-events:none}
.p2g-return-overlay.depart .p2g-return-content{opacity:0;transform:scale(.97)}
.p2g-return-fly{position:fixed;z-index:10155;pointer-events:none;object-fit:contain;transform-origin:top left;will-change:transform,opacity;filter:drop-shadow(0 0 18px #c17bff6e)}
body.p2g-returning{overflow:hidden}
@keyframes p2gReturnFloat{50%{transform:translateY(-6px)}}
/* Teamprofile erscheinen mit sanftem, rangfarbenem Pop-in-Effekt. */
#profileModal:not(.hidden) .modal-backdrop{animation:p2gProfileBackdrop .28s ease-out both}
#profileModal:not(.hidden) .modal-card.p2g-profile-in{animation:p2gProfilePop .36s cubic-bezier(.17,.87,.22,1) both;transform-origin:50% 40%}
@keyframes p2gProfileBackdrop{from{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(8px)}}
@keyframes p2gProfilePop{from{opacity:0;transform:translateY(24px) scale(.965);box-shadow:0 0 0 transparent}65%{opacity:1}to{opacity:1;transform:translateY(0) scale(1)}}
/* Jubiläumsfeier ist nur am tatsächlichen Gründungstag markiert. */
#selection #serverCards .reference-card.p2g-anniversary-today{isolation:isolate;border-color:#ffdb67!important;box-shadow:0 0 0 2px #ffdc6eae,0 0 23px #ffd45c7d,0 0 48px #f4a62e42,inset 0 0 24px #ffd24b2e!important;animation:p2gGoldPulse 2.9s ease-in-out infinite}
#selection #serverCards .reference-card.p2g-anniversary-today::before{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;border:3px solid #ffe28b;box-shadow:inset 0 0 16px #ffd76b91,0 0 19px #ffd25e8c;pointer-events:none;animation:p2gGoldEdge 3s ease-in-out infinite}
#selection #serverCards .p2g-anniversary-ribbon{position:absolute;z-index:5;right:11px;top:10px;display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 22px);border:1px solid #ffe08a;color:#211405;background:linear-gradient(110deg,#ffe8a3,#ffc646 54%,#fff0b3);border-radius:999px;box-shadow:0 0 15px #ffd96a80,0 4px 12px #0009;font-weight:950;letter-spacing:.02em;font-size:clamp(10px,.83vw,13px);padding:7px 10px;text-transform:uppercase;line-height:1.1;text-shadow:none}
#selection #serverCards .p2g-anniversary-ribbon .p2g-anniversary-stars{font-size:15px}
@keyframes p2gGoldPulse{50%{box-shadow:0 0 0 3px #ffdc6ecc,0 0 38px #ffd563bb,0 0 64px #ffab3d6b,inset 0 0 27px #ffe16e45}}
@keyframes p2gGoldEdge{50%{border-color:#fff8cf;box-shadow:inset 0 0 22px #ffdc6cbb,0 0 26px #ffe379bf}}
body.ui-mobile #serverCards .p2g-anniversary-ribbon{font-size:10px;right:8px;top:8px;padding:6px 9px}
@media(prefers-reduced-motion:reduce){.p2g-return-badge,#selection #serverCards .reference-card.p2g-anniversary-today,#selection #serverCards .reference-card.p2g-anniversary-today::before{animation:none!important}#profileModal:not(.hidden) .modal-backdrop,#profileModal:not(.hidden) .modal-card.p2g-profile-in{animation:none!important}.p2g-return-overlay,.p2g-return-overlay .p2g-return-content{transition:none!important}}


/* ---- Play2Gether developer preview environment (device-aware; isolated) ---- */
#devGate[hidden],#devApp[hidden],#devCinematic[hidden],#devToast[hidden]{display:none!important}
#selection .reference-heading,.mobile-netbadge{cursor:pointer}
#selection #serverCards .dev-simulated-anniversary{outline:3px solid #ffe17b!important;box-shadow:0 0 35px #ffc95b99!important;animation:devGoldPulse 1.5s infinite alternate!important}
#selection .reference-heading:focus-visible,.mobile-netbadge:focus-visible{outline:3px solid #87ddff;outline-offset:5px;border-radius:18px}
#devGate,#devApp,#devCinematic{position:fixed;inset:0;z-index:20000;font-family:Inter,system-ui,Arial,sans-serif;color:#f5f8ff}
#devGate{display:grid;place-items:center;padding:18px;background:rgba(2,5,14,.85);backdrop-filter:blur(17px)}
#devGate .dev-gate-card{width:min(470px,100%);border-radius:28px;background:linear-gradient(145deg,#1c263b,#0c101f 78%);border:1px solid #7be2f65e;box-shadow:0 35px 100px #000c,0 0 55px #61a8ff17;padding:31px;text-align:center;animation:devAppear .32s both}
#devGate .dev-gate-logo{width:206px;max-width:78%;height:auto;display:block;margin:2px auto 22px;border-radius:17px;box-shadow:0 0 35px #6aeafe1b}
#devGate .dev-gate-title{font-size:clamp(24px,5vw,32px);font-weight:900;margin:0 0 8px;letter-spacing:-.8px}
#devGate p{color:#bbc6d8;margin:0 0 23px;font-size:14px}
#devGate label{display:block;text-align:left;font-weight:700;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#a4c8da;margin-bottom:7px}
#devGate input{display:block;width:100%;height:57px;text-align:center;letter-spacing:12px;border-radius:15px;border:1px solid #5994ba7e;background:#070d1c;color:#fff;font:800 26px system-ui;outline:none;box-sizing:border-box}
#devGate input:focus{border-color:#57daff;box-shadow:0 0 0 3px #31bafa25}
#devGate .dev-gate-actions{display:flex;gap:11px;margin-top:16px}
#devGate button,#devApp button{font:inherit;cursor:pointer}
#devGate .dev-gate-actions button{border:1px solid #51677e;background:#111b2a;border-radius:12px;padding:13px;flex:1;color:#fff;font-weight:800}
#devGate .dev-gate-actions button[type=submit]{background:linear-gradient(105deg,#21b8db,#596cff);border-color:#70dbff}
#devApp{overflow:auto;background:radial-gradient(circle at 5% 0%,#172d54 0,transparent 27%),radial-gradient(circle at 96% 12%,#43205b 0,transparent 25%),linear-gradient(155deg,#080c17,#080f1e 58%,#0a0916);overscroll-behavior:contain}
#devApp:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.6;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(180deg,#0008,transparent 80%)}
#devApp .dev-wrap{position:relative;max-width:1470px;padding:30px 28px 80px;margin:auto;min-height:100vh}
#devApp .dev-brandbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:27px}
#devApp .dev-breadcrumb{font-size:12px;letter-spacing:3px;color:#bfe6f4;font-weight:850}
#devApp .dev-logo-btn{padding:0;background:#0d1524d9;border:1px solid #5fbcce3b;border-radius:16px;overflow:hidden;width:218px;max-width:46vw;box-shadow:0 0 25px #68dfff20;flex:0 0 auto}
#devApp .dev-logo-btn img{display:block;width:100%;height:auto}
#devApp .dev-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}
#devApp .dev-head h1{font-size:clamp(31px,4.5vw,56px);line-height:1.09;margin:9px 0;text-shadow:0 6px 40px #25bcf833;letter-spacing:-1.6px}
#devApp .dev-head h1 span{background:linear-gradient(105deg,#74f3ff,#a2a1ff,#fc92e0);background-clip:text;color:transparent}
#devApp .dev-head p{color:#bdc8dc;font-size:15px;max-width:650px;margin:7px 0 0}
#devApp .dev-founder{font-weight:900;color:#e6f4ff;display:inline-block;margin-top:8px;padding:7px 14px;border-radius:999px;border:1px solid #68c6df52;background:#101b2eb0}
#devApp .dev-top-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
#devApp .dev-btn{border-radius:12px;padding:11px 17px;background:linear-gradient(180deg,#1b2b47,#101a2f);border:1px solid #6e8fac66;color:#fff;font-weight:800;transition:transform .15s,border-color .15s,filter .15s;white-space:nowrap}
#devApp .dev-btn:hover{transform:translateY(-2px);border-color:#84eaff;filter:brightness(1.1)}
#devApp .dev-btn:focus-visible{outline:2px solid #93eaff;outline-offset:3px}
#devApp .dev-btn.primary{background:linear-gradient(120deg,#167995,#384abb);border-color:#5fd4fc}
#devApp .dev-btn.danger{border-color:#fd717f88;background:linear-gradient(180deg,#57303e,#221622)}
#devApp .dev-statusline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-4px 0 23px;color:#a9c0d2;font-size:13px}
#devApp .dev-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #4b987c60;border-radius:999px;background:#102e2c;color:#a8ffcf;font-weight:800}
#devApp .dev-pill.running{background:#392a16;border-color:#f3c36790;color:#ffe299}
#devApp .dev-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
#devApp .dev-tool{background:linear-gradient(165deg,#17243bde,#0e1729f0 65%,#0e1220f2);border:1px solid #6991bc33;box-shadow:0 15px 42px #0005,inset 0 1px #ffffff08;border-radius:23px;padding:21px;display:flex;flex-direction:column;gap:13px;min-width:0;transition:border-color .22s,box-shadow .22s}
#devApp .dev-tool:hover{border-color:#81cdec73;box-shadow:0 17px 42px #0007,0 0 26px #65c7ff0e}
#devApp .dev-tool-head{display:flex;align-items:center;gap:13px}
#devApp .dev-tool-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:23px;flex:0 0 auto;background:linear-gradient(145deg,#254369,#151d38);box-shadow:inset 0 0 0 1px #8baaff35}
#devApp .dev-tool h2{margin:0;color:#f3f7ff;font-size:17px;line-height:1.22;letter-spacing:-.25px}
#devApp .dev-tool small{font-size:11px;color:#85cbff;letter-spacing:.8px;font-weight:900;text-transform:uppercase}
#devApp .dev-tool p{margin:0;color:#b8c6d9;font-size:13px;line-height:1.55;min-height:40px}
#devApp .dev-fields{display:grid;gap:11px;flex:1;align-content:start}
#devApp .dev-fields.two{grid-template-columns:1fr 1fr}
#devApp .dev-field{display:flex;flex-direction:column;gap:6px;min-width:0}
#devApp .dev-field label{color:#aac9da;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.7px}
#devApp .dev-field select,#devApp .dev-field input{appearance:auto;width:100%;background:#090f20;border:1px solid #5e86ad66;border-radius:10px;color:#f5f8ff;padding:11px;font-size:13px;min-width:0}
#devApp .dev-field option{background:#0b1728}
#devApp .dev-action{margin-top:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#devApp .dev-action .dev-btn{flex:1}
#devApp .dev-wide{grid-column:1/-1}
#devApp .dev-preview-section{margin-top:22px;background:linear-gradient(165deg,#17243be8,#090f20f2);border:1px solid #5fa2d553;border-radius:24px;padding:24px;box-shadow:0 15px 42px #0005;min-height:186px}
#devApp .dev-preview-head{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}
#devApp .dev-preview-head h2{font-size:20px;color:#edf7ff;margin:0}
#devApp .dev-preview-area{min-height:85px;position:relative}
#devApp .dev-preview-empty{color:#95acbe;margin:22px 0;font-size:15px}
#devApp .dev-preview-entry{animation:devPreviewIn .52s cubic-bezier(.2,.8,.2,1) both}
#devApp .dev-timer{font-variant-numeric:tabular-nums;font-size:12px;color:#ffdca4}
#devApp .dev-celeb-card{display:flex;align-items:center;gap:18px;background:linear-gradient(105deg,#211b16,#171f29);border:2px solid #ffe382;border-radius:18px;padding:23px;box-shadow:0 0 22px #ffd46555,inset 0 0 24px #ffe67d16;animation:devGoldPulse 1.6s ease-in-out infinite alternate;max-width:650px}
#devApp .dev-celeb-card strong{font-size:20px;display:block;color:#fff6d0}
#devApp .dev-celeb-card span{color:#e0d8b9;font-size:13px}
#devApp .dev-celeb-icon{font-size:42px}
#devApp .dev-demo-dash{max-width:800px;border-radius:20px;padding:24px;background:linear-gradient(115deg,#0b2838,#101625);border:1px solid #5bbbdf9a;box-shadow:0 0 20px #55d3fd22;animation:devDashboardOpen .65s both}
#devApp .dev-demo-dash h3{font-size:29px;margin:0 0 8px;color:#fff}
#devApp .dev-demo-bars{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:17px}
#devApp .dev-demo-bars span{display:block;background:#142d40;border:1px solid #74caff55;border-radius:10px;padding:12px;text-align:center;font-size:13px;color:#bbd7e8}
#devApp .dev-person{display:flex;gap:17px;align-items:center;max-width:700px;border-radius:18px;background:linear-gradient(125deg,#1d273a,#111728);padding:20px;border:1px solid #558fc377;box-shadow:0 0 29px #4d97f01c;animation:devProfilePop .42s cubic-bezier(.16,1,.3,1) both}
#devApp .dev-person img{width:100px;height:100px;object-fit:contain;flex:0 0 auto}
#devApp .dev-person h3{margin:0 0 7px;font-size:28px;color:#fff}
#devApp .dev-person div{min-width:0}
#devApp .dev-person span{display:block;color:#b8d2e4;font-size:13px;margin:3px 0}
#devApp .dev-demo-absences{display:grid;gap:7px;max-width:730px}
#devApp .dev-demo-absences .line{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;background:#1a273c;border:1px solid #576f9666;border-radius:9px;padding:10px;align-items:center;font-size:12px}
#devApp .dev-calendar-demo{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));max-width:475px;gap:5px;margin-top:15px}
#devApp .dev-calendar-demo span{display:grid;place-items:center;min-height:31px;border-radius:7px;background:#182d43;border:1px solid #698ab533;color:#dfecfb;font-size:11px}
#devApp .dev-calendar-demo span.off{background:linear-gradient(120deg,#442c28,#6d4730);border-color:#ffcf8277;color:#ffe9b3;font-weight:900}
#devApp .dev-statdemo{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:850px}
#devApp .dev-statdemo div{background:#182843;border:1px solid #70c7fa55;border-radius:13px;text-align:center;padding:17px}
#devApp .dev-statdemo b{font-size:28px;color:#9cecff;display:block}
#devApp .dev-statdemo span{display:block;font-size:12px;color:#b9d1e7;margin-top:3px}
#devApp .dev-ann-progress{height:13px;overflow:hidden;border-radius:8px;background:#222b3b;border:1px solid #4978a680;margin-top:17px}
#devApp .dev-ann-progress div{height:100%;width:85%;background:linear-gradient(90deg,#d08b27,#ffe17b);box-shadow:0 0 24px #ffd96c;animation:devProgress 1.2s both}
#devApp .dev-checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
#devApp .dev-check{border-radius:10px;padding:11px 13px;background:#111d2d;border:1px solid #4b6b8a4f;color:#d7ebfa;font-size:13px}
#devApp .dev-check.ok{border-color:#358d6e74;color:#a8ffd2}
#devApp .dev-check.bad{border-color:#ed747484;color:#ffd1d1}
#devApp .dev-foot{text-align:center;color:#8ba3bb;font-size:12px;margin-top:20px}
#devToast{position:fixed;z-index:21000;bottom:24px;left:50%;transform:translateX(-50%);background:#152538;border:1px solid #84d7ff77;color:#e9f9ff;border-radius:100px;padding:12px 19px;max-width:90vw;text-align:center;box-shadow:0 9px 40px #000a}
#devCinematic{display:grid;place-items:center;background:rgba(3,6,13,.96);overflow:hidden}
#devCinematic .dev-cine-center{text-align:center;position:relative;display:grid;place-items:center;gap:12px}
#devCinematic .dev-cine-center img{width:min(400px,72vw);height:auto;filter:drop-shadow(0 0 42px #66ceff55)}
#devCinematic .dev-cine-center strong{font-size:clamp(25px,5vw,51px);letter-spacing:-2px}
#devCinematic .dev-cine-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(720px,90vw);margin-top:28px}
#devCinematic .dev-cine-cards div{background:#172840;border:1px solid #82d6f16b;border-radius:13px;padding:15px 8px;font-size:12px;font-weight:800;animation:devPreviewIn .4s both;box-shadow:0 0 12px #62a8fe28}
#devCinematic .dev-cine-center.fly img{animation:devLogoFly 1.1s cubic-bezier(.3,.7,.2,1) forwards}
#devCinematic .dev-cine-center.fly strong{animation:devFade .6s both}
#devApp .dev-run-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}
#devApp .dev-spark{position:absolute;top:-16px;width:9px;height:18px;border-radius:2px;opacity:.95;animation:devSparkFall 2.8s linear forwards}
@keyframes devAppear{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}
@keyframes devPreviewIn{from{opacity:0;transform:translateY(19px)}to{opacity:1;transform:none}}
@keyframes devDashboardOpen{from{opacity:0;transform:scale(.965) translateY(28px)}to{opacity:1;transform:none}}
@keyframes devProfilePop{from{opacity:0;transform:scale(.83) translateY(10px)}to{opacity:1;transform:scale(1)}}
@keyframes devGoldPulse{from{box-shadow:0 0 16px #ffd4653a}to{box-shadow:0 0 48px #ffe86dba}}
@keyframes devProgress{from{width:0}to{width:85%}}
@keyframes devSparkFall{to{transform:translateY(420px) rotate(490deg);opacity:0}}
@keyframes devLogoFly{0%{transform:translateY(0) scale(1);opacity:1}65%{transform:translate(17vw,-27vh) scale(.62);opacity:1}100%{transform:translate(37vw,-42vh) scale(.32);opacity:0}}
@keyframes devFade{to{opacity:0}}
@media(max-width:1150px){#devApp .dev-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#devApp .dev-wrap{padding:16px 13px 65px}#devApp .dev-grid{grid-template-columns:1fr}#devApp .dev-brandbar{margin-bottom:20px}#devApp .dev-breadcrumb{font-size:9px;letter-spacing:1.5px}#devApp .dev-logo-btn{width:155px}#devApp .dev-head{align-items:start;flex-direction:column;margin-bottom:20px;gap:14px}#devApp .dev-head h1{font-size:33px}#devApp .dev-top-buttons{width:100%}#devApp .dev-top-buttons .dev-btn{flex:1;font-size:12px;padding:11px}#devApp .dev-tool{padding:18px}#devApp .dev-preview-section{padding:16px}#devApp .dev-demo-bars,#devApp .dev-statdemo{grid-template-columns:repeat(2,1fr)}#devApp .dev-checklist{grid-template-columns:1fr}#devApp .dev-demo-absences .line{grid-template-columns:1fr}#devCinematic .dev-cine-cards{grid-template-columns:repeat(2,1fr)}#devApp .dev-person img{width:74px;height:74px}#devApp .dev-person h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){#devApp *,#devGate *,#devCinematic *{animation-duration:.01ms!important;transition-duration:.01ms!important}}



/* Original stylesheet block 4 */


/* Karriereverlauf: in allen Profilansichten responsiv und an die Rangfarbe angepasst. */
.career-section{position:relative;margin-top:24px;padding:24px 24px 18px;background:linear-gradient(130deg,color-mix(in srgb,var(--rank) 10%,#121824),#0b111c 75%);border:1px solid color-mix(in srgb,var(--rank) 40%,#415061);border-radius:20px;overflow:hidden}
.career-section::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--rank),transparent);opacity:.8}
.career-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:21px}
.career-eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:750;color:#adb9cc}
.career-heading h3{font-size:23px;line-height:1.15;margin:5px 0 0;font-weight:850;color:#fff}
.career-count{font-size:12px;color:#b9c8d8;border:1px solid #ffffff29;background:#ffffff0c;border-radius:99px;padding:7px 10px;white-space:nowrap}
.career-timeline{position:relative;list-style:none;margin:0;padding:0}
.career-timeline::before{content:"";position:absolute;left:18px;top:23px;bottom:28px;width:2px;background:linear-gradient(to bottom,var(--rank),color-mix(in srgb,var(--rank) 35%,#3b4a5b));opacity:.68}
.career-step{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:16px;padding-bottom:17px;min-width:0}
.career-step:last-child{padding-bottom:3px}
.career-node{position:relative;z-index:1;width:37px;height:37px;border:1px solid color-mix(in srgb,var(--rank) 75%,#fff);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:19px;color:#fff;background:color-mix(in srgb,var(--rank) 27%,#111a2a);box-shadow:0 0 0 4px #0e1622}
.career-step.career-latest .career-node{background:var(--rank);color:#08101c;box-shadow:0 0 16px color-mix(in srgb,var(--rank) 55%,transparent),0 0 0 4px #0e1622}
.career-event{display:flex;flex-direction:column;gap:4px;min-width:0;padding:8px 15px 12px;border:1px solid #ffffff18;border-radius:13px;background:#ffffff08}
.career-step.career-latest .career-event{border-color:color-mix(in srgb,var(--rank) 50%,transparent);background:color-mix(in srgb,var(--rank) 11%,#0e1420)}
.career-date{color:color-mix(in srgb,var(--rank) 64%,#fff);font-size:12px;font-weight:800;letter-spacing:.025em;font-variant-numeric:tabular-nums}
.career-event strong{font-size:17px;color:#fff;line-height:1.35;overflow-wrap:anywhere}
.career-detail{font-size:13px;color:#b5c3d2;line-height:1.5;overflow-wrap:anywhere}
.career-current{display:flex;align-items:center;gap:7px;flex-wrap:wrap;border-top:1px solid #ffffff20;margin-top:14px;padding-top:16px;color:#bac8d8;font-size:13px}
.career-current strong{color:#fff}
.career-current-dot{width:8px;height:8px;border-radius:50%;background:var(--rank);box-shadow:0 0 10px var(--rank)}
.career-additional{color:#d7e0eb}
@media(max-width:520px){.career-section{padding:17px 12px 14px;margin-top:18px;border-radius:15px}.career-heading h3{font-size:19px}.career-count{padding:5px 8px;font-size:11px}.career-step{grid-template-columns:30px minmax(0,1fr);gap:10px;padding-bottom:13px}.career-timeline::before{left:14px}.career-node{width:29px;height:29px;border-radius:9px;font-size:15px;box-shadow:0 0 0 3px #0e1622}.career-event{padding:7px 9px 10px}.career-event strong{font-size:15px}.career-detail{font-size:12px}}
@media(prefers-reduced-motion:no-preference){.career-step{animation:career-rise .35s both}.career-step:nth-child(2){animation-delay:.07s}.career-step:nth-child(3){animation-delay:.14s}.career-step:nth-child(4){animation-delay:.21s}@keyframes career-rise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}}



/* Original stylesheet block 5 */

#selection .p2g-selection-tools{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:0 0 14px}
#selection .p2g-device-reset{display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border-radius:14px;border:1px solid #7db5dc55;background:linear-gradient(155deg,#102239f0,#0a1424f0);color:#e9f7ff;font:800 13px/1 Inter,system-ui,sans-serif;letter-spacing:.02em;box-shadow:0 0 18px #58bbff22;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}
#selection .p2g-device-reset:hover,#selection .p2g-device-reset:focus-visible{transform:translateY(-1px);border-color:#87ddff;box-shadow:0 0 24px #62c5ff55;outline:none;background:linear-gradient(155deg,#133053f5,#0b172bf5)}
#selection .p2g-device-reset svg{flex:none;opacity:.95}
body.ui-mobile #selection .p2g-selection-tools{justify-content:stretch;margin:0 0 12px}
body.ui-mobile #selection .p2g-device-reset{width:100%;justify-content:center;border-radius:15px;padding:12px 16px;font-size:13px}

/* Geräteauswahl sanft erneut öffnen – ohne Neuladen der Seite. */
#launchScreen.p2g-reopen-ready{opacity:0;pointer-events:none}
#launchScreen.p2g-reopen-active{opacity:1;pointer-events:auto;transition:opacity .52s cubic-bezier(.2,.75,.2,1)}
#launchScreen.p2g-reopen-ready .launch-panel{opacity:0;transform:translate3d(0,25px,0) scale(.945)}
#launchScreen.p2g-reopen-active .launch-panel{opacity:1;transform:translate3d(0,0,0) scale(1);transition:transform .65s cubic-bezier(.15,.86,.25,1),opacity .5s ease}
#launchScreen.p2g-reopen-active .launch-icon{animation:p2gReopenBadge .78s cubic-bezier(.18,.85,.19,1) both}
@keyframes p2gReopenBadge{0%{opacity:0;transform:translateY(-32px) scale(.55);filter:drop-shadow(0 0 0 #60caff00)}70%{opacity:1;transform:translateY(5px) scale(1.06)}100%{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){#launchScreen.p2g-reopen-active,#launchScreen.p2g-reopen-active .launch-panel{transition:none!important}#launchScreen.p2g-reopen-active .launch-icon{animation:none!important}}


/* Original stylesheet block 6 */

#selection .p2g-kalender-manage{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;border-radius:14px;border:1px solid #9acfba55;background:linear-gradient(155deg,#10352f,#0a1c21);color:#dcfff2;font:800 13px/1 Inter,system-ui,sans-serif;text-decoration:none;box-shadow:0 0 18px #4cdda821;transition:transform .2s,border-color .2s,box-shadow .2s}
#selection .p2g-kalender-manage:hover,#selection .p2g-kalender-manage:focus-visible{transform:translateY(-1px);border-color:#82f9cd;box-shadow:0 0 22px #50e9b342;outline:none}
body.ui-mobile #selection .p2g-selection-tools{flex-wrap:wrap}
body.ui-mobile #selection .p2g-kalender-manage{flex:1;min-width:125px}
body.ui-mobile #selection .p2g-device-reset{flex:1;min-width:125px}


/* Original stylesheet block 7 */

#selection .p2g-search-server-role{font-size:10px;line-height:1.1;font-weight:750;color:#a9dcff;border:1px solid #82bee64a;background:#396f921f;border-radius:8px;padding:3px 6px;margin-left:auto;white-space:nowrap}
#selection .p2g-search-role{white-space:normal;overflow-wrap:break-word;text-align:center;max-width:47%}
body.ui-mobile #selection .p2g-search-server-role{font-size:9px;padding:3px 5px}


/* Original stylesheet block 8 */

#devApp .dev-teammanager-card{margin:26px 0 15px;padding:18px;border-radius:20px;background:linear-gradient(130deg,#132943f5,#0c182be8);border:1px solid #6495c477;box-shadow:0 13px 32px #0004;color:#e9f6ff}
#devApp .dev-teammanager-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}
#devApp .dev-teammanager-head span{color:#7ad8fc;font-size:11px;font-weight:900;letter-spacing:.1em}
#devApp .dev-teammanager-head h2{font-size:21px;margin:6px 0 8px}
#devApp .dev-teammanager-head p{font-size:12px;line-height:1.5;max-width:750px;color:#bacfe5;margin:0}
#devApp .dev-teammanager-head .dev-teammanager-lock{background:#21527544;border:1px solid #71c4e96e;padding:9px 12px;border-radius:30px;letter-spacing:0}
#devApp .dev-teammanager-note{font-size:11px;color:#f6deb0;line-height:1.5;background:#352c1d;border:1px solid #b9a36a77;border-radius:10px;padding:10px 13px;margin:14px 0}
#devApp #p2gTeamAdmin{display:block;width:100%;height:1120px;border:1px solid #637fa366;border-radius:15px;background:#071321;box-shadow:inset 0 0 20px #0005}
@media(max-width:680px){#devApp .dev-teammanager-card{margin:20px 0;padding:10px}#devApp #p2gTeamAdmin{height:1570px}}


/* Original stylesheet block 9 */
.role.Supporter{color:#ffe27a!important;border-color:#eaca4766!important;background:#eaca471a!important}.role.Moderator{color:#95b5ff}.role.Teamleitung{color:#ffc57e}.role.Test-Supporter{color:#b8bdc9}

/* Original stylesheet block 10 */

/* Play2Gether · zentraler Netzwerk-Jubiläumskalender */
#selection .p2g-jubilee-trigger{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;padding:11px 19px;border:1px solid #ebcb7c9b;border-radius:14px;background:linear-gradient(115deg,#554021dd,#242238f5 65%,#0e2035ee);color:#ffebbb;box-shadow:inset 0 1px #ffe6aa38,0 0 18px #e8b74829;font:850 13px/1.25 Inter,system-ui,sans-serif;letter-spacing:.015em;cursor:pointer;transition:transform .22s,border-color .22s,box-shadow .22s}
#selection .p2g-jubilee-trigger svg{flex:none;color:#ffe7ab}
#selection .p2g-jubilee-trigger:hover,#selection .p2g-jubilee-trigger:focus-visible{transform:translateY(-2px);border-color:#ffe5a4;box-shadow:0 0 25px #ffcb6580;outline:none}
#selection .p2g-selection-tools{flex-wrap:wrap}
body.ui-mobile #selection .p2g-selection-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
body.ui-mobile #selection .p2g-jubilee-trigger{grid-column:1/-1;width:100%;min-height:49px;padding:13px 8px;font-size:12px}
body.ui-mobile #selection .p2g-selection-tools .p2g-device-reset{width:100%;min-width:0;font-size:12px;padding:12px 8px}
body.ui-mobile #selection .p2g-selection-tools .p2g-kalender-manage{justify-content:center;min-width:0;text-align:center;font-size:12px}
@media(max-width:580px){body:not(.ui-desktop) #selection .p2g-selection-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}body:not(.ui-desktop) #selection .p2g-jubilee-trigger{grid-column:1/-1;width:100%}body:not(.ui-desktop) #selection .p2g-selection-tools .p2g-device-reset,body:not(.ui-desktop) #selection .p2g-selection-tools .p2g-kalender-manage{min-width:0;width:100%;justify-content:center}}
#p2gJubileeOverlay[hidden]{display:none!important}
#p2gJubileeOverlay{position:fixed;inset:0;z-index:10050;overflow:auto;overscroll-behavior:contain;background:radial-gradient(ellipse at 10% 0%,#18385dcc,transparent 48%),radial-gradient(ellipse at 100% 6%,#7d5b2759,transparent 41%),linear-gradient(145deg,#060e1b 7%,#0a1426 60%,#060b16 100%);color:#f4f7ff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;animation:p2gJbAppear .35s cubic-bezier(.2,.8,.3,1) both}
#p2gJubileeOverlay::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#a9c8f713 1px,transparent 1px);background-size:23px 23px;mask-image:linear-gradient(to bottom,#0007,transparent 90%)}
#p2gJubileeOverlay.p2g-jb-closing{animation:p2gJbDisappear .23s ease-in both;pointer-events:none}
@keyframes p2gJbAppear{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@keyframes p2gJbDisappear{to{opacity:0;transform:translateY(8px)}}
#p2gJubileeOverlay .p2g-jb-shell{position:relative;max-width:1085px;padding:27px 29px 62px;margin:0 auto;box-sizing:border-box}
#p2gJubileeOverlay .p2g-jb-topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-bottom:22px;border-bottom:1px solid #8195b329}
#p2gJubileeOverlay .p2g-jb-brand{display:flex;align-items:center;gap:12px}
#p2gJubileeOverlay .p2g-jb-brand-logo{width:103px;height:44px;object-fit:contain;filter:drop-shadow(0 0 10px #a9d6f44a)}
#p2gJubileeOverlay .p2g-jb-brand-info{display:flex;flex-direction:column;gap:4px}
#p2gJubileeOverlay .p2g-jb-brand-info strong{font-size:12px;letter-spacing:1.4px;color:#eff6ff}
#p2gJubileeOverlay .p2g-jb-brand-info span{font-size:10px;letter-spacing:1.2px;color:#97aec8}
#p2gJubileeOverlay .p2g-jb-exit{display:inline-flex;align-items:center;gap:8px;border:1px solid #9eb4d34d;border-radius:13px;background:#1b2940a6;color:#f4f7ff;font-weight:800;padding:11px 15px;cursor:pointer;transition:.2s}
#p2gJubileeOverlay .p2g-jb-exit:hover,#p2gJubileeOverlay .p2g-jb-exit:focus-visible{background:#334666;border-color:#c2dbff;outline:none}
#p2gJubileeOverlay .p2g-jb-head{padding:34px 0 21px}
#p2gJubileeOverlay .p2g-jb-kicker{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;font-size:10px;letter-spacing:2px;color:#f5c87d;font-weight:900;margin:0 0 12px}
#p2gJubileeOverlay .p2g-jb-glint{width:7px;height:7px;border-radius:50%;background:#ffd489;box-shadow:0 0 15px #ffd57d}
#p2gJubileeOverlay .p2g-jb-head h2{margin:0;font-size:clamp(28px,4.1vw,49px);letter-spacing:-1.9px;line-height:1.12;font-weight:950;color:#fff}
#p2gJubileeOverlay .p2g-jb-head h2 span{background:linear-gradient(120deg,#fff0b3,#f8b84e);background-clip:text;-webkit-background-clip:text;color:transparent}
#p2gJubileeOverlay .p2g-jb-head p{font-size:13px;color:#b3c2d4;line-height:1.7;max-width:720px;margin:14px 0 0}
#p2gJubileeOverlay .p2g-jb-highlights{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(210px,1fr);gap:16px;margin-bottom:27px}
#p2gJubileeOverlay .p2g-jb-next{position:relative;isolation:isolate;overflow:hidden;min-height:214px;border:1px solid #efc17d83;border-radius:24px;background:linear-gradient(125deg,#43331de8,#33273ddd 48%,#111e38ee);padding:23px 27px;box-shadow:inset 0 1px #fff4c034,0 15px 45px #0005,0 0 24px #e7ab4a16}
#p2gJubileeOverlay .p2g-jb-next::before{content:"";position:absolute;z-index:-1;right:-80px;top:-115px;width:360px;height:360px;border-radius:50%;border:1px solid #ffc77020;box-shadow:0 0 0 34px #f3bf5910,0 0 0 78px #e1a62e08}
#p2gJubileeOverlay .p2g-jb-next::after{content:"✦";position:absolute;right:26px;top:22px;font-size:80px;font-weight:200;opacity:.15;color:#ffdf92;pointer-events:none}
#p2gJubileeOverlay .p2g-jb-next small{font-size:10px;letter-spacing:1.9px;text-transform:uppercase;font-weight:900;color:#ffdba1}
#p2gJubileeOverlay .p2g-jb-next h3{font-size:clamp(21px,2.6vw,31px);letter-spacing:-.7px;margin:17px 0 7px;color:#fff;line-height:1.2;overflow-wrap:anywhere}
#p2gJubileeOverlay .p2g-jb-next .p2g-jb-next-sub{font-size:12px;color:#d6dce6;line-height:1.55;margin:0 0 16px}
#p2gJubileeOverlay .p2g-jb-next-time{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:12px;border:1px solid #ffdda46c;background:#160e0c71;color:#ffe5ad;font-size:13px;font-weight:900;font-variant-numeric:tabular-nums}
#p2gJubileeOverlay .p2g-jb-topstats{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px}
#p2gJubileeOverlay .p2g-jb-stat{border:1px solid #6c819e3c;border-radius:18px;padding:18px;background:linear-gradient(135deg,#182840de,#101c30d5);display:flex;flex-direction:column;justify-content:center;gap:8px}
#p2gJubileeOverlay .p2g-jb-stat strong{font-weight:950;font-size:27px;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
#p2gJubileeOverlay .p2g-jb-stat span{font-size:10px;color:#a9bbcf;line-height:1.3;letter-spacing:.3px}
#p2gJubileeOverlay .p2g-jb-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
#p2gJubileeOverlay .p2g-jb-filters{display:inline-flex;flex-wrap:wrap;gap:4px;padding:5px;background:#111e33;border:1px solid #6a88a43c;border-radius:15px}
#p2gJubileeOverlay .p2g-jb-filter{font:800 12px Inter,system-ui,sans-serif;border:0;border-radius:10px;padding:11px 16px;background:transparent;color:#aabbd1;cursor:pointer}
#p2gJubileeOverlay .p2g-jb-filter:hover{color:#fff;background:#ffffff0f}
#p2gJubileeOverlay .p2g-jb-filter[aria-pressed="true"]{background:linear-gradient(105deg,#a67c3f,#5d4c32);box-shadow:0 0 14px #efbc6933;color:#fff6e5}
#p2gJubileeOverlay .p2g-jb-choose{display:flex;align-items:center;gap:10px}
#p2gJubileeOverlay .p2g-jb-choose label{font-size:11px;font-weight:750;color:#8eaac4}
#p2gJubileeOverlay .p2g-jb-choose select{width:min(270px,100%);max-width:100%;background:#101d32;border:1px solid #6e8dac75;border-radius:12px;color:#ebf5ff;font:700 12px Inter,system-ui,sans-serif;padding:11px 13px;cursor:pointer}
#p2gJubileeOverlay .p2g-jb-subhead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 17px;padding-bottom:13px;border-bottom:1px solid #61799931}
#p2gJubileeOverlay .p2g-jb-subhead h3{font-size:17px;letter-spacing:-.4px;font-weight:900;margin:0}
#p2gJubileeOverlay .p2g-jb-subhead span{font-size:11px;color:#93a9c5;text-align:right}
#p2gJubileeOverlay .p2g-jb-timeline{display:flex;flex-direction:column;gap:0;padding:0 2px}
#p2gJubileeOverlay .p2g-jb-item{display:grid;grid-template-columns:72px 28px minmax(0,1fr);gap:15px;min-height:120px;align-items:stretch}
#p2gJubileeOverlay .p2g-jb-day{padding-top:16px;text-align:center}
#p2gJubileeOverlay .p2g-jb-day strong{display:block;font-size:26px;letter-spacing:-1px;font-weight:950;line-height:1;color:#eff5ff;font-variant-numeric:tabular-nums}
#p2gJubileeOverlay .p2g-jb-day span{display:block;margin-top:5px;color:#96acc7;font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:800}
#p2gJubileeOverlay .p2g-jb-track{position:relative;display:flex;align-items:center;flex-direction:column}
#p2gJubileeOverlay .p2g-jb-track::before{content:"";position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#ffd18966,#6685ad40);z-index:0}
#p2gJubileeOverlay .p2g-jb-item:first-child .p2g-jb-track::before{top:19px}
#p2gJubileeOverlay .p2g-jb-item:last-child .p2g-jb-track::before{bottom:55%}
#p2gJubileeOverlay .p2g-jb-point{display:grid;place-items:center;position:relative;z-index:1;margin-top:19px;width:24px;height:24px;background:#1b2840;border:2px solid #eebd75;border-radius:50%;box-shadow:0 0 14px #d9af6540;color:#ffdb97;font-size:9px}
#p2gJubileeOverlay .p2g-jb-item.p2g-jb-today .p2g-jb-point{background:#b38b50;box-shadow:0 0 19px #ffdf8f91}
#p2gJubileeOverlay .p2g-jb-card{position:relative;display:flex;min-width:0;align-items:center;gap:14px;border:1px solid #667e9b45;border-radius:17px;background:linear-gradient(115deg,#142438f2,#101d2cf2);padding:14px 16px;margin:0 0 14px;box-shadow:0 5px 19px #0004;cursor:pointer;text-align:left;color:inherit;width:100%;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}
#p2gJubileeOverlay .p2g-jb-card:hover,#p2gJubileeOverlay .p2g-jb-card:focus-visible{transform:translateX(4px);background:linear-gradient(115deg,#20334beb,#182741f5);border-color:#ecbc79a8;box-shadow:0 6px 22px #0008,0 0 15px #e7b66b1e;outline:none}
#p2gJubileeOverlay .p2g-jb-avatar{display:grid;flex:none;place-items:center;width:54px;height:54px;overflow:hidden;border-radius:15px;border:1px solid #8fadd15a;background:linear-gradient(135deg,#304565,#142844);color:#ffde99;font-size:23px;font-weight:900}
#p2gJubileeOverlay .p2g-jb-avatar img{width:100%;height:100%;object-fit:contain}
#p2gJubileeOverlay .p2g-jb-entry{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}
#p2gJubileeOverlay .p2g-jb-entry strong{font-size:14px;color:#fff;overflow-wrap:anywhere}
#p2gJubileeOverlay .p2g-jb-entry .p2g-jb-event-description{font-size:11px;color:#aabbd0;line-height:1.45}
#p2gJubileeOverlay .p2g-jb-server-name{font-size:10px;color:#f5cf8a;letter-spacing:.15px;font-weight:800}
#p2gJubileeOverlay .p2g-jb-meta{display:flex;align-items:flex-end;flex-direction:column;justify-content:center;gap:8px;flex-shrink:0;text-align:right}
#p2gJubileeOverlay .p2g-jb-badge{padding:6px 9px;background:#b5894821;border:1px solid #edc4856f;border-radius:10px;color:#ffdfa3;font-size:10px;font-weight:900;white-space:nowrap}
#p2gJubileeOverlay .p2g-jb-away{font-size:11px;color:#a9bdd4;font-weight:750;white-space:nowrap;font-variant-numeric:tabular-nums}
#p2gJubileeOverlay .p2g-jb-arrow{color:#cfb989;font-size:18px;margin-left:2px;flex-shrink:0}
#p2gJubileeOverlay .p2g-jb-more{display:flex;align-items:center;justify-content:center;gap:9px;width:min(100%,360px);margin:14px auto 12px;padding:13px 18px;border:1px solid #bda27385;border-radius:13px;background:#ffffff0a;color:#ffe3b4;font-size:12px;font-weight:900;cursor:pointer}
#p2gJubileeOverlay .p2g-jb-more:hover{border-color:#ffd38d;background:#c6a2641b}
#p2gJubileeOverlay .p2g-jb-empty{padding:30px;text-align:center;border:1px dashed #8caac360;border-radius:19px;background:#19283a8c;color:#c2d0df;font-size:13px;line-height:1.7}
#p2gJubileeOverlay .p2g-jb-foot{font-size:11px;color:#8da3b9;line-height:1.7;margin-top:18px;text-align:center}
@media(max-width:700px){#p2gJubileeOverlay .p2g-jb-shell{padding:18px 13px 42px}#p2gJubileeOverlay .p2g-jb-brand-logo{width:77px;height:32px}#p2gJubileeOverlay .p2g-jb-brand-info strong{font-size:10px}#p2gJubileeOverlay .p2g-jb-exit{font-size:12px;padding:10px}#p2gJubileeOverlay .p2g-jb-head{padding:26px 0 18px}#p2gJubileeOverlay .p2g-jb-head h2{font-size:30px;letter-spacing:-1.2px}#p2gJubileeOverlay .p2g-jb-highlights{grid-template-columns:1fr;gap:11px}#p2gJubileeOverlay .p2g-jb-next{min-height:190px;padding:20px}#p2gJubileeOverlay .p2g-jb-topstats{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}#p2gJubileeOverlay .p2g-jb-stat{padding:12px 5px;border-radius:13px;text-align:center}#p2gJubileeOverlay .p2g-jb-stat strong{font-size:20px}#p2gJubileeOverlay .p2g-jb-stat span{font-size:9px}#p2gJubileeOverlay .p2g-jb-toolbar{align-items:stretch;gap:12px}#p2gJubileeOverlay .p2g-jb-filters{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}#p2gJubileeOverlay .p2g-jb-filter{padding:11px 4px}#p2gJubileeOverlay .p2g-jb-choose{width:100%;justify-content:space-between}#p2gJubileeOverlay .p2g-jb-choose select{width:min(68%,290px)}#p2gJubileeOverlay .p2g-jb-item{grid-template-columns:45px 17px minmax(0,1fr);gap:8px;min-height:113px}#p2gJubileeOverlay .p2g-jb-day strong{font-size:20px}#p2gJubileeOverlay .p2g-jb-day span{font-size:9px}#p2gJubileeOverlay .p2g-jb-point{width:17px;height:17px;margin-top:20px;font-size:7px;border-width:1px}#p2gJubileeOverlay .p2g-jb-card{padding:11px 9px;gap:8px;border-radius:14px}#p2gJubileeOverlay .p2g-jb-avatar{width:40px;height:40px;border-radius:11px;font-size:17px}#p2gJubileeOverlay .p2g-jb-entry strong{font-size:12px}#p2gJubileeOverlay .p2g-jb-entry .p2g-jb-event-description{font-size:10px}#p2gJubileeOverlay .p2g-jb-server-name{font-size:9px}#p2gJubileeOverlay .p2g-jb-meta{gap:5px}#p2gJubileeOverlay .p2g-jb-badge{font-size:9px;padding:5px 7px}#p2gJubileeOverlay .p2g-jb-away{font-size:9px}#p2gJubileeOverlay .p2g-jb-arrow{display:none}#p2gJubileeOverlay .p2g-jb-subhead h3{font-size:15px}#p2gJubileeOverlay .p2g-jb-subhead span{font-size:10px}}
@media(max-width:380px){#p2gJubileeOverlay .p2g-jb-topstats{grid-template-columns:repeat(2,minmax(0,1fr))}#p2gJubileeOverlay .p2g-jb-meta{align-items:flex-start;text-align:left}#p2gJubileeOverlay .p2g-jb-card{flex-wrap:wrap}#p2gJubileeOverlay .p2g-jb-meta{padding-left:48px;flex-direction:row;align-items:center;gap:10px;width:100%}}
/* Bei der erzwungenen Handyansicht greifen die Hochformatregeln auch auf breiteren Viewports. */
body.ui-mobile #p2gJubileeOverlay .p2g-jb-shell{max-width:510px;padding:18px 12px 42px}
body.ui-mobile #p2gJubileeOverlay .p2g-jb-highlights{grid-template-columns:1fr}
body.ui-mobile #p2gJubileeOverlay .p2g-jb-toolbar{align-items:stretch}
body.ui-mobile #p2gJubileeOverlay .p2g-jb-filters{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
body.ui-mobile #p2gJubileeOverlay .p2g-jb-choose{width:100%;justify-content:space-between}
body.ui-mobile #p2gJubileeOverlay .p2g-jb-choose select{width:65%}
body.ui-mobile #p2gJubileeOverlay .p2g-jb-item{grid-template-columns:43px 18px minmax(0,1fr);gap:8px}
body.ui-mobile #p2gJubileeOverlay .p2g-jb-card{padding:12px 10px;gap:8px}
body.ui-mobile #p2gJubileeOverlay .p2g-jb-avatar{width:41px;height:41px}
body.ui-mobile #p2gJubileeOverlay .p2g-jb-entry strong{font-size:12px}
body.ui-mobile #p2gJubileeOverlay .p2g-jb-meta .p2g-jb-away{font-size:10px}
@media(prefers-reduced-motion:reduce){#p2gJubileeOverlay,#p2gJubileeOverlay.p2g-jb-closing{animation:none}#p2gJubileeOverlay .p2g-jb-card,#selection .p2g-jubilee-trigger{transition:none}}

/* Hochformat: die Statistikreihe benötigt nur eine Grid-Zeile. */
@media(max-width:700px){#p2gJubileeOverlay .p2g-jb-topstats{grid-template-rows:auto}}
body.ui-mobile #p2gJubileeOverlay .p2g-jb-topstats{grid-template-rows:auto}


/* Original stylesheet block 11 */

/* Play2Gether Netzwerk-Neuigkeiten: unabhängige chronologische Aktivitätenansicht */
#selection .p2g-news-trigger{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 15px;border-radius:14px;border:1px solid #d4a95f75;background:linear-gradient(145deg,#342612ee,#101c2fee);color:#ffe5bb;font:800 13px/1.2 Inter,system-ui,sans-serif;letter-spacing:.01em;box-shadow:inset 0 1px #ffe2ae19,0 0 22px #ffba5f18;cursor:pointer;transition:.2s}
#selection .p2g-news-trigger:hover,#selection .p2g-news-trigger:focus-visible{transform:translateY(-2px);box-shadow:0 0 28px #ffd4834c;border-color:#ffdda0;outline:none}
#selection .p2g-news-trigger svg{flex-shrink:0}
#selection .p2g-news-count{font:900 10px/1 Inter,system-ui,sans-serif;color:#172136;background:#f1c576;border-radius:40px;min-width:20px;padding:5px;text-align:center}
#selection .p2g-news-count[hidden]{display:none!important}
@media(max-width:800px){#selection .p2g-selection-tools{flex-wrap:wrap;justify-content:center;gap:8px}#selection .p2g-selection-tools>*{flex:1 1 auto;min-height:45px}#selection .p2g-news-trigger{font-size:12px;padding:12px}}
body.ui-mobile #selection .p2g-news-trigger{width:100%;min-height:47px}
#p2gNewsOverlay[hidden],#p2gNewsPin[hidden]{display:none!important}
#p2gNewsOverlay{position:fixed;inset:0;z-index:10040;overflow:auto;padding:clamp(10px,2vw,27px);background:radial-gradient(ellipse at 20% 10%,#4b83c523,transparent 36%),radial-gradient(ellipse at 80% 80%,#edaf4b1f,transparent 35%),#060a13f5;backdrop-filter:blur(18px);color:#eff5ff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;animation:p2gNewsIn .3s ease both}
@keyframes p2gNewsIn{from{opacity:0}to{opacity:1}}
#p2gNewsOverlay.p2g-news-exiting{opacity:0;transition:opacity .22s}
#p2gNewsOverlay .p2g-news-shell{width:min(1120px,100%);margin:12px auto 30px;position:relative;border:1px solid #6484a94d;border-radius:26px;background:linear-gradient(135deg,#101d32,#090e1c 60%,#131b2a);box-shadow:0 24px 95px #0009,inset 0 1px #ffffff12;padding:clamp(16px,3vw,31px)}
#p2gNewsOverlay .p2g-news-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
#p2gNewsOverlay .p2g-news-brand{display:flex;align-items:center;gap:12px;min-width:0}
#p2gNewsOverlay .p2g-news-brand img{width:104px;height:auto;max-height:50px;object-fit:contain;border-radius:10px}
#p2gNewsOverlay .p2g-news-brand span{font-size:10px;color:#98b7d6;letter-spacing:2px;font-weight:850}
#p2gNewsOverlay .p2g-news-close{cursor:pointer;border:1px solid #729fc96b;color:#eaf6ff;background:#172c44;border-radius:13px;padding:10px 16px;font:800 13px Inter,system-ui,sans-serif}
#p2gNewsOverlay .p2g-news-close:hover,#p2gNewsOverlay .p2g-news-close:focus-visible{border-color:#9bcdeb;outline:none}
#p2gNewsOverlay .p2g-news-heading{margin:24px 0 15px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}
#p2gNewsOverlay .p2g-news-eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:900;color:#eac37a;text-transform:uppercase;margin:0 0 9px}
#p2gNewsOverlay h2{font-size:clamp(27px,4vw,43px);letter-spacing:-1px;line-height:1.15;margin:0;color:white}
#p2gNewsOverlay h2 span{color:#f5c77e}
#p2gNewsOverlay .p2g-news-intro{color:#b4c9dc;font-size:13px;line-height:1.6;margin:8px 0 0}
#p2gNewsOverlay .p2g-news-stat{border:1px solid #d3ac684a;background:#c58b3315;border-radius:15px;padding:12px 16px;font-size:12px;color:#e4c89d}
#p2gNewsOverlay .p2g-news-stat strong{font-size:24px;color:#ffdc9d;display:block}
#p2gNewsOverlay .p2g-news-controls{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:24px 0 16px}
#p2gNewsOverlay .p2g-news-tabs{display:flex;flex-wrap:wrap;gap:7px}
#p2gNewsOverlay .p2g-news-tabs button{cursor:pointer;background:#14243a;border:1px solid #6a89ac63;color:#bcd5eb;border-radius:40px;padding:9px 14px;font:750 12px Inter,system-ui,sans-serif}
#p2gNewsOverlay .p2g-news-tabs button[aria-pressed="true"]{background:linear-gradient(110deg,#f2c982,#cf8f43);border-color:#ffdfa4;color:#161928}
#p2gNewsOverlay select{min-width:min(100%,230px);max-width:100%;background:#0e1b2d;color:#e6f4ff;border:1px solid #678cb273;border-radius:12px;padding:10px;font:750 12px Inter,system-ui,sans-serif}
#p2gNewsOverlay .p2g-news-feed{position:relative;display:grid;gap:12px;padding:3px 0 5px}
#p2gNewsOverlay .p2g-news-item{position:relative;display:flex;gap:14px;align-items:flex-start;background:linear-gradient(110deg,#1a2a3cd9,#101c2aeb);border:1px solid #6d8dad3f;border-radius:18px;padding:16px 18px;animation:p2gNewsRow .35s cubic-bezier(.2,.8,.2,1) both}
@keyframes p2gNewsRow{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
#p2gNewsOverlay .p2g-news-item[data-kind="team"]{border-left:3px solid #77d7ae}
#p2gNewsOverlay .p2g-news-item[data-kind="absence"]{border-left:3px solid #f6bd7e}
#p2gNewsOverlay .p2g-news-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;background:#263955;border-radius:13px;font-size:22px}
#p2gNewsOverlay .p2g-news-item-main{min-width:0;flex:1}
#p2gNewsOverlay .p2g-news-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#8faec9;font-size:11px;margin-bottom:6px}
#p2gNewsOverlay .p2g-news-kind{border:1px solid #75a1c85a;background:#2847603d;padding:3px 8px;border-radius:100px;color:#b6e7ff;font-size:10px;font-weight:850}
#p2gNewsOverlay .p2g-news-item strong{font-size:15px;line-height:1.45;color:#fff}
#p2gNewsOverlay .p2g-news-item p{margin:6px 0 0;color:#c2d3e5;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
#p2gNewsOverlay .p2g-news-item-action{align-self:center;flex-shrink:0;background:#20364c;border:1px solid #5f86ac86;color:#def0ff;padding:9px 11px;border-radius:10px;cursor:pointer;font-weight:850;font-size:11px}
#p2gNewsOverlay .p2g-news-item-action:hover{background:#34516d}
#p2gNewsOverlay .p2g-news-empty{padding:45px 20px;text-align:center;border:1px dashed #7b9ab05b;border-radius:18px;color:#bdcfe0;font-size:14px;line-height:1.6}
#p2gNewsOverlay .p2g-news-empty b{color:#fff;display:block;margin-bottom:8px;font-size:18px}
#p2gNewsOverlay .p2g-news-more{display:block;margin:20px auto 10px;padding:12px 20px;border:1px solid #d3af70a1;background:#523d225e;border-radius:14px;color:#ffddb1;font-size:13px;font-weight:850;cursor:pointer}
#p2gNewsOverlay .p2g-news-note{margin:20px 0 0;color:#8eaabe;font-size:11px;line-height:1.6}
#devApp .p2g-news-admin{margin:24px 0;border:1px solid #d7ae6975;background:linear-gradient(140deg,#19283a,#0c1829);padding:clamp(15px,2vw,24px);border-radius:18px}
#devApp .p2g-news-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}
#devApp .p2g-news-admin-head small{font-size:10px;letter-spacing:1.6px;color:#e7bf81;font-weight:900}
#devApp .p2g-news-admin h2{font-size:22px;color:white;margin:7px 0}
#devApp .p2g-news-admin p{color:#afc5d8;font-size:12px;line-height:1.6;margin:5px 0 13px}
#devApp .p2g-news-admin .p2g-news-admin-clear{border:1px solid #e8989691;border-radius:11px;background:#4a252b;color:#ffdee1;padding:10px 14px;font-weight:800;cursor:pointer}
#devApp .p2g-news-admin-list{display:grid;gap:8px;max-height:440px;overflow:auto;padding-right:3px}
#devApp .p2g-news-admin-row{display:flex;align-items:center;gap:12px;justify-content:space-between;background:#101e30;border:1px solid #6283a254;padding:11px 13px;border-radius:12px}
#devApp .p2g-news-admin-row div{min-width:0;flex:1}
#devApp .p2g-news-admin-row strong{font-size:12px;color:#eaf6ff;display:block;overflow-wrap:anywhere}
#devApp .p2g-news-admin-row small{font-size:10px;color:#91b1c9}
#devApp .p2g-news-admin-row button{background:#3b2530;border:1px solid #cf8b9b83;border-radius:9px;color:#ffd9e2;font:800 11px Inter,system-ui,sans-serif;padding:9px 10px;cursor:pointer;flex-shrink:0}
#devApp .p2g-news-admin-row button:hover{border-color:#ffc6d4}
#devApp .p2g-news-admin-empty{color:#9eb9cf;font-size:13px;padding:15px;border:1px dashed #52729060;border-radius:12px}
#p2gNewsPin{position:fixed;inset:0;z-index:21050;background:#050915e8;backdrop-filter:blur(15px);display:grid;place-items:center;padding:16px;color:#fff;font-family:Inter,system-ui,sans-serif}
#p2gNewsPin .p2g-news-pin-card{width:min(100%,420px);border:1px solid #cda76e7a;border-radius:22px;padding:25px;background:linear-gradient(135deg,#17253a,#0b1324);box-shadow:0 22px 90px #000a}
#p2gNewsPin h2{margin:3px 0 10px;font-size:24px}
#p2gNewsPin p{font-size:12px;line-height:1.6;color:#bbcadb;margin:0 0 18px}
#p2gNewsPin label{display:block;font-size:12px;font-weight:850;margin-bottom:8px;color:#ffdda6}
#p2gNewsPin input{display:block;width:100%;border-radius:12px;border:1px solid #839cbb85;background:#081428;color:white;padding:12px 14px;box-sizing:border-box;font-size:18px;letter-spacing:6px;outline:none}
#p2gNewsPin input:focus{border-color:#fed68e}
#p2gNewsPin .p2g-news-pin-error{min-height:16px;color:#ffabb7;font-size:11px;margin:8px 0 0}
#p2gNewsPin .p2g-news-pin-actions{display:flex;gap:10px;margin-top:14px}
#p2gNewsPin .p2g-news-pin-actions button{flex:1;padding:12px 9px;border-radius:11px;font-weight:850;cursor:pointer;border:1px solid #748ba980;background:#192c44;color:#e7f3ff}
#p2gNewsPin .p2g-news-pin-actions button[type="submit"]{background:linear-gradient(120deg,#e4b975,#bb814b);color:#23170f;border-color:#ffdfab}
@media(max-width:600px){#p2gNewsOverlay .p2g-news-shell{margin:0 auto;padding:16px;border-radius:18px}#p2gNewsOverlay .p2g-news-brand img{width:75px}#p2gNewsOverlay .p2g-news-brand span{font-size:9px;letter-spacing:1px}#p2gNewsOverlay .p2g-news-heading{margin-top:18px}#p2gNewsOverlay .p2g-news-stat{width:100%}#p2gNewsOverlay .p2g-news-tabs{width:100%}#p2gNewsOverlay .p2g-news-tabs button{flex:1}#p2gNewsOverlay select{width:100%}#p2gNewsOverlay .p2g-news-item{padding:13px;gap:10px;flex-wrap:wrap}#p2gNewsOverlay .p2g-news-icon{width:38px;height:38px;flex-basis:38px}#p2gNewsOverlay .p2g-news-item-action{margin-left:48px}#devApp .p2g-news-admin-row{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){#p2gNewsOverlay,#p2gNewsOverlay .p2g-news-item{animation:none!important}}

body.ui-mobile #selection .p2g-selection-tools .p2g-news-trigger{grid-column:1/-1;width:100%;min-width:0}
@media(max-width:580px){body:not(.ui-desktop) #selection .p2g-selection-tools .p2g-news-trigger{grid-column:1/-1;width:100%}}

#p2gNewsOverlay .p2g-news-more[hidden]{display:none!important}
@media(max-width:600px){#p2gNewsOverlay .p2g-news-item-main{flex:1 1 calc(100% - 58px)}#p2gNewsOverlay .p2g-news-item-action{display:block;flex:0 0 calc(100% - 48px);margin-left:48px;text-align:center;box-sizing:border-box}}



/* Original stylesheet block 12 */

/* ==========================================================
   PLAY2GETHER · 8 SEASONAL WORLDS + INDIVIDUAL VARIANTS
   Separate visual layer: original game color schemes stay intact.
   ========================================================== */
body[data-p2g-season]{
 --p2gs-accent:#96d8ff;--p2gs-glow:#68bcff2a;--p2gs-soft:#4584db24;
 --p2gs-bright:#f4faff;--p2gs-sky:#08101d;
}
body[data-p2g-season="halloween"]{--p2gs-accent:#fba95e;--p2gs-glow:#e37aeb36;--p2gs-soft:#5c256a66;--p2gs-bright:#ffe4ba;--p2gs-sky:#150b1c}
body[data-p2g-season="christmas"]{--p2gs-accent:#b4f4e4;--p2gs-glow:#50e5e34a;--p2gs-soft:#194c503d;--p2gs-bright:#fff3d0;--p2gs-sky:#091e29}
body[data-p2g-season="newyearEve"]{--p2gs-accent:#ffe09b;--p2gs-glow:#f7b9434a;--p2gs-soft:#66501b4d;--p2gs-bright:#fff6d8;--p2gs-sky:#11172d}
body[data-p2g-season="newyear"]{--p2gs-accent:#ffcda0;--p2gs-glow:#e4a76f44;--p2gs-soft:#5f45854d;--p2gs-bright:#fff1d2;--p2gs-sky:#0b1d35}
body[data-p2g-season="spring"]{--p2gs-accent:#f7bada;--p2gs-glow:#f692c741;--p2gs-soft:#54755b33;--p2gs-bright:#ffe6f5;--p2gs-sky:#151b27}
body[data-p2g-season="easter"]{--p2gs-accent:#fbd5a3;--p2gs-glow:#f2aadf41;--p2gs-soft:#3e7a6b40;--p2gs-bright:#f3f7ce;--p2gs-sky:#112429}
body[data-p2g-season="summer"]{--p2gs-accent:#8cfff1;--p2gs-glow:#4ce4ce4f;--p2gs-soft:#2e8ba03c;--p2gs-bright:#fff5c3;--p2gs-sky:#09233a}
body[data-p2g-season="autumn"]{--p2gs-accent:#ffb56c;--p2gs-glow:#f28d3e48;--p2gs-soft:#66311958;--p2gs-bright:#ffe0a4;--p2gs-sky:#1b1316}
body[data-p2g-season="winter"]{--p2gs-accent:#c4edff;--p2gs-glow:#67c6fc4c;--p2gs-soft:#39618d3c;--p2gs-bright:#e6f8ff;--p2gs-sky:#071c31}
body[data-p2g-season="networkjubilee"],body[data-p2g-season="serverjubilee"]{--p2gs-accent:#ffe49b;--p2gs-glow:#ffc5545c;--p2gs-soft:#a57c2849;--p2gs-bright:#fff8d9;--p2gs-sky:#19170e}
body[data-p2g-season="off"]{--p2gs-accent:#9dccfc;--p2gs-glow:transparent;--p2gs-soft:transparent;--p2gs-bright:#e3edff;--p2gs-sky:transparent}
#p2gSeasonStage{position:fixed;inset:0;z-index:120;pointer-events:none!important;overflow:hidden;isolation:isolate;contain:layout paint;}
#p2gSeasonStage *,#p2gSeasonBurst *{pointer-events:none!important}
#p2gSeasonStage .p2g-season-wash{position:absolute;inset:0;opacity:.84;background:radial-gradient(ellipse 42% 58% at -9% 23%,var(--p2gs-soft),transparent 86%),radial-gradient(ellipse 48% 48% at 114% 79%,var(--p2gs-glow),transparent 83%);mix-blend-mode:screen}
#p2gSeasonStage .p2g-season-haze{position:absolute;left:-30%;width:160%;bottom:-24%;height:51%;opacity:.52;filter:blur(48px);background:radial-gradient(ellipse at 50% 70%,var(--p2gs-soft),transparent 75%);animation:p2gSeaHaze 21s ease-in-out infinite alternate}
#p2gSeasonStage .p2g-season-rays{position:absolute;inset:0;background:repeating-conic-gradient(from 270deg at 87% -30%,transparent 0 12deg,var(--p2gs-glow) 12.4deg 13.2deg,transparent 13.6deg 23deg);opacity:.12;mask-image:linear-gradient(to bottom,#000b,transparent 65%);animation:p2gSeaRays 16s linear infinite}
#p2gSeasonStage .p2g-season-trim{position:absolute;bottom:-5%;height:min(71vh,720px);width:min(42vw,420px);opacity:.62;filter:drop-shadow(0 0 22px var(--p2gs-glow));animation:p2gSeaBranchFloat 9s ease-in-out infinite alternate}
#p2gSeasonStage .p2g-season-trim svg{height:100%;width:100%;display:block;overflow:visible}
#p2gSeasonStage .p2g-season-trim-left{left:-4%;transform-origin:0 100%}
#p2gSeasonStage .p2g-season-trim-right{right:-4%;transform:scaleX(-1);transform-origin:100% 100%;animation-name:p2gSeaBranchRight}
#p2gSeasonStage .p2g-season-particles{position:absolute;inset:0;}
.p2g-season-particle{position:absolute;display:block;left:var(--x);top:var(--y);width:var(--size);height:var(--size);color:var(--p2gs-accent);opacity:var(--op);filter:drop-shadow(0 0 7px var(--p2gs-glow));animation:p2gSeaDrift var(--dur) ease-in-out var(--delay) infinite alternate;will-change:transform,opacity}
.p2g-season-particle svg{display:block;width:100%;height:100%;fill:currentColor}
.p2g-season-ghost{color:#d5c3f9;opacity:.32;filter:drop-shadow(0 0 14px #ca91e5bb)}
.p2g-season-ghost .p2g-ghost-eye{fill:#452447}
.p2g-season-bat{color:#120b1c;filter:drop-shadow(0 0 5px #ba60e8aa)}
.p2g-season-petal{color:#fad2eb;filter:drop-shadow(0 0 9px #ffd6f9bb)}
.p2g-season-leaf{color:#ed913a;filter:drop-shadow(0 0 7px #e89b6a88)}
.p2g-season-snow{color:#d6f5ff;filter:drop-shadow(0 0 8px #75d4ff66)}
.p2g-season-egg{color:#a6e4ee;filter:drop-shadow(0 0 8px #f8b9fd77)}
.p2g-season-spark,.p2g-season-star{color:var(--p2gs-accent)}
.p2g-season-confetti{color:#f8d482;transform:rotate(-16deg)}
body[data-p2g-season="halloween"] #p2gSeasonStage .p2g-season-wash{background:radial-gradient(ellipse at 5% 47%,#5a21785a,transparent 51%),radial-gradient(ellipse at 102% 32%,#e5783d20,transparent 65%)}
body[data-p2g-season="halloween"] #p2gSeasonStage .p2g-season-haze{height:62%;opacity:.75;filter:blur(42px);background:radial-gradient(ellipse at 30% 100%,#734a8c69,transparent 70%)}
body[data-p2g-season="christmas"] #p2gSeasonStage .p2g-season-rays{opacity:.18}
body[data-p2g-season="summer"] #p2gSeasonStage .p2g-season-rays{opacity:.32;background:repeating-conic-gradient(from 215deg at 94% -20%,transparent 0 15deg,#ffe4a627 15.5deg 17deg,transparent 17.5deg 30deg)}
body[data-p2g-season="autumn"] #p2gSeasonStage .p2g-season-haze{background:radial-gradient(ellipse,#9f642e52,transparent 70%)}
body[data-p2g-season="off"] #p2gSeasonStage{display:none}
@keyframes p2gSeaDrift{0%{transform:translate3d(0,20px,0) rotate(-30deg) scale(.76);opacity:0}18%{opacity:var(--op)}75%{opacity:var(--op)}100%{transform:translate3d(var(--shift),-95px,0) rotate(90deg) scale(1.18);opacity:0}}
@keyframes p2gSeaHaze{0%{transform:translate3d(-6%,2%,0) scale(1)}100%{transform:translate3d(7%,-9%,0) scale(1.15)}}
@keyframes p2gSeaRays{to{transform:rotate(4deg)}}
@keyframes p2gSeaBranchFloat{0%{transform:rotate(0deg)}100%{transform:rotate(2deg)}}
@keyframes p2gSeaBranchRight{0%{transform:scaleX(-1) rotate(0deg)}100%{transform:scaleX(-1) rotate(-2deg)}}
/* The existing six designs stay unique. Their frame, not content, gains a seasonal light. */
body[data-p2g-season]:not([data-p2g-season="off"]) #selection .reference-shell{box-shadow:0 20px 100px #0009,0 0 56px var(--p2gs-glow),inset 0 0 36px var(--p2gs-soft);transition:box-shadow .5s ease}
body[data-p2g-season]:not([data-p2g-season="off"]) #serverCards .reference-card:not(.p2g-anniversary-today){box-shadow:0 4px 20px #0007,0 0 21px var(--p2gs-glow),inset 0 0 11px var(--p2gs-soft);transition:box-shadow .4s,transform .26s,border-color .26s}
body[data-p2g-season]:not([data-p2g-season="off"]) #serverCards .reference-card:hover{box-shadow:0 8px 26px #000a,0 0 34px var(--p2gs-glow),inset 0 0 15px var(--p2gs-soft)}
body[data-p2g-season]:not([data-p2g-season="off"]) #mcDashboard .mcd-shell,
body[data-p2g-season]:not([data-p2g-season="off"]) #vgDashboard .vg-shell,
body[data-p2g-season]:not([data-p2g-season="off"]) #fhDashboard .fh-shell,
body[data-p2g-season]:not([data-p2g-season="off"]) #gtaDashboard .gta-shell,
body[data-p2g-season]:not([data-p2g-season="off"]) #fnDashboard .fn-shell,
body[data-p2g-season]:not([data-p2g-season="off"]) #csDashboard .cs-shell{box-shadow:inset 0 0 115px var(--p2gs-soft),0 0 26px var(--p2gs-glow);transition:box-shadow .55s}
body[data-p2g-season]:not([data-p2g-season="off"]) #profileModal .modal-card{box-shadow:0 20px 100px #000c,0 0 25px var(--p2gs-glow),inset 0 0 28px var(--p2gs-soft);outline:1px solid var(--p2gs-glow)}
#p2gSeasonBurst{position:fixed;inset:0;z-index:22000;overflow:hidden;pointer-events:none!important;display:none;contain:layout paint}
#p2gSeasonBurst.p2g-season-burst-active{display:block}
#p2gSeasonBurst *{pointer-events:none!important}
.p2g-season-burst-bit{position:absolute;left:var(--bx);top:var(--by);width:var(--bs);height:var(--bs);color:var(--p2gs-accent);opacity:0;filter:drop-shadow(0 0 9px var(--p2gs-glow));animation:p2gSeaBurst 2.6s cubic-bezier(.24,.7,.2,1) var(--bd) both}
.p2g-season-burst-bit svg{width:100%;height:100%;display:block;fill:currentColor}
@keyframes p2gSeaBurst{0%{opacity:0;transform:translate3d(0,35px,0) rotate(-28deg) scale(.35)}14%{opacity:.95}56%{opacity:1}100%{opacity:0;transform:translate3d(var(--blastx),var(--blasty),0) rotate(230deg) scale(1.3)}}
#p2gSeasonBurst[data-burst="halloween"] .p2g-season-burst-bit{color:#4b225f}
#p2gSeasonBurst[data-burst="christmas"] .p2g-season-burst-bit,#p2gSeasonBurst[data-burst="winter"] .p2g-season-burst-bit{color:#d4f5ff}
#p2gSeasonBurst[data-burst="spring"] .p2g-season-burst-bit{color:#ffd0e8}
#p2gSeasonBurst[data-burst="autumn"] .p2g-season-burst-bit{color:#ffaf4f}
#p2gSeasonBurst[data-burst="newyearEve"] .p2g-season-burst-bit,#p2gSeasonBurst[data-burst="networkjubilee"] .p2g-season-burst-bit{color:#ffda80}
/* Seasonal identity strips on the selection page and the live server lists. */
#selection .p2g-season-indicator{display:flex;align-items:center;gap:9px;max-width:max-content;margin:0 auto 14px;color:#faf7e6;background:linear-gradient(110deg,#10243dec,#15203aeb);border:1px solid var(--p2gs-accent);border-radius:999px;padding:8px 17px;box-shadow:0 0 19px var(--p2gs-glow),inset 0 1px #fff2;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:900;position:relative;z-index:2}
#selection .p2g-season-indicator .p2g-season-symbol{font-size:19px;line-height:1}
#selection .p2g-season-indicator .p2g-season-name{color:var(--p2gs-bright)}
#p2gSeasonServerTag{position:fixed;bottom:19px;left:88px;z-index:600;display:inline-flex;align-items:center;gap:7px;color:var(--p2gs-bright);padding:6px 12px;background:#071325db;border:1px solid var(--p2gs-accent);border-radius:999px;pointer-events:none;font:800 10px/1.4 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.07em;box-shadow:0 0 12px var(--p2gs-glow);backdrop-filter:blur(8px)}
#p2gSeasonServerTag .p2g-season-symbol{font-size:15px}
body:has(#selection:not(.hidden)) #p2gSeasonServerTag,
body:has(#devApp:not([hidden])) #p2gSeasonServerTag,
body:has(#p2gJubileeOverlay:not([hidden])) #p2gSeasonServerTag,
body:has(#p2gNewsOverlay:not([hidden])) #p2gSeasonServerTag,
body[data-p2g-season="off"] #p2gSeasonServerTag,
body[data-p2g-season="off"] .p2g-season-indicator{display:none!important}
/* Hide the decorative layer behind dialog overlays; only the deliberate burst is above. */
body:has(#devGate:not([hidden])) #p2gSeasonStage{opacity:.42}
body.ui-mobile #p2gSeasonStage .p2g-season-trim{height:37vh;width:37vw;opacity:.36;bottom:0}
body.ui-mobile #p2gSeasonServerTag{left:9px;bottom:65px;max-width:160px;font-size:9px;padding:5px 10px;opacity:.9}
body.ui-mobile #selection .p2g-season-indicator{font-size:10px;margin:0 auto 11px}
/* Rich developer season control, independent of the timed simulators. */
#devApp .p2g-season-admin{margin:26px 0 18px;padding:22px;border-radius:23px;color:#f7faff;background:radial-gradient(ellipse at 97% 0%,#6c60b822,transparent 50%),linear-gradient(145deg,#0e2236f5,#090f20f9 78%);border:1px solid #749fca6b;box-shadow:0 16px 52px #0006,inset 0 1px #ffffff13;font-family:Inter,system-ui,Arial,sans-serif}
#devApp .p2g-season-admin-top{display:flex;align-items:flex-start;gap:13px;margin-bottom:16px}
#devApp .p2g-season-admin-emblem{width:54px;height:54px;flex:none;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#b9d4f72b,#4c5eac35);border:1px solid #9aaff475;font-size:25px;box-shadow:0 0 23px #6288fc20}
#devApp .p2g-season-admin-top small{display:block;letter-spacing:.16em;font-size:10px;color:#86b6e4;font-weight:900;margin-bottom:6px}
#devApp .p2g-season-admin h2{margin:0;font-size:clamp(20px,2.6vw,27px);letter-spacing:-.5px;font-weight:950;color:#fff}
#devApp .p2g-season-admin p{color:#b3c5da;line-height:1.6;font-size:13px;margin:10px 0 17px}
#devApp .p2g-season-preview{position:relative;overflow:hidden;min-height:112px;border-radius:18px;padding:19px 22px;margin:12px 0 20px;border:1px solid var(--p2gs-accent);background:radial-gradient(ellipse at 96% 5%,var(--p2gs-soft),transparent 50%),linear-gradient(111deg,#0b1e33,#132c40 56%,#0b172b);box-shadow:inset 0 0 28px var(--p2gs-glow),0 0 18px var(--p2gs-glow);display:flex;align-items:center;gap:16px}
#devApp .p2g-season-preview[data-preview="halloween"]{background:radial-gradient(ellipse at 85% 10%,#e19e454c,transparent 56%),linear-gradient(118deg,#1d0d30,#281335,#0c1321)}
#devApp .p2g-season-preview[data-preview="christmas"]{background:radial-gradient(ellipse at 85% 12%,#57dcc75e,transparent 52%),linear-gradient(118deg,#0c2533,#173e3b,#111c30)}
#devApp .p2g-season-preview[data-preview="autumn"]{background:radial-gradient(ellipse at 85% 10%,#e8a24a63,transparent 56%),linear-gradient(118deg,#241421,#4b251a,#16121b)}
#devApp .p2g-season-preview[data-preview="summer"]{background:radial-gradient(ellipse at 85% 10%,#ffee9890,transparent 55%),linear-gradient(118deg,#0c3345,#175c65,#162d4f)}
#devApp .p2g-season-preview[data-preview="newyearEve"],#devApp .p2g-season-preview[data-preview="networkjubilee"],#devApp .p2g-season-preview[data-preview="serverjubilee"]{background:radial-gradient(ellipse at 85% 10%,#e5ba6571,transparent 55%),linear-gradient(118deg,#18162e,#4a3628,#14162b)}
#devApp .p2g-season-preview[data-preview="easter"],#devApp .p2g-season-preview[data-preview="spring"]{background:radial-gradient(ellipse at 85% 10%,#f4bed864,transparent 56%),linear-gradient(118deg,#302132,#35474b,#182032)}
#devApp .p2g-season-preview-icon{font-size:48px;filter:drop-shadow(0 0 16px var(--p2gs-glow));flex:none}
#devApp .p2g-season-preview-title{font-size:21px;font-weight:950;color:#fff}
#devApp .p2g-season-preview-effect{font-size:12px;color:#deecff;margin-top:5px}
#devApp .p2g-season-statusline{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:16px;font-weight:800;font-size:12px}
#devApp .p2g-season-statusline span{display:inline-flex;align-items:center;gap:7px;border-radius:100px;border:1px solid #8ed0ff71;color:#bfeeff;background:#6eb5e522;padding:8px 12px}
#devApp .p2g-season-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
#devApp button.p2g-season-choice{border:1px solid #6899c04a;background:linear-gradient(155deg,#142943,#0b1629);border-radius:15px;padding:13px 10px 11px;min-width:0;color:#dee9f7;text-align:left;cursor:pointer;font-family:inherit;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden;}
#devApp button.p2g-season-choice:hover,#devApp button.p2g-season-choice:focus-visible{transform:translateY(-2px);border-color:#b4e7ff;box-shadow:0 0 21px #7ed4fc3b;outline:none}
#devApp button.p2g-season-choice.selected{border-color:#ffe1a6;background:linear-gradient(155deg,#23445d,#172739);box-shadow:0 0 0 1px #ffd994,0 0 21px #eed18a33}
#devApp button.p2g-season-choice.selected::after{content:'✓';position:absolute;right:8px;top:6px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;color:#142130;background:#ffdb8c;font-size:12px;font-weight:900}
#devApp .p2g-season-choice-icon{display:block;font-size:27px;height:34px;line-height:30px}
#devApp .p2g-season-choice-name{display:block;font-size:12px;line-height:1.3;font-weight:900;color:#fff;margin:4px 0 5px}
#devApp .p2g-season-choice-summary{font-size:10px;color:#acc4dc;line-height:1.35;display:block}
#devApp .p2g-season-options{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:18px 0 9px}
#devApp .p2g-season-options label{display:flex;flex-direction:column;gap:7px;font-weight:800;font-size:12px;color:#dbe9fa}
#devApp #p2gSeasonIntensity{background:#0b1b2e;color:#fff;border:1px solid #7ca8ce72;border-radius:11px;padding:10px 13px;min-height:43px;font:700 13px system-ui,sans-serif}
#devApp .p2g-season-btn{font-family:inherit;display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:43px;background:linear-gradient(125deg,#1e587e,#174062);border:1px solid #7bd7ff85;color:#f4faff;border-radius:11px;padding:11px 16px;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 0 12px #4eacfb18;transition:.2s}
#devApp .p2g-season-btn:hover,#devApp .p2g-season-btn:focus-visible{border-color:#fff;transform:translateY(-1px);box-shadow:0 0 18px #5dd4ff55}
#devApp .p2g-season-btn.secondary{background:linear-gradient(125deg,#1c2c43,#0e1e30);border-color:#6c96b36b}
#devApp .p2g-season-hint{margin:12px 0 0!important;font-size:11px!important;color:#a2b8cb!important}
@media(max-width:1050px){#devApp .p2g-season-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){#devApp .p2g-season-admin{padding:15px;border-radius:18px}#devApp .p2g-season-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#devApp .p2g-season-admin-top{gap:10px}#devApp .p2g-season-admin-emblem{width:45px;height:45px}#devApp .p2g-season-choice-name{font-size:11px}#devApp .p2g-season-choice-summary{font-size:9px}#devApp .p2g-season-preview-icon{font-size:37px}#devApp .p2g-season-preview{padding:13px 14px;min-height:90px}}
@media(prefers-reduced-motion:reduce){#p2gSeasonStage .p2g-season-particle,#p2gSeasonStage .p2g-season-rays,#p2gSeasonStage .p2g-season-haze,#p2gSeasonStage .p2g-season-trim,#p2gSeasonBurst .p2g-season-burst-bit{animation:none!important}#devApp .p2g-season-choice{transition:none!important}}
/* Special scene events: witch on Halloween, light garland at Christmas and sky fireworks. */
#p2gSeasonStage .p2g-season-witch{display:none;position:absolute;right:2vw;top:7vh;width:min(29vw,320px);opacity:.7;filter:drop-shadow(0 0 16px #b98adeaa);animation:p2gSeaWitchGlide 17s ease-in-out infinite alternate}
#p2gSeasonStage .p2g-season-witch svg{display:block;width:100%;height:auto}
body[data-p2g-season="halloween"] #p2gSeasonStage .p2g-season-witch{display:block}
@keyframes p2gSeaWitchGlide{0%{transform:translate3d(6vw,-3vh,0) rotate(-5deg);opacity:.22}45%{opacity:.75}100%{transform:translate3d(-15vw,8vh,0) rotate(4deg);opacity:.15}}
#p2gSeasonStage .p2g-season-garland{display:none;position:absolute;left:-4%;top:0;width:108%;height:91px;opacity:.65;border-top:3px solid #588478;transform:rotate(.5deg);background:radial-gradient(ellipse 10px 17px at 4% 27px,#ffe9a8bb 22%,transparent 71%),radial-gradient(ellipse 10px 17px at 13% 35px,#7cebb4bb 22%,transparent 71%),radial-gradient(ellipse 10px 17px at 22% 29px,#f8797dbb 22%,transparent 71%),radial-gradient(ellipse 10px 17px at 31% 38px,#a9ccffbb 22%,transparent 71%),radial-gradient(ellipse 10px 17px at 40% 27px,#ffe9a8bb 22%,transparent 71%),radial-gradient(ellipse 10px 17px at 49% 31px,#7cebb4bb 22%,transparent 71%),radial-gradient(ellipse 10px 17px at 58% 37px,#f8797dbb 22%,transparent 71%),radial-gradient(ellipse 10px 17px at 67% 31px,#a9ccffbb 22%,transparent 71%),radial-gradient(ellipse 10px 17px at 76% 36px,#ffe9a8bb 22%,transparent 71%),radial-gradient(ellipse 10px 17px at 85% 29px,#7cebb4bb 22%,transparent 71%),radial-gradient(ellipse 10px 17px at 94% 31px,#f8797dbb 22%,transparent 71%);filter:drop-shadow(0 0 11px #ffe9a899);animation:p2gSeaLights 2.8s ease-in-out infinite alternate}
body[data-p2g-season="christmas"] #p2gSeasonStage .p2g-season-garland{display:block}
@keyframes p2gSeaLights{from{opacity:.35}to{opacity:.82}}
#p2gSeasonStage .p2g-season-fireworks{display:none;position:absolute;inset:0}
body[data-p2g-season="newyearEve"] #p2gSeasonStage .p2g-season-fireworks,
body[data-p2g-season="newyear"] #p2gSeasonStage .p2g-season-fireworks,
body[data-p2g-season="networkjubilee"] #p2gSeasonStage .p2g-season-fireworks,
body[data-p2g-season="serverjubilee"] #p2gSeasonStage .p2g-season-fireworks{display:block}
#p2gSeasonStage .p2g-season-fireworks i{position:absolute;display:block;width:175px;aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ffe6a4 0deg 3deg,transparent 4deg 27deg);mask-image:radial-gradient(circle,transparent 0 27%,#000 35% 38%,transparent 52%);opacity:0;animation:p2gSeaFireworks 6.5s ease-out infinite;filter:drop-shadow(0 0 9px #ffd4a3)}
#p2gSeasonStage .p2g-season-fireworks i:first-child{left:10%;top:12%;animation-delay:0s}
#p2gSeasonStage .p2g-season-fireworks i:nth-child(2){right:17%;top:19%;width:220px;animation-delay:2.15s}
#p2gSeasonStage .p2g-season-fireworks i:nth-child(3){left:51%;top:5%;width:140px;animation-delay:4.1s}
@keyframes p2gSeaFireworks{0%,6%{opacity:0;transform:scale(.2) rotate(0)}18%{opacity:.72;transform:scale(1.2) rotate(35deg)}35%,100%{opacity:0;transform:scale(1.5) rotate(55deg)}}
body[data-p2g-season="easter"] #p2gSeasonStage .p2g-season-egg{animation-name:p2gSeaEggHop}
@keyframes p2gSeaEggHop{0%{transform:translateY(8px) rotate(-18deg)}50%{transform:translateY(-38px) rotate(10deg)}100%{transform:translateY(8px) rotate(-18deg)}}
@media(prefers-reduced-motion:reduce){#p2gSeasonStage .p2g-season-witch,#p2gSeasonStage .p2g-season-garland,#p2gSeasonStage .p2g-season-fireworks i{animation:none!important}}



/* Original stylesheet block 13 */

/* Play2Gether – persönliche Browser-Teamauswahl (keine Authentifizierung) */
#p2gIdentityGate[hidden],#p2gIdentityConfirm[hidden],#p2gIdentityWelcome[hidden],#p2gIdentityBadge[hidden]{display:none!important}
#p2gIdentityGate{position:fixed;inset:0;z-index:300000;display:grid;place-items:center;overflow-y:auto;overscroll-behavior:contain;padding:22px 12px;background:radial-gradient(ellipse at 20% 0%,rgba(31,102,152,.4),transparent 45%),radial-gradient(ellipse at 85% 100%,rgba(148,52,162,.28),transparent 50%),rgba(4,8,20,.97);color:#f5f8ff;font-family:inherit;}
#p2gIdentityGate *{box-sizing:border-box}
.p2g-id-card{width:min(590px,100%);margin:auto;padding:clamp(22px,5vw,38px);border:1px solid rgba(141,183,238,.3);border-radius:26px;background:linear-gradient(145deg,#172b49,#0b1329 65%,#17142e);box-shadow:0 22px 90px rgba(0,0,0,.55);position:relative;overflow:hidden}
.p2g-id-card::before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#59bdff,#ab87ff,#fa83bd)}
.p2g-id-eyebrow{font-weight:800;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#9bd7ff;margin-bottom:12px}
.p2g-id-card h2{font-size:clamp(24px,4.5vw,35px);line-height:1.13;margin:0 0 11px;color:#fff}
.p2g-id-card .p2g-id-intro{line-height:1.6;color:#b8c8df;font-size:14px;margin:0 0 22px}
#p2gIdentitySearch{box-sizing:border-box;display:block;width:100%;min-height:48px;padding:12px 16px;border-radius:13px;background:#090f21;border:1px solid #506482;color:#fff;font:inherit;margin-bottom:12px;outline-offset:3px}
#p2gIdentityList{display:grid;gap:9px;max-height:min(390px,48vh);overflow:auto;padding:2px 6px 2px 1px;scrollbar-color:#6686b0 transparent}
.p2g-id-member{width:100%;min-height:66px;display:flex;align-items:center;gap:12px;border:1px solid rgba(131,160,206,.23);border-radius:15px;background:rgba(23,37,64,.8);padding:9px 13px;text-align:left;color:#fff;cursor:pointer;font:inherit;transition:background .15s,border-color .15s,transform .15s}
.p2g-id-member:hover,.p2g-id-member:focus-visible{background:#223956;border-color:#89bafa;transform:translateY(-1px)}
.p2g-id-member img,.p2g-id-confirm-person img{width:46px;height:46px;object-fit:contain;flex-shrink:0;border-radius:50%;background:rgba(126,154,214,.16)}
.p2g-id-member span{display:block;min-width:0;flex:1}.p2g-id-member strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.p2g-id-member small{display:block;color:#abbdd5;font-size:11px;margin-top:4px;line-height:1.35}
.p2g-id-confirm-person{display:flex;align-items:center;gap:13px;border-radius:16px;border:1px solid #537196;padding:15px;background:#101f38;margin:18px 0 22px}.p2g-id-confirm-person img{width:62px;height:62px}.p2g-id-confirm-person strong{font-size:20px;display:block}.p2g-id-confirm-person small{color:#b7cbe1;display:block;margin-top:6px;line-height:1.45}
.p2g-id-actions{display:flex;gap:12px;flex-wrap:wrap}.p2g-id-actions button{flex:1;min-width:140px;border-radius:12px;padding:13px 18px;font-weight:800;font-family:inherit;font-size:14px;border:1px solid #6686b4;color:#e5effe;background:#263950;cursor:pointer}.p2g-id-actions .p2g-id-primary{border-color:#77c4ff;color:#06142a;background:linear-gradient(110deg,#8cd3ff,#abacff)}
#p2gIdentityBadge{position:fixed;bottom:18px;right:18px;z-index:8000;display:flex;align-items:center;gap:9px;max-width:calc(100% - 36px);border-radius:45px;background:#101b30ee;border:1px solid #5b759e;color:#eef6ff;padding:7px 14px 7px 7px;box-shadow:0 8px 30px #0007;cursor:pointer;font:inherit;font-size:12px}
#p2gIdentityBadge img{width:34px;height:34px;object-fit:contain;border-radius:50%}#p2gIdentityBadge span{text-align:left;line-height:1.25}#p2gIdentityBadge strong,#p2gIdentityBadge small{display:block}#p2gIdentityBadge small{color:#9fbbd7}
#p2gIdentityWelcome{position:fixed;z-index:299999;top:18px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);border-radius:17px;padding:15px 23px;color:#fff;background:#162841;box-shadow:0 10px 30px #0009;border:1px solid #7dbdff;text-align:center;font-size:16px;font-weight:800}
.p2g-id-empty{padding:16px;text-align:center;color:#c6d3e6;font-size:14px}
body.p2g-identity-locked{overflow:hidden!important}
body.p2g-no-dev #selection .reference-heading,body.p2g-no-dev #selection .mobile-netbadge,body.p2g-no-dev #selection .network-logo{cursor:default!important}
@media(max-width:480px){.p2g-id-card{padding:23px 17px;border-radius:19px}.p2g-id-actions button{min-width:110px}#p2gIdentityBadge{right:8px;bottom:9px}}

/* Serverjubiläum: dynamischer Live-Countdown auch bei nachgetragenen Gründungsdaten. */
#vgDashboard .p2g-vg-jubilee-title{font-size:clamp(14px,1.7vw,20px);font-weight:850;color:#ffe7a2;text-align:center;margin:4px 0 13px}
#vgDashboard .p2g-vg-jubilee-clock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:7px 0 12px;width:100%}
#vgDashboard .p2g-vg-jubilee-clock span{min-width:0;border:1px solid #e5be5a55;border-radius:11px;background:#16140de3;text-align:center;padding:10px 5px}
#vgDashboard .p2g-vg-jubilee-clock strong{display:block;color:#ffe68e;font-size:clamp(19px,2.4vw,30px);line-height:1.1;font-variant-numeric:tabular-nums}
#vgDashboard .p2g-vg-jubilee-clock small{display:block;color:#d9cbb2;font-size:10px;margin-top:5px}
@media(max-width:360px){#vgDashboard .p2g-vg-jubilee-clock{gap:4px}#vgDashboard .p2g-vg-jubilee-clock span{padding:7px 2px}}


/* Original stylesheet block 14 */

.reference-card.p2g-server-disabled{filter:grayscale(1);opacity:.42;cursor:not-allowed}
.reference-card.p2g-server-disabled:hover{transform:none!important;box-shadow:none!important}
#p2gIdentityGate{display:none!important}
#p2gIdentityBadge{cursor:pointer}


/* Original stylesheet block 15 */


/* Play2Gether – Rechtliches: dauerhaft sichtbarer Seitenlink */
.p2g-legal-quicklink{position:fixed!important;top:max(13px,env(safe-area-inset-top))!important;right:max(13px,env(safe-area-inset-right))!important;z-index:2147483000!important;display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 12px;border-radius:11px;border:1px solid #80cebf99;background:#102a3eee;color:#edf9ff!important;font:800 12px/1.2 system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;letter-spacing:.01em;text-decoration:none!important;box-shadow:0 6px 22px #0008;backdrop-filter:blur(12px);max-width:calc(100vw - 28px);white-space:nowrap;transition:background .15s,border-color .15s}
.p2g-legal-quicklink:hover,.p2g-legal-quicklink:focus-visible{background:#20516a!important;border-color:#78ffd1!important;outline-offset:3px}
.p2g-legal-quicklink .p2g-legal-glyph{width:19px;height:19px;display:inline-grid;place-items:center;border:1px solid #7beacb66;border-radius:6px;color:#7fffd2;font:bold 13px/1 system-ui,sans-serif}
@media(max-width:500px){.p2g-legal-quicklink{top:max(8px,env(safe-area-inset-top))!important;right:max(8px,env(safe-area-inset-right))!important;padding:7px 10px;font-size:11px!important;min-height:34px}}


/* Original stylesheet block 16 */
/* Netzwerkweite Teamsuche – echte Teamdaten, keine Demo-Karten */
#selection .p2g-global-search{position:relative;z-index:2;margin:17px 1px 23px;padding:22px 24px 17px;isolation:isolate;overflow:visible;border-radius:22px;border:1px solid rgba(127,172,226,.31);background:linear-gradient(111deg,rgba(15,29,48,.96),rgba(15,20,39,.94) 64%,rgba(25,27,50,.94));box-shadow:0 12px 30px #0005,0 0 25px #57bcfc0a;color:#f2f7ff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#selection .p2g-global-search:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 96% 2%,#70b3ff13,transparent 45%)}
#selection .p2g-global-search-head{position:relative;display:flex;gap:14px;align-items:center;margin-bottom:15px}
#selection .p2g-global-search-badge{width:48px;height:48px;flex:none;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#2362a0,#184064);border:1px solid #6dcaff68;color:#bceaff;font-size:34px;line-height:1;box-shadow:0 0 24px #58bbff24}
#selection .p2g-global-search-eyebrow{font-size:10px;letter-spacing:2.1px;color:#8fbbe2;font-weight:800;line-height:1.3;margin:0 0 4px}
#selection .p2g-global-search h2{font-size:clamp(19px,2.25vw,25px);letter-spacing:-.55px;font-weight:850;line-height:1.18;margin:0;color:#fff}
#selection .p2g-global-search h2 span{color:#76d5ff}
#selection .p2g-global-search-counter{margin-left:auto;color:#b5c7df;font-weight:700;font-size:12px;border:1px solid #7893b440;background:#b2d7ff0c;border-radius:18px;padding:7px 11px;white-space:nowrap}
#selection .p2g-global-search-input-wrap{position:relative;display:flex;align-items:center;gap:12px;border:1px solid #6782a271;background:#060e1cbd;padding:0 15px;border-radius:14px;transition:border-color .2s,box-shadow .2s;min-height:55px;box-sizing:border-box}
#selection .p2g-global-search-input-wrap:focus-within{border-color:#73dcff;box-shadow:0 0 0 3px #59cbff18,0 0 22px #4fbfff15}
#selection .p2g-global-search-input-wrap>svg{color:#86bedd;flex:none}
#selection #p2gGlobalSearchInput{flex:1;min-width:0;width:100%;font-family:inherit;color:#fff;background:transparent;border:none!important;outline:none!important;box-shadow:none!important;font-size:15px;font-weight:550;line-height:1.4;padding:13px 0}
#selection #p2gGlobalSearchInput::placeholder{color:#8398af;opacity:1}
#selection #p2gGlobalSearchInput::-webkit-search-cancel-button{display:none}
#selection .p2g-global-search-clear{border:1px solid #6683a263;background:#21334d;color:#d4ebff;border-radius:8px;padding:5px 10px;font-weight:800;cursor:pointer;min-height:33px}
#selection .p2g-global-search-clear[hidden],#selection .p2g-global-search-results[hidden]{display:none!important}
#selection .p2g-global-search-hint{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:#9fb1c6;margin:11px 2px 0}
#selection .p2g-global-search-hint[hidden]{display:none!important}
#selection .p2g-global-search-hint button{font-family:inherit;border:1px solid #6688ad4a;color:#bbdbf6;font-size:11px;border-radius:20px;padding:4px 10px;background:#a6d1ff0b;cursor:pointer;transition:.18s}
#selection .p2g-global-search-hint button:hover{border-color:#72ccff;color:#fff;background:#519ac52f}
#selection .p2g-global-search-results{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding-top:15px;max-height:490px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#5278a0 #0c1826}
#selection .p2g-search-member{min-width:0;padding:14px;border:1px solid #57789955;border-radius:15px;background:linear-gradient(132deg,#142638ed,#0c1828e8);box-shadow:inset 0 1px 0 #ffffff0d;transition:border-color .2s,transform .2s,background .2s}
#selection .p2g-search-member:hover{border-color:#65b6e8a8;transform:translateY(-2px);background:linear-gradient(132deg,#1a3248,#101c30)}
#selection .p2g-search-person{display:flex;align-items:center;gap:12px;min-width:0;margin-bottom:12px}
#selection .p2g-search-avatar{height:49px;width:49px;flex:none;object-fit:cover;border-radius:13px;border:1px solid #83baf04f;background:#102338}
#selection .p2g-search-ident{flex:1;min-width:0}
#selection .p2g-search-name{display:block;color:#f5faff;font-weight:900;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#selection .p2g-search-realname{font-size:12px;color:#9ab2c9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#selection .p2g-search-role{flex:none;max-width:42%;font-size:10px;font-weight:800;color:var(--p2g-role,#c6eaff);border:1px solid color-mix(in srgb,var(--p2g-role,#c6eaff) 40%,transparent);border-radius:18px;background:color-mix(in srgb,var(--p2g-role,#c6eaff) 10%,transparent);padding:6px 9px;text-align:center;line-height:1.25}
#selection .p2g-search-server-list{display:flex;gap:6px;flex-wrap:wrap}
#selection .p2g-search-server{display:flex;align-items:center;gap:6px;min-width:0;border:1px solid #7394b44a;border-radius:9px;background:#5a9edb14;color:#d7eaff;font-size:11px;font-weight:750;padding:9px 11px;cursor:pointer;font-family:inherit;text-align:left;transition:border-color .17s,background .17s,transform .17s}
#selection .p2g-search-server:hover{border-color:#7adaff;background:#2e8ac144;transform:translateY(-1px)}
#selection .p2g-search-server:focus-visible,#selection .p2g-global-search-hint button:focus-visible,#selection .p2g-global-search-clear:focus-visible{outline:2px solid #7bdbff;outline-offset:3px}
#selection .p2g-search-server-icon{width:6px;height:6px;flex:none;border-radius:50%;background:var(--p2g-server-color,#75d7f4);box-shadow:0 0 7px var(--p2g-server-color,#75d7f4)}
#selection .p2g-search-server-arrow{color:#8ad8ff;font-size:14px;margin-left:3px}
#selection .p2g-search-empty{grid-column:1/-1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:125px;border:1px dashed #5d7d985e;border-radius:14px;color:#b3c4d7;font-size:13px;text-align:center}
#selection .p2g-search-empty strong{color:#ecf6ff;font-size:15px}
body.launch-staging #p2gGlobalSearch{opacity:0;transform:translateY(15px);pointer-events:none}
body:not(.launch-staging) #p2gGlobalSearch{animation:p2g-search-arrive .56s cubic-bezier(.2,.7,.2,1) both}
@keyframes p2g-search-arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){#selection .p2g-global-search-results{grid-template-columns:1fr}}
@media(max-width:560px){#selection .p2g-global-search{margin:11px 1px 18px;padding:17px 13px 14px;border-radius:18px}#selection .p2g-global-search-badge{width:40px;height:40px;border-radius:12px;font-size:29px}#selection .p2g-global-search-head{gap:10px;margin-bottom:12px}#selection .p2g-global-search-eyebrow{font-size:8px;letter-spacing:1.3px}#selection .p2g-global-search h2{font-size:18px}#selection .p2g-global-search-counter{display:none}#selection .p2g-global-search-input-wrap{min-height:48px;padding:0 12px;gap:8px}#selection #p2gGlobalSearchInput{font-size:16px}#selection .p2g-global-search-hint{font-size:11px;gap:6px}#selection .p2g-global-search-results{max-height:390px;padding-top:12px}#selection .p2g-search-member{padding:12px}#selection .p2g-search-person{gap:8px}#selection .p2g-search-avatar{width:42px;height:42px}#selection .p2g-search-role{max-width:37%;font-size:9px;padding:5px 7px}#selection .p2g-search-server{font-size:10px;padding:8px}}
body.ui-mobile #selection .p2g-global-search{margin:11px 1px 18px;padding:17px 13px 14px;border-radius:18px}
body.ui-mobile #selection .p2g-global-search-results{grid-template-columns:1fr;max-height:390px}
body.ui-mobile #selection .p2g-global-search-counter{display:none}
body.ui-mobile #selection .p2g-global-search-eyebrow{font-size:8px;letter-spacing:1.3px}
body.ui-mobile #selection .p2g-global-search h2{font-size:18px}
body.ui-mobile #selection #p2gGlobalSearchInput{font-size:16px}
@media(prefers-reduced-motion:reduce){body:not(.launch-staging) #p2gGlobalSearch{animation:none}#selection .p2g-search-member{transition:none}}

/* Device-choice click feedback, shown even before the cloud team snapshot completes. */
#p2gLaunchLoading[hidden]{display:none!important}
#p2gLaunchLoading{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:linear-gradient(150deg,#071422ef,#0a1630fa);color:#e9faff;text-align:center}
#p2gLaunchLoading .p2g-launch-loading-card{width:min(400px,100%);padding:35px 25px;border:1px solid #73cdbb5c;border-radius:24px;background:#152b3e;box-shadow:0 20px 70px #0009;display:grid;justify-items:center;gap:15px;font:14px system-ui,sans-serif}
.p2g-launch-spinner{width:46px;height:46px;border:4px solid #74e5c138;border-top-color:#6ef0c9;border-radius:50%;animation:p2gChoiceSpin .8s linear infinite}
@keyframes p2gChoiceSpin{to{transform:rotate(360deg)}}
#p2gLaunchLoading strong{font-size:19px}
#p2gLaunchLoading .p2g-launch-loading-card>span:last-child{color:#b4cddd;line-height:1.5}
#launchScreen.p2g-launch-busy .launch-choice{pointer-events:none}
@media(prefers-reduced-motion:reduce){.p2g-launch-spinner{animation-duration:1.6s}}

/* Play2Gether: Impressum und Leistungsmodus als gemeinsame zentrierte Kopfleiste. */
.p2g-header-utilities{
 position:fixed;z-index:2147483000;top:max(12px,env(safe-area-inset-top));
 left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;
 gap:9px;max-width:calc(100vw - 24px);width:max-content;
 pointer-events:none;
}
.p2g-header-utilities > *{pointer-events:auto;flex:0 0 auto;box-sizing:border-box}
.p2g-header-utilities .p2g-legal-quicklink{
 position:relative!important;top:auto!important;right:auto!important;left:auto!important;
 z-index:auto!important;min-height:38px;margin:0!important;
}
@media(max-width:560px){
 .p2g-header-utilities{top:max(8px,env(safe-area-inset-top));gap:6px;max-width:calc(100vw - 16px)}
 .p2g-header-utilities .p2g-legal-quicklink{padding:7px 9px!important;font-size:11px!important;min-height:34px}
}


/* Transparent neon logo and seamless FLIP entrance – October 2026. */
#selection .reference-heading{
  background-image:linear-gradient(112deg,#111f32f0 2%,#0c142adf 60%,#0b1222e8 100%)!important;
  background-color:#0b1523!important;
  aspect-ratio:auto!important;
  min-height:clamp(170px,17vw,245px)!important;
  padding:20px clamp(17px,3vw,45px)!important;
  display:flex!important;align-items:center;justify-content:space-between;gap:22px;
  border:1px solid #66aceb2e;border-radius:19px;box-shadow:inset 0 0 34px #0006;
}
.p2g-heading-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1}
.p2g-heading-eyebrow{color:#d4dbec;font:900 clamp(10px,1.1vw,14px)/1.2 system-ui,sans-serif;letter-spacing:.17em}
.p2g-heading-copy strong{display:block;color:#f7faff;font:1000 clamp(30px,4vw,65px)/1.05 system-ui,sans-serif;letter-spacing:-.07em;font-style:italic;text-shadow:0 3px 12px #0009}
.p2g-heading-copy strong span{background:linear-gradient(180deg,#ffd764,#ff6cb1);color:transparent;background-clip:text;-webkit-background-clip:text}
.p2g-heading-network{font:800 clamp(10px,1vw,13px)/1.3 system-ui,sans-serif;letter-spacing:.23em;color:#c8d2e4}
.p2g-heading-copy p{font:500 clamp(10px,1vw,14px)/1.5 system-ui,sans-serif;color:#b5c7df;margin:8px 0 0}
.p2g-landing-logo-slot{width:min(36%,440px);aspect-ratio:2 / 1;flex:none;display:flex;align-items:center;justify-content:center;min-width:0}
.p2g-landing-logo-slot .launch-icon,.p2g-mobile-logo-slot .launch-icon{position:relative!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;object-fit:contain!important;filter:drop-shadow(0 0 12px #76beff25);animation:none!important}
.p2g-launch-brand-slot{display:flex;justify-content:center;align-items:center;margin:25px auto 14px;min-height:0}
.p2g-launch-brand-slot .launch-icon{width:clamp(215px,58vw,306px);height:auto;margin:0 auto}
.p2g-mobile-logo-slot{width:154px;max-width:49%;height:auto;aspect-ratio:2/1;flex:none;display:flex;align-items:center;justify-content:center;border:0;background:transparent;box-shadow:none}
#launchBadge.p2g-logo-flying{position:fixed!important;z-index:11005!important;display:block!important;max-width:none!important;margin:0!important;animation:none!important;pointer-events:none!important;transform-origin:0 0!important;object-fit:contain!important;will-change:transform;}
#launchScreen.leaving{opacity:0!important;pointer-events:none!important;transition:opacity .34s ease!important}
#launchScreen.leaving .launch-panel{transition:none!important}
@media(max-width:900px){#selection .reference-heading{padding:16px!important;gap:10px}.p2g-landing-logo-slot{width:min(41%,340px)}}
@media(max-width:630px){#selection .reference-heading{flex-direction:column;text-align:center;min-height:0!important;padding:18px!important}.p2g-heading-copy{align-items:center}.p2g-heading-copy p br{display:none}.p2g-landing-logo-slot{width:min(85%,330px)}}
@media(prefers-reduced-motion:reduce){#launchScreen.leaving{transition:none!important}}