.topnav{display:flex;align-items:center;gap:8px}.topnav a{color:var(--muted);text-decoration:none;border-radius:8px;padding:8px 10px;font-weight:650;font-size:13px}.topnav a:hover,.topnav a.active{background:var(--surface2);color:var(--text)}.topnav form{margin:0}.owner-line{font-size:11px;color:var(--muted);margin:4px 0 10px}.button-link{display:inline-block;text-decoration:none;margin-top:16px}.small{font-size:12px}.success{color:var(--accent);margin:0}.notice{border:1px solid currentColor;border-radius:10px;padding:12px 14px}.wide-card{width:min(500px,100%)}.narrow-shell{max-width:760px}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:24px}.settings-card h2{margin-top:0}.settings-grid{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:20px;align-items:start}.user-list{display:grid;gap:12px}.user-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px}.user-card.inactive{opacity:.58}.user-head{display:flex;justify-content:space-between;gap:16px}.user-head h2{margin:0 0 5px}.role-badge{display:inline-block;color:var(--accent);font:11px ui-monospace,monospace}.user-actions,.inline-form{display:flex;gap:8px;align-items:center;margin-top:14px}.user-actions form{margin:0}.inline-form input{flex:1}.user-card summary{cursor:pointer;color:var(--muted)}.upload-label{display:inline-flex;align-items:center;justify-content:center}.upload-label input{display:none}.storage-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px;margin-bottom:18px}.storage-panel>div:first-child{margin-bottom:10px}.storage-progress{display:block;width:100%;height:11px;margin:8px 0;accent-color:var(--accent)}.upload-progress{background:var(--surface2);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:18px}.file-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:auto}.file-table{width:100%;border-collapse:collapse;min-width:760px}.file-table th,.file-table td{text-align:left;padding:14px;border-bottom:1px solid var(--border);vertical-align:middle}.file-table th{color:var(--muted);font-size:12px}.file-table tr:last-child td{border-bottom:0}.file-name{display:block;color:var(--text);font-weight:700;text-decoration:none;max-width:420px;overflow-wrap:anywhere}.file-name:hover{color:var(--accent)}.file-hash{display:block;color:var(--muted);font:10px ui-monospace,monospace;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-delete{padding:7px 10px}.empty.compact{padding:50px 20px}.file-hero{align-items:center}
@media(max-width:760px){.topbar{height:auto;min-height:68px;gap:8px}.topnav{justify-content:flex-end;flex-wrap:wrap;gap:2px;padding:8px 0}.topnav a{padding:6px 7px;font-size:12px}.topnav .ghost{padding:6px 4px}.settings-grid{grid-template-columns:1fr}.user-head{align-items:start;flex-direction:column}.inline-form{align-items:stretch;flex-direction:column}.file-hero{align-items:stretch}.upload-label{min-height:48px}}

.file-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.action-link{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;text-decoration:none;white-space:nowrap}.music-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:18px;margin:24px 0}.music-upload-card{margin:0}.music-upload-card .primary{margin-top:16px}.music-storage{margin:0;align-self:start}.music-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) minmax(180px,260px) auto;gap:14px;align-items:end}.genre-filter{color:var(--muted);font-size:12px}.genre-filter select{display:block;width:100%;margin-top:6px}.music-table{min-width:980px}.music-table td:first-child{min-width:220px}.music-actions{min-width:440px}.genre-badge{display:inline-block;border:1px solid var(--border);color:var(--accent);font:11px ui-monospace,monospace;padding:4px 7px}.persistent-player{position:fixed;z-index:50;left:50%;bottom:12px;transform:translateX(-50%);width:min(1160px,calc(100% - 24px));display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(280px,2fr) auto auto auto;align-items:center;gap:12px;padding:12px 14px;background:rgba(3,9,16,.97);border:1px solid var(--accent);box-shadow:0 18px 60px rgba(0,0,0,.65),0 0 28px rgba(126,255,59,.12)}.persistent-player[hidden]{display:none}.player-track{display:flex;flex-direction:column;min-width:0}.player-track strong,.player-track span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-kicker{color:var(--accent);font:9px ui-monospace,monospace;letter-spacing:.14em}.persistent-player audio{width:100%;height:38px}.player-skip{font-size:18px;padding:7px 10px}.player-download{margin:0}.player-close{font-size:22px}.player-visible .shell{padding-bottom:130px}.navigating main{opacity:.72;transition:opacity .12s}.music-hero{padding-bottom:34px}

@media(max-width:900px){.music-layout{grid-template-columns:1fr}.music-toolbar{grid-template-columns:1fr}.persistent-player{grid-template-columns:auto minmax(0,1fr) auto auto}.player-track{grid-column:1/-1}.persistent-player audio{grid-column:2/3}.player-download{display:none}.player-visible .shell{padding-bottom:190px}}
@media(max-width:560px){.persistent-player{bottom:0;width:100%;border-left:0;border-right:0;border-bottom:0;border-radius:0;gap:7px;padding:10px}.player-skip{padding:6px}.persistent-player audio{min-width:0}.music-actions{min-width:360px}.file-actions{flex-direction:column;align-items:stretch}.action-link{text-align:center}}

