:root{
  --bg:#060a0f;
  --bg2:#0b121a;
  --panel:#101923;
  --panel2:#152230;
  --line:#2b3c4d;
  --line-bright:#52708a;
  --text:#edf4f8;
  --muted:#91a5b5;
  --ice:#9edcff;
  --ice2:#d9f2ff;
  --steel:#b8c5ce;
  --danger:#e46e77;
  --ok:#74c99c;
}
*{box-sizing:border-box}
html{color-scheme:dark}
body{
  margin:0;
  min-height:100vh;
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 50% -10%,rgba(79,132,170,.20),transparent 38%),
    radial-gradient(circle at 0 30%,rgba(25,66,91,.14),transparent 30%),
    linear-gradient(180deg,#081018 0,#05080c 100%);
}
a{color:var(--ice);text-decoration:none}
a:hover{color:var(--ice2)}
.topbar{
  min-height:78px;
  padding:10px max(18px,calc((100vw - 1220px)/2));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  border-bottom:1px solid rgba(115,151,178,.28);
  background:rgba(5,9,14,.90);
  backdrop-filter:blur(14px);
  position:sticky;
  top:0;
  z-index:10;
  box-shadow:0 10px 32px rgba(0,0,0,.28);
}
.brand{display:flex;align-items:center;gap:12px;color:var(--text);font-weight:850;letter-spacing:.02em;line-height:1.05}
.brand:hover{color:#fff}
.brand small{font-size:.72rem;color:var(--muted);font-weight:650;letter-spacing:.08em;text-transform:uppercase}
.brand-logo{width:56px;height:56px;object-fit:cover;border-radius:13px;border:1px solid rgba(150,210,244,.35);box-shadow:0 0 22px rgba(80,170,220,.13)}
.topbar nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.topbar nav>a,.link-button{color:#d8e4ec;font:inherit;background:none;border:0;padding:6px 0;cursor:pointer;font-weight:650}
.topbar nav>a:hover,.link-button:hover{color:#fff}
.container{width:min(1220px,calc(100% - 28px));margin:32px auto 70px}
.hero,.page-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:22px}
.hero h1,.page-head h1{margin:.25rem 0 .2rem;font-size:clamp(1.8rem,4vw,2.7rem)}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--ice);font-size:.72rem;font-weight:850}
.muted{color:var(--muted)}
.card{
  background:linear-gradient(180deg,rgba(19,31,43,.97),rgba(11,18,26,.97));
  border:1px solid rgba(86,116,139,.44);
  border-radius:18px;
  box-shadow:0 22px 55px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.025);
}
.guild-hero{display:grid;grid-template-columns:minmax(230px,340px) 1fr;align-items:center;gap:34px;padding:24px 34px;margin-bottom:22px;overflow:hidden;position:relative}
.guild-hero:after{content:"";position:absolute;right:-100px;top:-140px;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(105,193,242,.11),transparent 65%);pointer-events:none}
.guild-hero-logo{width:100%;max-width:320px;display:block;filter:drop-shadow(0 14px 25px rgba(0,0,0,.45))}
.guild-hero-copy{position:relative;z-index:1}
.guild-hero-copy h1{margin:.35rem 0 .35rem;font-size:clamp(2rem,5vw,3.25rem);line-height:1.02}
.guild-hero-copy p{max-width:760px;line-height:1.6;margin:0 0 18px}
.table-card{overflow:hidden}.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;min-width:880px}
th,td{padding:16px 17px;border-bottom:1px solid rgba(70,94,114,.42);text-align:left;white-space:nowrap}
th{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#9fb1bf;background:#0c141e;position:sticky;top:0}
tbody tr:last-child td{border-bottom:0}
tbody tr{transition:background .15s ease}
tbody tr:hover{background:rgba(110,186,228,.035)}
.top-rank{background:rgba(104,190,240,.035)}
.rank-1{background:linear-gradient(90deg,rgba(163,220,251,.11),rgba(163,220,251,.025))}
.rank-2{background:linear-gradient(90deg,rgba(188,201,212,.09),rgba(188,201,212,.018))}
.rank-3{background:linear-gradient(90deg,rgba(109,151,180,.08),rgba(109,151,180,.015))}
.rank{display:inline-grid;place-items:center;min-width:44px;padding:5px 9px;border-radius:999px;background:#1b2a38;border:1px solid #334c60;color:var(--ice2);font-weight:850}
.player-name{font-size:1.02rem}.troop-value{font-variant-numeric:tabular-nums;color:#d1dce3}.strength{font-size:1.04rem;font-weight:900;color:#fff;font-variant-numeric:tabular-nums}.right{text-align:right}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #3a5368;background:#172532;color:#edf5f9;padding:10px 14px;border-radius:10px;cursor:pointer;font:inherit;font-weight:750}
.button:hover{filter:brightness(1.10);color:#fff}.button.primary{background:linear-gradient(135deg,#d6effc,#79bfe7 55%,#4b8fb8);color:#071018;border-color:#bce9ff;box-shadow:0 5px 22px rgba(88,177,224,.18)}
.button.danger{border-color:#78404a;color:#ffbec4;background:#321c22}.button.small{padding:7px 9px;font-size:.82rem}.full{width:100%}
.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.stat{padding:20px;display:flex;flex-direction:column;gap:5px}.stat span{color:var(--muted);font-size:.85rem}.stat strong{font-size:1.4rem}
.form-card,.auth-card{padding:24px;max-width:640px}.auth-card{max-width:470px;margin:4vh auto 0;text-align:center}.auth-card h1{margin:.2rem 0;font-size:2rem}.auth-card>p{margin-top:.3rem}.auth-logo{width:min(260px,75%);display:block;margin:0 auto -4px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.42))}.form-card form,.auth-card form{display:grid;gap:15px;text-align:left}
label{display:grid;gap:7px;color:#d8e3ea;font-weight:700;font-size:.9rem}input[type=text],input[type=password],input[type=number]{width:100%;background:#070d13;border:1px solid #344b5e;border-radius:10px;padding:12px 13px;color:#fff;font:inherit;outline:none}input:focus{border-color:#7cc8ef;box-shadow:0 0 0 3px rgba(105,192,237,.12)}.check{display:flex;flex-direction:row;align-items:center;font-weight:600}.error{color:#ffadb4;margin-top:-10px}.center{text-align:center}
.alert{padding:12px 14px;border-radius:10px;margin:0 0 14px;border:1px solid var(--line)}.alert-success{background:#123024;border-color:#2b6046}.alert-danger{background:#371d23;border-color:#6f3540}.alert-warning{background:#38301a;border-color:#6c5b2a}
.actions{display:flex;gap:7px;flex-wrap:wrap}.inline-form{display:inline}.pill{padding:4px 9px;border-radius:999px;font-size:.78rem;font-weight:800}.pill.ok{background:#143427;color:#9ae4bb}.pill.off{background:#372126;color:#ef9aa8}.log-card{margin-top:18px;padding:20px}.log-card h2{margin-top:0}.log-list{display:grid}.log-list>div{display:grid;grid-template-columns:160px 1fr 150px;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.87rem}.log-list>div:last-child{border-bottom:0}.log-list span,.log-list small{color:var(--muted)}.empty{padding:32px;text-align:center;color:var(--muted)}
@media(max-width:820px){.topbar{align-items:flex-start;flex-direction:column}.topbar nav{gap:13px}.container{margin-top:20px}.guild-hero{grid-template-columns:1fr;text-align:center;padding:18px}.guild-hero-logo{max-width:270px;margin:0 auto}.guild-hero-copy p{margin-left:auto;margin-right:auto}.hero,.page-head{align-items:flex-start;flex-direction:column}.mini-grid{grid-template-columns:1fr}.log-list>div{grid-template-columns:1fr;gap:4px}.auth-card{margin-top:2vh}}
@media(max-width:520px){.brand-logo{width:48px;height:48px}.topbar{padding:9px 14px}.topbar nav{font-size:.91rem}.container{width:min(100% - 18px,1220px)}.guild-hero{padding:14px}.guild-hero-logo{max-width:230px}.form-card,.auth-card{padding:18px;border-radius:14px}}

/* v6: frei konfigurierbare Gilden-Timer */
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:30px 0 14px}.section-head h2{margin:.25rem 0 .15rem;font-size:clamp(1.45rem,3vw,2rem)}.section-head p{margin:.2rem 0 0}
.timer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.timer-card{padding:18px;min-width:0;transition:border-color .2s ease,opacity .2s ease}.timer-card h3{margin:12px 0 15px;font-size:1.15rem;overflow-wrap:anywhere}.timer-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.timer-icon{font-size:1.35rem}.timer-end{margin:14px 0 0;color:var(--muted);font-size:.84rem}.timer-end strong{color:#dbe8ef}.timer-empty{padding:22px;text-align:center;color:var(--muted);margin-bottom:22px}
.countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.countdown>span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:10px 5px;border-radius:10px;border:1px solid rgba(93,137,168,.35);background:#081019}.countdown strong{font-size:1.35rem;line-height:1;font-variant-numeric:tabular-nums;color:var(--ice2)}.countdown small{margin-top:5px;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.05em}.countdown.compact{min-width:250px}.countdown.compact>span{padding:7px 4px}.countdown.compact strong{font-size:1rem}.countdown.compact small{font-size:.61rem}
.timer-expired{opacity:.62}.timer-expired .countdown strong{color:var(--muted)}
.admin-timer-layout{display:grid;grid-template-columns:minmax(280px,390px) 1fr;gap:18px;align-items:start}.timer-form-card{max-width:none}.timer-form-card h2{margin-top:0}.form-hint{font-size:.82rem;margin:0}.timer-admin-list{padding:20px;min-width:0}.timer-list-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.timer-list-head h2{margin:.2rem 0 0}.timer-list{display:grid}.timer-admin-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,300px) auto auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.timer-admin-row:last-child{border-bottom:0}.timer-admin-main{display:grid;gap:4px;min-width:0}.timer-admin-main strong{overflow-wrap:anywhere}.timer-admin-main span{font-size:.78rem}
@media(max-width:980px){.timer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-timer-layout{grid-template-columns:1fr}.timer-admin-row{grid-template-columns:1fr auto}.timer-admin-countdown{grid-column:1/-1}.timer-admin-row form{justify-self:end}}
@media(max-width:640px){.section-head{align-items:flex-start;flex-direction:column}.timer-grid{grid-template-columns:1fr}.timer-admin-row{grid-template-columns:1fr}.timer-admin-row form{justify-self:start}.countdown.compact{min-width:0}.countdown strong{font-size:1.15rem}}

.duration-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.duration-fields label{text-align:center}.duration-fields input{text-align:center;font-variant-numeric:tabular-nums}@media(max-width:460px){.duration-fields{grid-template-columns:1fr}}
.timer-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:980px){.timer-actions{justify-content:flex-start}}

/* v7: reset timers, invite workflow and language selector */
.topbar-right{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap}
.language-switch{display:flex;align-items:center;gap:5px;padding:4px;border:1px solid rgba(82,112,138,.52);border-radius:10px;background:#091119}
.language-label{font-size:.68rem;color:var(--muted);padding:0 5px;text-transform:uppercase;letter-spacing:.07em}
.language-option{min-width:34px;padding:5px 7px;border-radius:7px;color:#aebdca;font-size:.74rem;font-weight:850;text-align:center}
.language-option:hover{background:#182736;color:#fff}.language-option.active{background:#27475d;color:#e4f6ff;box-shadow:inset 0 0 0 1px rgba(155,221,255,.2)}
select,.invite-link-input{width:100%;background:#070d13;border:1px solid #344b5e;border-radius:10px;padding:12px 13px;color:#fff;font:inherit;outline:none}
select:focus,.invite-link-input:focus{border-color:#7cc8ef;box-shadow:0 0 0 3px rgba(105,192,237,.12)}
.small-logo{max-width:210px}.auth-hint{font-size:.82rem;line-height:1.5;margin-bottom:0}
.pill.frost{background:#142b3a;color:#bfeaff;border:1px solid rgba(118,194,235,.22)}.pill.pending{background:#3a3017;color:#f3d77e}
.timer-pills{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.two-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.timer-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#a9bcc9!important}
.reset-info{display:flex;align-items:center;gap:18px;padding:16px 20px;margin-bottom:18px;border-color:rgba(106,181,223,.42);background:linear-gradient(90deg,rgba(25,62,84,.55),rgba(11,18,26,.97))}
.reset-info p{margin:0;color:#bdd0dc;line-height:1.45}.reset-clock{font-size:1.22rem;font-weight:900;color:var(--ice2);white-space:nowrap;padding:8px 11px;border:1px solid rgba(132,203,240,.3);border-radius:10px;background:#08131c;font-variant-numeric:tabular-nums}
.admin-tools-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);gap:18px;margin-bottom:18px}.invite-card,.pending-card{padding:20px}.invite-card h2,.pending-card h2{margin:.25rem 0 .45rem}.invite-card>p,.pending-card>p{line-height:1.5}.invite-link-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin:15px 0 8px}.invite-link-input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem}.invite-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}
.pending-list{display:grid;margin-top:12px}.pending-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}.pending-row:last-child{border-bottom:0}.pending-row>div:first-child{display:grid;gap:4px}.pending-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.admin-members-card{margin-top:0}
@media(max-width:920px){.topbar-right{width:100%;justify-content:space-between}.admin-tools-grid{grid-template-columns:1fr}}
@media(max-width:820px){.topbar-right{align-items:flex-start;flex-direction:column}.language-switch{align-self:flex-start}.reset-info{align-items:flex-start;flex-direction:column}.pending-row{align-items:flex-start;flex-direction:column}.pending-actions{justify-content:flex-start}}
@media(max-width:520px){.language-label{display:none}.invite-link-row{grid-template-columns:1fr}.two-fields{grid-template-columns:1fr}.admin-tools-grid{grid-template-columns:minmax(0,1fr)}}