/* Version 1.7: dauerhafter Seitenplayer, Kartenbibliothek und Suchfilter */
.music-command-center{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:18px;margin:24px 0 48px}.music-upload-card,.music-storage,.music-filter-panel,.bulk-tools,.genre-section{background:linear-gradient(145deg,rgba(9,21,34,.97),rgba(5,12,22,.94));border:1px solid var(--border);box-shadow:0 18px 44px rgba(0,0,0,.24)}.music-upload-card{padding:24px}.section-head,.music-library-head,.genre-section-head,.player-head,.player-queue-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-head h2,.music-library-head h2{margin:5px 0 0}.music-dropzone{border:1px dashed #226294;background:rgba(16,55,92,.18);margin:22px 0;padding:28px;text-align:center;display:grid;justify-items:center;cursor:pointer;transition:.18s}.music-dropzone:hover,.music-dropzone:focus-within{border-color:var(--accent);background:rgba(126,255,59,.06)}.music-dropzone>span{color:var(--accent);font-size:34px}.music-dropzone strong{font-size:17px}.music-dropzone small{color:var(--muted);font-weight:400}.music-dropzone input{position:absolute;width:1px;height:1px;opacity:0}.music-common-meta>p{color:var(--muted);font:11px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em}.music-common-meta .fields{grid-template-columns:repeat(3,1fr)}.music-upload-queue{border-top:1px solid var(--border);margin-top:20px;max-height:260px;overflow:auto}.music-upload-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;border-bottom:1px solid rgba(16,55,92,.65);padding:11px 4px}.music-upload-item>span{color:var(--accent)}.music-upload-item div{min-width:0}.music-upload-item strong,.music-upload-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-upload-item small{color:var(--muted)}.music-upload-item em{font:10px ui-monospace,monospace;color:var(--muted);max-width:220px;text-align:right}.music-upload-item em.active{color:var(--warning)}.music-upload-item em.done{color:var(--accent)}.music-upload-item em.error{color:var(--danger)}.music-upload-actions{display:flex;gap:10px;margin-top:18px}.music-upload-actions button:disabled{opacity:.42;cursor:not-allowed}.music-storage{align-self:start;margin:0}.music-library-head{border-bottom:1px solid var(--border);padding-bottom:18px}.music-filter-panel,.file-filter-panel{display:grid;grid-template-columns:minmax(260px,1fr) minmax(170px,240px) minmax(170px,240px);gap:14px;align-items:end;margin:20px 0 12px;padding:16px}.file-filter-panel{grid-template-columns:minmax(260px,1fr) minmax(190px,260px) auto}.music-filter-panel .search,.file-filter-panel .search{height:48px}.music-filter-panel label:not(.search),.file-filter-panel label:not(.search){color:var(--muted);font:11px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.alphabet-filter{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0 28px}.alphabet-filter button{min-width:31px;height:31px;border:1px solid var(--border);background:rgba(5,12,22,.78);color:var(--muted);cursor:pointer;font:11px ui-monospace,monospace}.alphabet-filter button:first-child{padding:0 12px}.alphabet-filter button:hover,.alphabet-filter button.active{border-color:var(--accent);color:var(--accent);background:rgba(126,255,59,.08)}.bulk-tools{position:sticky;top:88px;z-index:4;display:flex;align-items:end;gap:14px;padding:14px 16px;margin-bottom:20px}.bulk-tools[hidden]{display:none}.bulk-tools strong{margin-right:auto}.bulk-tools label{min-width:230px}.genre-section{padding:20px;margin-bottom:22px}.genre-section-head{border-bottom:1px solid var(--border);margin-bottom:18px;padding-bottom:14px}.genre-section-head span{color:var(--accent);font:9px ui-monospace,monospace;letter-spacing:.16em}.genre-section-head h3{font-size:23px;margin:2px 0}.genre-section-head>strong{display:grid;place-items:center;border:1px solid var(--accent);color:var(--accent);height:34px;min-width:34px;font:12px ui-monospace,monospace}.music-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(218px,1fr));gap:14px}.music-card{background:#07111d;border:1px solid #174366;min-width:0;transition:transform .18s,border-color .18s,box-shadow .18s}.music-card:hover{transform:translateY(-3px);border-color:#2874aa}.music-card.is-playing{border-color:var(--accent);box-shadow:0 0 28px rgba(126,255,59,.12)}.music-card-art{height:142px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 55% 38%,rgba(126,255,59,.24),transparent 29%),linear-gradient(135deg,#0c3150,#06101b)}.music-card-art[data-color="1"]{background:radial-gradient(circle at 42% 40%,rgba(255,102,92,.3),transparent 28%),linear-gradient(135deg,#3b1623,#07111d)}.music-card-art[data-color="2"]{background:radial-gradient(circle at 54% 34%,rgba(131,135,255,.34),transparent 28%),linear-gradient(135deg,#202452,#07111d)}.music-card-art[data-color="3"]{background:radial-gradient(circle at 40% 45%,rgba(255,199,61,.32),transparent 26%),linear-gradient(135deg,#453215,#07111d)}.music-card-art[data-color="4"]{background:radial-gradient(circle at 58% 42%,rgba(44,218,207,.32),transparent 28%),linear-gradient(135deg,#114144,#07111d)}.music-card-art[data-color="5"]{background:radial-gradient(circle at 44% 35%,rgba(238,94,255,.28),transparent 28%),linear-gradient(135deg,#3b194a,#07111d)}.music-card-art:before{content:"";position:absolute;width:92px;height:92px;border:1px solid rgba(255,255,255,.17);border-radius:50%;box-shadow:inset 0 0 0 20px rgba(0,0,0,.18),inset 0 0 0 21px rgba(255,255,255,.1)}.music-card-art>span{position:relative;z-index:1;color:#fff;font-size:26px}.music-select{position:absolute;left:10px;top:10px;z-index:2;display:block}.music-select input{accent-color:var(--accent);width:19px;height:19px}.music-select span{position:absolute;width:1px;height:1px;overflow:hidden}.music-card-body{padding:16px}.music-card-body h3{font-size:18px;line-height:1.2;margin:4px 0;overflow-wrap:anywhere}.music-card-body p:not(.music-card-kicker){color:var(--text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-card-body small{display:block;color:var(--muted);margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-card-kicker{color:var(--accent);font:9px ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;margin:0}.music-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;border-top:1px solid var(--border);padding:11px}.music-card-actions>*{font-size:10px;padding:8px 6px!important}.music-card-actions .danger{grid-column:1/-1}.music-library[hidden]{display:none}

.persistent-player{position:fixed;z-index:60;left:12px;top:12px;bottom:12px;transform:none;width:268px;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:17px;background:linear-gradient(165deg,rgba(7,22,36,.99),rgba(3,9,16,.99));border:1px solid #21618f;box-shadow:18px 0 60px rgba(0,0,0,.5),0 0 28px rgba(126,255,59,.08);overflow:hidden}.persistent-player[hidden]{display:flex}.player-head{padding-bottom:11px;border-bottom:1px solid var(--border)}.player-head>div{display:grid}.player-head strong{font:13px ui-monospace,monospace;letter-spacing:.1em}.player-status{color:var(--accent);font:9px ui-monospace,monospace;border:1px solid var(--border);padding:3px 5px}.player-art{height:150px;flex:0 0 150px;display:grid;place-items:center;position:relative;background:radial-gradient(circle,rgba(126,255,59,.3),transparent 32%),linear-gradient(135deg,#123a59,#07111d);border:1px solid #1b527a}.player-art:before{content:"";position:absolute;width:96px;height:96px;border-radius:50%;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 0 0 23px rgba(0,0,0,.24),inset 0 0 0 24px rgba(255,255,255,.1)}.player-art>span{font-size:28px;z-index:1}.player-art[data-color="1"]{filter:hue-rotate(60deg)}.player-art[data-color="2"]{filter:hue-rotate(120deg)}.player-art[data-color="3"]{filter:hue-rotate(180deg)}.player-art[data-color="4"]{filter:hue-rotate(240deg)}.player-art[data-color="5"]{filter:hue-rotate(300deg)}.player-track{min-height:68px}.player-track strong{font-size:16px}.player-genre{color:var(--accent);font:9px ui-monospace,monospace;text-transform:uppercase;margin-top:4px}.persistent-player audio{display:none}.player-timeline input,.player-volume input{width:100%;accent-color:var(--accent);padding:0}.player-timeline>div{display:flex;justify-content:space-between;color:var(--muted);font:9px ui-monospace,monospace}.player-main-controls{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:7px}.player-main-controls button{height:39px}.player-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.player-mode[aria-pressed="true"]{border:1px solid var(--accent)!important;color:var(--accent)!important;background:rgba(126,255,59,.08)!important}.player-volume{color:var(--muted);font:9px ui-monospace,monospace;letter-spacing:.12em}.player-links{display:grid;gap:6px}.player-links a{margin:0;text-align:center;font-size:9px;border:1px solid var(--border);padding:7px}.player-links .is-disabled{opacity:.4;pointer-events:none}.player-queue{display:flex;flex-direction:column;min-height:100px;flex:1;overflow:hidden;border-top:1px solid var(--border);padding-top:10px}.player-queue-head{font:9px ui-monospace,monospace;color:var(--muted);margin-bottom:7px}.player-queue-list,.player-queue ol{list-style:none;padding:0;margin:0;overflow:auto}.player-queue li button{width:100%;display:grid;grid-template-columns:24px minmax(0,1fr);gap:6px;text-align:left;align-items:center;background:transparent;border:0;border-left:2px solid transparent;color:var(--muted);padding:7px;cursor:pointer}.player-queue li.active button{border-left-color:var(--accent);background:rgba(126,255,59,.06);color:var(--text)}.player-queue li button>span:first-child{font:9px ui-monospace,monospace}.player-queue li button>span:last-child{min-width:0}.player-queue li strong,.player-queue li small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-queue li strong{font-size:11px}.player-queue li small{font-size:9px;color:var(--muted)}.player-queue-empty{color:var(--muted);font-size:11px;padding:10px}.player-layout{padding-left:292px}.player-layout .topbar{max-width:1180px}.player-visible .shell{padding-bottom:64px}#toast{z-index:80}

@media(max-width:1149px){.player-layout{padding-left:0;padding-bottom:184px}.player-layout .topbar{max-width:calc(100% - 20px)}.persistent-player{left:10px;right:10px;top:auto;bottom:10px;width:auto;height:164px;display:grid;grid-template-columns:74px minmax(150px,1fr) minmax(220px,1.6fr) auto;grid-template-rows:auto auto auto;gap:7px 12px;padding:11px}.persistent-player[hidden]{display:grid}.player-head{grid-column:1/-1;padding-bottom:5px}.player-art{grid-column:1;grid-row:2/4;width:74px;height:74px;min-height:74px;flex-basis:74px}.player-art:before{width:48px;height:48px;box-shadow:inset 0 0 0 11px rgba(0,0,0,.24),inset 0 0 0 12px rgba(255,255,255,.1)}.player-track{grid-column:2;grid-row:2}.player-timeline{grid-column:2/4;grid-row:3}.player-main-controls{grid-column:3;grid-row:2}.player-options,.player-volume,.player-links,.player-queue{display:none}.music-command-center{grid-template-columns:1fr}.music-filter-panel{grid-template-columns:1fr 1fr}.music-filter-panel .search{grid-column:1/-1}.bulk-tools{top:86px;flex-wrap:wrap}.player-visible .shell{padding-bottom:64px}}
@media(max-width:760px){.music-common-meta .fields,.music-filter-panel,.file-filter-panel{grid-template-columns:1fr}.music-filter-panel .search{grid-column:auto}.music-upload-card{padding:16px}.music-dropzone{padding:22px 12px}.music-upload-actions,.bulk-tools{align-items:stretch;flex-direction:column}.bulk-tools{position:static}.bulk-tools label{min-width:0}.music-card-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.file-filter-panel .count{padding:5px}.alphabet-filter{gap:4px}.player-layout{padding-bottom:154px}.persistent-player{height:134px;grid-template-columns:minmax(130px,1fr) minmax(170px,1.2fr);grid-template-rows:auto auto auto}.player-head{grid-column:1/-1}.player-art{display:none}.player-track{grid-column:1;grid-row:2}.player-main-controls{grid-column:2;grid-row:2}.player-timeline{grid-column:1/-1;grid-row:3}.player-genre{display:none}}
@media(max-width:500px){.persistent-player{left:0;right:0;bottom:0;border-left:0;border-right:0;height:126px}.player-head{display:none}.player-track{grid-row:1}.player-main-controls{grid-row:1}.player-timeline{grid-row:2}.music-card-grid{grid-template-columns:1fr}.music-card-art{height:125px}.music-upload-item{grid-template-columns:auto minmax(0,1fr)}.music-upload-item em{grid-column:2;text-align:left}.file-actions{flex-direction:column;align-items:stretch}}

/* Version 1.8: App-Dashboard und gemeinsamer Benutzerchat */
.nav-chat-badge,.tile-chat-badge,.nav-game-badge,.tile-game-badge{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--danger);color:#fff;font:700 10px ui-monospace,monospace;vertical-align:middle}.nav-chat-badge[hidden],.tile-chat-badge[hidden],.nav-game-badge[hidden],.tile-game-badge[hidden]{display:none}.dashboard-shell{max-width:1280px}.dashboard-hero{margin-bottom:28px}.dashboard-online{display:grid;justify-items:end;align-content:center;border-right:3px solid var(--accent);padding:12px 18px;min-width:210px;background:rgba(7,17,29,.72)}.dashboard-online>span{color:var(--accent);font-size:12px}.dashboard-online strong{font:14px ui-monospace,monospace;letter-spacing:.12em}.dashboard-online small{color:var(--muted)}.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.app-tile{position:relative;min-height:270px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto;gap:12px 24px;padding:28px;color:var(--text);text-decoration:none;background:linear-gradient(145deg,rgba(9,27,44,.98),rgba(4,11,19,.96));border:1px solid #174a72;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px))}.app-tile:before{content:"";position:absolute;right:-60px;bottom:-90px;width:230px;height:230px;border:1px solid rgba(126,255,59,.12);border-radius:50%;box-shadow:inset 0 0 0 38px rgba(126,255,59,.025),inset 0 0 0 39px rgba(126,255,59,.08)}.app-tile:hover,.app-tile:focus-visible{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 20px 52px rgba(0,0,0,.38),0 0 30px rgba(126,255,59,.09);outline:none}.app-tile-number{position:absolute;right:18px;top:16px;color:#39759c;font:10px ui-monospace,monospace}.app-tile-icon{grid-row:1/3;display:grid;place-items:center;width:82px;height:82px;border:1px solid var(--accent);color:var(--accent);font:700 27px ui-monospace,monospace;background:rgba(126,255,59,.05);box-shadow:inset 0 0 26px rgba(126,255,59,.06)}.app-tile>div{align-self:center;position:relative;z-index:1}.app-tile p{color:var(--accent);font:9px ui-monospace,monospace;letter-spacing:.17em;margin:0}.app-tile h2{font:900 clamp(28px,3vw,44px)/1 Arial Black,Arial,sans-serif;text-transform:uppercase;letter-spacing:-.045em;margin:7px 0}.app-tile div>span{color:var(--muted)}.app-tile>strong{grid-column:1/-1;align-self:end;border-top:1px solid var(--border);padding-top:14px;color:var(--muted);font:10px ui-monospace,monospace;letter-spacing:.14em}.app-tile:hover>strong{color:var(--accent)}.tile-files .app-tile-icon{border-color:#43d9ff;color:#43d9ff}.tile-music .app-tile-icon{border-color:#d7ff3f;color:#d7ff3f}.tile-chat .app-tile-icon{border-color:#c88cff;color:#c88cff}.tile-users .app-tile-icon{border-color:#ffbd5a;color:#ffbd5a}.tile-account .app-tile-icon{border-color:#78a8ff;color:#78a8ff}

.chat-shell{max-width:1100px}.chat-hero{margin-bottom:24px}.chat-live{display:grid;gap:6px;justify-items:end;padding:14px 18px;border-right:3px solid var(--accent);background:rgba(7,17,29,.75)}.chat-live span{color:var(--accent);font:10px ui-monospace,monospace;letter-spacing:.12em}.chat-live strong{font-size:12px;color:var(--muted)}.chat-panel{border:1px solid #17517d;background:rgba(4,11,19,.96);box-shadow:0 24px 64px rgba(0,0,0,.38)}.chat-panel-head{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,rgba(16,55,92,.34),transparent)}.chat-panel-head>div{display:flex;align-items:center;gap:12px}.chat-panel-head strong,.chat-panel-head small{display:block}.chat-panel-head small{color:var(--muted)}.chat-panel-head>span{color:var(--accent);font:9px ui-monospace,monospace;letter-spacing:.12em}.chat-room-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--accent);color:var(--accent);font:20px ui-monospace,monospace}.chat-load-older{display:block;margin:12px auto 0;border:1px solid var(--border)!important;padding:7px 14px}.chat-messages{height:clamp(360px,52vh,620px);overflow-y:auto;padding:24px;scroll-behavior:smooth}.chat-empty{height:100%;display:grid;place-content:center;text-align:center;color:var(--muted)}.chat-empty>span{color:var(--accent);font-size:34px}.chat-empty strong{color:var(--text);font-size:18px}.chat-empty p{margin:5px}.chat-message{display:flex;align-items:flex-start;gap:10px;margin:0 0 18px;max-width:82%}.chat-message.own{margin-left:auto;flex-direction:row-reverse}.chat-avatar{flex:0 0 34px;height:34px;display:grid;place-items:center;border:1px solid #24628d;background:#0b2135;color:var(--accent);font:700 12px ui-monospace,monospace}.chat-bubble{min-width:150px;border:1px solid #17486d;background:#081725;padding:11px 13px}.chat-message.own .chat-bubble{border-color:#3c7e31;background:rgba(35,77,24,.25)}.chat-bubble>div{display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(151,168,189,.14);padding-bottom:6px}.chat-bubble strong{font-size:12px;color:var(--accent)}.chat-bubble time{margin-left:auto;color:var(--muted);font:9px ui-monospace,monospace;white-space:nowrap}.chat-delete{font-size:18px;padding:0 3px}.chat-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0 0;line-height:1.5}.chat-compose{border-top:1px solid var(--border);padding:18px 20px;background:#06101b}.chat-compose>label{color:var(--muted);font:10px ui-monospace,monospace;letter-spacing:.1em;margin-bottom:7px}.chat-compose textarea{width:100%;resize:vertical;min-height:76px;max-height:220px}.chat-compose>div{display:flex;align-items:center;gap:18px;margin-top:10px;color:var(--muted);font:9px ui-monospace,monospace}.chat-compose>div span:nth-child(2){margin-left:auto}.chat-compose button{min-width:120px}.chat-compose button:disabled{opacity:.5;cursor:not-allowed}

@media(max-width:1050px){.topbar{height:auto;min-height:76px}.topnav{flex-wrap:wrap;justify-content:flex-end}.topnav a{padding:6px 7px}}
@media(max-width:760px){.app-grid{grid-template-columns:1fr}.app-tile{min-height:220px}.dashboard-online,.chat-live{justify-items:start;border-right:0;border-left:3px solid var(--accent)}.chat-messages{height:48vh;padding:16px}.chat-message{max-width:94%}.chat-compose>div{flex-wrap:wrap}.chat-compose>div span:nth-child(2){margin-left:0}.chat-compose button{margin-left:auto}.dashboard-hero,.chat-hero{align-items:stretch}}
@media(max-width:480px){.app-tile{padding:22px;grid-template-columns:62px 1fr;gap:10px 16px;min-height:190px}.app-tile-icon{width:62px;height:62px}.app-tile h2{font-size:27px}.chat-bubble>div{flex-wrap:wrap}.chat-bubble time{margin-left:0}.chat-compose button{width:100%;margin:0}}

/* Version 1.8.1: kontoweite, benutzergetrennte Player-Synchronisierung */
.player-sync-banner{display:grid;gap:6px;border:1px solid var(--border);background:rgba(16,55,92,.16);padding:7px}.player-sync-banner>span{color:var(--accent);font:8px ui-monospace,monospace;letter-spacing:.09em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-sync-banner button{border:1px solid var(--accent)!important;color:var(--accent)!important;padding:6px;font-size:8px}.player-sync-banner button[hidden]{display:none}
@media(max-width:1149px){.player-sync-banner{grid-column:4;grid-row:2/4;align-self:stretch;justify-content:center;min-width:145px}.player-sync-banner>span{white-space:normal;text-align:center}.player-sync-banner button{align-self:center}}
@media(max-width:760px){.persistent-player{position:fixed}.player-sync-banner{position:absolute;right:9px;top:7px;display:block;min-width:0;padding:0;border:0;background:transparent}.player-sync-banner>span{display:none}.player-sync-banner button{background:#07111d!important;padding:5px 7px!important;max-width:155px}}

/* Version 1.8.2: individuelle Bildwelten fuer die Startseiten-Kacheln */
.app-tile{background-color:#07111d;background-image:linear-gradient(90deg,rgba(3,9,16,.9) 0%,rgba(3,9,16,.74) 43%,rgba(3,9,16,.2) 76%,rgba(3,9,16,.06) 100%),var(--tile-art);background-position:center;background-repeat:no-repeat;background-size:cover;isolation:isolate;text-shadow:0 2px 10px rgba(0,0,0,.86)}
.app-tile:before{display:none}
.app-tile-number,.app-tile-icon,.app-tile>div,.app-tile>strong{z-index:1}
.app-tile-icon{background:rgba(3,9,16,.72);box-shadow:inset 0 0 26px rgba(126,255,59,.06),0 5px 22px rgba(0,0,0,.34)}
.app-tile>strong{border-top-color:rgba(151,168,189,.34)}
.tile-newsfeed{--tile-art:url("tile-newsfeed.webp")}
.tile-newsfeed .app-tile-icon{border-color:#43a8ff;color:#43a8ff;box-shadow:inset 0 0 30px rgba(67,168,255,.10),0 0 18px rgba(67,168,255,.08)}
.tile-commands{--tile-art:url("tile-commands.webp")}
.tile-files{--tile-art:url("tile-files.webp")}
.tile-music{--tile-art:url("tile-music.webp")}
.tile-chat{--tile-art:url("tile-chat.webp")}
.tile-users{--tile-art:url("tile-users.webp")}
.tile-account{--tile-art:url("tile-account.webp")}
.tile-links{--tile-art:url("tile-links.webp")}
@media(max-width:760px){.app-tile{background-position:right center}}

/* Version 1.8.3: Netzwerk-Navigation und erweiterte Musikwarteschlange */
.topnav{gap:7px}.topnav a{position:relative;border:1px solid rgba(126,255,59,.3);border-radius:2px;padding:8px 11px;background:linear-gradient(180deg,rgba(126,255,59,.045),rgba(4,14,23,.72));color:#b7c8d8;font:700 12px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.035em;box-shadow:inset 0 0 0 1px rgba(126,255,59,.025);transition:border-color .16s,color .16s,background .16s,box-shadow .16s,text-shadow .16s,transform .16s}.topnav a:hover,.topnav a.active{border-color:var(--accent);background:linear-gradient(180deg,rgba(126,255,59,.13),rgba(5,20,25,.92));color:var(--accent);text-shadow:0 0 12px rgba(126,255,59,.68);box-shadow:inset 0 0 14px rgba(126,255,59,.055),0 0 13px rgba(126,255,59,.13);transform:translateY(-1px)}.topnav a.active:after{content:"";position:absolute;left:9px;right:9px;bottom:3px;height:1px;background:var(--accent);box-shadow:0 0 8px rgba(126,255,59,.9)}.topnav form .ghost{border:1px solid rgba(126,255,59,.3)!important;border-radius:2px!important;background:rgba(4,14,23,.72)!important;color:#b7c8d8!important;font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;padding:8px 10px!important}.topnav form .ghost:hover{border-color:var(--accent)!important;color:var(--accent)!important;text-shadow:0 0 10px rgba(126,255,59,.65);box-shadow:0 0 12px rgba(126,255,59,.12)}
.player-collections{display:grid;gap:6px;border-top:1px solid var(--border);padding-top:9px}.player-collection-row{display:grid;grid-template-columns:1fr 1fr;gap:5px}.player-collection-row select{width:100%;min-width:0;height:30px;padding:0 5px;border:1px solid #1c4f73;border-radius:0;background:#06111c;color:#a9bfd2;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis}.player-collection-row select:hover,.player-collection-row select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 10px rgba(126,255,59,.09)}.player-all-tracks{height:27px!important;padding:4px 7px!important;border-radius:0!important;font:9px ui-monospace,SFMono-Regular,Consolas,monospace!important;letter-spacing:.1em}.player-all-tracks[aria-pressed="true"]{border-color:var(--accent)!important;color:var(--accent)!important;background:rgba(126,255,59,.07)!important}.player-drop-hint{flex:0 0 auto;border:1px dashed rgba(126,255,59,.32);background:rgba(126,255,59,.025);color:#668195;text-align:center;padding:5px 4px;margin-bottom:5px;font:8px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em;transition:.15s}.player-drop-hint.active{border-color:var(--accent);background:rgba(126,255,59,.13);color:var(--accent);box-shadow:inset 0 0 12px rgba(126,255,59,.07),0 0 12px rgba(126,255,59,.09)}.player-queue ol{min-height:0}.player-queue li{display:grid;grid-template-columns:minmax(0,1fr) 22px;align-items:center;border-left:2px solid transparent}.player-queue li.active{border-left-color:var(--accent);background:rgba(126,255,59,.06)}.player-queue li.is-dragging{opacity:.42}.player-queue li .player-queue-play{width:100%;display:grid;grid-template-columns:24px minmax(0,1fr);gap:6px;text-align:left;align-items:center;background:transparent;border:0!important;border-left:0!important;color:var(--muted);padding:7px 4px 7px 6px;cursor:pointer;min-width:0}.player-queue li.active .player-queue-play{background:transparent;color:var(--text)}.player-queue li .player-queue-remove{width:22px;height:24px;display:grid;place-items:center;padding:0!important;margin:0!important;border:0!important;background:transparent!important;color:#668195!important;font:700 14px/1 ui-monospace,monospace;cursor:pointer}.player-queue li .player-queue-remove:hover{color:#ff665c!important;text-shadow:0 0 9px rgba(255,102,92,.55)}.music-card[draggable="true"]{cursor:grab}.music-card[draggable="true"]:active{cursor:grabbing}.music-card.is-dragging{opacity:.48;transform:scale(.985)}
@media(max-width:1149px){.player-collections{display:none}.player-drop-hint{display:none}}
@media(max-width:760px){.topnav{gap:4px}.topnav a{padding:6px 8px;font-size:10px}.topnav form .ghost{padding:6px 7px!important;font-size:10px}}

/* Version 1.8.4: vertikale Seitenidentitaet, kompakter Kopfbereich und Queue-Freiraum */
@media(min-width:1150px){
  .page-rail-shell{max-width:1450px!important;display:grid;grid-template-columns:126px minmax(0,1fr);gap:20px;align-items:start;padding-top:18px!important}
  .page-rail-shell.narrow-shell{max-width:1040px!important;grid-template-columns:118px minmax(0,700px)}
  .page-title-rail{position:sticky;top:98px;height:calc(100vh - 116px);min-height:560px;display:flex;justify-content:flex-start;align-items:center;padding:12px 6px;border-right:1px solid rgba(16,55,92,.68);overflow:hidden}
  .page-title-rail:after{content:"";position:absolute;right:-1px;top:0;width:2px;height:28%;background:linear-gradient(var(--accent),transparent);box-shadow:0 0 14px rgba(126,255,59,.28)}
  .page-title-rail h1{margin:0;display:flex;align-items:flex-start;justify-content:center;gap:6px;max-height:100%;font-family:Arial Black,Arial,sans-serif;font-size:clamp(30px,2.65vw,48px);font-weight:900;line-height:.86;letter-spacing:-.055em;text-transform:uppercase;white-space:nowrap}
  .page-title-rail .rail-line{writing-mode:vertical-rl;text-orientation:mixed;color:var(--text);text-shadow:0 3px 20px rgba(0,0,0,.72)}
  .page-title-rail .rail-accent{color:var(--accent);text-shadow:0 0 22px rgba(126,255,59,.13)}
  .page-content{min-width:0}
  .page-context{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 18px;padding:10px 0 16px;border-bottom:1px solid rgba(16,55,92,.66);position:relative}
  .page-context:after{content:"";position:absolute;right:0;bottom:-1px;width:28%;border-bottom:2px solid var(--accent);box-shadow:0 0 14px rgba(126,255,59,.28)}
  .page-context>div:first-child{min-width:0}
  .page-context .muted{max-width:760px;margin:8px 0 0;font-size:14px;line-height:1.45}
  .page-context .primary,.page-context .upload-label{flex:0 0 auto}
  .dashboard-context .dashboard-online,.chat-context .chat-live{flex:0 0 auto}
  .page-rail-shell .toolbar{margin-top:0}
  .page-rail-shell .music-command-center{margin-top:0}
  .account-context{justify-content:flex-start}.account-context .account-name{margin:5px 0 0;font-size:34px;line-height:1}.account-context .muted{margin-top:6px}
  .page-rail-shell .system-rail{margin-top:28px}
}

/* Queue: Loesch-X bleibt immer links vom Scrollbalken sichtbar. */
#player-queue-list{scrollbar-gutter:stable;padding-right:12px;scrollbar-width:thin;scrollbar-color:#61707d rgba(3,9,16,.9)}
#player-queue-list::-webkit-scrollbar{width:8px}
#player-queue-list::-webkit-scrollbar-track{background:rgba(3,9,16,.9)}
#player-queue-list::-webkit-scrollbar-thumb{background:#61707d;border:2px solid rgba(3,9,16,.9)}
.player-queue li{column-gap:6px}
.player-queue li .player-queue-remove{justify-self:end}

/* Hintergrund etwas sichtbarer, Grundstil und Bildwechsel bleiben unveraendert. */
body::before{background:linear-gradient(90deg,rgba(5,12,22,.10),transparent 35%,rgba(5,12,22,.24))}
.bg-cycle::after{background:linear-gradient(90deg,rgba(5,12,22,.86) 0%,rgba(5,12,22,.66) 45%,rgba(5,12,22,.44) 100%),linear-gradient(180deg,rgba(5,12,22,.28),rgba(5,12,22,.62))}
@keyframes background-cycle{0%{opacity:0}4%,25%{opacity:.50}29%,100%{opacity:0}}

@media(max-width:1149px){
  .page-rail-shell{display:block;padding-top:24px!important}
  .page-title-rail{position:relative;display:block;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid rgba(16,55,92,.66)}
  .page-title-rail h1{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin:0;font-family:Arial Black,Arial,sans-serif;font-size:clamp(28px,6vw,44px);line-height:.95;letter-spacing:-.05em;text-transform:uppercase}
  .page-title-rail .rail-line{writing-mode:horizontal-tb;color:var(--text)}
  .page-title-rail .rail-accent{color:var(--accent)}
  .page-context{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px;padding:0 0 14px;border-bottom:1px solid rgba(16,55,92,.55)}
  .page-context .muted{margin:7px 0 0}
}
@media(max-width:760px){
  .page-context{align-items:stretch;flex-direction:column}
  .dashboard-context .dashboard-online,.chat-context .chat-live{justify-items:start;border-right:0;border-left:3px solid var(--accent)}
  .bg-cycle::after{background:linear-gradient(180deg,rgba(5,12,22,.76),rgba(5,12,22,.88))}
}


/* Version 1.8.5: vertikale Seitentitel naeher am Player, groesser und am oberen Inhalt verankert */
@media(min-width:1150px){
  .page-rail-shell{grid-template-columns:98px minmax(0,1fr);gap:14px;padding-left:0!important}
  .page-rail-shell.narrow-shell{grid-template-columns:94px minmax(0,700px)}
  .page-title-rail{top:88px;align-items:flex-start;justify-content:flex-start;padding:8px 2px 10px 6px}
  .page-title-rail h1{font-size:clamp(38px,3.05vw,56px);line-height:.84;gap:4px;justify-content:flex-start}
}

/* Version 1.8.6: gedrehter Ein-Zeilen-Titelblock naeher am Player */
@media(min-width:1150px){
  .page-rail-shell{grid-template-columns:74px minmax(0,1fr);gap:8px;padding-left:0!important}
  .page-rail-shell.narrow-shell{grid-template-columns:72px minmax(0,700px)}
  .page-title-rail{top:84px;align-items:flex-start;justify-content:flex-start;padding:6px 0 8px 2px;border-right:1px solid rgba(16,55,92,.68)}
  .page-title-rail h1{position:relative;left:0;top:0;display:inline-flex;flex-wrap:nowrap;align-items:center;gap:10px;white-space:nowrap;font-size:clamp(38px,3.05vw,56px);line-height:.84;letter-spacing:-.05em;transform-origin:left top;transform:rotate(-90deg) translateX(-100%);justify-content:flex-start}
  .page-title-rail .rail-line{writing-mode:horizontal-tb;text-orientation:mixed;display:inline-block}
  .page-title-rail .rail-accent{margin-left:2px}
}

/* Version 1.8.7: einspaltige aufrechte Buchstabenrail, oben gestartet und naeher am Player */
@media(min-width:1150px){
  .player-layout{padding-left:284px}
  .page-rail-shell{grid-template-columns:58px minmax(0,1fr);gap:8px;padding-left:0!important}
  .page-rail-shell.narrow-shell{grid-template-columns:58px minmax(0,700px)}
  .page-title-rail{top:84px;height:auto;min-height:0;align-items:flex-start;justify-content:flex-start;padding:0;border-right:0;overflow:visible}
  .page-title-rail:after{display:none}
  .page-title-rail h1{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;font-family:Arial Black,Arial,sans-serif;font-size:clamp(38px,3.05vw,56px);font-weight:900;line-height:.96;letter-spacing:0;text-transform:uppercase;white-space:nowrap;transform:none}
  .page-title-rail .rail-line{writing-mode:vertical-rl;text-orientation:upright;display:block;line-height:.96;color:var(--text);text-shadow:0 3px 20px rgba(0,0,0,.72)}
  .page-title-rail .rail-accent{color:var(--accent);text-shadow:0 0 22px rgba(126,255,59,.13)}
}

/* Version 1.8.8: Seitenueberschrift oben im Inhaltskopf, breiterer Player, keine linke Rail mehr */
@media(min-width:1150px){
  .persistent-player{width:288px;padding:18px 16px 16px;gap:13px}
  .player-art{height:160px;flex-basis:160px}
  .player-layout{padding-left:312px}
  .player-layout .topbar{max-width:1220px}

  .page-rail-shell,.page-rail-shell.narrow-shell{max-width:1450px!important;display:block;padding-top:18px!important}
  .page-title-rail{display:none!important}
  .page-content{min-width:0}

  .page-context{display:grid;grid-template-columns:minmax(280px,1fr) minmax(300px,620px) auto;align-items:start;column-gap:22px;row-gap:10px;min-height:92px;margin:0 0 18px;padding:10px 0 16px;border-bottom:1px solid rgba(16,55,92,.66);position:relative}
  .page-context:after{content:"";position:absolute;right:0;bottom:-1px;width:28%;border-bottom:2px solid var(--accent);box-shadow:0 0 14px rgba(126,255,59,.28)}
  .page-context .page-context-copy{min-width:0}
  .page-context .muted{max-width:520px;margin:8px 0 0;font-size:14px;line-height:1.45}
  .page-heading-block{align-self:start;justify-self:stretch;display:grid;justify-items:start;align-content:start;min-height:86px;padding:12px 18px 10px;border:1px solid rgba(20,68,103,.76);background:linear-gradient(135deg,rgba(7,20,35,.84),rgba(4,10,18,.66));box-shadow:inset 0 0 24px rgba(0,0,0,.18)}
  .page-heading-line{display:block;font-family:Arial Black,Arial,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-.045em;line-height:.86;font-size:clamp(30px,2.45vw,46px);color:var(--text);text-shadow:0 3px 20px rgba(0,0,0,.6)}
  .page-heading-line.accent{color:var(--accent);text-shadow:0 0 22px rgba(126,255,59,.13)}
  .dashboard-context .dashboard-online,.chat-context .chat-live,.page-context .primary,.page-context .upload-label{align-self:start;justify-self:end;flex:0 0 auto}
  .account-context{grid-template-columns:minmax(260px,1fr) minmax(280px,560px)}
  .account-context .page-heading-block{justify-self:start}
}

@media(max-width:1149px){
  .page-title-rail{display:none!important}
  .page-context{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px;padding:0 0 14px;border-bottom:1px solid rgba(16,55,92,.55)}
  .page-heading-block{display:block;min-width:0;padding:0;background:none;border:0;box-shadow:none}
  .page-heading-line{display:block;font-family:Arial Black,Arial,sans-serif;font-size:clamp(26px,6vw,42px);line-height:.9;letter-spacing:-.05em;text-transform:uppercase}
  .page-heading-line.accent{color:var(--accent)}
}
@media(max-width:760px){
  .page-context{align-items:stretch;flex-direction:column}
}

/* Version 1.8.9: einklappbare Upload-Konsole auf der Musikseite */
.music-upload-disclosure{margin:0 0 18px;border:1px solid rgba(22,74,108,.78);background:linear-gradient(180deg,rgba(5,17,28,.86),rgba(3,10,18,.72));box-shadow:inset 0 0 24px rgba(0,0,0,.18)}
.music-upload-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:58px;padding:10px 16px;cursor:pointer;user-select:none;border-left:2px solid rgba(126,255,59,.48);transition:border-color .16s,background .16s,box-shadow .16s}
.music-upload-summary::-webkit-details-marker{display:none}.music-upload-summary::marker{content:""}
.music-upload-summary>span:first-child{display:grid;gap:2px}.music-upload-summary small{color:var(--accent);font:700 8px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em}.music-upload-summary strong{color:var(--text);font:800 13px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}
.music-upload-summary-action{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(126,255,59,.62);color:var(--accent);font:700 22px/1 ui-monospace,monospace;background:rgba(126,255,59,.04);transition:transform .18s,background .18s,box-shadow .18s}
.music-upload-summary:hover,.music-upload-disclosure[open]>.music-upload-summary{border-left-color:var(--accent);background:rgba(126,255,59,.035);box-shadow:inset 0 0 18px rgba(126,255,59,.025)}
.music-upload-summary:hover .music-upload-summary-action{box-shadow:0 0 14px rgba(126,255,59,.15)}
.music-upload-disclosure[open] .music-upload-summary-action{transform:rotate(45deg);background:rgba(126,255,59,.10)}
.music-upload-disclosure-body{padding:0 0 0}
.music-upload-disclosure[open] .music-upload-disclosure-body{border-top:1px solid rgba(22,74,108,.64)}
.music-upload-disclosure .music-command-center{margin:0!important}
.music-upload-disclosure .music-upload-card,.music-upload-disclosure .music-storage{border-top:0}
.music-upload-disclosure:not([open])+.music-library-head{margin-top:4px}
@media(max-width:760px){.music-upload-summary{min-height:54px;padding:9px 12px}.music-upload-summary strong{font-size:12px}.music-upload-summary-action{width:31px;height:31px}}

/* Version 1.9.0: Link-Terminal und sichere Dateivorschau */
.tile-links .app-tile-icon{border-color:#7eff3b;color:#7eff3b}.tile-links:after{display:none}

.link-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:14px;align-items:center;margin:4px 0 20px}.link-scope{display:flex;gap:6px}.link-scope button{border:1px solid rgba(126,255,59,.24);border-radius:2px;background:rgba(4,14,23,.76);color:#8ea5b7;padding:9px 12px;font:700 10px ui-monospace,monospace;cursor:pointer}.link-scope button.active,.link-scope button:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px rgba(126,255,59,.1)}
.link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.link-card{min-width:0;border:1px solid #16496d;background:linear-gradient(160deg,rgba(7,22,36,.96),rgba(3,10,17,.98));box-shadow:0 14px 34px rgba(0,0,0,.2);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));overflow:hidden}.link-card:hover{border-color:rgba(126,255,59,.58);box-shadow:0 18px 44px rgba(0,0,0,.3),0 0 20px rgba(126,255,59,.06)}
.link-preview{border-bottom:1px solid #143e5e;background:#06111c}.link-terminal-bar{height:28px;display:flex;align-items:center;gap:8px;padding:0 10px;border-bottom:1px solid #123a58;color:#63839a;font:9px ui-monospace,monospace;letter-spacing:.08em}.link-terminal-bar>span{color:var(--accent)}.link-terminal-bar code{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-terminal-bar b{color:var(--accent)}.link-preview-body{height:92px;display:flex;align-items:center;gap:14px;padding:15px;background:radial-gradient(circle at 15% 50%,rgba(126,255,59,.07),transparent 34%),linear-gradient(135deg,rgba(12,40,58,.75),rgba(4,12,20,.88))}.link-favicon,.link-favicon-fallback{width:52px;height:52px;flex:0 0 52px;border:1px solid rgba(126,255,59,.5);background:#091826}.link-favicon{object-fit:contain;padding:8px}.link-favicon-fallback{display:grid;place-items:center;color:var(--accent);font:900 24px Arial Black,Arial,sans-serif}.link-preview-body div{min-width:0}.link-preview-body strong,.link-preview-body span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview-body strong{font:800 18px Arial,sans-serif}.link-preview-body div>span{color:#6f899e;font:10px ui-monospace,monospace;margin-top:4px}
.link-card-meta{padding:13px 15px 8px}.link-card-flags{display:flex;gap:6px;flex-wrap:wrap}.link-private,.link-shared,.link-category{border:1px solid #214d69;padding:3px 6px;font:700 8px ui-monospace,monospace;letter-spacing:.08em}.link-private{color:#d5a3ff;border-color:#744993}.link-shared{color:var(--accent);border-color:rgba(126,255,59,.42)}.link-category{color:#78c9ff}.link-card-meta p{min-height:42px;margin:9px 0 5px;color:#9dafbd;font-size:12px}.link-card-meta small{color:#536d80;font:9px ui-monospace,monospace}.link-card-actions{display:flex;align-items:center;gap:7px;padding:10px 15px 15px}.link-open{flex:1;border:1px solid rgba(126,255,59,.45);background:rgba(126,255,59,.055);color:var(--accent);text-decoration:none;text-align:center;padding:9px 10px;font:700 10px ui-monospace,monospace;letter-spacing:.08em}.link-open:hover{background:rgba(126,255,59,.12);box-shadow:0 0 13px rgba(126,255,59,.1)}.link-card-actions button{border:1px solid #224b67!important;padding:8px!important}.link-security-note{margin:0;color:#668195;font:10px/1.5 ui-monospace,monospace;border-left:2px solid var(--accent);padding-left:10px}

.file-preview-table th:first-child,.file-preview-table td:first-child{width:88px}.file-thumb{width:68px;height:52px;display:grid;place-items:center;padding:0;border:1px solid #1c5275;background:#06111c;color:#85a7bd;cursor:pointer;overflow:hidden}.file-thumb:hover{border-color:var(--accent);box-shadow:0 0 12px rgba(126,255,59,.09)}.file-thumb img{width:100%;height:100%;object-fit:cover}.file-icon-preview span{font:800 11px ui-monospace,monospace;color:var(--accent);letter-spacing:.05em}.file-name-button{display:block;max-width:420px;padding:0;border:0;background:transparent;color:#dce7ee;text-align:left;font:700 13px/1.35 ui-sans-serif,system-ui;cursor:pointer}.file-name-button:hover{color:var(--accent)}
.file-upload-picker{border:1px dashed #25618a;background:rgba(8,27,43,.66);padding:16px;cursor:pointer}.file-upload-picker input{margin-top:8px;width:100%}.file-selection{max-height:100px;overflow:auto;border:1px solid #163f5e;background:#07111c;padding:10px;color:#708a9e;font:10px ui-monospace,monospace}.file-selection strong,.file-selection span{display:block}.file-selection span{margin-top:5px;white-space:normal;word-break:break-word}
.file-preview-dialog{width:min(1180px,calc(100vw - 40px));max-width:none;height:min(820px,calc(100vh - 40px));border-radius:0}.file-preview-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#040c14}.file-preview-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 16px;border-bottom:1px solid #1b4e70;background:#071521}.file-preview-head h2{margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-back{border:1px solid rgba(126,255,59,.32)!important;color:var(--accent)!important;padding:8px 12px!important}.file-preview-body{min-height:0;display:grid;place-items:center;overflow:auto;padding:18px;background:radial-gradient(circle at center,rgba(18,52,72,.5),rgba(2,7,12,.96))}.file-preview-image{display:block;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 20px 60px rgba(0,0,0,.45)}.file-preview-pdf{width:100%;height:100%;min-height:520px;border:1px solid #174463;background:#fff}.file-preview-generic{width:min(560px,100%);display:grid;justify-items:center;gap:14px;border:1px solid #174a6d;background:#071521;padding:50px 28px;text-align:center}.file-preview-generic>span{width:120px;height:120px;display:grid;place-items:center;border:1px solid var(--accent);color:var(--accent);font:900 24px ui-monospace,monospace;box-shadow:inset 0 0 28px rgba(126,255,59,.06)}.file-preview-generic strong{font-size:20px}.file-preview-generic p{color:#7890a1}.file-preview-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:10px 16px;border-top:1px solid #174463;color:#71889a;font:9px ui-monospace,monospace}

@media(max-width:980px){.link-toolbar{grid-template-columns:1fr}.link-scope{flex-wrap:wrap}.file-preview-head{grid-template-columns:auto minmax(0,1fr)}.file-preview-head .action-link{grid-column:1/-1}.file-preview-footer{align-items:flex-start;flex-direction:column}.file-preview-pdf{min-height:420px}}
@media(max-width:760px){.link-grid{grid-template-columns:1fr}.file-preview-table th:nth-child(4),.file-preview-table td:nth-child(4),.file-preview-table th:nth-child(5),.file-preview-table td:nth-child(5){display:none}.file-thumb{width:56px;height:46px}.file-preview-dialog{width:calc(100vw - 18px);height:calc(100vh - 18px)}.file-preview-head{padding:10px}.file-preview-body{padding:8px}}
.link-card-main{display:block;color:inherit;text-decoration:none}.link-card-main:focus-visible{outline:1px solid var(--accent);outline-offset:-2px}.link-card-main:hover .link-preview-body strong{color:var(--accent)}

/* Version 1.9.2: freie Header-Titel, Playlisten im Player und Linkkarten-Feinschliff */
@media(min-width:1150px){
  .page-heading-block{min-height:0!important;padding:2px 0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  .page-heading-line{filter:none}
}

.player-playlists{display:grid;gap:5px;border-top:1px solid var(--border);padding-top:8px}
.player-playlist-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:5px}
.player-playlist-row select{width:100%;min-width:0;height:30px;padding:0 6px;border:1px solid #1c4f73;border-radius:0;background:#06111c;color:#a9bfd2;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis}
.player-playlist-row select:focus,.player-playlist-row select:hover{border-color:var(--accent);outline:none;box-shadow:0 0 10px rgba(126,255,59,.08)}
.player-playlist-row button{height:30px!important;padding:0!important}
.player-playlist-actions{display:grid;grid-template-columns:1fr 1.25fr 1.35fr 30px;gap:4px}
.player-playlist-actions button{height:27px!important;padding:0 4px!important;font:8px ui-monospace,SFMono-Regular,Consolas,monospace!important;letter-spacing:.05em}
.player-playlist-actions .danger-mini:hover{border-color:#ff665c!important;color:#ff665c!important;box-shadow:0 0 10px rgba(255,102,92,.15)}
@media(max-width:1149px){.player-playlists{display:none}}

.link-card{position:relative;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.link-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 48%,rgba(126,255,59,.025) 50%,transparent 52%);transform:translateX(-120%);transition:transform .55s ease}
.link-card:hover{transform:translateY(-3px)}
.link-card:hover:before{transform:translateX(120%)}
.link-terminal-bar{background:linear-gradient(90deg,rgba(126,255,59,.035),transparent 38%)}
.link-preview-body{height:100px;gap:16px;padding:14px 16px;background:radial-gradient(circle at 13% 50%,rgba(126,255,59,.11),transparent 30%),linear-gradient(135deg,rgba(9,34,52,.9),rgba(3,10,18,.92));position:relative;overflow:hidden}
.link-preview-body:after{content:"";position:absolute;right:-12px;top:0;width:44%;height:100%;opacity:.24;background:repeating-linear-gradient(90deg,transparent 0 13px,rgba(78,167,222,.12) 14px 15px)}
.link-sigil{width:62px;height:62px;flex:0 0 62px;position:relative;display:grid;place-items:center;border:1px solid rgba(126,255,59,.65);background:linear-gradient(145deg,rgba(126,255,59,.08),rgba(5,18,28,.9));box-shadow:inset 0 0 18px rgba(126,255,59,.05),0 0 18px rgba(126,255,59,.05);clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,11px 100%,0 calc(100% - 11px))}
.link-sigil>strong{color:var(--accent);font:900 30px/.9 Arial Black,Arial,sans-serif;text-shadow:0 0 14px rgba(126,255,59,.25);z-index:2}
.link-sigil>i{position:absolute;left:5px;bottom:4px;color:#52758c;font:7px ui-monospace,monospace;font-style:normal;letter-spacing:.08em}
.link-sigil-scan{position:absolute;left:5px;right:5px;top:9px;height:1px;background:rgba(126,255,59,.55);box-shadow:0 0 6px rgba(126,255,59,.45)}
.link-site-icon{position:absolute;right:4px;bottom:4px;width:16px;height:16px;object-fit:contain;padding:1px;background:#06111c;border:1px solid #23516d;z-index:3}
.link-preview-copy{min-width:0;position:relative;z-index:2}
.link-preview-copy>strong,.link-preview-copy>span,.link-preview-copy>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.link-preview-copy>strong{font:800 19px Arial,sans-serif}
.link-preview-copy>span{color:#7893a6;font:10px ui-monospace,monospace;margin-top:4px}
.link-preview-copy>small{margin-top:10px;color:#4f7187;font:8px ui-monospace,monospace;letter-spacing:.06em}
.link-card:hover .link-sigil{border-color:var(--accent);box-shadow:inset 0 0 24px rgba(126,255,59,.08),0 0 24px rgba(126,255,59,.09)}
.link-card:hover .link-preview-copy>strong{color:var(--accent)}

/* Version 1.9.3: echter Audio-Visualizer im Cover-Bereich des Players */
.player-art{isolation:isolate;overflow:hidden}
.player-art:before{z-index:2}
.player-art>span{position:relative;z-index:4;text-shadow:0 0 18px rgba(255,255,255,.34)}
.player-visualizer{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;opacity:.9}
.player-visualizer-label{position:absolute;left:9px;bottom:7px;z-index:5;margin:0;color:rgba(126,255,59,.58);font:7px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em;font-style:normal;text-transform:uppercase}
.persistent-player.visualizer-live .player-art{box-shadow:inset 0 0 34px rgba(126,255,59,.08),0 0 22px rgba(126,255,59,.06)}
.persistent-player.visualizer-live .player-art>span{animation:player-note-pulse 1.8s ease-in-out infinite}
.persistent-player.visualizer-fallback .player-visualizer{opacity:.35;animation:player-visualizer-fallback 1.2s ease-in-out infinite alternate}
@keyframes player-note-pulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.045);filter:brightness(1.18)}}
@keyframes player-visualizer-fallback{from{transform:scaleY(.92);opacity:.22}to{transform:scaleY(1);opacity:.46}}
@media(max-width:1149px){.player-visualizer-label{display:none}}
@media(prefers-reduced-motion:reduce){.persistent-player.visualizer-live .player-art>span,.persistent-player.visualizer-fallback .player-visualizer{animation:none}}

/* Version 1.9.4: ausfahrbare Warteschlangen-Konsole rechts vom Player */
@media(min-width:1150px){
  .player-queue-toggle{flex:0 0 auto;min-height:49px;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:10px;padding:8px 10px;border:1px solid #1c4f73;background:linear-gradient(135deg,rgba(7,20,34,.95),rgba(4,11,19,.98));color:#a9bfd2;text-align:left;cursor:pointer;transition:border-color .18s,box-shadow .18s,background .18s}
  .player-queue-toggle:hover,.player-queue-toggle[aria-expanded="true"]{border-color:var(--accent);background:rgba(126,255,59,.055);box-shadow:inset 0 0 18px rgba(126,255,59,.04),0 0 16px rgba(126,255,59,.08)}
  .player-queue-toggle span{display:grid;gap:2px;min-width:0}.player-queue-toggle strong{font:9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em;color:var(--text)}.player-queue-toggle small{font:7px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;color:#668195}.player-queue-toggle b{font:700 13px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--accent)}.player-queue-toggle i{font:22px/1 ui-monospace,monospace;font-style:normal;color:var(--accent);transition:transform .2s}.player-queue-toggle[aria-expanded="true"] i{transform:rotate(180deg)}
  .player-queue-drawer{position:fixed;z-index:59;left:300px;top:12px;bottom:12px;width:min(430px,calc(100vw - 338px));display:flex;flex-direction:column;gap:10px;padding:16px;background:linear-gradient(165deg,rgba(5,17,29,.995),rgba(2,8,14,.995));border:1px solid #21618f;border-left-color:var(--accent);box-shadow:20px 0 56px rgba(0,0,0,.5),inset 0 0 36px rgba(126,255,59,.025);transform:translateX(calc(-100% - 24px));opacity:0;visibility:hidden;pointer-events:none;transition:transform .24s ease,opacity .18s ease,visibility .24s;overflow:hidden}
  .player-queue-drawer.is-open{transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto}
  .player-queue-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.player-queue-drawer-head>div:first-child{display:grid;gap:4px}.player-queue-drawer-head strong{font:700 12px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.player-queue-drawer-actions{display:flex;gap:6px}.player-queue-drawer-actions button{height:30px!important;padding:0 9px!important;font:8px ui-monospace,SFMono-Regular,Consolas,monospace!important;white-space:nowrap}.player-queue-drawer-actions button:disabled{opacity:.35;cursor:not-allowed}
  .player-drawer-drop-hint{margin:0;padding:7px 5px}
  .player-queue-drawer-list{display:flex!important;min-height:0;flex:1;border-top:0;padding-top:0;overflow:hidden}.player-queue-drawer-list .player-queue-head{padding:2px 0 7px;margin:0}.player-queue-drawer-list #player-queue-list{flex:1;min-height:0;padding-right:10px}
  .player-queue-drawer-list .player-queue li{min-height:48px;border-bottom:1px solid rgba(16,55,92,.36)}.player-queue-drawer-list .player-queue li .player-queue-play{padding:9px 6px}.player-queue-drawer-list .player-queue li strong{font-size:12px}.player-queue-drawer-list .player-queue li small{font-size:9px}.player-queue-drawer-list .player-queue li.active{background:linear-gradient(90deg,rgba(126,255,59,.10),rgba(126,255,59,.02));box-shadow:inset 3px 0 0 var(--accent)}
}
@media(max-width:1149px){.player-queue-toggle{display:none}.player-queue-drawer{display:none!important}}

/* Version 1.9.5: Visualizer-Watchdog + Vollbild-/Screensaver-Modus */
.player-visualizer-fullscreen{position:absolute;right:7px;top:7px;z-index:7;width:29px;height:29px;display:grid;place-items:center;padding:0;border:1px solid rgba(126,255,59,.5);background:rgba(3,11,18,.74);color:var(--accent);font:16px/1 ui-monospace,monospace;cursor:pointer;opacity:.72;transition:opacity .16s,border-color .16s,box-shadow .16s,background .16s}
.player-visualizer-fullscreen:hover,.player-visualizer-fullscreen:focus-visible{opacity:1;border-color:var(--accent);background:rgba(126,255,59,.08);box-shadow:0 0 18px rgba(126,255,59,.16);outline:none}
.player-visualizer-stage[hidden]{display:none!important}
.player-visualizer-stage{position:fixed;z-index:200;inset:0;display:block;overflow:hidden;background:radial-gradient(circle at 50% 54%,rgba(18,58,89,.38),transparent 48%),linear-gradient(160deg,#04101b 0%,#02080e 52%,#061421 100%);color:var(--text)}
.player-visualizer-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(126,255,59,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(126,255,59,.022) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),rgba(0,0,0,.18));pointer-events:none}
.player-visualizer-stage-grid{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0 74%,rgba(126,255,59,.035) 74% 74.2%,transparent 74.2%),radial-gradient(circle at 50% 118%,transparent 0 34%,rgba(126,255,59,.06) 34.2% 34.5%,transparent 34.7% 45%,rgba(126,255,59,.035) 45.2% 45.5%,transparent 45.7%)}
.player-visualizer-stage-canvas{position:absolute;inset:13% 5% 8%;width:90%;height:79%;z-index:2}
.player-visualizer-stage-head{position:absolute;z-index:5;left:34px;right:34px;top:28px;display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid rgba(33,97,143,.62)}
.player-visualizer-stage-head>div{display:grid;gap:5px}.player-visualizer-stage-head strong{font:700 13px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.player-visualizer-stage-head button{height:34px!important;padding:0 13px!important;font:9px ui-monospace,SFMono-Regular,Consolas,monospace!important}
.player-visualizer-stage-track{position:absolute;z-index:5;left:42px;bottom:36px;display:grid;gap:4px;max-width:min(62vw,940px)}
.player-visualizer-stage-track>strong{font:900 clamp(28px,4vw,62px)/.96 Arial Black,Arial,sans-serif;letter-spacing:-.045em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 28px rgba(126,255,59,.08)}
.player-visualizer-stage-track>span:last-child{color:#7f9bad;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.player-visualizer-stage-time{position:absolute;z-index:5;right:42px;bottom:38px;display:grid;justify-items:end;gap:5px}.player-visualizer-stage-time strong{font:900 clamp(34px,5vw,72px)/.9 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--accent);text-shadow:0 0 26px rgba(126,255,59,.18)}.player-visualizer-stage-time span{font:9px ui-monospace,SFMono-Regular,Consolas,monospace;color:#718a9c;letter-spacing:.12em}
.player-visualizer-stage-hint{position:absolute;z-index:5;right:42px;top:86px;color:#49697f;font:8px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em}
body.visualizer-stage-open{overflow:hidden}
@media(max-width:1149px){.player-visualizer-fullscreen{display:none}.player-visualizer-stage{display:none!important}}
@media(prefers-reduced-motion:reduce){.player-visualizer-stage *{animation:none!important;transition:none!important}}

/* Version 2.0.0: GAME CENTER – additive Erweiterung im bestehenden Rotzenfrech-Stil */
.tile-games{background-image:linear-gradient(145deg,rgba(4,18,31,.55),rgba(4,11,19,.84)),repeating-linear-gradient(90deg,rgba(126,255,59,.035) 0 1px,transparent 1px 42px),repeating-linear-gradient(0deg,rgba(67,217,255,.025) 0 1px,transparent 1px 42px)}
.tile-games .app-tile-icon{border-color:#7eff3b;color:#7eff3b;box-shadow:inset 0 0 30px rgba(126,255,59,.08),0 0 18px rgba(126,255,59,.07)}
.game-center-shell{max-width:1450px!important;padding-top:18px!important}
.game-center-context{grid-template-columns:minmax(280px,1fr) minmax(300px,620px) auto!important;align-items:center}
.game-center-actions{justify-self:end;align-self:center}.game-leaderboard-toggle{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 15px;border-color:rgba(126,255,59,.42);color:#d8e9f2;font:800 10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.game-leaderboard-toggle span{font-size:16px}.game-leaderboard-toggle:hover,.game-leaderboard-toggle.active{color:#07120a;background:var(--accent);border-color:var(--accent);box-shadow:0 0 22px rgba(126,255,59,.2)}
.game-leaderboard-panel{position:relative;margin:0 0 22px;padding:18px;border:1px solid rgba(126,255,59,.42);background:linear-gradient(145deg,rgba(5,19,31,.98),rgba(2,9,16,.985));box-shadow:inset 0 0 34px rgba(126,255,59,.025),0 18px 48px rgba(0,0,0,.2);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.game-leaderboard-panel[hidden]{display:none!important}.game-leaderboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding-bottom:14px;border-bottom:1px solid rgba(38,85,116,.55)}.game-leaderboard-head h2{margin:2px 0 4px;font:900 clamp(28px,3vw,42px)/1 Arial Black,Arial,sans-serif;letter-spacing:-.045em;color:#edf8fd}.game-leaderboard-head .muted{max-width:760px;margin:0}.game-leaderboard-close{white-space:nowrap;border-color:rgba(255,95,95,.38);color:#ff8585}.game-leaderboard-close:hover{border-color:#ff6666;color:#ff6666;background:rgba(255,70,70,.06)}
.game-leaderboard-controls{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:10px;padding:14px 0}.game-leaderboard-filter{display:grid;gap:7px;padding:10px;border:1px solid rgba(35,83,113,.5);background:rgba(4,15,25,.72)}.game-leaderboard-filter>span{color:#7593a7;font:800 7px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em}.game-leaderboard-filter>div{display:flex;flex-wrap:wrap;gap:6px}.game-leaderboard-filter button{min-height:32px;padding:0 10px;font-size:8px}.game-leaderboard-filter button.active{color:#07120a;background:var(--accent);border-color:var(--accent)}.game-leaderboard-filter select{min-height:34px;border:1px solid #245b79;background:#061522;color:#d8e7f0;padding:0 9px;font:800 9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em}
.game-leaderboard-period-nav{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:12px;padding:10px 0 13px}.game-leaderboard-period-nav>div{display:grid;justify-items:center;gap:3px;text-align:center}.game-leaderboard-period-nav span{color:#66859a;font:800 7px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em}.game-leaderboard-period-nav strong{color:var(--accent);font:900 15px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-shadow:0 0 12px rgba(126,255,59,.16)}.game-leaderboard-period-nav small{color:#7892a5;font:700 7px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em}.game-leaderboard-period-nav button:disabled{opacity:.3;cursor:not-allowed}
.game-leaderboard-status{padding:7px 10px;border-left:2px solid #315e78;background:rgba(4,15,25,.58);color:#718da1;font:700 7px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.game-leaderboard-status.has-data{border-left-color:var(--accent);color:#8da6b7}
.game-leaderboard-table-wrap{overflow:auto;margin-top:9px;border:1px solid rgba(35,83,113,.58);background:rgba(2,10,17,.78)}.game-leaderboard-table{width:100%;min-width:760px;border-collapse:collapse}.game-leaderboard-table th,.game-leaderboard-table td{padding:10px 12px;border-bottom:1px solid rgba(36,78,103,.45);text-align:right}.game-leaderboard-table th{background:#071622;color:#66879d;font:800 7px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em}.game-leaderboard-table th:nth-child(1),.game-leaderboard-table th:nth-child(2),.game-leaderboard-table td:nth-child(1),.game-leaderboard-table td:nth-child(2){text-align:left}.game-leaderboard-table tbody tr{background:rgba(4,14,23,.62)}.game-leaderboard-table tbody tr:hover{background:rgba(126,255,59,.025)}.game-leaderboard-table tbody tr.rank-1{box-shadow:inset 3px 0 0 #f4d35e}.game-leaderboard-table tbody tr.rank-2{box-shadow:inset 3px 0 0 #b7c3cd}.game-leaderboard-table tbody tr.rank-3{box-shadow:inset 3px 0 0 #c8864a}.game-leaderboard-table tbody tr.is-self{background:linear-gradient(90deg,rgba(126,255,59,.055),rgba(4,14,23,.66))}.game-leaderboard-table td{color:#b8ccd8;font:800 10px ui-monospace,SFMono-Regular,Consolas,monospace}.game-leaderboard-table td:nth-child(2) strong{color:#edf7fc;font-size:11px}.game-leaderboard-table td:nth-child(2) small{display:inline-block;margin-left:7px;padding:2px 5px;border:1px solid rgba(126,255,59,.45);color:var(--accent);font-size:6px;letter-spacing:.08em}.game-leaderboard-table .leaderboard-rank span{font-size:17px}.game-leaderboard-table .leaderboard-wins,.game-leaderboard-table td:last-child b{color:var(--accent)}.leaderboard-empty td{text-align:center!important;color:#668397!important;padding:24px!important;letter-spacing:.08em}
@media(max-width:1050px){.game-center-context{grid-template-columns:1fr auto!important}.game-center-actions{grid-column:2;grid-row:1/-1}.game-leaderboard-controls{grid-template-columns:1fr 1fr}.game-leaderboard-filter:first-child{grid-column:1/-1}}
@media(max-width:680px){.game-center-context{grid-template-columns:1fr!important}.game-center-actions{grid-column:auto;grid-row:auto;justify-self:start}.game-leaderboard-head{display:grid}.game-leaderboard-close{justify-self:start}.game-leaderboard-controls{grid-template-columns:1fr}.game-leaderboard-filter:first-child{grid-column:auto}.game-leaderboard-period-nav{grid-template-columns:1fr 1fr}.game-leaderboard-period-nav>div{grid-column:1/-1;grid-row:1}.game-leaderboard-period-nav button{grid-row:2}}
.game-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 22px}
.game-choice{position:relative;min-height:210px;display:grid;justify-items:start;align-content:end;gap:7px;padding:24px;text-align:left;color:var(--text);background:linear-gradient(145deg,rgba(8,28,46,.96),rgba(3,10,17,.96));border:1px solid #174a72;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));cursor:pointer;transition:.18s}
.game-choice:before{content:"";position:absolute;inset:14px;border:1px solid rgba(126,255,59,.08);pointer-events:none}.game-choice:hover,.game-choice:focus-visible{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 18px 48px rgba(0,0,0,.36),0 0 24px rgba(126,255,59,.08);outline:none}.game-choice-symbol{position:absolute;left:28px;right:auto;top:28px;display:grid;place-items:center;width:68px;height:68px;border:1px solid var(--accent);color:var(--accent);font:900 27px ui-monospace,monospace;box-shadow:inset 0 0 26px rgba(126,255,59,.06)}.game-choice small{color:var(--accent);font:9px ui-monospace,monospace;letter-spacing:.15em}.game-choice strong{font:900 clamp(28px,2.5vw,40px)/.95 Arial Black,Arial,sans-serif;letter-spacing:-.05em}.game-choice em{color:var(--muted);font-style:normal;font-size:12px}.game-center-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.game-panel{padding:20px;background:linear-gradient(145deg,rgba(6,21,35,.94),rgba(3,10,17,.94));border:1px solid #174a72}.game-panel .section-head{margin-bottom:14px}.game-list{display:grid;gap:10px}.game-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 15px;border:1px solid rgba(24,76,113,.8);background:rgba(6,18,30,.72)}.game-row>div:first-child{display:grid;gap:5px}.game-row small{color:var(--accent);font:9px ui-monospace,monospace;letter-spacing:.09em}.game-row strong{font-size:14px}.game-row>div:last-child{display:flex;gap:7px}.game-turn{display:inline-block;width:max-content;color:var(--muted);font:9px ui-monospace,monospace;letter-spacing:.08em}.game-turn.own{color:var(--accent);text-shadow:0 0 10px rgba(126,255,59,.25)}.game-empty{padding:18px;border:1px dashed rgba(42,92,128,.55);color:var(--muted);font-size:12px}.game-history-panel{margin-top:18px}.game-history{display:grid}.game-history-row{display:grid;grid-template-columns:130px 1fr 180px;gap:14px;padding:10px 4px;border-bottom:1px solid rgba(24,76,113,.45);font-size:12px}.game-history-row span{color:var(--accent);font-family:ui-monospace,monospace}.game-history-row em{text-align:right;color:var(--muted);font-style:normal;font-family:ui-monospace,monospace}

/* Eigenes Spiel-Tab: kein Redesign der Hauptseite, sondern eigener Inhaltsmodus im gleichen Stil. */
.game-window{min-height:100vh;overflow-x:hidden;background:#050b12;color:var(--text)}.game-topbar{position:relative;z-index:20;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 18px;border-bottom:1px solid #174a72;background:rgba(4,12,21,.94);backdrop-filter:blur(12px)}.game-top-status{display:flex;align-items:center;gap:8px}.game-top-status>span{color:var(--accent);font:9px ui-monospace,monospace;letter-spacing:.1em}.game-top-status .subtle{opacity:.68}.game-stage-shell{position:relative;z-index:2;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 24px}.game-stage-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid rgba(24,76,113,.72)}.game-stage-head h1{margin:4px 0 0;font:900 clamp(38px,6vw,72px)/.9 Arial Black,Arial,sans-serif;text-transform:uppercase;letter-spacing:-.055em}.game-player-strip{display:flex;align-items:center;gap:12px;color:var(--text);font:800 13px ui-monospace,monospace}.game-player-strip b{color:var(--accent);font-size:10px}.game-board-frame{position:relative;display:grid;place-items:center;min-height:610px;padding:28px;border:1px solid #174a72;background:radial-gradient(circle at 50% 45%,rgba(12,50,76,.36),transparent 55%),linear-gradient(145deg,rgba(5,18,31,.95),rgba(2,8,14,.98));box-shadow:inset 0 0 80px rgba(0,0,0,.35)}.game-board{position:relative;width:min(72vh,680px);aspect-ratio:1}.game-controls{display:flex;align-items:center;justify-content:space-between;padding:13px 0}.game-controls>div{display:flex;gap:8px;align-items:center}.game-live-dot{color:var(--accent);margin-right:6px}.game-controls strong{font:9px ui-monospace,monospace;letter-spacing:.1em}.game-chat-toggle span{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--accent);color:#04101a;margin-left:4px}.game-result{position:absolute;z-index:10;inset:0;display:grid;place-items:center;align-content:center;gap:12px;background:rgba(2,8,14,.78);backdrop-filter:blur(7px);text-align:center}.game-result strong{font:900 clamp(34px,6vw,72px)/.9 Arial Black,Arial,sans-serif;color:var(--accent)}.game-result span{color:var(--muted)}
/* 4 gewinnt */
.connect4-board{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;width:min(82vh,760px);aspect-ratio:7/6;padding:14px;border:1px solid #1d5b87;background:rgba(5,25,42,.9)}.connect4-column{display:grid;grid-template-rows:repeat(6,1fr);gap:6px;padding:0;border:0;background:transparent;cursor:pointer}.connect4-column:hover:not(:disabled) .connect4-cell{border-color:rgba(126,255,59,.45)}.connect4-cell{display:block;aspect-ratio:1;border-radius:50%;border:1px solid #25658f;background:#020810;box-shadow:inset 0 0 18px rgba(0,0,0,.8)}.connect4-cell.p1{background:radial-gradient(circle at 36% 32%,#d9ffac 0 5%,#7eff3b 28%,#22580d 72%);box-shadow:0 0 15px rgba(126,255,59,.35)}.connect4-cell.p2{background:radial-gradient(circle at 36% 32%,#d8faff 0 5%,#43d9ff 28%,#0e4c67 72%);box-shadow:0 0 15px rgba(67,217,255,.35)}
/* Mühle */
.mill-board{width:min(70vh,650px);aspect-ratio:1}.mill-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#276589;stroke-width:.8;filter:drop-shadow(0 0 5px rgba(67,217,255,.1))}.mill-node{position:absolute;width:34px;height:34px;transform:translate(-50%,-50%);border:2px solid #36789e;border-radius:50%;background:#06111c;cursor:pointer;box-shadow:0 0 0 5px rgba(5,17,29,.95)}.mill-node:hover:not(:disabled){border-color:var(--accent);box-shadow:0 0 0 5px rgba(5,17,29,.95),0 0 18px rgba(126,255,59,.18)}.mill-node.p1{background:#7eff3b;border-color:#baff91;box-shadow:0 0 0 5px rgba(5,17,29,.95),0 0 18px rgba(126,255,59,.42)}.mill-node.p2{background:#43d9ff;border-color:#c8f7ff;box-shadow:0 0 0 5px rgba(5,17,29,.95),0 0 18px rgba(67,217,255,.4)}.mill-node.selected{outline:3px solid #fff;outline-offset:5px}
/* Dame */
.checkers-board{}.checker-cell{position:relative;display:grid;place-items:center;aspect-ratio:1;border:0;padding:0}.checker-cell.light{background:#0b1b29}.checker-cell.dark{background:#10314a;cursor:pointer}.checker-cell.dark:hover:not(:disabled){box-shadow:inset 0 0 0 2px rgba(126,255,59,.28)}.checker-cell.selected{box-shadow:inset 0 0 0 3px var(--accent)!important}.checker-piece{display:grid;place-items:center;width:68%;height:68%;border-radius:50%;font-size:18px}.checker-piece.p1{background:radial-gradient(circle at 35% 30%,#d8ffa9,#7eff3b 35%,#214f12 76%);box-shadow:0 0 16px rgba(126,255,59,.34);color:#07120a}.checker-piece.p2{background:radial-gradient(circle at 35% 30%,#d8faff,#43d9ff 35%,#0d526c 76%);box-shadow:0 0 16px rgba(67,217,255,.34);color:#061017}.checker-piece.king{border:2px solid #fff;box-shadow:0 0 18px rgba(255,255,255,.25)}
/* Partie-Chat als ausfahrbare Konsole */
.game-chat-drawer{position:fixed;z-index:70;top:0;right:0;bottom:0;width:min(390px,92vw);display:flex;flex-direction:column;transform:translateX(105%);transition:transform .22s ease;background:linear-gradient(165deg,rgba(6,21,35,.995),rgba(2,8,14,.995));border-left:1px solid #21618f;box-shadow:-22px 0 60px rgba(0,0,0,.52)}.game-chat-drawer.open{transform:translateX(0)}.game-chat-drawer>header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #174a72}.game-chat-drawer>header>div{display:grid}.game-chat-log{flex:1;overflow:auto;padding:14px;scrollbar-width:thin}.game-chat-message{padding:10px 11px;margin-bottom:9px;border-left:2px solid #25618b;background:rgba(8,28,45,.65)}.game-chat-message>div{display:flex;justify-content:space-between;gap:10px}.game-chat-message strong{color:var(--accent);font:10px ui-monospace,monospace}.game-chat-message time{color:#658198;font:9px ui-monospace,monospace}.game-chat-message p{margin:6px 0 0;font-size:13px;line-height:1.45}.game-chat-form{display:grid;grid-template-columns:1fr auto;gap:7px;padding:14px;border-top:1px solid #174a72}.game-chat-form input{min-width:0}
@media(max-width:1050px){.game-choice-grid{grid-template-columns:1fr}.game-center-columns{grid-template-columns:1fr}.game-stage-head{align-items:flex-start;flex-direction:column}.game-board-frame{min-height:0;padding:18px}.game-board{width:min(86vw,640px)}.connect4-board{width:min(90vw,700px)}}
@media(max-width:700px){.game-history-row{grid-template-columns:1fr}.game-history-row em{text-align:left}.game-topbar{align-items:flex-start;flex-direction:column}.game-top-status{flex-wrap:wrap}.game-player-strip{flex-wrap:wrap}.game-stage-shell{width:min(100% - 18px,1180px)}.game-board-frame{padding:10px}.mill-node{width:26px;height:26px}.game-controls{align-items:flex-start;flex-direction:column;gap:10px}}

/* 2.0.3 – Game-Board-/Bedienungs-Hotfix. Gesamtstil bleibt unverändert. */
.game-board-frame{min-height:640px;padding:34px 28px 28px;background:radial-gradient(circle at 50% 42%,rgba(13,64,94,.48),transparent 57%),linear-gradient(145deg,rgba(5,18,31,.97),rgba(2,8,14,.99));border-color:#24648f;box-shadow:inset 0 0 100px rgba(0,0,0,.38),0 0 28px rgba(67,217,255,.035)}
.game-board-hint{position:absolute;left:18px;top:13px;z-index:4;color:var(--accent);font:700 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 10px rgba(126,255,59,.2)}
.game-board.is-busy{pointer-events:none;opacity:.78}
.game-top-status{min-height:36px}.game-top-status .game-close{border:1px solid rgba(56,105,139,.58)!important;padding:7px 11px!important}.game-close-bottom{margin-right:4px}.game-controls .game-close-bottom{color:#8ba6ba!important}.game-controls .danger-mini{color:#a7b2be!important}.game-controls .danger-mini:hover{color:#ff665c!important}
.player-chip{display:inline-flex;align-items:center;gap:7px}.player-chip:before{content:"";width:9px;height:9px;border-radius:50%;box-shadow:0 0 10px currentColor}.player-chip.p1{color:#7eff3b}.player-chip.p2{color:#43d9ff}

/* 4 Gewinnt: klar sichtbares 7x6-Terminalboard und komplette klickbare Spalten. */
.connect4-board{display:grid!important;grid-template-columns:repeat(7,minmax(58px,1fr))!important;gap:8px!important;width:min(88vw,820px)!important;height:auto!important;aspect-ratio:auto!important;padding:16px!important;border:2px solid #2a78aa!important;background:linear-gradient(180deg,rgba(12,49,76,.96),rgba(5,23,39,.98))!important;box-shadow:inset 0 0 0 1px rgba(67,217,255,.12),inset 0 0 54px rgba(0,0,0,.42),0 0 28px rgba(67,217,255,.10)}
.connect4-column{min-width:0;display:grid!important;grid-template-rows:32px auto!important;gap:7px!important;padding:5px!important;border:1px solid rgba(67,217,255,.12)!important;background:rgba(3,13,23,.30)!important;cursor:pointer!important;transition:background .14s,border-color .14s,box-shadow .14s,transform .14s}
.connect4-column:not(:disabled):hover,.connect4-column:not(:disabled):focus-visible{outline:none!important;transform:translateY(-2px);border-color:var(--accent)!important;background:rgba(126,255,59,.07)!important;box-shadow:0 0 18px rgba(126,255,59,.12)}
.connect4-column:disabled{cursor:not-allowed!important;opacity:.72}.connect4-column:disabled .connect4-drop{opacity:.28}
.connect4-drop{display:flex;align-items:center;justify-content:center;gap:5px;color:#6e8aa0;font:700 10px ui-monospace,monospace;transition:.14s}.connect4-drop b{color:var(--accent);font-size:14px;opacity:.45}.connect4-column:not(:disabled):hover .connect4-drop,.connect4-column:not(:disabled):focus-visible .connect4-drop{color:var(--accent)}.connect4-column:not(:disabled):hover .connect4-drop b,.connect4-column:not(:disabled):focus-visible .connect4-drop b{opacity:1;text-shadow:0 0 12px rgba(126,255,59,.55)}
.connect4-stack{display:grid;grid-template-rows:repeat(6,1fr);gap:7px}
.connect4-cell{display:block!important;width:100%;aspect-ratio:1!important;border-radius:50%;border:2px solid #286f9b!important;background:radial-gradient(circle at 48% 45%,#06131f 0 38%,#020810 70%)!important;box-shadow:inset 0 0 0 5px rgba(12,44,66,.70),inset 0 0 22px rgba(0,0,0,.82),0 0 5px rgba(67,217,255,.09)!important}
.connect4-column:not(:disabled):hover .connect4-cell{border-color:#3b94c7!important}.connect4-cell.p1{border-color:#7eff3b!important;background:radial-gradient(circle at 34% 28%,#edffd8 0 5%,#8cff52 24%,#54bd23 52%,#173c0c 83%)!important;box-shadow:inset 0 0 0 4px rgba(9,28,8,.30),0 0 17px rgba(126,255,59,.45)!important}.connect4-cell.p2{border-color:#43d9ff!important;background:radial-gradient(circle at 34% 28%,#e1fbff 0 5%,#57dcff 24%,#168fb1 52%,#09394c 83%)!important;box-shadow:inset 0 0 0 4px rgba(6,24,31,.30),0 0 17px rgba(67,217,255,.44)!important}

/* Mühle: Linien/Knoten deutlich sichtbar und auswählbare Punkte hervorgehoben. */
.mill-board{width:min(76vh,690px)!important;aspect-ratio:1;border:1px solid rgba(45,123,168,.22);background:radial-gradient(circle,rgba(18,63,91,.22),transparent 64%);box-shadow:inset 0 0 55px rgba(0,0,0,.18)}
.mill-lines{inset:4%!important;width:92%!important;height:92%!important;stroke:#4a9bcc!important;stroke-width:1.25!important;filter:drop-shadow(0 0 5px rgba(67,217,255,.28))!important}
.mill-node{width:40px!important;height:40px!important;border:2px solid #4d9aca!important;background:#071725!important;box-shadow:0 0 0 6px rgba(4,14,24,.96),inset 0 0 16px rgba(67,217,255,.07)!important;transition:.14s}
.mill-node.selectable{border-color:#7eff3b!important}.mill-node.targetable{border-color:#7eff3b!important;box-shadow:0 0 0 6px rgba(4,14,24,.96),0 0 17px rgba(126,255,59,.20)!important}.mill-node.targetable:after{content:"+";color:#7eff3b;font:700 14px ui-monospace,monospace}.mill-node.p1:after,.mill-node.p2:after{content:none}.mill-node:disabled{cursor:default}.mill-node.p1{background:#7eff3b!important;border-color:#c3ffa7!important}.mill-node.p2{background:#43d9ff!important;border-color:#cff8ff!important}.mill-node.selected{outline:3px solid #fff!important;outline-offset:6px!important}

/* Dame: Spielfeld und mögliche Auswahl/Ziele klar sichtbar. */
.checkers-grid{grid-template-columns:repeat(8,minmax(52px,1fr))!important;width:min(78vh,700px)!important;border:2px solid #2a78aa!important;background:#06111b;box-shadow:inset 0 0 30px rgba(0,0,0,.28),0 0 28px rgba(67,217,255,.08)!important}
.checker-cell{min-width:0;aspect-ratio:1!important;border:1px solid rgba(14,49,72,.55)!important}.checker-cell.light{background:#081521!important}.checker-cell.dark{background:linear-gradient(145deg,#123a55,#0b2a40)!important}.checker-cell.dark:not(:disabled):hover{box-shadow:inset 0 0 0 3px rgba(126,255,59,.42)!important}.checker-cell.selectable:after{content:"";position:absolute;inset:8px;border:1px solid rgba(126,255,59,.48);pointer-events:none}.checker-cell.targetable:after{content:"+";position:absolute;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--accent);color:var(--accent);background:rgba(5,18,28,.78);font:700 13px ui-monospace,monospace;box-shadow:0 0 13px rgba(126,255,59,.20)}.checker-cell.selected{box-shadow:inset 0 0 0 4px #fff!important}.checker-piece{width:70%!important;height:70%!important;border:2px solid rgba(255,255,255,.20)}

@media(max-width:900px){.connect4-board{grid-template-columns:repeat(7,minmax(38px,1fr))!important;gap:4px!important;padding:8px!important}.connect4-column{gap:4px!important;padding:2px!important}.connect4-stack{gap:4px}.connect4-drop{height:25px}.checkers-grid{grid-template-columns:repeat(8,minmax(34px,1fr))!important}.mill-node{width:32px!important;height:32px!important}.game-board-frame{min-height:0!important;padding:42px 10px 14px!important}}
.tile-games{background-image:linear-gradient(145deg,rgba(4,18,31,.42),rgba(4,11,19,.78)),url('/static/tile-games.webp')!important;background-size:cover!important;background-position:center!important}

/* Version 2.0.3: Critical Fix – Ergebnis-Layer respektiert den hidden-Zustand. */
.game-result[hidden]{display:none!important;backdrop-filter:none!important;pointer-events:none!important}
.game-result:not([hidden]){display:grid;pointer-events:auto}

/* Version 2.0.4: Game-Center Einladungsbadge */
.tile-game-badge{position:relative;top:-3px;margin-left:7px;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:0}
.nav-game-badge{margin-left:3px}

/* Version 2.0.5: Spielsteuerung-Hover + 4-Gewinnt Einwurfanimation */
.game-window .game-topbar button:not(.danger-mini):not(:disabled):hover,
.game-window .game-topbar button:not(.danger-mini):not(:disabled):focus-visible,
.game-window .game-controls button:not(.danger-mini):not(:disabled):hover,
.game-window .game-controls button:not(.danger-mini):not(:disabled):focus-visible,
.game-window .game-chat-drawer button:not(.danger-mini):not(:disabled):hover,
.game-window .game-chat-drawer button:not(.danger-mini):not(:disabled):focus-visible{
  color:#06120a!important;
  border-color:var(--accent)!important;
  background:var(--accent)!important;
  box-shadow:0 0 18px rgba(126,255,59,.30),inset 0 0 18px rgba(255,255,255,.08)!important;
  outline:none;
}
.game-window .danger-mini{border-color:rgba(255,102,92,.46)!important;color:#ff8a82!important}
.game-window .danger-mini:not(:disabled):hover,
.game-window .danger-mini:not(:disabled):focus-visible{
  color:#fff!important;
  border-color:#ff665c!important;
  background:#b72b25!important;
  box-shadow:0 0 18px rgba(255,102,92,.34)!important;
  outline:none;
}
.connect4-cell.chip-drop-in{
  position:relative;
  z-index:8;
  will-change:transform,filter;
  animation:connect4-chip-drop .48s cubic-bezier(.20,.78,.24,1.08) both;
}
@keyframes connect4-chip-drop{
  0%{transform:translateY(calc(-1 * var(--chip-drop-distance,420px)));filter:brightness(1.45) drop-shadow(0 0 14px currentColor)}
  72%{transform:translateY(7px)}
  88%{transform:translateY(-3px)}
  100%{transform:translateY(0);filter:brightness(1)}
}
@media(prefers-reduced-motion:reduce){.connect4-cell.chip-drop-in{animation-duration:.01ms!important}}

/* Version 2.0.6: echter 4-Gewinnt-Chip faellt 1,2 Sekunden von oberhalb des Bretts ins Zielfeld. */
.connect4-cell.chip-drop-in{animation:none!important;transform:none!important;filter:none!important}
.connect4-cell.chip-landing-hidden{opacity:0!important}
.connect4-board{overflow:visible!important}
.connect4-falling-chip{
  position:absolute;
  z-index:40;
  display:block;
  pointer-events:none;
  border-radius:50%;
  border:2px solid transparent;
  will-change:transform,filter;
  animation:connect4-real-chip-fall 1.2s cubic-bezier(.24,.72,.25,1) both;
}
.connect4-falling-chip.p1{
  border-color:#7eff3b;
  background:radial-gradient(circle at 34% 28%,#edffd8 0 5%,#8cff52 24%,#54bd23 52%,#173c0c 83%);
  box-shadow:inset 0 0 0 4px rgba(9,28,8,.30),0 0 22px rgba(126,255,59,.62);
}
.connect4-falling-chip.p2{
  border-color:#43d9ff;
  background:radial-gradient(circle at 34% 28%,#e1fbff 0 5%,#57dcff 24%,#168fb1 52%,#09394c 83%);
  box-shadow:inset 0 0 0 4px rgba(6,24,31,.30),0 0 22px rgba(67,217,255,.62);
}
.connect4-is-animating .connect4-column{pointer-events:none}
@keyframes connect4-real-chip-fall{
  0%{transform:translateY(0) scale(1.04);filter:brightness(1.42)}
  76%{transform:translateY(var(--connect4-fall-distance)) scale(1.015);filter:brightness(1.14)}
  86%{transform:translateY(calc(var(--connect4-fall-distance) + 8px)) scale(.98,1.03)}
  93%{transform:translateY(calc(var(--connect4-fall-distance) - 4px)) scale(1.015,.985)}
  100%{transform:translateY(var(--connect4-fall-distance)) scale(1);filter:brightness(1)}
}
@media(prefers-reduced-motion:reduce){.connect4-falling-chip{animation-duration:1.2s!important}}

/* Version 2.0.7: 16-Bit Cyber Audio UI */
.game-sound-toggle{min-width:92px;text-align:center}
.game-sound-toggle.sound-off{color:#6f8798!important;border-color:rgba(86,119,143,.42)!important;background:rgba(7,18,29,.55)!important;box-shadow:none!important}
.game-sound-toggle.sound-off:hover,.game-sound-toggle.sound-off:focus-visible{color:#06120a!important;border-color:var(--accent)!important;background:var(--accent)!important;box-shadow:0 0 18px rgba(126,255,59,.30)!important}


/* Version 2.0.8: Victory / Defeat Experience */
.game-result{overflow:hidden;background:rgba(1,6,12,.88);backdrop-filter:blur(10px);isolation:isolate}
.game-result::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(126,255,59,.08),transparent 42%),linear-gradient(90deg,transparent 0 49.8%,rgba(78,206,255,.08) 50%,transparent 50.2%);pointer-events:none}
.game-result.defeat::before{background:radial-gradient(circle at 50% 42%,rgba(255,70,70,.10),transparent 43%),linear-gradient(90deg,transparent 0 49.8%,rgba(255,76,76,.08) 50%,transparent 50.2%)}
.match-end-card{position:relative;z-index:2;width:min(560px,88%);display:grid;justify-items:center;gap:10px;padding:36px 28px 30px;border:1px solid rgba(126,255,59,.36);background:linear-gradient(180deg,rgba(7,22,30,.88),rgba(2,9,15,.94));box-shadow:0 0 0 1px rgba(126,255,59,.05) inset,0 0 52px rgba(126,255,59,.10);clip-path:polygon(0 14px,14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px));animation:end-card-in .55s cubic-bezier(.18,.8,.18,1) both}
.match-end-card.defeat{border-color:rgba(255,80,80,.42);box-shadow:0 0 0 1px rgba(255,80,80,.04) inset,0 0 54px rgba(255,54,54,.12);animation:end-card-glitch-in .55s steps(8,end) both}
.match-end-card.draw{border-color:rgba(73,210,255,.38);box-shadow:0 0 45px rgba(73,210,255,.10)}
.match-end-card strong{font:900 clamp(46px,8vw,88px)/.82 Arial Black,Arial,sans-serif!important;letter-spacing:-.06em;text-shadow:0 0 22px rgba(126,255,59,.36)}
.match-end-card.defeat strong{color:#ff625c!important;text-shadow:0 0 22px rgba(255,70,64,.42);animation:defeat-text-glitch 2.4s steps(1,end) infinite}
.match-end-card.draw strong{color:#55dfff!important;text-shadow:0 0 20px rgba(85,223,255,.30)}
.match-end-card>span{font:700 14px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;color:#d8e5ec!important}
.match-end-card>small{margin-top:6px;color:#6f93a9;font:700 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}
.result-kicker{margin:2px 0 0;color:var(--accent);font:800 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em}.defeat .result-kicker{color:#ff625c}.draw .result-kicker{color:#55dfff}
.result-scanlines{position:absolute;inset:0;opacity:.16;background:repeating-linear-gradient(180deg,rgba(255,255,255,.05) 0 1px,transparent 1px 4px);mix-blend-mode:screen;pointer-events:none;animation:scan-drift 8s linear infinite}
.cyber-trophy{position:relative;width:180px;height:154px;display:grid;place-items:center;filter:drop-shadow(0 0 13px rgba(126,255,59,.32));animation:trophy-build .9s cubic-bezier(.16,.84,.26,1) both}
.cyber-trophy svg{width:100%;height:100%;overflow:visible}.cyber-trophy path{fill:none;stroke:#8dff52;stroke-width:5;stroke-linecap:square;stroke-linejoin:miter;vector-effect:non-scaling-stroke}.cyber-trophy .handle{stroke:#4ddcff}.cyber-trophy .stem{stroke:#9aff60}.cyber-trophy .shine{stroke-width:2;stroke:#d8ffcb;opacity:.6}.cyber-trophy .cup{stroke-dasharray:420;stroke-dashoffset:420;animation:trophy-draw .9s .12s ease-out forwards}.cyber-trophy .handle{stroke-dasharray:260;stroke-dashoffset:260;animation:trophy-draw .75s .28s ease-out forwards}.cyber-trophy .stem,.cyber-trophy .shine{stroke-dasharray:180;stroke-dashoffset:180;animation:trophy-draw .55s .48s ease-out forwards}.trophy-core{position:absolute;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle,#dfffce 0 8%,#8dff52 9% 18%,rgba(126,255,59,.15) 19% 42%,transparent 43%);box-shadow:0 0 28px rgba(126,255,59,.45);animation:trophy-pulse 1.3s .75s ease-in-out infinite}
.defeat-emblem{position:relative;width:154px;height:132px;margin:8px 0 5px;filter:drop-shadow(0 0 14px rgba(255,72,64,.28));animation:defeat-emblem-in .7s steps(7,end) both}.defeat-hex{position:absolute;inset:8px 20px;border:4px solid #ff5d57;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);box-shadow:0 0 22px rgba(255,70,64,.18) inset}.defeat-slash{position:absolute;left:69px;top:-2px;width:6px;height:139px;background:#ff5d57;transform:rotate(31deg);box-shadow:0 0 18px rgba(255,70,64,.55)}.defeat-emblem i{position:absolute;left:28px;right:28px;height:2px;background:#ff7b76;opacity:.7}.defeat-emblem i:nth-of-type(1){top:36px;transform:translateX(-13px)}.defeat-emblem i:nth-of-type(2){top:65px;transform:translateX(17px)}.defeat-emblem i:nth-of-type(3){top:94px;transform:translateX(-6px)}
.draw-emblem{width:116px;height:116px;display:grid;place-items:center;border:3px solid #55dfff;clip-path:polygon(22% 0,78% 0,100% 22%,100% 78%,78% 100%,22% 100%,0 78%,0 22%);color:#55dfff;font:900 64px/1 ui-monospace,monospace;box-shadow:0 0 26px rgba(85,223,255,.20) inset;animation:trophy-build .7s ease-out both}
@keyframes end-card-in{from{opacity:0;transform:scale(.92) translateY(16px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes end-card-glitch-in{0%{opacity:0;transform:translate(18px,-6px) skewX(-5deg)}25%{opacity:.5;transform:translate(-12px,4px) skewX(4deg)}55%{opacity:.82;transform:translate(7px,-2px)}100%{opacity:1;transform:none}}
@keyframes trophy-build{0%{opacity:0;transform:scale(.62) rotateX(35deg);filter:blur(8px)}70%{opacity:1;transform:scale(1.06);filter:none}100%{transform:scale(1)}}
@keyframes trophy-draw{to{stroke-dashoffset:0}}
@keyframes trophy-pulse{0%,100%{transform:scale(.84);opacity:.42}50%{transform:scale(1.12);opacity:.9}}
@keyframes scan-drift{to{transform:translateY(12px)}}
@keyframes defeat-emblem-in{0%{opacity:0;transform:scale(1.2) translateX(20px)}35%{opacity:.5;transform:scale(.92) translateX(-14px)}70%{opacity:.82;transform:scale(1.04) translateX(7px)}100%{opacity:1;transform:none}}
@keyframes defeat-text-glitch{0%,87%,100%{transform:none;clip-path:none}88%{transform:translateX(-4px);clip-path:inset(10% 0 63% 0)}89%{transform:translateX(5px);clip-path:inset(58% 0 14% 0)}90%{transform:none;clip-path:none}}
@media(max-width:700px){.match-end-card{padding:28px 16px 24px}.cyber-trophy{width:142px;height:124px}.defeat-emblem{transform:scale(.86);margin:-2px 0}.match-end-card strong{font-size:clamp(40px,15vw,64px)!important}}


/* Version 2.0.9: Music UI Polish – green hover feedback + drag/drop target */
.music-card{
  transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;
}
.music-card:hover{
  transform:translateY(-3px);
  border-color:var(--accent);
  background:linear-gradient(145deg,rgba(126,255,59,.075),rgba(7,17,29,.98));
  box-shadow:inset 0 0 22px rgba(126,255,59,.035),0 0 18px rgba(126,255,59,.10);
}
.music-card:hover .music-card-body h3,
.music-card:hover .music-card-kicker{
  color:var(--accent);
  text-shadow:0 0 10px rgba(126,255,59,.30);
}
.player-queue li{
  position:relative;
  transition:background .14s,border-color .14s,box-shadow .14s,transform .14s;
}
.player-queue li:not(.player-queue-empty):hover{
  background:linear-gradient(90deg,rgba(126,255,59,.12),rgba(126,255,59,.025));
  border-left-color:var(--accent);
  box-shadow:inset 3px 0 0 var(--accent),inset 0 0 18px rgba(126,255,59,.035);
}
.player-queue li:not(.player-queue-empty):hover .player-queue-play,
.player-queue li:not(.player-queue-empty):hover .player-queue-play strong,
.player-queue li:not(.player-queue-empty):hover .player-queue-play>span:first-child{
  color:var(--accent);
}
.player-queue li:not(.player-queue-empty):hover .player-queue-play strong{
  text-shadow:0 0 9px rgba(126,255,59,.32);
}
.player-queue li.is-dragging{
  opacity:.46;
  transform:scale(.992);
  background:rgba(126,255,59,.055);
  box-shadow:inset 3px 0 0 var(--accent);
}
.player-queue li.is-drop-target::before{
  content:"";
  position:absolute;
  z-index:5;
  left:3px;
  right:3px;
  top:-2px;
  height:2px;
  background:var(--accent);
  box-shadow:0 0 10px rgba(126,255,59,.85),0 0 18px rgba(126,255,59,.42);
  pointer-events:none;
}
.player-queue li.is-drop-target{
  background:linear-gradient(90deg,rgba(126,255,59,.14),rgba(126,255,59,.03));
}


/* Version 2.0.11: Nur neue Hintergrundbilder für die drei Game-Center-Auswahlkacheln.
   Bestehende Typografie, Icons, Rahmen, Hover und Interaktion bleiben unverändert. */
.game-choice[data-game="mill"]{
  background-image:linear-gradient(90deg,rgba(3,10,17,.90) 0%,rgba(3,10,17,.76) 34%,rgba(3,10,17,.42) 58%,rgba(3,10,17,.26) 100%),url('/static/game-tile-mill.webp');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.game-choice[data-game="checkers"]{
  background-image:linear-gradient(90deg,rgba(3,10,17,.90) 0%,rgba(3,10,17,.76) 34%,rgba(3,10,17,.42) 58%,rgba(3,10,17,.26) 100%),url('/static/game-tile-checkers.webp');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.game-choice[data-game="connect4"]{
  background-image:linear-gradient(90deg,rgba(3,10,17,.90) 0%,rgba(3,10,17,.76) 34%,rgba(3,10,17,.42) 58%,rgba(3,10,17,.26) 100%),url('/static/game-tile-connect4.webp');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}


/* Version 2.0.12: Symbolkaestchen der drei Game-Center-Auswahlkacheln nach links verschoben, damit die Spielmotive rechts frei bleiben. */

/* Version 2.0.13: feste Hintergrundmotive fuer die vorhandenen Link-Kacheln.
   Zuordnung erfolgt ausschliesslich fuer die bekannten Ziele; Layout/Funktionen bleiben unveraendert. */
.link-card.link-art-chatgpt,
.link-card.link-art-malanet,
.link-card.link-art-pihole,
.link-card.link-art-router,
.link-card.link-art-youtube,
.link-card.link-art-zabbix{
  background-size:cover;
  background-position:center right;
  background-repeat:no-repeat;
}
.link-card.link-art-chatgpt{background-image:linear-gradient(90deg,rgba(3,10,17,.94) 0%,rgba(3,10,17,.80) 40%,rgba(3,10,17,.48) 68%,rgba(3,10,17,.30) 100%),url('/static/link-bg-chatgpt.webp')}
.link-card.link-art-malanet{background-image:linear-gradient(90deg,rgba(3,10,17,.94) 0%,rgba(3,10,17,.80) 40%,rgba(3,10,17,.48) 68%,rgba(3,10,17,.30) 100%),url('/static/link-bg-malanet.webp')}
.link-card.link-art-pihole{background-image:linear-gradient(90deg,rgba(3,10,17,.94) 0%,rgba(3,10,17,.80) 40%,rgba(3,10,17,.48) 68%,rgba(3,10,17,.30) 100%),url('/static/link-bg-pihole.webp')}
.link-card.link-art-router{background-image:linear-gradient(90deg,rgba(3,10,17,.94) 0%,rgba(3,10,17,.80) 40%,rgba(3,10,17,.48) 68%,rgba(3,10,17,.30) 100%),url('/static/link-bg-router.webp')}
.link-card.link-art-youtube{background-image:linear-gradient(90deg,rgba(3,10,17,.94) 0%,rgba(3,10,17,.80) 40%,rgba(3,10,17,.48) 68%,rgba(3,10,17,.30) 100%),url('/static/link-bg-youtube.webp')}
.link-card.link-art-zabbix{background-image:linear-gradient(90deg,rgba(3,10,17,.94) 0%,rgba(3,10,17,.80) 40%,rgba(3,10,17,.48) 68%,rgba(3,10,17,.30) 100%),url('/static/link-bg-zabbix.webp')}
.link-card[class*="link-art-"] .link-preview{background:rgba(3,10,17,.32);backdrop-filter:saturate(1.04)}
.link-card[class*="link-art-"] .link-preview-body{background:linear-gradient(90deg,rgba(3,10,17,.82),rgba(3,10,17,.42) 58%,rgba(3,10,17,.18));}
.link-card[class*="link-art-"] .link-card-meta{background:linear-gradient(90deg,rgba(3,10,17,.88),rgba(3,10,17,.66));}
.link-card[class*="link-art-"] .link-card-actions{background:rgba(3,10,17,.72);}


/* Version 2.0.14: Link-Hintergrundmotive moderat aufgehellt.
   Nur die dunklen Lesbarkeits-Overlays werden transparenter; Layout, Inhalte und Funktionen bleiben unveraendert. */
.link-card.link-art-chatgpt{background-image:linear-gradient(90deg,rgba(3,10,17,.88) 0%,rgba(3,10,17,.68) 40%,rgba(3,10,17,.34) 68%,rgba(3,10,17,.16) 100%),url('/static/link-bg-chatgpt.webp')}
.link-card.link-art-malanet{background-image:linear-gradient(90deg,rgba(3,10,17,.88) 0%,rgba(3,10,17,.68) 40%,rgba(3,10,17,.34) 68%,rgba(3,10,17,.16) 100%),url('/static/link-bg-malanet.webp')}
.link-card.link-art-pihole{background-image:linear-gradient(90deg,rgba(3,10,17,.88) 0%,rgba(3,10,17,.68) 40%,rgba(3,10,17,.34) 68%,rgba(3,10,17,.16) 100%),url('/static/link-bg-pihole.webp')}
.link-card.link-art-router{background-image:linear-gradient(90deg,rgba(3,10,17,.88) 0%,rgba(3,10,17,.68) 40%,rgba(3,10,17,.34) 68%,rgba(3,10,17,.16) 100%),url('/static/link-bg-router.webp')}
.link-card.link-art-youtube{background-image:linear-gradient(90deg,rgba(3,10,17,.88) 0%,rgba(3,10,17,.68) 40%,rgba(3,10,17,.34) 68%,rgba(3,10,17,.16) 100%),url('/static/link-bg-youtube.webp')}
.link-card.link-art-zabbix{background-image:linear-gradient(90deg,rgba(3,10,17,.88) 0%,rgba(3,10,17,.68) 40%,rgba(3,10,17,.34) 68%,rgba(3,10,17,.16) 100%),url('/static/link-bg-zabbix.webp')}
.link-card[class*="link-art-"] .link-preview{background:rgba(3,10,17,.20);backdrop-filter:saturate(1.04)}
.link-card[class*="link-art-"] .link-preview-body{background:linear-gradient(90deg,rgba(3,10,17,.68),rgba(3,10,17,.30) 58%,rgba(3,10,17,.09));}
.link-card[class*="link-art-"] .link-card-meta{background:linear-gradient(90deg,rgba(3,10,17,.76),rgba(3,10,17,.52));}
.link-card[class*="link-art-"] .link-card-actions{background:rgba(3,10,17,.58);}

/* Version 2.0.15: Mensch ärgere Dich nicht – Originalvariante für 2/4 Spieler */
.maedn-options{display:grid;gap:12px;margin-top:8px}.dialog-label{color:var(--accent);font:700 9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.maedn-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px}.maedn-mode-btn.active{color:#06120a!important;border-color:var(--accent)!important;background:var(--accent)!important;box-shadow:0 0 16px rgba(126,255,59,.2)}.maedn-opponents{display:grid;gap:7px;max-height:230px;overflow:auto;padding-right:3px}.maedn-user{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid rgba(39,98,136,.7);background:rgba(4,16,27,.72);cursor:pointer}.maedn-user:hover{border-color:var(--accent);background:rgba(126,255,59,.045)}.maedn-user input{accent-color:#7eff3b}.maedn-user span{font-size:12px}.maedn-user small{color:#6f8ca1;font:8px ui-monospace,monospace;letter-spacing:.08em}
.game-choice[data-game="maedn"]{
  background-image:linear-gradient(90deg,rgba(3,10,17,.90) 0%,rgba(3,10,17,.76) 34%,rgba(3,10,17,.42) 58%,rgba(3,10,17,.24) 100%),url('/static/game-tile-maedn.webp');
  background-size:cover;
  background-position:center right;
  background-repeat:no-repeat;
}
.game-choice[data-game="maedn"] .game-choice-symbol{font-size:31px}
.player-chip.p3{color:#ffcc4d}.player-chip.p4{color:#ff5fd2}.player-chip.p3:before,.player-chip.p4:before{box-shadow:0 0 10px currentColor}
.maedn-board{position:relative;display:grid!important;grid-template-columns:repeat(11,minmax(42px,1fr));grid-template-rows:repeat(11,minmax(42px,1fr));gap:4px;width:min(78vh,760px)!important;aspect-ratio:1!important;padding:16px;border:2px solid #2a78aa;background:radial-gradient(circle at 50% 50%,rgba(20,77,108,.34),transparent 40%),linear-gradient(145deg,rgba(6,23,38,.98),rgba(2,9,15,.99));box-shadow:inset 0 0 65px rgba(0,0,0,.38),0 0 30px rgba(67,217,255,.10)}
.maedn-cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;border:1px solid rgba(55,125,166,.38);background:rgba(6,20,32,.84);box-shadow:inset 0 0 15px rgba(0,0,0,.28)}.maedn-cell.track{border-radius:50%;background:radial-gradient(circle,#0c2d43 0 42%,#06131f 70%);border-color:#2a739f}.maedn-cell.start{box-shadow:inset 0 0 0 2px currentColor,0 0 12px rgba(67,217,255,.08)}.maedn-cell.goal{border-radius:10px}.maedn-cell.yard{border-radius:50%;opacity:.92}
.maedn-cell.slot1{color:#7eff3b;border-color:rgba(126,255,59,.65)}.maedn-cell.slot2{color:#43d9ff;border-color:rgba(67,217,255,.68)}.maedn-cell.slot3{color:#ffcc4d;border-color:rgba(255,204,77,.7)}.maedn-cell.slot4{color:#ff5fd2;border-color:rgba(255,95,210,.7)}.maedn-cell.goal.slot1,.maedn-cell.yard.slot1{background:rgba(126,255,59,.09)}.maedn-cell.goal.slot2,.maedn-cell.yard.slot2{background:rgba(67,217,255,.09)}.maedn-cell.goal.slot3,.maedn-cell.yard.slot3{background:rgba(255,204,77,.08)}.maedn-cell.goal.slot4,.maedn-cell.yard.slot4{background:rgba(255,95,210,.08)}
.maedn-piece{display:grid;place-items:center;width:72%;height:72%;min-width:24px;min-height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.44);font:900 11px ui-monospace,monospace;color:#031018;cursor:pointer;transition:transform .15s,box-shadow .15s,filter .15s}.maedn-piece:disabled{cursor:default}.maedn-piece.p1{background:radial-gradient(circle at 35% 28%,#efffdc,#7eff3b 40%,#2e700f 78%);box-shadow:0 0 14px rgba(126,255,59,.34)}.maedn-piece.p2{background:radial-gradient(circle at 35% 28%,#e5fbff,#43d9ff 40%,#146784 78%);box-shadow:0 0 14px rgba(67,217,255,.34)}.maedn-piece.p3{background:radial-gradient(circle at 35% 28%,#fff8d6,#ffcc4d 40%,#85620b 78%);box-shadow:0 0 14px rgba(255,204,77,.32)}.maedn-piece.p4{background:radial-gradient(circle at 35% 28%,#ffe2f7,#ff5fd2 40%,#7b1a66 78%);box-shadow:0 0 14px rgba(255,95,210,.32)}.maedn-piece.targetable{outline:2px solid #fff;outline-offset:3px;animation:maedn-target-pulse 1s ease-in-out infinite}.maedn-piece.targetable:hover{transform:scale(1.12);filter:brightness(1.18)}@keyframes maedn-target-pulse{50%{box-shadow:0 0 20px currentColor,0 0 0 4px rgba(255,255,255,.10)}}
.maedn-center{display:grid;place-items:center;align-content:center;border:1px solid rgba(67,217,255,.4);transform:rotate(45deg);background:rgba(4,17,28,.92);box-shadow:0 0 20px rgba(67,217,255,.12)}.maedn-center>*{transform:rotate(-45deg)}.maedn-center span{color:var(--accent);font:900 11px ui-monospace,monospace}.maedn-center small{color:#6f91a8;font:7px ui-monospace,monospace}.maedn-dice{position:absolute;right:-98px;top:50%;transform:translateY(-50%);display:grid;place-items:center;gap:4px;width:82px;height:82px;border:1px solid var(--accent);background:rgba(5,18,29,.96);color:var(--accent);cursor:pointer;box-shadow:0 0 22px rgba(126,255,59,.10),inset 0 0 20px rgba(126,255,59,.04)}.maedn-dice span{font:900 34px ui-monospace,monospace}.maedn-dice small{font:7px ui-monospace,monospace;letter-spacing:.08em}.maedn-dice:not(:disabled):hover{color:#06120a;background:var(--accent);box-shadow:0 0 24px rgba(126,255,59,.34)}.maedn-dice:disabled{opacity:.55;cursor:default}
@media(max-width:980px){.maedn-board{grid-template-columns:repeat(11,minmax(28px,1fr));grid-template-rows:repeat(11,minmax(28px,1fr));width:min(88vw,680px)!important;padding:8px;gap:2px}.maedn-dice{right:8px;top:auto;bottom:8px;transform:none;width:66px;height:66px;background:rgba(3,12,20,.94);z-index:5}.maedn-dice span{font-size:27px}.maedn-piece{font-size:9px}}

/* Version 2.0.18: MÄrgereDichN Würfelanimation */
.maedn-dice.rolling{pointer-events:none;animation:maednDiceShake .16s steps(2,end) infinite,maednDiceGlow .9s ease-in-out infinite alternate;border-color:#7eff3b;box-shadow:0 0 34px rgba(126,255,59,.28),0 0 56px rgba(67,217,255,.18),inset 0 0 24px rgba(126,255,59,.08)}
.maedn-dice.rolling span{animation:maednDiceFace .24s steps(2,end) infinite;text-shadow:0 0 12px currentColor}
@keyframes maednDiceShake{0%{transform:translateY(-50%) rotate(-2deg) scale(.98)}50%{transform:translateY(-50%) rotate(2deg) scale(1.03)}100%{transform:translateY(-50%) rotate(-1deg) scale(1)}}
@keyframes maednDiceGlow{from{filter:brightness(1)}to{filter:brightness(1.35)}}
@keyframes maednDiceFace{0%{opacity:.72;transform:scale(.92)}100%{opacity:1;transform:scale(1.08)}}
@media(max-width:980px){@keyframes maednDiceShake{0%{transform:rotate(-2deg) scale(.98)}50%{transform:rotate(2deg) scale(1.03)}100%{transform:rotate(-1deg) scale(1)}}}


/* Version 2.0.18: Hintergrundbild fuer MÄrgereDichN-Auswahlkachel; sonst keine Game-Center-Aenderung. */

/* 2.0.20 security hardening */
.login-challenge{border:1px solid rgba(126,255,59,.42);background:rgba(126,255,59,.045);padding:14px 15px}.login-challenge p{margin:6px 0 10px;color:var(--muted);font-size:12px}.login-challenge strong{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.session-card{margin-top:18px}.session-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.session-card-head h2{margin:2px 0 7px}.session-card-head form{margin:0}.session-list{display:grid;gap:10px;margin-top:16px}.session-row{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid var(--border);background:var(--surface2);padding:14px}.session-row.current{border-color:rgba(126,255,59,.52);box-shadow:inset 3px 0 0 var(--accent)}.session-row div{min-width:0}.session-row strong,.session-row span,.session-row small{display:block}.session-row span{margin-top:4px;color:var(--accent);font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.session-row small{margin-top:4px;color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:620px}.session-row form{margin:0;flex:0 0 auto}.security-log-wrap{overflow:auto;border:1px solid var(--border);background:var(--surface)}.security-log{width:100%;border-collapse:collapse;min-width:980px}.security-log th,.security-log td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top;font-size:11px}.security-log th{color:var(--accent);font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.security-log code{color:var(--text);font-size:10px}.ua-cell{max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}@media(max-width:760px){.session-card-head,.session-row{flex-direction:column;align-items:stretch}.session-row small{max-width:100%}}

/* 2.0.21 Mühle HUD + complete phase interaction */
.mill-match-hud{position:relative;z-index:5;width:min(920px,100%);display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:10px;margin:2px auto 18px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.mill-match-hud[hidden]{display:none!important}
.mill-hud-player{position:relative;display:grid;grid-template-columns:minmax(120px,.75fr) 1.35fr;gap:14px;align-items:center;padding:10px 12px;border:1px solid rgba(67,217,255,.28);background:linear-gradient(135deg,rgba(7,23,37,.94),rgba(3,12,21,.92));box-shadow:inset 0 0 24px rgba(67,217,255,.035)}
.mill-hud-player:before{content:"";position:absolute;left:-1px;top:12px;bottom:12px;width:2px;background:#43d9ff;box-shadow:0 0 12px rgba(67,217,255,.5)}
.mill-hud-player.p1:before{background:#7eff3b;box-shadow:0 0 12px rgba(126,255,59,.55)}
.mill-hud-player.is-turn{border-color:rgba(126,255,59,.55);box-shadow:inset 0 0 28px rgba(126,255,59,.045),0 0 18px rgba(126,255,59,.045)}
.mill-hud-player>div>span,.mill-hud-center>span{display:block;color:var(--accent);font-size:7px;font-weight:800;letter-spacing:.16em;margin-bottom:5px}
.mill-hud-player>div>strong{display:block;color:#eaf5ff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mill-hud-player.p2>div>span{color:#43d9ff}
.mill-hud-player dl{display:grid;grid-template-columns:repeat(2,minmax(70px,1fr));gap:6px;margin:0}
.mill-hud-player dl div{display:flex;align-items:baseline;justify-content:space-between;gap:7px;padding:4px 6px;border:1px solid rgba(51,116,158,.2);background:rgba(4,15,25,.66)}
.mill-hud-player dt{color:#71899b;font-size:6px;letter-spacing:.09em}.mill-hud-player dd{margin:0;color:#f2f8fc;font-size:11px;font-weight:800}
.mill-hud-center{min-width:128px;display:grid;place-content:center;text-align:center;padding:8px 12px;border-top:1px solid rgba(126,255,59,.36);border-bottom:1px solid rgba(126,255,59,.36);background:rgba(4,17,27,.72)}
.mill-hud-center strong{color:#7eff3b;font-size:13px;letter-spacing:.08em;text-shadow:0 0 12px rgba(126,255,59,.25)}
.mill-hud-center small{margin-top:4px;color:#92a9ba;font-size:6px;letter-spacing:.08em;text-transform:uppercase}
.mill-node.targetable:not(.p1):not(.p2){animation:mill-target-pulse 1.15s ease-in-out infinite}
@keyframes mill-target-pulse{50%{box-shadow:0 0 0 6px rgba(4,14,24,.96),0 0 26px rgba(126,255,59,.42)!important}}
@media(max-width:900px){.mill-match-hud{grid-template-columns:1fr 1fr}.mill-hud-center{grid-column:1/-1;grid-row:2}.mill-hud-player{grid-template-columns:1fr}.mill-hud-player dl{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.mill-match-hud{grid-template-columns:1fr}.mill-hud-center{grid-column:auto;grid-row:auto}.mill-hud-player dl{grid-template-columns:repeat(4,minmax(0,1fr))}.mill-hud-player dl div{display:grid;justify-items:center;text-align:center}.mill-hud-player dt{font-size:5px}}

.checkers-match-hud{position:relative;z-index:5;width:min(1000px,100%);display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:10px;margin:2px auto 18px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.checkers-match-hud[hidden]{display:none!important}
.checkers-hud-player{position:relative;min-width:0;padding:10px 12px;border:1px solid rgba(67,217,255,.28);background:linear-gradient(135deg,rgba(7,23,37,.94),rgba(3,12,21,.92));box-shadow:inset 0 0 24px rgba(67,217,255,.035)}
.checkers-hud-player:before{content:"";position:absolute;left:-1px;top:12px;bottom:12px;width:2px;background:#43d9ff;box-shadow:0 0 12px rgba(67,217,255,.5)}
.checkers-hud-player.p1:before{background:#7eff3b;box-shadow:0 0 12px rgba(126,255,59,.55)}
.checkers-hud-player header{display:grid;grid-template-columns:1fr auto;align-items:end;gap:3px 8px;margin-bottom:8px}.checkers-hud-player header span{grid-column:1/-1;color:var(--accent);font-size:7px;font-weight:800;letter-spacing:.16em}.checkers-hud-player.p2 header span{color:#43d9ff}.checkers-hud-player header strong{min-width:0;color:#eaf5ff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkers-hud-player header em{color:#9cb4c5;font-size:6px;font-style:normal;letter-spacing:.08em}.checkers-hud-player.is-turn{border-color:rgba(126,255,59,.55);box-shadow:inset 0 0 28px rgba(126,255,59,.045),0 0 18px rgba(126,255,59,.045)}
.checkers-hud-player dl{display:grid;grid-template-columns:repeat(2,minmax(70px,1fr));gap:6px;margin:0}.checkers-hud-player dl div{display:flex;align-items:baseline;justify-content:space-between;gap:7px;padding:4px 6px;border:1px solid rgba(51,116,158,.2);background:rgba(4,15,25,.66)}.checkers-hud-player dt{color:#71899b;font-size:6px;letter-spacing:.09em}.checkers-hud-player dd{margin:0;color:#f2f8fc;font-size:11px;font-weight:800}
.checkers-hud-center{min-width:154px;display:grid;place-content:center;text-align:center;padding:8px 12px;border-top:1px solid rgba(67,217,255,.36);border-bottom:1px solid rgba(67,217,255,.36);background:rgba(4,17,27,.72)}.checkers-hud-center span{display:block;color:#43d9ff;font-size:7px;font-weight:800;letter-spacing:.16em;margin-bottom:5px}.checkers-hud-center strong{color:#eaf5ff;font-size:13px;letter-spacing:.06em;text-shadow:0 0 12px rgba(67,217,255,.14)}.checkers-hud-center small{margin-top:4px;color:#92a9ba;font-size:6px;letter-spacing:.08em;text-transform:uppercase}
.checkers-board{width:min(1040px,100%)}
.checkers-layout{position:relative;display:grid;grid-template-columns:minmax(122px,150px) minmax(0,1fr) minmax(122px,150px);align-items:center;justify-items:center;gap:14px;width:100%}
.checkers-grid{display:grid;grid-template-columns:repeat(8,minmax(52px,1fr));width:min(72vh,680px);border:2px solid #2a78aa;background:#06111b;box-shadow:inset 0 0 30px rgba(0,0,0,.28),0 0 28px rgba(67,217,255,.08)}
.checkers-side-tray{align-self:stretch;min-height:100%;display:flex;flex-direction:column;gap:10px;padding:10px 10px 12px;border:1px solid rgba(67,217,255,.24);background:linear-gradient(180deg,rgba(4,16,26,.94),rgba(2,10,18,.96));box-shadow:inset 0 0 20px rgba(67,217,255,.03)}.checkers-side-tray.is-turn{border-color:rgba(126,255,59,.45);box-shadow:inset 0 0 24px rgba(126,255,59,.04),0 0 18px rgba(126,255,59,.05)}.checkers-side-tray header{display:grid;gap:3px}.checkers-side-tray header span{font:800 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase}.checkers-side-tray.p1 header span{color:#7eff3b}.checkers-side-tray.p2 header span{color:#43d9ff}.checkers-side-tray header strong{color:#edf8ff;font-size:12px}.checkers-side-tray header small{color:#8aa3b5;font-size:6px;letter-spacing:.1em}.checkers-capture-rack{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;padding:4px;border:1px solid rgba(43,91,124,.26);background:rgba(5,18,29,.78);min-height:160px}.checkers-capture-rack .captured-piece{width:min(56px,100%);aspect-ratio:1/1;justify-self:center}.checker-piece.slide-destination-hidden{visibility:hidden}.checkers-moving-piece{position:absolute!important;z-index:20;pointer-events:none;will-change:transform;max-width:none!important;max-height:none!important}.checkers-captured-ghost{position:absolute;z-index:12;pointer-events:none;will-change:opacity,transform}.checkers-tray-empty{grid-column:1/-1;align-self:center;justify-self:center;color:#72899b;font:700 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;text-align:center;padding:18px 6px;border:1px dashed rgba(67,217,255,.18)}
@media(max-width:980px){.checkers-match-hud{grid-template-columns:1fr 1fr}.checkers-hud-center{grid-column:1/-1;grid-row:2}.checkers-layout{grid-template-columns:1fr}.checkers-grid{width:min(78vw,700px)}.checkers-side-tray{width:min(78vw,700px);min-height:auto}.checkers-capture-rack{grid-template-columns:repeat(6,minmax(0,1fr));min-height:0}}
@media(max-width:700px){.checkers-match-hud{grid-template-columns:1fr}.checkers-hud-center{grid-column:auto;grid-row:auto}.checkers-grid{grid-template-columns:repeat(8,minmax(34px,1fr));width:min(95vw,430px)}.checkers-side-tray{width:min(95vw,430px)}.checkers-capture-rack{grid-template-columns:repeat(4,minmax(0,1fr))}}


/* 2.0.22 MÄrgereDichN: 3-player mode + multi-player stone HUD */
.maedn-match-hud{position:relative;z-index:6;width:min(1100px,100%);margin:2px auto 16px;border:1px solid rgba(67,217,255,.26);background:linear-gradient(135deg,rgba(5,20,33,.95),rgba(2,10,18,.94));box-shadow:inset 0 0 28px rgba(67,217,255,.035);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.maedn-match-hud[hidden]{display:none!important}.maedn-hud-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 11px;border-bottom:1px solid rgba(67,217,255,.18);background:rgba(4,15,25,.72)}.maedn-hud-head span{color:#7996aa;font-size:7px;letter-spacing:.14em}.maedn-hud-head strong{color:var(--accent);font-size:9px;letter-spacing:.1em;text-shadow:0 0 10px rgba(126,255,59,.2)}
.maedn-hud-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(67,217,255,.12)}.maedn-hud-player{position:relative;min-width:0;padding:9px 10px;background:rgba(3,13,22,.96)}.maedn-hud-player:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:currentColor;box-shadow:0 0 11px currentColor}.maedn-hud-player.p1{color:#7eff3b}.maedn-hud-player.p2{color:#43d9ff}.maedn-hud-player.p3{color:#ffcc4d}.maedn-hud-player.p4{color:#ff5fd2}.maedn-hud-player.is-turn{background:linear-gradient(135deg,rgba(126,255,59,.055),rgba(3,13,22,.98));box-shadow:inset 0 0 20px rgba(126,255,59,.04)}.maedn-hud-player.resigned{opacity:.48;filter:saturate(.45)}.maedn-hud-player header{display:grid;grid-template-columns:1fr auto;align-items:end;gap:2px 8px;margin-bottom:7px}.maedn-hud-player header span{grid-column:1/-1;color:currentColor;font-size:6px;font-weight:800;letter-spacing:.14em}.maedn-hud-player header strong{min-width:0;color:#edf7fd;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.maedn-hud-player header em{color:currentColor;font-size:6px;font-style:normal;letter-spacing:.08em}.maedn-hud-player dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0}.maedn-hud-player dl div{display:flex;align-items:baseline;justify-content:space-between;gap:5px;padding:3px 5px;border:1px solid rgba(71,132,170,.16);background:rgba(6,21,34,.58)}.maedn-hud-player dt{color:#71899b;font-size:5px;letter-spacing:.07em}.maedn-hud-player dd{margin:0;color:#f3f9fc;font-size:10px;font-weight:900}
@media(max-width:1000px){.maedn-hud-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.maedn-hud-grid{grid-template-columns:1fr}.maedn-hud-head{align-items:flex-start;flex-direction:column;gap:4px}}

/* 2.0.23 Social & Game Audio */
.game-social-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;margin-top:18px}.friends-list{display:grid;gap:7px}.friend-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid rgba(67,217,255,.16);background:rgba(3,14,23,.74);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.friend-row.online{border-color:rgba(126,255,59,.28);box-shadow:inset 2px 0 0 rgba(126,255,59,.72)}.friend-presence{font-size:11px;color:#5d7587}.friend-row.online .friend-presence{color:#7eff3b;text-shadow:0 0 10px rgba(126,255,59,.8)}.friend-row div{min-width:0}.friend-row strong{display:block;color:#edf7fd;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-row small{display:block;margin-top:3px;color:#71899b;font-size:6px;letter-spacing:.12em}.friend-row.online small{color:#7eff3b}.friend-state{font-size:6px;letter-spacing:.12em;color:#7590a3;border:1px solid rgba(67,217,255,.18);padding:4px 6px}.friend-row.online .friend-state{color:#7eff3b;border-color:rgba(126,255,59,.28)}
.game-audio-panel{align-content:start}.game-audio-controls{display:grid;grid-template-columns:auto minmax(140px,1fr) 50px auto;align-items:center;gap:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.game-audio-controls label,.game-audio-controls>span{color:#7d98aa;font-size:7px;font-weight:800;letter-spacing:.12em}.game-audio-controls input[type=range]{width:100%;accent-color:#7eff3b;cursor:pointer}.game-audio-controls output{color:#7eff3b;font-size:9px;font-weight:900;text-align:right}.game-audio-controls .game-sound-toggle{min-width:78px}.game-audio-controls.compact{grid-template-columns:auto 110px 42px auto;gap:7px}.game-audio-controls.compact input[type=range]{width:110px}.game-audio-note{margin:12px 0 0;font-size:9px;line-height:1.6}.game-sound-toggle.sound-off{color:#748a98!important;border-color:rgba(116,138,152,.35)!important}
.game-player-strip .player-chip.is-turn{animation:gameActiveChip 1.05s ease-in-out infinite;border-color:currentColor!important;filter:brightness(1.24);box-shadow:0 0 18px currentColor,inset 0 0 16px rgba(255,255,255,.04)}@keyframes gameActiveChip{50%{filter:brightness(1.48);box-shadow:0 0 28px currentColor,inset 0 0 20px rgba(255,255,255,.08)}}
.game-turn-flash{position:fixed;z-index:150;left:50%;top:50%;transform:translate(-50%,-50%) scale(.92);pointer-events:none;min-width:min(520px,80vw);padding:17px 28px;text-align:center;border:1px solid rgba(126,255,59,.64);background:linear-gradient(90deg,rgba(3,12,20,.12),rgba(3,16,25,.96) 18%,rgba(3,16,25,.96) 82%,rgba(3,12,20,.12));box-shadow:0 0 42px rgba(126,255,59,.14),inset 0 0 30px rgba(126,255,59,.04);opacity:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.game-turn-flash:before,.game-turn-flash:after{content:"";position:absolute;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,#43d9ff,transparent);opacity:.7}.game-turn-flash:before{top:6px}.game-turn-flash:after{bottom:6px}.game-turn-flash span{display:block;color:#6f91a8;font-size:7px;letter-spacing:.22em}.game-turn-flash strong{display:block;margin-top:5px;color:#7eff3b;font-size:21px;letter-spacing:.09em;text-shadow:0 0 18px rgba(126,255,59,.38)}.game-turn-flash.show{animation:gameTurnFlash 1.85s ease both}@keyframes gameTurnFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}12%,70%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.03)}}
.maedn-board.turn-slot1 .maedn-cell.slot1{animation:maednTurnGlow1 1.15s ease-in-out infinite}.maedn-board.turn-slot2 .maedn-cell.slot2{animation:maednTurnGlow2 1.15s ease-in-out infinite}.maedn-board.turn-slot3 .maedn-cell.slot3{animation:maednTurnGlow3 1.15s ease-in-out infinite}.maedn-board.turn-slot4 .maedn-cell.slot4{animation:maednTurnGlow4 1.15s ease-in-out infinite}@keyframes maednTurnGlow1{50%{box-shadow:inset 0 0 16px rgba(126,255,59,.22),0 0 14px rgba(126,255,59,.24);filter:brightness(1.18)}}@keyframes maednTurnGlow2{50%{box-shadow:inset 0 0 16px rgba(67,217,255,.22),0 0 14px rgba(67,217,255,.24);filter:brightness(1.18)}}@keyframes maednTurnGlow3{50%{box-shadow:inset 0 0 16px rgba(255,204,77,.22),0 0 14px rgba(255,204,77,.24);filter:brightness(1.18)}}@keyframes maednTurnGlow4{50%{box-shadow:inset 0 0 16px rgba(255,95,210,.22),0 0 14px rgba(255,95,210,.24);filter:brightness(1.18)}}
@media(max-width:900px){.game-social-grid{grid-template-columns:1fr}.game-audio-controls.compact{grid-template-columns:auto 80px 40px auto}.game-audio-controls.compact input[type=range]{width:80px}}@media(max-width:620px){.game-audio-controls{grid-template-columns:1fr 52px}.game-audio-controls label,.game-audio-controls>span{grid-column:1/-1}.game-audio-controls input[type=range]{grid-column:1}.game-audio-controls.compact{display:none}.game-turn-flash{padding:14px 18px}.game-turn-flash strong{font-size:16px}}
.game-board.active-p1{filter:drop-shadow(0 0 9px rgba(126,255,59,.18))}.game-board.active-p2{filter:drop-shadow(0 0 9px rgba(67,217,255,.18))}.game-board.active-p3{filter:drop-shadow(0 0 9px rgba(255,204,77,.17))}.game-board.active-p4{filter:drop-shadow(0 0 9px rgba(255,95,210,.17))}

/* 2.0.24 Match intelligence + global friends drawer */
.game-start-time{display:block;width:max-content;margin-top:1px;color:#7894a7;font:7px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.history-start{display:block;margin-top:4px;color:#6f8799;font:6px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.07em}.game-history-row strong{min-width:0}.game-admin-panel{margin-top:18px;border-color:rgba(255,189,90,.26)}.game-admin-note{margin:-3px 0 14px;font-size:9px;line-height:1.55}.game-admin-list{display:grid;gap:8px}.game-admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 13px;border:1px solid rgba(255,189,90,.14);background:linear-gradient(145deg,rgba(14,20,26,.86),rgba(5,13,21,.9))}.game-admin-row>div{min-width:0;display:grid;grid-template-columns:auto 1fr;gap:4px 8px;align-items:center}.game-admin-row small{color:#8ba2b2;font:7px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.game-admin-row strong{grid-column:1/-1;color:#eef7fc;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-admin-row em{grid-column:1/-1;color:#748c9d;font:6px ui-monospace,SFMono-Regular,Consolas,monospace;font-style:normal;letter-spacing:.08em}.game-admin-status{display:inline-block;padding:3px 5px;border:1px solid rgba(120,151,171,.25);color:#9ab0bf;font:6px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.game-admin-status.active{color:#7eff3b;border-color:rgba(126,255,59,.35)}.game-admin-status.invited{color:#43d9ff;border-color:rgba(67,217,255,.35)}.game-admin-status.completed{color:#ffcc4d;border-color:rgba(255,204,77,.3)}.game-admin-status.declined{color:#ff7b76;border-color:rgba(255,123,118,.3)}

.global-friends-drawer{position:fixed;z-index:116;right:0;top:50%;width:328px;max-width:calc(100vw - 28px);height:min(610px,72vh);transform:translate(calc(100% - 38px),-50%);transition:transform .24s ease;filter:drop-shadow(-12px 18px 28px rgba(0,0,0,.34));font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.global-friends-drawer.open{transform:translate(0,-50%)}.friends-drawer-tab{position:absolute;left:-1px;top:50%;width:39px;height:154px;transform:translateY(-50%);display:grid;grid-template-rows:auto 1fr auto;justify-items:center;align-items:center;padding:9px 0;color:#7eff3b;border:1px solid rgba(126,255,59,.46);border-right:0;background:linear-gradient(180deg,rgba(5,21,33,.98),rgba(2,11,18,.98));box-shadow:inset 0 0 20px rgba(126,255,59,.045),0 0 16px rgba(126,255,59,.06);cursor:pointer;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 calc(100% - 12px),5px calc(100% - 17px),5px 17px,0 12px)}.global-friends-drawer.open .friends-drawer-tab{left:-38px}.friends-drawer-tab>span{font-size:10px;text-shadow:0 0 10px rgba(126,255,59,.8)}.friends-drawer-tab>strong{writing-mode:vertical-rl;transform:rotate(180deg);font-size:7px;letter-spacing:.18em}.friends-drawer-tab>em{font-style:normal;font-size:8px;color:#e8f5ed}.friends-drawer-panel{height:100%;margin-left:38px;border:1px solid rgba(67,217,255,.3);background:linear-gradient(145deg,rgba(5,20,33,.985),rgba(2,9,16,.985));box-shadow:inset 0 0 34px rgba(67,217,255,.025);overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr)}.global-friends-drawer.open .friends-drawer-panel{margin-left:0}.friends-drawer-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px 11px;border-bottom:1px solid rgba(67,217,255,.18);background:rgba(3,14,23,.78)}.friends-drawer-panel>header div{display:grid;gap:3px}.friends-drawer-panel>header span{color:#43d9ff;font-size:6px;letter-spacing:.18em}.friends-drawer-panel>header strong{color:#eff9fc;font-size:13px;letter-spacing:.12em}.friends-drawer-close{min-width:34px;padding:7px 9px;font-size:16px}.friends-drawer-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 13px;border-bottom:1px solid rgba(67,217,255,.12);background:rgba(4,16,26,.62)}.friends-drawer-summary span{color:#6e899c;font-size:6px;letter-spacing:.13em}.friends-drawer-summary strong{color:#7eff3b;font-size:8px;letter-spacing:.1em}.friends-drawer-list{min-height:0;overflow:auto;padding:9px;display:grid;align-content:start;gap:6px;scrollbar-width:thin}.friends-drawer-user{display:grid;grid-template-columns:17px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid rgba(67,217,255,.13);background:rgba(3,13,22,.7)}.friends-drawer-user.online{border-color:rgba(126,255,59,.24);box-shadow:inset 2px 0 0 rgba(126,255,59,.7)}.friends-drawer-user.in-game{background:linear-gradient(90deg,rgba(255,204,77,.035),rgba(3,13,22,.76))}.friends-drawer-dot{color:#597184;font-size:10px}.friends-drawer-user.online .friends-drawer-dot{color:#7eff3b;text-shadow:0 0 9px rgba(126,255,59,.7)}.friends-drawer-user div{min-width:0}.friends-drawer-user strong{display:block;color:#edf7fd;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friends-drawer-user small{display:block;margin-top:3px;color:#71899b;font-size:6px;letter-spacing:.1em}.friends-drawer-user.online small{color:#7eff3b}.friends-drawer-user.in-game small{color:#ffcc4d}.friends-drawer-user em{font-style:normal;color:#71899b;font-size:6px;letter-spacing:.09em}.friends-drawer-user.online em{color:#7eff3b}.friends-drawer-user.in-game em{color:#ffcc4d}.friends-drawer-empty{padding:16px 10px;color:#71899b;font-size:8px;text-align:center;border:1px dashed rgba(67,217,255,.16)}

.maedn-cell.path-step{position:relative;z-index:3;animation:maednPathStep .72s ease-in-out infinite;border-color:rgba(126,255,59,.82)!important}.maedn-cell.path-step:after{content:attr(data-path-step);position:absolute;pointer-events:none;right:2px;top:1px;color:#dfffd0;font:700 5px ui-monospace,monospace;text-shadow:0 0 6px rgba(126,255,59,.8)}.maedn-cell.path-end{z-index:4!important;animation:maednPathEnd .64s ease-in-out infinite!important}.maedn-cell.path-capture{border-color:#ff6b64!important;box-shadow:inset 0 0 15px rgba(255,82,76,.16),0 0 18px rgba(255,82,76,.28)!important}.maedn-cell.path-capture:before{content:"×";position:absolute;pointer-events:none;left:2px;top:-2px;color:#ff746e;font:900 9px ui-monospace,monospace;text-shadow:0 0 7px rgba(255,90,84,.8)}@keyframes maednPathStep{50%{background:rgba(126,255,59,.12);box-shadow:inset 0 0 13px rgba(126,255,59,.15),0 0 12px rgba(126,255,59,.2)}}@keyframes maednPathEnd{50%{background:rgba(126,255,59,.2);box-shadow:inset 0 0 18px rgba(126,255,59,.25),0 0 24px rgba(126,255,59,.46);filter:brightness(1.24)}}
@media(max-width:700px){.global-friends-drawer{width:min(310px,calc(100vw - 24px));height:min(560px,68vh)}.game-admin-row{grid-template-columns:1fr}.game-admin-row .game-admin-delete{justify-self:start}}

/* 2.0.25 Chat Social Hub */
.chat-shell{max-width:1600px!important}.chat-workspace{display:grid;grid-template-columns:220px minmax(0,1fr) 255px;gap:12px;align-items:stretch}.chat-sidebar,.chat-panel{min-width:0;border:1px solid #17517d;background:linear-gradient(165deg,rgba(5,16,27,.98),rgba(3,10,18,.98));box-shadow:0 24px 64px rgba(0,0,0,.32)}.chat-sidebar{height:clamp(430px,calc(var(--chat-vvh,100vh) - 228px),860px);display:flex;flex-direction:column;overflow:hidden}.chat-sidebar-head{display:flex;align-items:end;justify-content:space-between;gap:10px;padding:14px 14px 12px;border-bottom:1px solid #174a72;background:linear-gradient(90deg,rgba(16,55,92,.34),transparent)}.chat-sidebar-head span{color:#63859e;font:8px ui-monospace,monospace;letter-spacing:.13em}.chat-sidebar-head strong{color:var(--accent);font:800 11px ui-monospace,monospace;letter-spacing:.1em}.chat-channel{width:calc(100% - 18px);margin:10px 9px 6px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;text-align:left;padding:9px;border:1px solid #164260;background:rgba(7,23,37,.72);color:var(--text);cursor:pointer}.chat-channel>span{display:grid;place-items:center;height:30px;border:1px solid #215d86;color:var(--accent);font:700 15px ui-monospace,monospace}.chat-channel div,.chat-private-contact div,.chat-user-row div{min-width:0}.chat-channel strong,.chat-channel small,.chat-private-contact strong,.chat-private-contact small,.chat-user-row strong,.chat-user-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-channel strong,.chat-private-contact strong,.chat-user-row strong{font-size:11px}.chat-channel small,.chat-private-contact small,.chat-user-row small{color:#718a9e;font:9px ui-monospace,monospace;margin-top:2px}.chat-channel em,.chat-private-contact em{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:var(--accent);color:#06111c;font:800 9px ui-monospace,monospace;font-style:normal}.chat-channel.active,.chat-channel:hover{border-color:var(--accent);background:rgba(126,255,59,.065);box-shadow:inset 3px 0 0 var(--accent),0 0 18px rgba(126,255,59,.05)}.chat-sidebar-label{display:flex;align-items:center;justify-content:space-between;padding:11px 12px 6px;color:#63859e;font:8px ui-monospace,monospace;letter-spacing:.1em}.chat-sidebar-label strong{color:var(--accent)}.chat-private-list,.chat-user-list{overflow:auto;min-height:90px;scrollbar-width:thin}.chat-private-list{flex:1}.chat-private-contact,.chat-user-row{width:100%;display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:7px;align-items:center;border:0;border-bottom:1px solid rgba(23,74,114,.48);background:transparent;color:var(--text);text-align:left;padding:9px 11px;cursor:pointer}.chat-private-contact>span,.chat-presence-dot{color:#607b8f;font-size:10px}.chat-private-contact:hover,.chat-private-contact.active,.chat-user-row:hover,.chat-user-row.selected{background:rgba(126,255,59,.055)}.chat-private-contact.active{box-shadow:inset 3px 0 0 var(--accent)}.chat-private-contact em.quiet{background:transparent;color:#688397;border:0}.chat-user-row.online .chat-presence-dot,.chat-private-contact:first-child>span{color:var(--accent)}.chat-user-row.in-game{background:rgba(67,217,255,.035)}.chat-user-row em{color:#69859a;font:800 8px ui-monospace,monospace;font-style:normal;letter-spacing:.06em}.chat-user-row em.has-unread{color:#06111c;background:var(--accent);padding:4px 5px}.chat-user-row.self{opacity:.75;cursor:default}.chat-user-summary{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #143e5e}.chat-user-summary span{color:var(--accent);font:8px ui-monospace,monospace;letter-spacing:.1em}.chat-user-summary strong{font:800 13px ui-monospace,monospace}.chat-user-list{flex:1}.chat-user-help{margin:0;padding:10px 12px;border-top:1px solid #143e5e;color:#607b8f;font:9px/1.4 ui-monospace,monospace}.chat-sidebar-empty{color:#607b8f;font:10px/1.5 ui-monospace,monospace;padding:15px 12px}.chat-alias-card{margin-top:auto;border-top:1px solid #174a72;padding:12px;background:rgba(8,26,42,.7);display:grid;gap:5px}.chat-alias-card>span{color:#63859e;font:8px ui-monospace,monospace;letter-spacing:.1em}.chat-alias-card>strong{color:var(--accent);font-size:13px;overflow-wrap:anywhere}.chat-alias-card>small{color:#718a9e;font:9px ui-monospace,monospace}.chat-alias-card button{margin-top:5px}.chat-alias-card button:disabled{opacity:.42}.chat-alias-card>em{color:#607b8f;font:8px/1.4 ui-monospace,monospace;font-style:normal}.chat-workspace>.chat-panel{height:clamp(430px,calc(var(--chat-vvh,100vh) - 228px),860px);display:flex;flex-direction:column}.chat-workspace .chat-panel-head{flex:0 0 62px;height:auto}.chat-workspace .chat-messages{height:auto;min-height:0;flex:1;padding:18px 20px}.chat-workspace .chat-compose{flex:0 0 auto;padding:13px 16px}.chat-workspace .chat-compose textarea{min-height:60px;max-height:150px}.chat-account-id{color:#5e7a90!important;font:8px ui-monospace,monospace!important;white-space:nowrap}.chat-read-state{display:block;text-align:right;margin-top:5px;color:#607b8f;font:8px ui-monospace,monospace;letter-spacing:.06em}.chat-message.own .chat-read-state{color:#719d63}.chat-alias-dialog{width:min(520px,calc(100vw - 24px));border:1px solid #21618f;background:#050e18;color:var(--text);padding:0;box-shadow:0 30px 90px rgba(0,0,0,.72)}.chat-alias-dialog::backdrop{background:rgba(1,5,10,.78);backdrop-filter:blur(5px)}.chat-alias-dialog form>header,.chat-alias-dialog form>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #174a72}.chat-alias-dialog form>footer{border-bottom:0;border-top:1px solid #174a72;justify-content:flex-end}.chat-alias-dialog header div{display:grid}.chat-alias-dialog header span{color:#63859e;font:8px ui-monospace,monospace;letter-spacing:.12em}.chat-alias-dialog header strong{color:var(--accent);font:800 12px ui-monospace,monospace}.chat-alias-body{padding:18px;display:grid;gap:14px}.chat-alias-body p,.chat-alias-body small{margin:0;color:#8aa0b0;font-size:11px;line-height:1.55}.chat-alias-body label{display:grid;gap:6px;color:#7f98aa;font:9px ui-monospace,monospace;letter-spacing:.08em}.chat-alias-body input{width:100%}
@media(max-width:1280px){.chat-workspace{grid-template-columns:190px minmax(0,1fr) 215px}}
@media(max-width:980px){.chat-workspace{grid-template-columns:190px minmax(0,1fr)}.chat-user-sidebar{grid-column:1/-1;height:auto;max-height:270px}.chat-user-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:190px}.chat-user-row{border-right:1px solid rgba(23,74,114,.48)}.chat-workspace>.chat-panel,.chat-channel-sidebar{height:clamp(420px,calc(var(--chat-vvh,100vh) - 210px),760px)}}
@media(max-width:700px){.chat-workspace{display:flex;flex-direction:column}.chat-channel-sidebar,.chat-user-sidebar{height:auto;max-height:none}.chat-private-list{max-height:180px}.chat-workspace>.chat-panel{height:clamp(430px,calc(var(--chat-vvh,100vh) - 130px),720px);order:-1}.chat-user-list{grid-template-columns:1fr;max-height:220px}.chat-channel-sidebar{max-height:360px}.chat-workspace .chat-messages{padding:13px}.chat-message{max-width:96%}.chat-context{margin-bottom:12px}}

/* 2.0.26 Newsfeed + Chat Emoji */
.chat-compose-actions{display:flex!important;align-items:center;gap:9px;flex-wrap:wrap}.chat-compose-actions>span:nth-child(2){margin-right:auto}.emoji-control{position:relative;display:inline-flex}.emoji-toggle{min-width:38px!important;height:34px!important;padding:0!important;font-size:19px!important;line-height:1!important;color:var(--accent)!important}.emoji-picker{position:absolute;z-index:90;right:0;bottom:calc(100% + 8px);width:min(330px,78vw);display:grid;grid-template-columns:repeat(8,1fr);gap:5px;padding:9px;border:1px solid #23658f;background:linear-gradient(160deg,rgba(6,21,35,.995),rgba(2,8,14,.995));box-shadow:0 18px 52px rgba(0,0,0,.62),0 0 24px rgba(126,255,59,.06)}.emoji-picker[hidden]{display:none}.emoji-picker button{display:grid;place-items:center;min-width:0;height:31px;padding:0;border:1px solid transparent;background:rgba(12,38,57,.48);font-size:18px;cursor:pointer}.emoji-picker button:hover,.emoji-picker button:focus-visible{border-color:var(--accent);background:rgba(126,255,59,.09);transform:translateY(-1px)}
.feed-shell{max-width:1380px!important}.feed-context{margin-bottom:14px}.feed-live{display:grid;gap:3px;text-align:right}.feed-live span{color:var(--accent);font:800 9px ui-monospace,monospace;letter-spacing:.12em}.feed-live strong{font:800 11px ui-monospace,monospace;color:#9cb1c0}.feed-compose-card{margin-bottom:14px;border:1px solid #1c5c89;background:linear-gradient(155deg,rgba(6,21,35,.97),rgba(3,10,18,.98));box-shadow:0 24px 60px rgba(0,0,0,.3)}.feed-compose-card>header{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid #174a72;background:linear-gradient(90deg,rgba(15,52,83,.4),transparent)}.feed-compose-card>header div{display:grid;gap:2px}.feed-compose-card>header span{color:#66879f;font:8px ui-monospace,monospace;letter-spacing:.14em}.feed-compose-card>header strong{color:var(--accent);font:800 12px ui-monospace,monospace;letter-spacing:.08em}.feed-compose-card>header small{color:#6d8799;font:9px ui-monospace,monospace}.feed-compose-card form{padding:14px 16px}.feed-compose-card textarea{width:100%;min-height:92px;resize:vertical;background:rgba(1,8,14,.72);border:1px solid #1b5278;color:var(--text);padding:12px;outline:none}.feed-compose-card textarea:focus{border-color:var(--accent);box-shadow:0 0 0 1px rgba(126,255,59,.15)}.feed-compose-card footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:9px;color:#668397;font:9px ui-monospace,monospace}.feed-compose-card footer span{margin-right:auto}.feed-stream{width:min(920px,100%);margin:0 auto}.feed-post{margin-bottom:14px;border:1px solid #17517d;background:linear-gradient(160deg,rgba(5,17,29,.985),rgba(2,9,16,.99));box-shadow:0 20px 55px rgba(0,0,0,.28);overflow:hidden}.feed-post-head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px 15px;border-bottom:1px solid rgba(23,74,114,.66)}.feed-avatar,.feed-mini-avatar{display:grid;place-items:center;border:1px solid #26638a;background:radial-gradient(circle,rgba(126,255,59,.14),rgba(7,24,37,.85));color:var(--accent);font:900 14px ui-monospace,monospace;box-shadow:0 0 18px rgba(126,255,59,.06)}.feed-avatar{width:40px;height:40px}.feed-post-head>div:nth-child(2){min-width:0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.feed-post-head strong{font-size:12px;color:#d8e7f1}.feed-account{color:#648199;font:8px ui-monospace,monospace}.feed-post-head time{color:#668397;font:8px ui-monospace,monospace;margin-left:auto}.feed-delete{align-self:start;min-width:31px!important;padding:5px!important}.feed-post-body{padding:18px 16px;color:#d5e2eb;font-size:14px;line-height:1.62;overflow-wrap:anywhere}.feed-reactions{display:flex;gap:7px;align-items:center;padding:10px 14px;border-top:1px solid rgba(23,74,114,.5);background:rgba(5,21,34,.56);flex-wrap:wrap}.feed-reactions button{border:1px solid #1a4c6d;background:rgba(4,17,28,.8);color:#8aa3b5;padding:7px 10px;font:800 9px ui-monospace,monospace;letter-spacing:.05em;cursor:pointer}.feed-reactions button:hover{border-color:#4b9cc3;color:#d9f1ff}.feed-react.active{border-color:var(--accent)!important;color:var(--accent)!important;background:rgba(126,255,59,.07)!important}.feed-react.dislike.active{border-color:#ff6464!important;color:#ff7d7d!important;background:rgba(255,70,70,.07)!important}.feed-comment-toggle{margin-left:auto}.feed-comments{display:none;padding:0 14px 14px;border-top:1px solid rgba(23,74,114,.4)}.feed-comments.open{display:block}.feed-comment-list{padding-top:8px}.feed-comment{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;padding:9px 2px;border-bottom:1px solid rgba(23,74,114,.36)}.feed-mini-avatar{width:28px;height:28px;font-size:10px}.feed-comment>div{min-width:0}.feed-comment header{display:flex;align-items:center;gap:7px}.feed-comment header strong{font-size:10px;color:#cee0ec}.feed-comment header small,.feed-comment header time{color:#627f93;font:8px ui-monospace,monospace}.feed-comment header time{margin-left:auto}.feed-comment-delete{padding:2px 6px!important;min-width:25px!important}.feed-comment p{margin:4px 0 0;color:#aebfcc;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.feed-comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:10px}.feed-comment-form input{min-width:0}.feed-no-comments{margin:8px 0;color:#668397;font:9px ui-monospace,monospace}.feed-empty{display:grid;justify-items:center;gap:8px;padding:60px 20px;border:1px dashed #1d5278;color:#68869a;text-align:center}.feed-empty>span{font-size:34px;color:var(--accent)}.feed-empty strong{color:#b9cedb}.feed-empty p{margin:0}.feed-load-older{display:block;margin:10px auto 28px}
@media(max-width:700px){.emoji-picker{grid-template-columns:repeat(6,1fr);right:auto;left:0}.feed-post-head{grid-template-columns:38px minmax(0,1fr) auto}.feed-post-body{padding:15px 13px}.feed-reactions{padding:9px 10px}.feed-comment-toggle{margin-left:0}.feed-compose-card>header{align-items:start;flex-direction:column}.feed-comment-form{grid-template-columns:1fr}.feed-comment-form button{justify-self:end}}

/* 2.0.27 Media Newsfeed */
.feed-media-compose{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.feed-media-pick{border-color:#24678f!important;color:#9bcde6!important}.feed-media-pick:hover{border-color:var(--accent)!important;color:var(--accent)!important}.feed-media-hint{color:#5f7f94;font:8px ui-monospace,monospace;letter-spacing:.05em}.feed-media-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.feed-media-draft{position:relative;display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:68px;padding:6px;border:1px solid #1b5478;background:rgba(3,15,25,.75)}.feed-media-draft img,.feed-media-draft video{width:68px;height:56px;object-fit:cover;background:#02070b}.feed-media-draft>div{display:grid;gap:3px;min-width:0}.feed-media-draft strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c9dce8;font-size:9px}.feed-media-draft small{color:#658397;font:8px ui-monospace,monospace}.feed-media-draft button{padding:3px 7px!important;min-width:28px!important}.feed-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:2px;background:#06121c;border-top:1px solid rgba(23,74,114,.45)}.feed-media-grid.count-1{grid-template-columns:1fr}.feed-media-item{position:relative;margin:0;min-width:0;background:#02070b;overflow:hidden}.feed-media-item img,.feed-media-item video{display:block;width:100%;height:100%;max-height:560px;min-height:220px;object-fit:cover;background:#02070b}.feed-media-item.single img,.feed-media-item.single video{max-height:680px;object-fit:contain}.feed-media-open{display:block;width:100%;height:100%;padding:0;border:0;background:#02070b;cursor:zoom-in}.feed-media-item figcaption{position:absolute;left:8px;right:8px;bottom:8px;padding:5px 7px;background:rgba(1,7,12,.78);border:1px solid rgba(61,125,162,.45);color:#9db7c8;font:8px ui-monospace,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.feed-media-item.video figcaption{pointer-events:none}.feed-media-lightbox{position:fixed;inset:0;z-index:2200;display:block;overflow:auto;overscroll-behavior:contain;background:rgba(0,5,9,.94);backdrop-filter:blur(8px)}.feed-media-lightbox[hidden]{display:none!important}.feed-media-lightbox-stage{width:max-content;min-width:100%;height:max-content;min-height:100%;display:grid;place-items:center;padding:64px 48px;box-sizing:border-box}.feed-media-lightbox img{display:block;width:auto;height:auto;max-width:none;max-height:none;object-fit:none;border:1px solid #2373a1;box-shadow:0 0 50px rgba(16,105,154,.25);cursor:default}.feed-media-lightbox-close{position:fixed;z-index:2;right:24px;top:18px;width:44px;height:44px;border:1px solid #327da8;background:#061621;color:#dcecf4;font-size:28px;cursor:pointer}.feed-media-lightbox-close:hover{border-color:var(--accent);color:var(--accent)}.feed-media-lightbox-meta{position:fixed;z-index:2;left:24px;top:24px;padding:7px 10px;border:1px solid rgba(50,125,168,.7);background:rgba(3,16,25,.9);color:#9bcde6;font:9px ui-monospace,monospace;letter-spacing:.06em;pointer-events:none}
@media(max-width:700px){.feed-media-preview{grid-template-columns:1fr}.feed-media-grid{grid-template-columns:1fr}.feed-media-item img,.feed-media-item video{min-height:180px;max-height:480px}.feed-media-lightbox-stage{padding:56px 16px 24px}.feed-media-lightbox-close{right:10px;top:10px}.feed-media-lightbox-meta{left:10px;top:14px;max-width:calc(100vw - 76px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* 2.0.28 Dashboard Newsfeed tile */
.tile-newsfeed{background-position:center center}
@media(max-width:760px){.tile-newsfeed{background-position:right center}}

/* 2.0.29 Newsfeed links, restricted previews and emoji controls */
.feed-inline-link{color:#61c8ff;text-decoration:none;border-bottom:1px solid rgba(97,200,255,.38);overflow-wrap:anywhere;word-break:break-word}.feed-inline-link:hover,.feed-inline-link:focus-visible{color:var(--accent);border-bottom-color:var(--accent);text-shadow:0 0 12px rgba(126,255,59,.16)}
.feed-link-preview{display:grid;gap:7px;margin:0 16px 16px;padding:13px 14px;border:1px solid #20648d;background:linear-gradient(135deg,rgba(8,29,46,.92),rgba(3,13,22,.96));text-decoration:none;box-shadow:inset 3px 0 0 rgba(65,177,236,.42),0 12px 30px rgba(0,0,0,.18)}.feed-link-preview:hover,.feed-link-preview:focus-visible{border-color:#48a9d5;box-shadow:inset 3px 0 0 var(--accent),0 12px 34px rgba(0,0,0,.24),0 0 18px rgba(72,169,213,.08)}.feed-link-preview-kicker{color:#58a9ce;font:800 8px ui-monospace,monospace;letter-spacing:.12em}.feed-link-preview strong{color:#d7eaf4;font-size:13px;line-height:1.3}.feed-link-preview p{margin:0;color:#91aabd;font-size:11px;line-height:1.45}.feed-link-preview small{color:#64bfe9;font:800 8px ui-monospace,monospace;letter-spacing:.06em;overflow-wrap:anywhere}.feed-emoji-control .emoji-picker{left:0;right:auto}.feed-comment-form{grid-template-columns:minmax(0,1fr) auto auto}.feed-comment-emoji-control .emoji-picker{right:0;left:auto;width:min(330px,84vw)}.feed-comment-emoji-control .emoji-toggle{height:100%!important;min-height:34px!important}.feed-comment-form .emoji-picker button{font-size:18px!important}
@media(max-width:700px){.feed-link-preview{margin:0 12px 13px}.feed-comment-form{grid-template-columns:minmax(0,1fr) auto}.feed-comment-form>button.primary{grid-column:1/-1;justify-self:end}.feed-comment-emoji-control .emoji-picker{right:0;left:auto}}


/* 2.0.30 Login – Rotzenfrech-Anmeldung, ohne zusätzliche Statusabfrage */
.login-online{color:var(--accent);margin-top:12px}
.login-title{display:grid;gap:1px;margin:8px 0 10px!important;line-height:.98!important;text-transform:uppercase}
.login-title-white{display:block;color:var(--text);font-weight:850;letter-spacing:-.04em}
.login-title-accent{display:block;color:var(--accent);font-weight:850;letter-spacing:-.04em;text-shadow:0 0 18px rgba(126,255,59,.16)}
.login-network-copy{margin:0;color:var(--text);font-size:14px}
.login-network-copy em{font-style:italic}
.login-access-copy{margin:5px 0 0;color:var(--muted);font-size:13px}
@media(max-width:520px){.login-title{font-size:clamp(27px,8.5vw,34px)!important}.login-title-accent{letter-spacing:-.05em}}


/* 2.0.31 Context Navigation + authenticated Patchnotes HUD */
.page-context .muted{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.035em;color:#9eb1c9}
.dashboard-status-stack{position:relative;display:grid;justify-items:end;gap:6px;align-self:start;justify-self:end}
.patchnotes-hud{position:relative;z-index:28;display:flex;justify-content:flex-end;width:100%}
.patchnotes-info{display:grid;place-items:center;width:29px;height:29px;padding:0;border:1px solid rgba(126,255,59,.35);background:rgba(5,15,25,.82);color:#9eb1c9;font:800 15px/1 ui-monospace,monospace;cursor:pointer;transition:color .16s,border-color .16s,box-shadow .16s,background .16s}
.patchnotes-info:hover,.patchnotes-info:focus-visible,.patchnotes-hud.pinned .patchnotes-info{color:var(--accent);border-color:var(--accent);background:rgba(126,255,59,.055);box-shadow:0 0 18px rgba(126,255,59,.28),inset 0 0 12px rgba(126,255,59,.06);outline:none}
.patchnotes-panel{position:absolute;right:0;top:35px;width:min(720px,calc(100vw - 44px));max-height:min(72vh,760px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;opacity:0;visibility:hidden;transform:translateY(-7px) scale(.99);pointer-events:none;border:1px solid rgba(126,255,59,.55);background:linear-gradient(145deg,rgba(4,14,24,.985),rgba(2,8,14,.99));box-shadow:0 28px 75px rgba(0,0,0,.65),0 0 34px rgba(126,255,59,.09);transition:opacity .16s,transform .16s,visibility .16s;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}
.patchnotes-hud:hover .patchnotes-panel,.patchnotes-hud:focus-within .patchnotes-panel,.patchnotes-hud.pinned .patchnotes-panel{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.patchnotes-panel>header{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:18px 20px 14px;border-bottom:1px solid rgba(29,82,116,.7)}
.patchnotes-panel>header span{display:block;color:var(--accent);font:700 9px ui-monospace,monospace;letter-spacing:.15em}
.patchnotes-panel>header strong{display:block;margin-top:4px;font:900 24px Arial Black,Arial,sans-serif;letter-spacing:-.035em}
.patchnotes-close{border:0;background:transparent;color:#8297ac;font-size:24px;line-height:1;cursor:pointer}.patchnotes-close:hover{color:var(--accent)}
.patchnotes-scroll{overflow:auto;overscroll-behavior:contain;padding:8px 18px 18px;scrollbar-color:var(--accent) #06101b}
.patchnote-entry{display:grid;grid-template-columns:82px 1fr;gap:16px;padding:16px 2px;border-bottom:1px solid rgba(24,61,88,.62)}
.patchnote-version{color:var(--accent);font:800 11px ui-monospace,monospace;letter-spacing:.05em;padding-top:3px}
.patchnote-copy h3{margin:0 0 7px;color:#edf5ff;font:800 13px/1.35 ui-monospace,monospace}
.patchnote-copy pre{margin:0;white-space:pre-wrap;word-break:break-word;color:#9fb0c4;background:transparent;border:0;padding:0;font:11px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}
.patchnotes-panel>footer{padding:9px 18px;border-top:1px solid rgba(24,61,88,.62);color:#607b94;font:9px ui-monospace,monospace;letter-spacing:.08em}
@media(max-width:760px){.dashboard-status-stack{justify-items:start}.patchnotes-hud{justify-content:flex-start}.patchnotes-panel{left:0;right:auto;width:min(94vw,720px);max-height:68vh}.patchnote-entry{grid-template-columns:1fr;gap:5px}}


/* Version 2.0.32: Admin-Aktivitätsprotokoll */
.admin-console-card{margin-bottom:18px}.admin-console-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.admin-console-grid a{display:grid;gap:7px;padding:16px;border:1px solid #1e506d;background:linear-gradient(145deg,rgba(7,22,35,.95),rgba(4,12,20,.96));text-decoration:none;color:var(--text);transition:border-color .18s,box-shadow .18s,transform .18s}.admin-console-grid a:hover{border-color:var(--accent);box-shadow:0 0 20px rgba(126,255,59,.08),inset 0 0 18px rgba(126,255,59,.035);transform:translateY(-1px)}.admin-console-grid strong{color:var(--accent);font:800 11px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.admin-console-grid span{color:#8ea6b8;font-size:12px;line-height:1.4}.activity-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}.activity-summary article{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid #1d4b68;background:rgba(4,15,25,.88)}.activity-summary span{font:800 9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em;color:#7291a6}.activity-summary strong{font:900 24px Arial,sans-serif;color:var(--accent)}.activity-filter{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.activity-filter a{padding:8px 11px;border:1px solid #22506b;color:#8ba5b6;text-decoration:none;font:800 9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em}.activity-filter a:hover,.activity-filter a.active{color:var(--accent);border-color:var(--accent);background:rgba(126,255,59,.055);box-shadow:0 0 14px rgba(126,255,59,.06)}.command-usage-card{margin-bottom:16px}.command-usage-list{display:grid;gap:7px;margin-top:12px}.command-usage-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;padding:11px 13px;border:1px solid #173f59;background:rgba(3,12,21,.7)}.command-usage-list article>div{display:grid;gap:3px}.command-usage-list strong{font-size:13px}.command-usage-list small{color:#617f93;font:8px ui-monospace,SFMono-Regular,Consolas,monospace}.command-usage-list b{align-self:center;color:var(--accent);font:900 18px Arial,sans-serif}.command-usage-list p{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px;margin:0}.command-usage-list p span{padding:3px 6px;border:1px solid #1b465f;color:#89a4b5;font:8px ui-monospace,SFMono-Regular,Consolas,monospace}.activity-log-wrap{overflow:auto;border:1px solid #1d4d69;background:rgba(3,12,20,.88)}.activity-log{width:100%;border-collapse:collapse;min-width:940px}.activity-log th,.activity-log td{padding:9px 10px;border-bottom:1px solid rgba(36,78,103,.5);text-align:left;vertical-align:top;font-size:11px}.activity-log th{position:sticky;top:0;background:#071622;color:#7594a8;font:800 8px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em;z-index:1}.activity-log code{color:var(--accent)}@media(max-width:850px){.admin-console-grid,.activity-summary{grid-template-columns:1fr 1fr}}@media(max-width:520px){.admin-console-grid,.activity-summary{grid-template-columns:1fr}}

/* Version 2.0.34: Player-safe navigation, Admin back link, Social Alias introduction */
.activity-context{align-items:center}.activity-back{white-space:nowrap;text-decoration:none;align-self:center}.social-alias-intro{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(210px,300px);gap:14px;align-items:center;margin:0 0 14px;padding:13px 15px;border:1px solid #1d5675;background:linear-gradient(115deg,rgba(7,25,40,.94),rgba(4,14,23,.96));box-shadow:inset 3px 0 0 rgba(126,255,59,.72)}.social-alias-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--accent);color:var(--accent);font:900 11px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;box-shadow:0 0 18px rgba(126,255,59,.08)}.social-alias-intro h2{margin:2px 0 4px;font-size:15px}.social-alias-intro p{margin:0;color:#8ca4b5;font-size:10px;line-height:1.45}.social-alias-current{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;align-items:center;padding-left:14px;border-left:1px solid #1c4d69}.social-alias-current>span{grid-column:1/-1;color:#67869b;font:800 8px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.social-alias-current>strong{color:var(--accent);font-size:13px;overflow-wrap:anywhere}.social-alias-current>small{justify-self:end;color:#68859a;font:8px ui-monospace,SFMono-Regular,Consolas,monospace}.social-alias-current>button{grid-column:1/-1;margin-top:4px}.social-alias-current>em{grid-column:1/-1;color:#607d91;font:8px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;font-style:normal}.social-alias-current button:disabled{opacity:.42}@media(max-width:850px){.social-alias-intro{grid-template-columns:44px 1fr}.social-alias-current{grid-column:1/-1;border-left:0;border-top:1px solid #1c4d69;padding:10px 0 0}}@media(max-width:560px){.social-alias-intro{grid-template-columns:1fr}.social-alias-icon{display:none}}

/* Version 2.0.35: Newsfeed comment drafts survive automatic feed refreshes. */

/* Version 2.0.36: successful Newsfeed comments clear the composer after posting. */

/* Version 2.0.37: Dateien standardmäßig neueste zuerst; Newsfeed-Bilder öffnen pixelgenau in Originalgröße. */


/* 2.0.39 – 4 Gewinnt Computergegner */
.connect4-opponent-mode,.connect4-bot-options{display:grid;gap:10px;margin-bottom:14px}
.connect4-mode,.connect4-difficulty{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.connect4-difficulty{grid-template-columns:repeat(3,minmax(0,1fr))}
.connect4-mode-btn.active,.connect4-level-btn.active{border-color:var(--accent)!important;color:var(--accent)!important;background:rgba(126,255,59,.08)!important;box-shadow:0 0 18px rgba(126,255,59,.10)}
.connect4-bot-options .muted{margin:0;font-size:12px;line-height:1.45}
@media(max-width:520px){.connect4-difficulty{grid-template-columns:1fr}.connect4-mode{grid-template-columns:1fr}}


/* 2.0.39 – Spielkonfiguration strikt spielabhängig. */
.maedn-options[hidden],.connect4-opponent-mode[hidden],.connect4-bot-options[hidden],#human-opponent-wrap[hidden]{display:none!important}


/* 2.0.42 – Ergebnis-Overlay: letzten Zug per Hover/Fokus ansehen */
.game-result{transition:background .16s ease,backdrop-filter .16s ease}
.game-result::before{transition:opacity .16s ease}
.result-peek{position:absolute;z-index:4;left:50%;bottom:26px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid rgba(126,255,59,.58);background:rgba(3,14,20,.94);color:#b8d0dd;font:800 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;cursor:default;box-shadow:0 0 18px rgba(126,255,59,.08);transition:color .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}
.result-peek span{color:var(--accent);font-size:15px;line-height:1}
.result-peek:hover,.result-peek:focus-visible{outline:none;color:#06120a;border-color:var(--accent);background:var(--accent);box-shadow:0 0 22px rgba(126,255,59,.32)}
.result-peek:hover span,.result-peek:focus-visible span{color:#06120a}
.game-result.peek-board{background:transparent;backdrop-filter:none}
.game-result.peek-board::before{opacity:0}
.game-result.peek-board .match-end-card{visibility:hidden;pointer-events:none}
@media(max-width:700px){.result-peek{bottom:16px;min-height:36px;padding:0 11px;font-size:9px}}

/* 2.0.44 – Dame: kompaktes Endergebnis, Brettgröße bleibt unverändert */
.game-result-checkers .match-end-card{width:min(500px,82%);gap:7px;padding:22px 24px 20px}
.game-result-checkers .defeat-emblem{width:116px;height:100px;margin:0 0 2px}
.game-result-checkers .defeat-hex{inset:6px 16px;border-width:3px}
.game-result-checkers .defeat-slash{left:52px;top:-1px;width:5px;height:104px}
.game-result-checkers .defeat-emblem i{left:21px;right:21px}
.game-result-checkers .defeat-emblem i:nth-of-type(1){top:27px}
.game-result-checkers .defeat-emblem i:nth-of-type(2){top:49px}
.game-result-checkers .defeat-emblem i:nth-of-type(3){top:71px}
.game-result-checkers .cyber-trophy{width:138px;height:118px}
.game-result-checkers .draw-emblem{width:88px;height:88px;font-size:50px}
.game-result-checkers .match-end-card strong{font-size:clamp(42px,6vw,68px)!important}
.game-result-checkers .match-end-card>span{font-size:12px}
.game-result-checkers .match-end-card>small{margin-top:3px;font-size:8px}
.game-result-checkers .result-peek{position:relative;left:auto;bottom:auto;transform:none;margin-top:2px;justify-self:center}
@media(max-width:700px){.game-result-checkers .match-end-card{width:min(460px,90%);padding:18px 14px 16px}.game-result-checkers .defeat-emblem{width:98px;height:84px}.game-result-checkers .defeat-slash{left:44px;height:88px}.game-result-checkers .result-peek{bottom:auto;margin-top:0}}


/* 2.0.45 – Dame: unnötige quadratische Board-Hülle entfernen; Brett selbst unverändert */
.game-board-frame:has(.checkers-board){min-height:0;padding-bottom:16px}
.checkers-board{aspect-ratio:auto;height:auto}
.game-result-checkers .result-peek{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);margin:0;justify-self:auto}
@media(max-width:980px){.game-board-frame:has(.checkers-board){padding-bottom:14px}}
@media(max-width:700px){.game-result-checkers .result-peek{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);margin:0}}

/* 2.0.47 – Game Center VIP Top 10 + Ranglistenarchiv */
.game-center-context{grid-template-columns:minmax(280px,1fr) minmax(300px,620px)!important}
.game-leaderboard-archive{margin:18px 0 0;border-color:rgba(244,211,94,.48);box-shadow:inset 0 0 40px rgba(244,211,94,.018),0 18px 48px rgba(0,0,0,.2)}
.game-leaderboard-vip-mark{min-width:116px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:0 8px;padding:10px 13px;border:1px solid rgba(244,211,94,.48);background:linear-gradient(135deg,rgba(244,211,94,.07),rgba(4,15,25,.82));box-shadow:0 0 24px rgba(244,211,94,.06)}
.game-leaderboard-vip-mark>span{grid-row:1/-1;color:#f4d35e;font-size:25px;text-shadow:0 0 15px rgba(244,211,94,.38)}.game-leaderboard-vip-mark>strong{color:#9cb3c2;font:800 7px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em}.game-leaderboard-vip-mark>b{color:#f4d35e;font:900 27px/1 Arial Black,Arial,sans-serif;letter-spacing:-.06em}
.game-leaderboard-current{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0 0;padding:11px 13px;border:1px solid rgba(244,211,94,.22);background:linear-gradient(90deg,rgba(244,211,94,.045),rgba(4,15,25,.62))}.game-leaderboard-current>div{display:grid;gap:4px}.game-leaderboard-current span{color:#8d9eaa;font:800 7px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em}.game-leaderboard-current strong{color:#f4d35e;font:900 12px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.07em}.game-leaderboard-current p{margin:0;color:#71899b;font-size:10px}
.game-top10-drawer{position:fixed;z-index:115;right:0;bottom:22px;width:350px;max-width:calc(100vw - 28px);height:min(570px,68vh);transform:translateX(calc(100% - 42px));transition:transform .24s ease;filter:drop-shadow(-14px 18px 34px rgba(0,0,0,.42));font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.game-top10-drawer.open{transform:translateX(0)}
.game-top10-tab{position:absolute;left:0;top:72%;width:43px;height:178px;transform:translateY(-50%);display:grid;grid-template-rows:auto 1fr auto;justify-items:center;align-items:center;padding:10px 0;border:1px solid rgba(244,211,94,.72);border-right:0;background:linear-gradient(180deg,rgba(18,20,24,.99),rgba(5,16,25,.99));color:#f4d35e;cursor:pointer;box-shadow:inset 0 0 22px rgba(244,211,94,.055),0 0 20px rgba(244,211,94,.12);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 calc(100% - 12px),6px calc(100% - 18px),6px 18px,0 12px)}.game-top10-drawer.open .game-top10-tab{left:-42px}.game-top10-tab>span{font-size:18px;filter:drop-shadow(0 0 7px rgba(244,211,94,.38))}.game-top10-tab>strong{writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;letter-spacing:.2em}.game-top10-tab>em{font-style:normal;color:#f8eaa7;font-size:7px;letter-spacing:.12em}
.game-top10-panel{height:100%;margin-left:42px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;border:1px solid rgba(244,211,94,.48);background:linear-gradient(145deg,rgba(7,20,31,.992),rgba(2,8,14,.995));box-shadow:inset 0 0 42px rgba(244,211,94,.022);overflow:hidden}.game-top10-drawer.open .game-top10-panel{margin-left:0}.game-top10-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px 11px;border-bottom:1px solid rgba(244,211,94,.2);background:linear-gradient(90deg,rgba(244,211,94,.045),rgba(3,14,23,.8))}.game-top10-panel>header div{display:grid;gap:2px}.game-top10-panel>header span{color:#f4d35e;font-size:6px;letter-spacing:.18em}.game-top10-panel>header strong{color:#f7fbfd;font-size:18px;letter-spacing:.1em}.game-top10-panel>header small{color:#8fa3b0;font-size:7px;letter-spacing:.08em}.game-top10-close{min-width:34px;padding:7px 9px;font-size:16px}
.game-top10-crown{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px;padding:10px 13px;border-bottom:1px solid rgba(244,211,94,.14);background:rgba(244,211,94,.025)}.game-top10-crown>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(244,211,94,.46);color:#f4d35e;font-size:18px;box-shadow:0 0 16px rgba(244,211,94,.06)}.game-top10-crown div{display:grid;gap:3px}.game-top10-crown small{color:#748a99;font-size:6px;letter-spacing:.14em}.game-top10-crown strong{color:#f4d35e;font-size:8px;letter-spacing:.11em}
.game-top10-list{min-height:0;overflow:auto;padding:8px;display:grid;align-content:start;gap:5px;scrollbar-width:thin}.game-top10-rank{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 9px;border:1px solid rgba(67,217,255,.13);background:rgba(3,13,22,.72)}.game-top10-rank.rank-1{border-color:rgba(244,211,94,.46);background:linear-gradient(90deg,rgba(244,211,94,.075),rgba(3,13,22,.78));box-shadow:inset 3px 0 0 #f4d35e}.game-top10-rank.rank-2{box-shadow:inset 3px 0 0 #b7c3cd}.game-top10-rank.rank-3{box-shadow:inset 3px 0 0 #c8864a}.game-top10-rank.is-self{outline:1px solid rgba(126,255,59,.28);outline-offset:-2px}.game-top10-place{font-size:16px}.game-top10-rank div{min-width:0}.game-top10-rank div strong{display:block;color:#edf7fc;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-top10-rank div small{display:block;margin-top:3px;color:#71899b;font-size:6px;letter-spacing:.08em}.game-top10-rank>b{display:grid;justify-items:end;color:#f4d35e;font-size:15px}.game-top10-rank>b em{font-style:normal;color:#71899b;font-size:5px;letter-spacing:.11em}.game-top10-empty{padding:18px 10px;border:1px dashed rgba(244,211,94,.22);color:#7d91a0;font-size:8px;line-height:1.5;text-align:center}.game-top10-panel>footer{padding:9px;border-top:1px solid rgba(244,211,94,.16)}.game-top10-panel>footer button{width:100%;border-color:rgba(244,211,94,.34);color:#f4d35e}
@media(max-width:1050px){.game-center-context{grid-template-columns:1fr!important}.game-leaderboard-vip-mark{justify-self:start}.game-leaderboard-current{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.game-top10-drawer{width:min(330px,calc(100vw - 24px));height:min(540px,62vh);bottom:12px}.game-top10-tab{height:148px}.game-leaderboard-current{display:grid}.game-leaderboard-vip-mark{display:none}}

/* 2.0.48 – TOP 10 nur unter dem Spiele-Reiter + bessere Lesbarkeit ONLINE */
.game-top10-drawer{display:none!important}
.topnav{position:relative}
.game-top10-nav-dock{position:absolute;z-index:140;width:390px;max-width:min(390px,calc(100vw - 28px));font-family:ui-monospace,SFMono-Regular,Consolas,monospace;pointer-events:none}
.game-top10-nav-tab{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:8px;min-width:126px;height:34px;padding:0 11px;border:1px solid rgba(244,211,94,.72);background:linear-gradient(180deg,rgba(20,21,21,.99),rgba(5,17,25,.99));color:#f4d35e;cursor:pointer;box-shadow:inset 0 0 18px rgba(244,211,94,.06),0 0 18px rgba(244,211,94,.12);clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px));transition:border-color .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease}
.game-top10-nav-tab:hover,.game-top10-nav-tab:focus-visible,.game-top10-nav-dock.open .game-top10-nav-tab{outline:none;border-color:#ffe884;background:linear-gradient(180deg,rgba(244,211,94,.14),rgba(6,18,25,.99));color:#fff1aa;box-shadow:inset 0 0 20px rgba(244,211,94,.09),0 0 24px rgba(244,211,94,.22)}
.game-top10-nav-tab>span{font-size:17px;filter:drop-shadow(0 0 7px rgba(244,211,94,.4))}.game-top10-nav-tab>strong{font-size:11px;letter-spacing:.14em}.game-top10-nav-tab>em{font-style:normal;font-size:8px;letter-spacing:.1em;color:#ddca7b}
.game-top10-nav-panel{pointer-events:none;position:absolute;top:34px;left:0;width:390px;max-height:min(610px,72vh);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;border:1px solid rgba(244,211,94,.52);background:linear-gradient(145deg,rgba(7,20,31,.995),rgba(2,8,14,.997));box-shadow:0 28px 60px rgba(0,0,0,.58),inset 0 0 42px rgba(244,211,94,.026);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.985);transform-origin:top left;transition:opacity .16s ease,visibility .16s ease,transform .16s ease;overflow:hidden}
.game-top10-nav-dock.open .game-top10-nav-panel{pointer-events:auto;opacity:1;visibility:visible;transform:none}
.game-top10-nav-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 13px;border-bottom:1px solid rgba(244,211,94,.22);background:linear-gradient(90deg,rgba(244,211,94,.055),rgba(3,14,23,.84))}.game-top10-nav-panel>header div{display:grid;gap:3px}.game-top10-nav-panel>header span{color:#f4d35e;font-size:8px;letter-spacing:.16em}.game-top10-nav-panel>header strong{color:#f7fbfd;font-size:22px;letter-spacing:.1em}.game-top10-nav-panel>header small{color:#9bb0be;font-size:9px;letter-spacing:.08em}.game-top10-close{min-width:38px!important;padding:8px 10px!important;font-size:18px!important}
.game-top10-nav-panel .game-top10-crown{padding:12px 15px}.game-top10-nav-panel .game-top10-crown small{font-size:8px}.game-top10-nav-panel .game-top10-crown strong{font-size:10px}.game-top10-nav-panel .game-top10-list{max-height:390px;padding:10px;gap:7px}.game-top10-nav-panel .game-top10-rank{grid-template-columns:38px minmax(0,1fr) auto;gap:10px;padding:10px 11px}.game-top10-nav-panel .game-top10-place{font-size:19px}.game-top10-nav-panel .game-top10-rank div strong{font-size:12px}.game-top10-nav-panel .game-top10-rank div small{font-size:8px}.game-top10-nav-panel .game-top10-rank>b{font-size:17px}.game-top10-nav-panel .game-top10-rank>b em{font-size:7px}.game-top10-nav-panel .game-top10-empty{font-size:10px}.game-top10-nav-panel>footer{padding:10px}.game-top10-nav-panel>footer button{width:100%;border-color:rgba(244,211,94,.4);color:#f4d35e;font-size:10px}
/* ONLINE bleibt global rechts, erhält aber bewusst größere Typografie. */
.friends-drawer-tab>strong{font-size:9px!important;letter-spacing:.16em!important}.friends-drawer-tab>em{font-size:10px!important}.friends-drawer-tab>span{font-size:12px!important}
.friends-drawer-panel>header span{font-size:8px!important}.friends-drawer-panel>header strong{font-size:16px!important}.friends-drawer-summary span{font-size:8px!important}.friends-drawer-summary strong{font-size:10px!important}.friends-drawer-user strong{font-size:12px!important}.friends-drawer-user small{font-size:8px!important}.friends-drawer-user em{font-size:8px!important}.friends-drawer-empty{font-size:10px!important}
@media(max-width:1050px){.game-top10-nav-dock{width:360px}.game-top10-nav-panel{width:360px}}
@media(max-width:760px){.game-top10-nav-dock{position:fixed!important;left:12px!important;top:auto!important;bottom:12px;width:min(360px,calc(100vw - 24px))}.game-top10-nav-tab{min-width:118px}.game-top10-nav-panel{top:auto;bottom:40px;width:100%;max-height:68vh;transform-origin:bottom left}}

/* Rotzenfrech 1.0: brand-only adjustments, no structural UI redesign. */
.page-heading-line.rotzenfrech-heading{font-size:clamp(24px,2vw,36px);letter-spacing:-.06em;overflow-wrap:anywhere}
.login-title .login-title-accent{font-size:clamp(31px,6vw,48px);letter-spacing:-.05em}
@media(max-width:520px){.login-title .login-title-accent{font-size:clamp(27px,8vw,35px)}}