:root{
  --void:#030101;--black:#070101;--panel:#160504;--panel2:#250806;--red:#e20f0b;--red2:#6e0806;--ember:#ff4a1e;--gold:#ffc66e;--gold2:#ffdf9b;--text:#fff1df;--muted:#c8906e;--line:rgba(255,52,32,.52);--goldline:rgba(255,194,93,.60);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;min-height:100vh;background:#040101;color:var(--text);font-family:Segoe UI,Inter,Arial,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:-32px;z-index:-4;background-image:linear-gradient(180deg,rgba(5,0,0,.28),rgba(5,0,0,.62)),url('assets/yama-background.jpg');background-size:cover;background-position:center center;filter:blur(14px) saturate(1.18) contrast(1.08);transform:scale(1.04)}
body:after{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 45% 23%,rgba(255,57,22,.25),transparent 24%),radial-gradient(circle at 14% 80%,rgba(255,58,17,.28),transparent 28%),linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.72) 74%,#040101);pointer-events:none}.ember-layer{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.48;background-image:radial-gradient(circle,rgba(255,121,30,.9) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(255,20,12,.65) 0 1px,transparent 1.5px);background-size:170px 210px,230px 260px;animation:embers 26s linear infinite}@keyframes embers{to{background-position:0 -600px,80px -700px}}
.app-shell{min-height:100vh}.top-frame{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:24px;padding:14px 28px 0;position:relative}.brand-block{display:flex;align-items:flex-start;gap:24px}.logo-card{width:150px;height:150px;border-radius:24px;object-fit:cover;border:2px solid rgba(255,177,95,.92);box-shadow:0 0 25px rgba(255,75,22,.75),0 0 0 4px rgba(110,20,8,.55),inset 0 0 25px #000;background:#080100}.wordmark{font-family:Georgia,Times New Roman,serif;font-weight:900;font-size:58px;letter-spacing:.08em;line-height:1.05;color:#ffd7a5;text-shadow:0 0 12px #f33,0 4px 0 #3b0704,0 0 35px rgba(255,121,35,.65);margin-top:15px}.account-strip{display:flex;justify-content:flex-end;gap:10px}.account-pill,.logout{height:38px;padding:0 18px;border-radius:8px;border:1px solid rgba(255,66,36,.65);background:linear-gradient(180deg,rgba(33,6,4,.95),rgba(9,1,1,.96));color:#ffe9cf;font-weight:900;box-shadow:0 0 18px rgba(255,38,18,.2);cursor:pointer}.muted-btn{border-color:rgba(255,194,93,.35);color:#ffd38a}.logout{background:linear-gradient(180deg,#7d0907,#260302);text-transform:uppercase;letter-spacing:.08em}.hidden{display:none!important}
.rune-nav{margin:-62px 26px 0 205px;min-height:82px;display:flex;align-items:center;justify-content:flex-start;gap:0;flex-wrap:nowrap;padding:12px 0;background:linear-gradient(90deg,rgba(11,2,2,.4),rgba(35,7,5,.72),rgba(10,1,1,.45));border-top:1px solid rgba(255,70,34,.42);border-bottom:1px solid rgba(255,70,34,.38);box-shadow:0 15px 35px rgba(0,0,0,.45),0 0 45px rgba(255,20,12,.14)}
.nav-btn{position:relative;height:56px;min-width:132px;padding:0 18px;border:1px solid rgba(150,44,32,.72);border-left:0;background:linear-gradient(180deg,rgba(33,11,10,.90),rgba(14,3,3,.96));color:#ffe8d2;cursor:pointer;text-transform:uppercase;font-weight:950;letter-spacing:.07em;text-shadow:0 0 9px rgba(255,46,29,.5);clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);transition:.18s}.nav-btn:first-child{border-left:1px solid rgba(150,44,32,.72)}.nav-btn:before{content:none!important;display:none!important}.nav-btn:hover:before,.nav-btn.active:before{content:none!important;display:none!important}.nav-btn:hover,.nav-btn.active{z-index:2;border-color:#ff3028;background:linear-gradient(180deg,#8f120c,#280504);box-shadow:0 0 0 1px rgba(255,96,64,.95),0 0 18px rgba(255,38,27,.95),0 0 36px rgba(255,38,27,.55),inset 0 0 24px rgba(255,58,29,.22);color:white}.nav-btn.staff-nav{margin-left:auto;border-left:1px solid rgba(214,147,47,.7);border-color:rgba(255,187,57,.75)}.nav-btn.staff-nav:hover,.nav-btn.staff-nav.active{background:linear-gradient(180deg,#8a5b12,#2b1603);box-shadow:0 0 0 1px rgba(255,225,120,.95),0 0 18px rgba(255,195,45,.95),0 0 38px rgba(255,195,45,.58),inset 0 0 24px rgba(255,225,100,.28);border-color:#ffd36c;color:#fff4c0}.nav-btn.staff-nav:after{content:"♛";margin-left:8px;color:#ffd56c}
.hero-scene{position:relative;min-height:410px;margin:22px 28px 0;overflow:hidden;border-top:1px solid rgba(255,69,37,.32);display:grid;grid-template-columns:1fr 335px 335px;gap:18px;align-items:end;padding:35px 26px 28px;background:radial-gradient(circle at 50% 22%,rgba(255,77,24,.22),transparent 25%),linear-gradient(180deg,rgba(10,1,1,.10),rgba(5,0,0,.56));box-shadow:inset 0 -80px 90px rgba(0,0,0,.65)}.hero-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.38),transparent 18%,transparent 72%,rgba(0,0,0,.34));pointer-events:none}.hero-center{grid-column:1/2;align-self:center;text-align:center;position:relative;z-index:1;margin-left:160px;margin-right:20px}.welcome{font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.42em;color:#ffdfb2;font-size:28px;text-shadow:0 0 12px #f43}.hero-center h1{font-family:Georgia,serif;margin:4px 0 8px;font-size:112px;line-height:.9;letter-spacing:.08em;text-transform:uppercase;color:#ffd5a5;text-shadow:0 0 14px #ff401d,0 6px 0 #330603,0 0 40px rgba(255,132,46,.8)}.hero-center p{display:inline-block;margin:0;padding:11px 35px;background:rgba(9,1,1,.74);border:1px solid rgba(255,91,37,.40);font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.16em;color:#ffcd8b;font-size:20px}.hero-mark{margin:16px auto 0;font-family:Georgia,serif;color:#c90808;font-size:46px;text-shadow:0 0 15px #f00}.hero-left-banner{position:absolute;left:55px;top:110px;width:105px;height:230px;background:linear-gradient(180deg,#8f0d09,#1c0302);clip-path:polygon(0 0,100% 0,100% 83%,50% 100%,0 83%);border:1px solid rgba(255,92,44,.6);box-shadow:0 0 35px rgba(255,48,18,.42);display:grid;place-items:center}.hero-left-banner span{font-family:Georgia,serif;font-size:96px;color:#ffad66;text-shadow:0 0 25px #f00}.hero-card{position:relative;z-index:1;align-self:end}.event-glass,.panel{background:linear-gradient(180deg,rgba(31,10,9,.88),rgba(9,2,2,.92));border:1px solid rgba(255,91,50,.40);box-shadow:0 0 26px rgba(255,41,20,.14),inset 0 0 0 1px rgba(255,212,138,.08);border-radius:3px;padding:18px}.event-glass h3,.panel h3{font-family:Georgia,serif;margin:0 0 16px;text-transform:uppercase;letter-spacing:.08em;color:#ffdcb9;font-size:22px}.event-glass h3:before,.panel h3:before{content:"✦";color:#ff251f;margin-right:8px}.mini-event{display:flex;gap:12px;align-items:center;border-bottom:1px solid rgba(255,82,47,.18);padding:11px 0}.mini-event b{border:1px solid rgba(255,44,30,.65);background:#130303;border-radius:8px;text-align:center;min-width:54px;padding:7px 0;color:#ffd5a0}.mini-event span{font-weight:800}.mini-event em{color:#2cff72;font-style:normal;font-size:12px}.activity-line{display:grid;grid-template-columns:1fr auto;gap:8px;padding:11px 0;border-bottom:1px solid rgba(255,82,47,.18)}.activity-line strong{color:#ff3830}.activity-line span{color:#ffc163}.small-red,.red-button{border:1px solid #ef2b20;background:linear-gradient(180deg,#6f0906,#220303);color:#fff4df;text-transform:uppercase;font-weight:950;letter-spacing:.07em;border-radius:6px;padding:11px 18px;cursor:pointer;box-shadow:0 0 18px rgba(255,37,22,.3)}.small-red:hover,.red-button:hover{box-shadow:0 0 28px rgba(255,37,22,.75);background:linear-gradient(180deg,#a9130d,#330504)}.full{width:100%}.page-grid{display:grid;grid-template-columns:1.1fr 1.2fr 1.2fr .95fr;gap:16px;margin:16px 40px 40px}.panel.wide{grid-column:span 2}.panel.tall{min-height:230px}.panel-image{height:180px;border:1px solid rgba(255,71,34,.27);background:linear-gradient(180deg,rgba(92,12,8,.55),rgba(5,0,0,.78)),url('assets/yama-background.jpg');background-size:cover;background-position:center;border-radius:4px;margin-bottom:13px}.entry{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid rgba(255,74,36,.17);background:rgba(7,1,1,.55);border-radius:7px;margin-bottom:10px}.entry .icon{font-size:27px;min-width:38px;text-align:center}.entry strong{display:block;color:#fff4df}.entry span,.muted{color:var(--muted)}.entry time{margin-left:auto;color:#c78d72;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat{text-align:center;border-right:1px solid rgba(255,80,40,.25);padding:8px}.stat:last-child{border:0}.stat b{display:block;font-size:30px;color:#ffe0ad}.stat span{font-size:12px;color:#d59a78}.chart{height:90px;margin-top:18px;background:linear-gradient(180deg,transparent,rgba(255,0,0,.14));position:relative;clip-path:polygon(0 75%,15% 42%,28% 62%,43% 18%,59% 58%,74% 33%,88% 46%,100% 10%,100% 100%,0 100%);border-bottom:2px solid #ff1510}.quick{display:grid;grid-template-columns:130px repeat(4,1fr);gap:10px;align-items:center}.quick-title{font-family:Georgia,serif;text-transform:uppercase;color:#ffddb8;font-size:21px;text-align:center}.quick-card{border:1px solid rgba(255,80,40,.31);background:rgba(31,8,7,.72);padding:14px;border-radius:6px}.quick-card strong{display:block}.calendar-grid,.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.form{display:grid;gap:12px}.form input,.form textarea,.form select,.modal-card input{width:100%;padding:12px;border:1px solid rgba(255,72,39,.40);background:#090101;color:#fff1df;border-radius:6px}.form textarea{min-height:120px;resize:vertical}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#2b0705;color:#ffc66e;font-weight:900;font-size:12px}.green{color:#20ff75}.gold{color:#ffd15d}.red{color:#ff3d33}.staff-only{border-color:rgba(255,198,91,.70);box-shadow:0 0 32px rgba(255,179,57,.14)}.battle-frame{width:100%;height:760px;border:1px solid rgba(255,74,36,.45);border-radius:8px;background:white}.battle-links{display:flex;gap:12px;flex-wrap:wrap}.modal{position:fixed;inset:0;background:rgba(0,0,0,.75);display:grid;place-items:center;z-index:99}.modal-card{position:relative;width:min(430px,calc(100vw - 28px));background:#130403;border:1px solid var(--goldline);border-radius:10px;padding:22px;box-shadow:0 0 45px rgba(255,40,20,.25)}.modal-x{position:absolute;top:10px;right:10px;width:34px;height:34px;border:1px solid rgba(255,72,39,.5);background:#210504;color:white;border-radius:7px;font-size:24px;cursor:pointer}.message{min-height:20px;color:#ffd17c}.modal-card label{display:block;margin:10px 0 5px;color:#ffd7aa;font-weight:800}
@media(max-width:1350px){.page-grid{grid-template-columns:1fr 1fr}.hero-scene{grid-template-columns:1fr 1fr}.right-two{display:none}.hero-center{margin-left:60px}.hero-center h1{font-size:78px}.rune-nav{margin:0 20px}.top-frame{grid-template-columns:1fr}.account-strip{justify-content:flex-start}.wordmark{font-size:46px}.logo-card{width:110px;height:110px}}
@media(max-width:780px){.top-frame{padding:12px}.brand-block{gap:12px}.logo-card{width:76px;height:76px;border-radius:16px}.wordmark{font-size:30px}.rune-nav{margin:8px 10px;overflow:auto;justify-content:flex-start}.nav-btn{min-width:118px;font-size:11px}.hero-scene{margin:10px;grid-template-columns:1fr;padding:24px 12px}.hero-left-banner,.right-one,.right-two{display:none}.hero-center{margin:0}.hero-center h1{font-size:48px}.welcome{font-size:17px}.hero-center p{font-size:12px}.page-grid{margin:10px;grid-template-columns:1fr}.panel.wide{grid-column:auto}.quick{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}


/* Requested hero/title refinements */
.hiraeth-title,
.hero-center h1{
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 900;
  letter-spacing: .105em;
  text-transform: uppercase;
  color: #ffd7a9;
  background: linear-gradient(180deg,#fff2d1 0%,#ffbd75 18%,#b74d29 45%,#fff0c8 56%,#7a1f13 78%,#2b0906 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color: transparent;
  -webkit-text-stroke: 1.6px rgba(71,14,7,.92);
  filter: drop-shadow(0 3px 0 #3d0905) drop-shadow(0 0 12px rgba(255,67,24,.75)) drop-shadow(0 0 22px rgba(255,176,83,.35));
}
.clan-requirement{
  margin: 5px auto 12px;
  width:max-content;
  padding: 6px 18px;
  border-top:1px solid rgba(255,103,48,.45);
  border-bottom:1px solid rgba(255,103,48,.45);
  font-family: Georgia, 'Times New Roman', serif;
  font-weight:900;
  font-size:18px;
  letter-spacing:.22em;
  color:#ffd08c;
  text-transform:uppercase;
  text-shadow:0 0 10px rgba(255,40,20,.85),0 2px 0 #3b0906;
  background:linear-gradient(90deg,transparent,rgba(92,13,8,.56),transparent);
}
.hero-center p{
  font-size:24px;
  color:#ffd59a;
  text-shadow:0 0 12px rgba(255,50,20,.7);
}
.hero-card{
  min-height: 244px;
  display:flex;
  flex-direction:column;
}
.hero-card .small-red{
  align-self:center;
  margin-top:auto;
  min-width: 190px;
  text-align:center;
}
.activity-line{
  grid-template-columns:1fr;
  gap:2px;
}
.activity-line span{
  color:#f2d5b5;
}
.activity-line em{
  font-style:normal;
  color:#c89170;
  margin-left:4px;
  white-space:nowrap;
}

/* Interactive monthly Event Calendar */
.full-calendar-panel{
  grid-column:1 / -1;
  min-height:720px;
}
.calendar-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:16px;
}
.calendar-topline h3{margin:0;}
.add-event-btn{white-space:nowrap;}
.month-switcher{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  margin:4px 0 22px;
}
.month-title{
  min-width:260px;
  text-align:center;
  font-family:Georgia,'Times New Roman',serif;
  font-size:32px;
  letter-spacing:.08em;
  color:#ffddb2;
  text-transform:uppercase;
  text-shadow:0 0 18px rgba(255,45,24,.82),0 2px 0 #300503;
}
.month-btn{
  width:48px;
  height:44px;
  border:1px solid rgba(255,68,37,.72);
  background:linear-gradient(180deg,#611009,#1b0302);
  color:#fff1df;
  border-radius:8px;
  font-size:26px;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 0 22px rgba(255,35,20,.25);
}
.month-btn:hover{box-shadow:0 0 30px rgba(255,35,20,.75);background:linear-gradient(180deg,#98170d,#2d0503)}
.calendar-shell{
  display:grid;
  grid-template-columns:minmax(520px,1fr) 390px;
  gap:18px;
  align-items:start;
}
.calendar-board{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:8px;
}
.weekday{
  text-align:center;
  color:#ffc078;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
  padding:8px 0;
  border-bottom:1px solid rgba(255,74,36,.22);
}
.cal-day{
  position:relative;
  min-height:92px;
  border:1px solid rgba(255,74,36,.20);
  background:linear-gradient(180deg,rgba(24,6,5,.72),rgba(8,1,1,.82));
  color:#ffe6c6;
  border-radius:8px;
  cursor:pointer;
  text-align:left;
  padding:10px;
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,213,143,.04);
}
.cal-day.empty{opacity:.25;cursor:default;background:rgba(0,0,0,.18)}
.cal-day:hover:not(.empty){border-color:#ff3b29;box-shadow:0 0 22px rgba(255,47,26,.30),inset 0 0 20px rgba(255,77,30,.10)}
.cal-day.has-event{
  border-color:color-mix(in srgb, var(--eventColor) 70%, #fff 10%);
  box-shadow:inset 0 -36px 48px color-mix(in srgb, var(--eventColor) 24%, transparent),0 0 18px color-mix(in srgb, var(--eventColor) 24%, transparent);
}
.cal-day.has-event:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,color-mix(in srgb, var(--eventColor) 34%, transparent),transparent 54%);
  opacity:.85;
}
.day-number{position:relative;z-index:1;font-weight:950;font-size:18px;}
.event-dot{position:absolute;z-index:1;left:10px;bottom:10px;width:42px;height:7px;border-radius:999px;background:var(--eventColor);box-shadow:0 0 14px var(--eventColor)}
.cal-day.today{outline:2px solid #ffd071;outline-offset:-4px;}
.cal-day.today .day-number:after{content:" Today";font-size:10px;color:#ffd071;text-transform:uppercase;letter-spacing:.05em;}
.cal-day.selected{border-color:#fff0bd;box-shadow:0 0 28px rgba(255,216,120,.48),inset 0 0 25px rgba(255,214,126,.12)}
.day-details{
  min-height:520px;
  border:1px solid rgba(255,74,36,.28);
  background:linear-gradient(180deg,rgba(23,6,5,.88),rgba(8,1,1,.93));
  border-radius:8px;
  padding:18px;
  box-shadow:0 0 25px rgba(255,40,20,.10);
}
.day-details h4{
  margin:0 0 16px;
  font-family:Georgia,'Times New Roman',serif;
  font-size:24px;
  color:#ffdfb5;
  line-height:1.25;
}
.no-events{padding:18px;border:1px dashed rgba(255,94,52,.28);border-radius:8px;background:rgba(0,0,0,.18)}
.calendar-event-card{
  display:grid;
  grid-template-columns:7px 1fr;
  gap:12px;
  border:1px solid color-mix(in srgb, var(--eventColor) 60%, #fff 4%);
  background:linear-gradient(90deg,color-mix(in srgb, var(--eventColor) 18%, transparent),rgba(7,1,1,.72));
  border-radius:8px;
  padding:12px;
  margin-bottom:12px;
}
.event-color-bar{width:7px;border-radius:99px;background:var(--eventColor);box-shadow:0 0 16px var(--eventColor)}
.calendar-event-card strong{display:block;color:#fff3dd;font-size:17px;margin-bottom:4px;}
.calendar-event-card span{display:block;color:#d7a180;font-size:13px;margin-bottom:3px;}
.calendar-event-card p{margin:8px 0 0;color:#f2c9a6;line-height:1.55;}
.buyin-tag{display:inline-block!important;width:max-content;padding:4px 8px;border-radius:999px;background:rgba(255,198,91,.14);border:1px solid rgba(255,198,91,.45);color:#ffd36f!important;font-weight:900;text-transform:uppercase;letter-spacing:.05em;}
.event-modal-card{width:min(620px,calc(100vw - 28px));}
.event-modal-card textarea,.modal-card textarea{
  width:100%;min-height:110px;resize:vertical;padding:12px;border:1px solid rgba(255,72,39,.40);background:#090101;color:#fff1df;border-radius:6px;
}
.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.color-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin:8px 0 10px;}
.color-choice{height:38px;border-radius:8px;border:1px solid rgba(255,255,255,.22);background:var(--eventColor);cursor:pointer;box-shadow:0 0 12px color-mix(in srgb, var(--eventColor) 42%, transparent);}
.color-choice.active{outline:3px solid #fff0bd;outline-offset:2px;}
.checkline{display:flex!important;align-items:center;gap:10px;margin:8px 0 16px!important;}
.checkline input{width:auto!important;accent-color:#e43424;}
@media(max-width:980px){.calendar-shell{grid-template-columns:1fr}.cal-day{min-height:74px}.day-details{min-height:unset}.two-fields{grid-template-columns:1fr}.color-picker{grid-template-columns:repeat(4,1fr)}}


/* Calendar-only page layout */
body.calendar-mode .hero-scene{
  display:none;
}
body.calendar-mode .page-grid{
  display:block;
  margin:24px 38px 48px;
}
body.calendar-mode .full-calendar-panel{
  width:100%;
  min-height:calc(100vh - 210px);
  padding:26px;
}
body.calendar-mode .calendar-topline{
  margin-bottom:22px;
}
body.calendar-mode .calendar-topline h3{
  font-size:30px;
}
body.calendar-mode .calendar-shell{
  grid-template-columns:minmax(760px,1fr) 430px;
  gap:24px;
}
body.calendar-mode .calendar-board{
  gap:10px;
}
body.calendar-mode .cal-day{
  min-height:118px;
  font-size:17px;
}
body.calendar-mode .day-number{
  font-size:24px;
}
body.calendar-mode .day-details{
  min-height:690px;
}
body.calendar-mode .month-switcher{
  margin:8px 0 26px;
}
body.calendar-mode .month-title{
  font-size:38px;
  min-width:330px;
}
@media(max-width:1100px){
  body.calendar-mode .page-grid{margin:14px;}
  body.calendar-mode .calendar-shell{grid-template-columns:1fr;}
  body.calendar-mode .day-details{min-height:unset;}
  body.calendar-mode .cal-day{min-height:82px;}
}

/* Staff event edit/delete controls */
.event-admin-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:12px;
}
.event-admin-actions button{
  border:1px solid rgba(255,72,39,.45);
  background:linear-gradient(180deg,#4a0705,#170202);
  color:#fff3dd;
  border-radius:6px;
  padding:7px 12px;
  text-transform:uppercase;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  cursor:pointer;
  box-shadow:0 0 12px rgba(255,40,20,.18);
}
.event-admin-actions button:hover{
  box-shadow:0 0 20px rgba(255,40,20,.55);
  background:linear-gradient(180deg,#8f0d09,#250303);
}
.event-admin-actions .event-delete-btn{
  border-color:rgba(255,198,91,.45);
  color:#ffd98a;
}
.event-admin-actions .event-delete-btn:hover{
  box-shadow:0 0 22px rgba(255,198,91,.44);
}

/* Clan Hall WOM hero stats */
body[data-page="hall"] .hero-scene{
  min-height:340px;
  padding-top:24px;
  padding-bottom:24px;
}
body[data-page="hall"] .hero-center{
  align-self:center;
}
body[data-page="hall"] .welcome{
  font-size:24px;
}
body[data-page="hall"] .hero-center h1{
  font-size:88px;
}
body[data-page="hall"] .clan-requirement{
  font-size:15px;
  margin-bottom:8px;
}
body[data-page="hall"] .hero-center p{
  font-size:18px;
  padding:9px 28px;
}
.hero-mark{display:none!important;}
.wom-stats-wrap{
  display:grid;
  grid-template-columns:repeat(2,minmax(160px,1fr));
  gap:12px;
  width:min(440px,100%);
  margin:16px auto 8px;
}
.wom-stat-card{
  position:relative;
  overflow:hidden;
  min-height:86px;
  border:1px solid rgba(255,83,37,.55);
  background:linear-gradient(180deg,rgba(43,9,6,.88),rgba(10,1,1,.92));
  border-radius:10px;
  padding:14px 12px;
  box-shadow:0 0 24px rgba(255,37,18,.18), inset 0 0 22px rgba(255,169,74,.05);
}
.wom-stat-card:before{
  content:"";
  position:absolute;
  inset:-40% -60%;
  background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.14) 48%,transparent 62%);
  transform:translateX(-40%);
  opacity:.55;
}
.wom-stat-card span{
  display:block;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:#d59a78;
  font-weight:900;
  margin-bottom:6px;
}
.wom-stat-card strong{
  display:block;
  font-family:Georgia,'Times New Roman',serif;
  font-size:30px;
  line-height:1;
  color:#ffdfad;
  text-shadow:0 0 14px rgba(255,63,22,.7);
}
.wom-credit{
  color:#c8906e;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:900;
}
.wom-credit a{
  color:#ffd15d;
  text-decoration:none;
  border-bottom:1px solid rgba(255,209,93,.55);
}
.wom-credit a:hover{
  color:#fff1bd;
  text-shadow:0 0 12px rgba(255,209,93,.8);
}
@media(max-width:780px){
  body[data-page="hall"] .hero-scene{min-height:unset;}
  body[data-page="hall"] .hero-center h1{font-size:48px;}
  .wom-stats-wrap{grid-template-columns:1fr;}
}

/* Live Upcoming Events panel from Event Calendar */
.hero-upcoming-list{
  display:flex;
  flex-direction:column;
  gap:0;
  flex:1;
  min-height:190px;
}
.live-calendar-event{
  position:relative;
}
.live-calendar-event:before{
  content:"";
  width:5px;
  align-self:stretch;
  border-radius:999px;
  background:var(--eventColor,#e43424);
  box-shadow:0 0 14px var(--eventColor,#e43424);
  margin-right:2px;
}
.empty-event b{
  font-size:18px;
  display:grid;
  place-items:center;
}
.hero-calendar-btn{
  margin-top:18px!important;
  margin-bottom:4px;
}

body[data-page="drops"] .hero-scene{display:none;}
body[data-page="drops"] .page-grid{grid-template-columns:1fr;max-width:1500px;margin-top:22px;}
.drops-live-page{min-height:720px;}
.drops-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;}
.drops-toolbar h3{font-size:2rem;margin:0;}
.drops-status{color:#e8b981;font-size:.92rem;}
.drop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px;}
.drop-card-live{border:1px solid rgba(255,68,51,.35);background:linear-gradient(145deg,rgba(22,5,4,.9),rgba(65,11,8,.65));box-shadow:0 0 22px rgba(255,34,20,.12);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-height:390px;}
.drop-card-image{height:210px;background:#150807 center/cover no-repeat;border-bottom:1px solid rgba(255,68,51,.22);}
.drop-card-body{padding:14px 16px;display:flex;flex-direction:column;gap:7px;}
.drop-player{color:#ffcf9a;font-weight:800;letter-spacing:.02em;}
.drop-item{font-size:1.12rem;font-weight:900;color:#fff;}
.drop-meta{color:#d4b2a4;font-size:.9rem;line-height:1.4;}
.drop-value{color:#ff4b38;font-weight:800;}
.drop-empty{padding:34px;border:1px dashed rgba(255,255,255,.22);border-radius:14px;color:#d6b8ad;text-align:center;}

/* Recent Notable Drops slideshow */
body[data-page="drops"] .hero-scene{display:none;}
body[data-page="drops"] .page-grid{grid-template-columns:1fr;max-width:1900px;margin-top:24px;}
.slideshow-drops-page{min-height:1040px;padding:30px;}
.slideshow-toolbar{align-items:flex-start;border-bottom:1px solid rgba(255,68,51,.22);padding-bottom:18px;margin-bottom:22px;}
.slideshow-toolbar h3{font-size:2.35rem;letter-spacing:.06em;text-transform:uppercase;color:#ffd4ad;text-shadow:0 0 16px rgba(255,52,36,.55);}
.drops-subtitle{margin:8px 0 0;color:#e8b981;font-size:1rem;letter-spacing:.02em;}
.drop-showcase{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(320px,.65fr);gap:24px;align-items:stretch;}
.drop-feature{position:relative;border:1px solid rgba(255,66,42,.52);background:linear-gradient(145deg,rgba(14,2,1,.94),rgba(64,10,7,.72));border-radius:18px;box-shadow:0 0 36px rgba(255,35,20,.18), inset 0 0 34px rgba(255,128,55,.06);overflow:hidden;min-height:950px;display:flex;flex-direction:column;}
.drop-feature::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(255,93,35,.18),transparent 42%),linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);pointer-events:none;}
.drop-feature-image{height:645px;background:#130504 center/contain no-repeat;border-bottom:1px solid rgba(255,68,51,.28);display:flex;align-items:center;justify-content:center;color:#c69a7d;font-weight:800;transition:opacity .35s ease, transform .35s ease;}
.drop-feature:hover .drop-feature-image{transform:scale(1.012);}
.drop-feature-info{position:relative;padding:22px 26px 18px;display:grid;gap:7px;}
.drop-feature-player{font-size:1.2rem;color:#ffb75e;font-weight:900;text-transform:uppercase;letter-spacing:.06em;}
.drop-feature-item{font-size:2rem;line-height:1.05;font-weight:950;color:#fff4df;text-shadow:0 0 14px rgba(255,43,28,.55);}
.drop-feature-value{font-size:1.15rem;color:#30e976;font-weight:900;}
.muted-value{color:#9f887e;font-weight:700;}
.drop-feature-source{color:#ff624d;font-weight:800;}
.drop-feature-time{color:#d6b0a0;font-size:.96rem;}
.drop-feature-counter{position:absolute;top:16px;right:16px;z-index:2;background:rgba(0,0,0,.58);border:1px solid rgba(255,74,43,.48);border-radius:999px;padding:7px 12px;color:#ffd1ac;font-weight:900;box-shadow:0 0 14px rgba(255,38,28,.25);}
.drop-arrow{position:absolute;top:300px;z-index:3;width:42px;height:64px;border:1px solid rgba(255,68,51,.52);background:rgba(21,4,3,.66);color:#ffd7b0;border-radius:12px;font-size:2.5rem;cursor:pointer;box-shadow:0 0 18px rgba(255,33,21,.25);transition:.18s ease;}
.drop-arrow:hover{background:rgba(126,14,8,.9);box-shadow:0 0 24px rgba(255,48,32,.55);transform:translateY(-1px);}
.drop-prev{left:14px;}
.drop-next{right:14px;}
.drop-dots{position:relative;display:flex;gap:7px;justify-content:center;flex-wrap:wrap;padding:0 24px 20px;}
.drop-dot{width:9px;height:9px;border-radius:50%;border:1px solid rgba(255,196,145,.6);background:rgba(255,255,255,.12);cursor:pointer;padding:0;}
.drop-dot.active{background:#ff3326;box-shadow:0 0 10px rgba(255,51,38,.9);border-color:#ffb48a;}
.drop-side-feed{border:1px solid rgba(255,68,51,.38);border-radius:18px;background:linear-gradient(160deg,rgba(20,3,3,.86),rgba(48,8,6,.58));box-shadow:0 0 28px rgba(255,35,20,.12);padding:18px;min-height:950px;}
.drop-side-feed h4{margin:0 0 16px;color:#ffd0a6;font-size:1.25rem;text-transform:uppercase;letter-spacing:.08em;}
.drop-thumb{width:100%;display:grid;grid-template-columns:78px 1fr auto;gap:12px;align-items:center;text-align:left;border:1px solid rgba(255,68,51,.23);background:rgba(255,255,255,.035);border-radius:14px;padding:10px;margin-bottom:12px;color:#fff;cursor:pointer;transition:.18s ease;}
.drop-thumb:hover,.drop-thumb.active{border-color:#ff4336;background:rgba(139,20,12,.42);box-shadow:0 0 18px rgba(255,43,28,.22);}
.drop-thumb-img{width:78px;height:58px;border-radius:10px;background:#160605 center/cover no-repeat;border:1px solid rgba(255,255,255,.08);}
.drop-thumb-copy{display:flex;flex-direction:column;gap:4px;min-width:0;}
.drop-thumb-copy strong{font-size:.95rem;color:#fff4df;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.drop-thumb-copy em{font-style:normal;color:#ffb977;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.drop-thumb-time{color:#9f887e;font-size:.78rem;white-space:nowrap;}
@media (max-width: 1050px){.drop-showcase{grid-template-columns:1fr}.drop-feature,.drop-side-feed{min-height:auto}.drop-feature-image{height:495px}.drop-arrow{top:225px}}

/* Recent drops staff controls */
.drop-staff-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:12px}
.drop-staff-actions .small-red,.delete-drop-btn{border:1px solid rgba(255,255,255,.18)}
.delete-drop-btn{background:linear-gradient(180deg,#4b0707,#1c0202)!important;color:#fff!important}
.drop-thumb-wrap{display:block;border-radius:16px;position:relative}
.drop-thumb-wrap .drop-thumb{width:100%}
.drop-thumb-actions{display:flex;gap:6px;margin:6px 0 12px 78px}
.drop-thumb-actions button{border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(23,8,8,.72);color:#fff;font-size:11px;padding:5px 10px;cursor:pointer}
.drop-thumb-actions button:last-child{background:rgba(100,10,10,.78)}
.drop-edit-card{max-width:520px}
.drop-edit-card input{width:100%}
.drop-edit-actions{margin-top:14px}

/* Drop slideshow refinement: top metadata, smaller image, inline controls */
.slideshow-drops-page{min-height:820px;}
.drop-feature{min-height:720px;}
.drop-feature-image{height:485px;position:relative;border-top:1px solid rgba(255,68,51,.22);}
.drop-feature-info-top{padding:20px 26px 16px;border-bottom:1px solid rgba(255,68,51,.24);background:linear-gradient(180deg,rgba(40,8,5,.52),rgba(12,3,2,.2));}
.drop-feature-details-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.drop-feature-time-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#d6b0a0;}
.discord-icon-btn{width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:linear-gradient(180deg,#5865f2,#2d348f);color:white;border:1px solid rgba(255,255,255,.22);box-shadow:0 0 14px rgba(88,101,242,.45);font-size:17px;line-height:1;transition:.16s ease;}
.discord-icon-btn:hover{transform:translateY(-1px) scale(1.04);box-shadow:0 0 20px rgba(88,101,242,.72);}
.drop-arrow{top:390px;}
.drop-dots-overlay{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:5;background:rgba(0,0,0,.44);border:1px solid rgba(255,196,145,.25);border-radius:999px;padding:8px 12px;max-width:80%;}
.drop-play-toggle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:6;width:74px;height:74px;border-radius:50%;border:1px solid rgba(255,225,190,.48);background:rgba(18,4,3,.62);color:#fff0db;font-size:2rem;cursor:pointer;box-shadow:0 0 28px rgba(255,45,31,.35), inset 0 0 18px rgba(255,145,66,.12);backdrop-filter:blur(4px);transition:.18s ease;}
.drop-play-toggle:hover{background:rgba(111,16,10,.78);box-shadow:0 0 36px rgba(255,58,40,.6);transform:translate(-50%,-50%) scale(1.04);}
.drop-thumb-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-bottom:12px;}
.drop-thumb-wrap .drop-thumb{margin-bottom:0;}
.drop-thumb-actions{display:flex;flex-direction:column;gap:7px;margin:0;align-items:center;justify-content:center;}
.drop-thumb-actions .icon-action{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:15px;border:1px solid rgba(255,255,255,.18);background:rgba(23,8,8,.72);color:#fff;cursor:pointer;box-shadow:0 0 10px rgba(255,43,28,.12);transition:.16s ease;}
.drop-thumb-actions .icon-action:hover{transform:translateY(-1px);box-shadow:0 0 16px rgba(255,67,54,.34);border-color:rgba(255,122,92,.5);}
.drop-thumb-actions .delete-icon{background:rgba(100,10,10,.78);}
.drop-staff-actions{display:none!important;}
@media (max-width: 1050px){.drop-feature-image{height:365px}.drop-arrow{top:300px}.drop-feature{min-height:auto}.drop-play-toggle{width:62px;height:62px;font-size:1.65rem}.drop-thumb-wrap{grid-template-columns:1fr}}

/* Recent Drops final requested refinements */
.drop-feature{min-height:790px;}
.drop-feature-image{height:558px;cursor:pointer;}
.drop-dots{position:relative;display:flex;gap:7px;justify-content:center;flex-wrap:wrap;padding:14px 24px 20px;background:transparent;border:0;}
.drop-dots-overlay{position:relative;left:auto;bottom:auto;transform:none;background:transparent;border:0;border-radius:0;padding:14px 24px 20px;max-width:none;}
.drop-play-toggle{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  z-index:6;width:auto;height:auto;border:0!important;background:transparent!important;
  color:#fff0db;font-size:4.2rem;line-height:1;cursor:pointer;box-shadow:none!important;
  text-shadow:0 0 18px rgba(0,0,0,.95),0 0 26px rgba(255,60,36,.8);
  opacity:0;pointer-events:none;transition:opacity .16s ease, transform .16s ease;
}
.drop-feature-image.show-play-feedback .drop-play-toggle{opacity:1;transform:translate(-50%,-50%) scale(1.04);}
.drop-play-toggle:hover{background:transparent!important;box-shadow:none!important;transform:translate(-50%,-50%) scale(1.04);}
.discord-icon-btn{background:transparent;border:0;box-shadow:none;width:36px;height:36px;padding:0;border-radius:10px;overflow:hidden;}
.discord-icon-btn img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 0 8px rgba(88,101,242,.7));}
.discord-icon-btn:hover{transform:translateY(-1px) scale(1.06);box-shadow:none;}
.drop-thumb-actions{gap:5px;margin:0 0 0 2px;align-self:center;justify-self:center;}
.drop-thumb-actions .icon-action{width:25px;height:25px;border-radius:8px;font-size:12px;padding:0;}
.drop-thumb-wrap{grid-template-columns:minmax(0,1fr) 32px;align-items:center;}
.drop-staff-actions{display:none!important;}
.drop-arrow{top:455px;}
@media (max-width: 1050px){.drop-feature-image{height:420px}.drop-arrow{top:340px}.drop-play-toggle{font-size:3.3rem}}

/* Hover jitter fix: keep drop images completely still on hover. */
.drop-feature-image,
.drop-feature:hover .drop-feature-image {
  transform: none !important;
  transition: opacity .25s ease !important;
  backface-visibility: hidden;
  will-change: auto;
}

.hero-recent-drops-list{
  display:flex;
  flex-direction:column;
  gap:0;
}
.recent-drop-line strong{
  color:#ff3d33;
  text-shadow:0 0 12px rgba(255,44,32,.55);
}
.recent-drop-line span{
  line-height:1.35;
}
.hero-drops-btn{
  align-self:center;
  margin-top:24px!important;
  margin-bottom:12px!important;
}
.right-two h3{
  text-transform:uppercase;
}


/* Clan Hall top cards: same size + cleaner spacing */
body[data-page="hall"] .hero-card{
  height:264px;
  min-height:264px;
  max-height:264px;
  display:flex;
  flex-direction:column;
}
body[data-page="hall"] .hero-upcoming-list,
body[data-page="hall"] .hero-recent-drops-list{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  overflow:hidden;
}
body[data-page="hall"] .hero-calendar-btn,
body[data-page="hall"] .hero-drops-btn{
  align-self:center;
  margin-top:auto!important;
  margin-bottom:6px;
}
body[data-page="hall"] .mini-event,
body[data-page="hall"] .activity-line{
  min-height:54px;
}

/* Clan Hall: larger equal panels for upcoming events + recent drops */
body[data-page="hall"] .hero-card{
  height:340px !important;
  min-height:340px !important;
  max-height:340px !important;
  display:flex !important;
  flex-direction:column !important;
}
body[data-page="hall"] .hero-upcoming-list,
body[data-page="hall"] .hero-recent-drops-list{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow:visible !important;
  gap:8px !important;
}
body[data-page="hall"] .mini-event,
body[data-page="hall"] .activity-line{
  min-height:62px !important;
  padding-top:10px !important;
  padding-bottom:10px !important;
}
body[data-page="hall"] .hero-calendar-btn,
body[data-page="hall"] .hero-drops-btn{
  align-self:center !important;
  margin-top:auto !important;
  margin-bottom:10px !important;
}

/* Clan Hall button alignment refinement */
body[data-page="hall"] .hero-card{
  height:340px !important;
  min-height:340px !important;
  max-height:340px !important;
  display:flex !important;
  flex-direction:column !important;
}
body[data-page="hall"] .hero-upcoming-list,
body[data-page="hall"] .hero-recent-drops-list{
  flex:0 0 220px !important;
  min-height:220px !important;
  max-height:220px !important;
  overflow:visible !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  justify-content:flex-start !important;
}
body[data-page="hall"] .mini-event,
body[data-page="hall"] .activity-line{
  min-height:62px !important;
  padding-top:10px !important;
  padding-bottom:10px !important;
}
body[data-page="hall"] .hero-calendar-btn,
body[data-page="hall"] .hero-drops-btn{
  align-self:center !important;
  margin-top:14px !important;
  margin-bottom:0 !important;
  position:relative;
  top:0;
}


/* Clickable Clan Hall panel titles replacing footer buttons */
.section-link{
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  transition:color .18s ease, text-shadow .18s ease, transform .18s ease;
}
.section-link:hover{
  color:#fff2dc!important;
  text-shadow:0 0 16px rgba(255,40,28,.85),0 0 28px rgba(255,118,54,.45);
  transform:translateY(-1px);
}
body[data-page="hall"] .hero-card{
  height:340px!important;
  min-height:340px!important;
  max-height:340px!important;
}
body[data-page="hall"] .hero-upcoming-list,
body[data-page="hall"] .hero-recent-drops-list{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
body[data-page="hall"] .hero-calendar-btn,
body[data-page="hall"] .hero-drops-btn{
  display:none!important;
}


/* Login/auth refinements */
.password-warning{margin:6px 0 12px;color:#ffcf7a;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;text-align:center;text-shadow:0 0 10px rgba(255,92,34,.45)}
.logged-in-display{cursor:pointer!important;pointer-events:auto!important;opacity:1!important}
.modal-card .red-button.full{display:block;width:auto;min-width:190px;margin:22px auto 0;text-align:center}
.modal-card label{display:block;margin-top:10px}
.modal-card input{width:100%;box-sizing:border-box}

.password-warning-inline{font-size:.8rem;color:#ff8a8a;font-weight:600;margin-left:8px;}


/* Event Signup full-page layout */
body.signup-mode .hero-scene{display:none;}
body.signup-mode .page-grid{grid-template-columns:1fr;max-width:1320px;margin:28px auto 54px;padding:0 28px;}
body.signup-mode .panel.wide{grid-column:1/-1;}
.signup-only-panel{min-height:calc(100vh - 235px);padding:30px 34px;}
.signup-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px;border-bottom:1px solid rgba(255,82,47,.22);padding-bottom:14px;}
.signup-page-heading h3{font-size:34px;margin:0;}
.event-signup-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;}
.signup-event-card{position:relative;display:grid;grid-template-columns:8px 1fr auto;gap:16px;align-items:center;padding:17px;border:1px solid rgba(255,74,36,.26);background:linear-gradient(180deg,rgba(35,8,6,.86),rgba(8,1,1,.88));border-radius:10px;box-shadow:inset 0 0 0 1px rgba(255,210,150,.05),0 0 18px rgba(255,42,20,.10);}
.signup-event-color{height:100%;min-height:92px;border-radius:999px;box-shadow:0 0 18px rgba(255,70,20,.4);}
.signup-event-main strong{display:block;color:#fff3de;font-size:19px;margin-bottom:5px;}
.signup-event-main span{display:block;color:#ffc06e;font-weight:800;font-size:13px;margin-bottom:7px;}
.signup-event-main p{margin:0;color:#d7a98f;line-height:1.35;}
.buyin-note{display:inline-flex;margin-top:8px;color:#ffdc8a;font-style:normal;font-weight:950;text-transform:uppercase;font-size:11px;letter-spacing:.08em;}
.signup-open-btn{white-space:nowrap;}
.signup-modal-card{width:min(520px,calc(100vw - 28px));}
.signup-modal-card .optional{color:#d9a184;font-weight:700;}
.paste-box{margin-top:10px;min-height:82px;border:1px dashed rgba(255,114,68,.65);background:rgba(12,2,2,.72);border-radius:8px;display:grid;place-items:center;text-align:center;color:#ffd0a6;font-weight:900;cursor:text;outline:none;}
.paste-box:focus{box-shadow:0 0 22px rgba(255,55,28,.35);border-color:#ff5b35;}
.signup-preview{margin-top:10px;display:flex;gap:10px;align-items:center;color:#34ff7c;font-weight:900;}
.signup-preview img{width:72px;height:54px;object-fit:cover;border-radius:6px;border:1px solid rgba(255,90,50,.45);}
.signup-submit{margin-top:18px;}
@media(max-width:780px){body.signup-mode .page-grid{margin:12px;padding:0}.signup-page-heading{display:block}.event-signup-list{grid-template-columns:1fr}.signup-event-card{grid-template-columns:6px 1fr}.signup-open-btn{grid-column:2;justify-self:start}}
.buyin-amount-wrap.hidden,.signup-proof-wrap.hidden{display:none!important;}
.buyin-amount-wrap{margin-top:-6px;margin-bottom:14px;}
.buyin-tag,.buyin-note{white-space:normal;}

.signup-url-input {
  display: block;
  width: 100%;
  min-height: 46px;
  box-sizing: border-box;
  cursor: text;
}
.signup-modal .modal-card, .signup-modal-card {
  pointer-events: auto;
}

/* Staff page cleaned layout */
body.staff-mode .hero-scene{display:none;}
body.staff-mode .page-grid{margin-top:28px;}
.staff-action-card{display:flex;flex-direction:column;gap:12px;justify-content:space-between;min-height:210px;}
.staff-action-card .red-button{align-self:flex-start;}
.staff-data-modal{z-index:10000;}
.staff-data-card{width:min(1040px,calc(100vw - 32px));max-height:86vh;overflow:auto;}
.staff-table-wrap{overflow:auto;border:1px solid rgba(255,74,36,.25);border-radius:10px;background:rgba(0,0,0,.22);}
.staff-table{width:100%;border-collapse:collapse;min-width:760px;}
.staff-table th,.staff-table td{padding:12px 14px;border-bottom:1px solid rgba(255,74,36,.16);text-align:left;vertical-align:middle;}
.staff-table th{color:#ffd19a;text-transform:uppercase;font-size:12px;letter-spacing:.08em;background:rgba(60,8,5,.65);}
.staff-table td{color:#ffe5c5;}
.staff-table tr:hover td{background:rgba(255,55,25,.08);}
.mini-link{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:7px;border:1px solid rgba(255,84,45,.55);color:#fff1dc;text-decoration:none;background:rgba(86,11,7,.72);box-shadow:0 0 12px rgba(255,55,25,.14);font-weight:800;}
.role-pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-weight:900;text-transform:uppercase;font-size:11px;letter-spacing:.06em;}
.staff-role{background:rgba(255,198,91,.16);border-color:rgba(255,198,91,.55);color:#ffd36f;}
.admin-role{background:rgba(255,45,25,.18);border-color:rgba(255,83,45,.62);color:#ffb199;}
.member-actions{display:flex;gap:8px;flex-wrap:wrap;}
.tiny-action{border:1px solid rgba(255,84,45,.5);background:linear-gradient(180deg,#5f0d08,#1a0302);color:#fff1df;border-radius:7px;padding:7px 10px;font-weight:900;cursor:pointer;}
.tiny-action:hover{box-shadow:0 0 18px rgba(255,47,26,.42);}
.danger-mini{border-color:rgba(255,55,35,.8);background:linear-gradient(180deg,#7a0c08,#240302);}

/* Staff dashboard final action layout */
body.staff-mode .hero-scene{display:none!important;}
body.staff-mode .page-grid{grid-template-columns:1fr 1fr;margin-top:30px;align-items:start;}
body.staff-mode .panel.wide{grid-column:1 / -1;}
.staff-dashboard-panel{min-height:auto;}
.staff-stats{grid-template-columns:repeat(4,minmax(150px,1fr));align-items:stretch;}
.staff-stat-button{appearance:none;font:inherit;color:inherit;background:rgba(20,3,2,.55);border:0;border-right:1px solid rgba(255,80,40,.25);cursor:pointer;transition:box-shadow .18s ease, transform .18s ease, background .18s ease;}
.staff-stat-button:hover{background:linear-gradient(180deg,rgba(111,9,6,.72),rgba(34,3,3,.86));box-shadow:0 0 24px rgba(255,48,28,.45), inset 0 0 16px rgba(255,192,112,.08);transform:translateY(-1px);}

.staff-data-card h2{font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.08em;color:#ffdcb9;margin:0 0 18px;}
.proof-preview-link{display:flex;align-items:center;gap:9px;text-decoration:none;color:#fff1dc;font-weight:900;}
.proof-preview-link img{width:64px;height:44px;object-fit:cover;border-radius:7px;border:1px solid rgba(255,84,45,.55);box-shadow:0 0 12px rgba(255,55,25,.16);background:#110202;}
.proof-preview-link:hover span{text-decoration:underline;}
@media(max-width:900px){body.staff-mode .page-grid{grid-template-columns:1fr}.staff-stats{grid-template-columns:1fr 1fr}.staff-stat-button{border-right:0}}


/* Staff dashboard restored: keep content visible and use modal popups for big tables */
body.staff-mode .hero-scene{display:none!important;}
body.staff-mode .page-grid{grid-template-columns:1fr 1fr;margin-top:30px;align-items:start;}
body.staff-mode .panel.wide{grid-column:1 / -1;}
.staff-dashboard-panel{min-height:auto;}
.staff-stats{grid-template-columns:repeat(4,minmax(150px,1fr));align-items:stretch;}
.staff-stat-button{appearance:none;font:inherit;color:inherit;background:rgba(20,3,2,.55);border:0;border-right:1px solid rgba(255,80,40,.25);cursor:pointer;transition:box-shadow .18s ease, transform .18s ease, background .18s ease;}
.staff-stat-button:hover{background:linear-gradient(180deg,rgba(111,9,6,.72),rgba(34,3,3,.86));box-shadow:0 0 24px rgba(255,48,28,.45), inset 0 0 16px rgba(255,192,112,.08);transform:translateY(-1px);}
.staff-data-modal{z-index:9999;}
.staff-data-card{width:min(1180px,calc(100vw - 34px));max-height:88vh;overflow:auto;background:linear-gradient(180deg,rgba(28,6,4,.98),rgba(7,1,1,.98));}
.staff-data-card h2{font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.08em;color:#ffdcb9;margin:0 0 18px;}
.proof-preview-link{display:flex;align-items:center;gap:9px;text-decoration:none;color:#fff1dc;font-weight:900;}
.proof-preview-link img{width:64px;height:44px;object-fit:cover;border-radius:7px;border:1px solid rgba(255,84,45,.55);box-shadow:0 0 12px rgba(255,55,25,.16);background:#110202;}
.proof-preview-link:hover span{text-decoration:underline;}
@media(max-width:900px){body.staff-mode .page-grid{grid-template-columns:1fr}.staff-stats{grid-template-columns:1fr 1fr}.staff-stat-button{border-right:0}}

/* Staff modal hard-fix */
.staff-popup-overlay{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  background:rgba(0,0,0,.78);
  padding:22px;
}
.staff-popup-overlay.hidden{display:none!important;}
.staff-popup-card{
  position:relative;
  width:min(1180px,calc(100vw - 32px));
  max-height:88vh;
  overflow:auto;
  background:linear-gradient(180deg,rgba(28,6,4,.99),rgba(7,1,1,.99));
  border:1px solid rgba(255,198,91,.72);
  border-radius:12px;
  padding:24px;
  box-shadow:0 0 55px rgba(255,45,22,.28), inset 0 0 0 1px rgba(255,215,150,.08);
}
.staff-popup-card h2{
  font-family:Georgia,serif;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#ffdcb9;
  margin:0 0 18px;
}
.staff-stat-button{display:block;}
.staff-stat-button span,.staff-stat-button b{pointer-events:none;}
.proof-preview-link{display:flex;align-items:center;gap:10px;color:#ffd6a5;text-decoration:none;font-weight:900;}
.proof-preview-link img{width:86px;height:54px;object-fit:cover;border-radius:6px;border:1px solid rgba(255,92,44,.45);}
.member-actions{display:flex;gap:8px;flex-wrap:wrap;}
.tiny-action{border:1px solid rgba(255,91,50,.55);background:linear-gradient(180deg,#57100b,#1b0302);color:#fff0d8;border-radius:7px;padding:7px 10px;font-weight:900;cursor:pointer;}
.tiny-action:hover{box-shadow:0 0 18px rgba(255,57,28,.45);}
.danger-mini{border-color:rgba(255,50,40,.8);background:linear-gradient(180deg,#8b0f0a,#240302);}
.role-pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#2b0705;color:#ffd18a;font-weight:900;text-transform:uppercase;font-size:11px;}
.role-pill.admin-role{background:#3a2504;color:#ffd76e;}
.role-pill.staff-role{background:#3a0b06;color:#ffad8a;}

/* Staff tools rework */
.staff-tools-panel{padding:26px!important;}
.staff-tools-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px;}
.staff-tools-heading h3{margin:0;font-size:1.55rem;letter-spacing:.04em;text-transform:uppercase;color:#fff;}
.staff-tools-grid{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:16px;}
.staff-tool-card{min-height:120px;border:1px solid rgba(255,65,45,.38);border-radius:18px;background:linear-gradient(180deg,rgba(90,10,8,.82),rgba(20,8,8,.92));color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 12px 28px rgba(0,0,0,.28);transition:box-shadow .16s ease, transform .16s ease, border-color .16s ease;}
.staff-tool-card b{font-size:1.9rem;color:#ffcfba;text-shadow:0 0 15px rgba(255,60,40,.55);}
.staff-tool-card span{text-transform:uppercase;font-weight:800;letter-spacing:.055em;font-size:.88rem;}
.staff-tool-card:hover{transform:translateY(-2px);border-color:#ff5a43;box-shadow:0 0 26px rgba(255,40,25,.42), inset 0 0 20px rgba(255,60,40,.14);}
.staff-tool-card.gold-tool{border-color:rgba(255,191,67,.48);background:linear-gradient(180deg,rgba(92,59,8,.82),rgba(20,12,4,.92));}
.staff-tool-card.gold-tool:hover{border-color:#ffc248;box-shadow:0 0 28px rgba(255,190,60,.45), inset 0 0 20px rgba(255,190,60,.16);}
.staff-popup-overlay{position:fixed;inset:0;background:rgba(4,0,0,.78);backdrop-filter:blur(8px);z-index:9999;display:grid;place-items:center;padding:24px;}
.staff-popup-overlay.hidden{display:none!important;}
.staff-popup-card{width:min(1180px,96vw);max-height:86vh;overflow:auto;border:1px solid rgba(255,61,41,.45);border-radius:22px;background:linear-gradient(180deg,rgba(28,7,7,.98),rgba(10,5,5,.98));box-shadow:0 28px 80px rgba(0,0,0,.62),0 0 40px rgba(255,30,20,.18);padding:26px;position:relative;}
.staff-popup-card h2{margin:0 0 18px;color:#fff;text-transform:uppercase;letter-spacing:.05em;}
.staff-table-wrap{overflow:auto;}
.staff-table{width:100%;border-collapse:separate;border-spacing:0 8px;}
.staff-table th{text-align:left;color:#ffb4a7;font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;padding:8px 12px;white-space:nowrap;}
.staff-table td{background:rgba(255,255,255,.045);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);padding:12px;color:#f4e6de;vertical-align:middle;}
.staff-table tr td:first-child{border-left:1px solid rgba(255,255,255,.07);border-radius:12px 0 0 12px;}
.staff-table tr td:last-child{border-right:1px solid rgba(255,255,255,.07);border-radius:0 12px 12px 0;}
.role-select{background:#1b0b0b;color:#fff;border:1px solid rgba(255,80,60,.45);border-radius:10px;padding:8px 10px;}
.signup-group{margin-bottom:22px;}
.signup-group h3{display:flex;justify-content:space-between;gap:14px;align-items:center;color:#fff;margin:0 0 10px;}
.signup-group h3 span{font-size:.85rem;color:#ffb4a7;font-weight:700;}
.proof-preview-link{display:flex;align-items:center;gap:8px;color:#ffd7ca;text-decoration:none;}
.proof-preview-link img{width:52px;height:38px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.16);}
.draft-window{display:grid;gap:14px;}
.draft-window label{font-weight:800;color:#ffd4ca;text-transform:uppercase;font-size:.8rem;letter-spacing:.06em;}
.draft-window select,.draft-window input,.draft-window textarea{width:100%;background:#120707;color:#fff;border:1px solid rgba(255,80,60,.38);border-radius:12px;padding:11px 12px;}
.draft-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.draft-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:10px;}
.draft-team{border:1px solid rgba(255,80,60,.28);background:rgba(255,255,255,.045);border-radius:14px;padding:14px;}
.draft-team h3{margin:0 0 10px;color:#fff;}
.draft-team span{display:block;background:rgba(0,0,0,.25);border-radius:9px;padding:7px 9px;margin:6px 0;color:#f6e7df;}
@media(max-width:980px){.staff-tools-grid{grid-template-columns:repeat(2,1fr)}.draft-controls{grid-template-columns:1fr}}

/* Staff report unread/archive tools */
.staff-tool-card small{display:block;margin-top:6px;color:#ffd2cc;font-size:.78rem;letter-spacing:.03em;text-transform:uppercase;}
.staff-subtabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px;align-items:center;}
.staff-subtabs .tiny-action.active-subtab{border-color:rgba(255,64,42,.85);box-shadow:0 0 18px rgba(255,64,42,.25);background:rgba(255,64,42,.16);color:#fff;}
.reports-table tr.report-row{cursor:pointer;transition:background .18s ease, box-shadow .18s ease;}
.reports-table tr.report-row:hover{background:rgba(255,64,42,.08);box-shadow:inset 3px 0 0 rgba(255,64,42,.75);}
.unread-report-row{background:rgba(255,64,42,.09);}
.role-pill.unread-role{display:inline-flex;align-items:center;border:1px solid rgba(255,64,42,.75);background:rgba(255,64,42,.18);color:#ffd8d4;border-radius:999px;padding:4px 9px;font-weight:800;font-size:.78rem;text-transform:uppercase;}
.role-pill.archived-role{display:inline-flex;align-items:center;border:1px solid rgba(236,189,83,.65);background:rgba(236,189,83,.16);color:#ffe6a8;border-radius:999px;padding:4px 9px;font-weight:800;font-size:.78rem;text-transform:uppercase;}
.report-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.report-detail-window{display:grid;gap:14px;}
.detail-grid{display:grid;grid-template-columns:180px 1fr;gap:14px;padding:12px 14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.035);}
.detail-grid span,.report-detail-block span{color:#ffb5ac;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:800;}
.detail-grid strong{color:#fff;}
.report-detail-block{padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(0,0,0,.20);}
.report-detail-block p{margin:8px 0 0;line-height:1.65;color:#f7ddd8;white-space:pre-wrap;}
.report-detail-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-top:8px;}

/* Staff detail modal action buttons */
.staff-detail-btn{
  min-width: 120px;
  text-align: center;
  justify-content: center;
}
.staff-detail-btn.danger-detail{
  background: linear-gradient(135deg, #8c1111, #e43b2d);
  border-color: rgba(255,120,100,.55);
}
.staff-detail-btn.neutral-detail{
  background: linear-gradient(135deg, rgba(70,38,35,.95), rgba(120,55,45,.95));
  border-color: rgba(255,210,170,.25);
}

.member-actions{display:flex;align-items:center;justify-content:center;min-height:36px;}
.member-actions .muted{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;}

/* Interactive Team Draft */
.draft-pro .draft-action-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:2px;}
.draft-board-empty{border:1px dashed rgba(255,80,60,.25);border-radius:14px;padding:16px;background:rgba(0,0,0,.18);}
.draft-live-board{display:grid;gap:14px;margin-top:6px;}
.snake-status-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:1px solid rgba(255,80,60,.35);border-radius:16px;background:linear-gradient(135deg,rgba(255,45,25,.16),rgba(0,0,0,.28));padding:12px;box-shadow:0 0 24px rgba(255,40,25,.08);}
.snake-status-card div{display:grid;gap:3px;text-align:center;border-radius:12px;background:rgba(0,0,0,.18);padding:10px;}
.snake-status-card strong{font-size:1rem;color:#fff;text-shadow:0 0 10px rgba(255,70,50,.45);}
.draft-order-strip{display:flex;gap:8px;overflow:auto;padding:8px;border-radius:12px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.06);}
.draft-order-strip span{white-space:nowrap;border:1px solid rgba(255,255,255,.10);border-radius:999px;padding:7px 10px;color:#f0d7d0;background:rgba(255,255,255,.04);font-size:.82rem;font-weight:800;}
.draft-order-strip span.active{border-color:rgba(255,210,80,.8);color:#ffe394;box-shadow:0 0 16px rgba(255,200,50,.25);background:rgba(255,170,20,.10);}
.draft-main-grid{display:grid;grid-template-columns:minmax(220px,.75fr) 1.7fr;gap:14px;align-items:start;}
.draft-pool-panel,.draft-teams-panel{border:1px solid rgba(255,80,60,.22);border-radius:16px;background:rgba(255,255,255,.035);padding:12px;}
.draft-panel-title{font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#ffd4ca;font-size:.82rem;margin-bottom:10px;}
.draft-pool-list{display:grid;gap:8px;max-height:420px;overflow:auto;padding-right:4px;}
.draft-player-btn{width:100%;text-align:left;border:1px solid rgba(255,80,60,.30);border-radius:11px;background:linear-gradient(135deg,rgba(120,20,18,.55),rgba(40,8,8,.75));color:#fff;padding:10px 12px;font-weight:800;cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease;}
.draft-player-btn:hover{border-color:rgba(255,220,130,.75);box-shadow:0 0 18px rgba(255,70,40,.22), inset 0 0 12px rgba(255,255,255,.05);transform:translateY(-1px);}
.draft-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;}
.draft-team.on-clock{border-color:rgba(255,220,90,.7);box-shadow:0 0 22px rgba(255,190,60,.18);}
.draft-team h3{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.draft-team h3 em{font-style:normal;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#ffe394;border:1px solid rgba(255,220,120,.55);border-radius:999px;padding:4px 7px;background:rgba(255,180,30,.10);}
.draft-team span b{color:#ffb3a5;margin-right:6px;}
@media(max-width:900px){.snake-status-card{grid-template-columns:1fr}.draft-main-grid{grid-template-columns:1fr}}

.nav-dropdown-wrap{position:relative;display:inline-block}
.nav-dropdown{display:none;position:absolute;top:100%;left:12px;z-index:50}
.nav-dropdown-wrap:hover .nav-dropdown{display:block}
.dropdown-item{margin-top:6px}

/* Suggestions page cleanup */
body[data-page="suggestions"] .hero-scene{display:none!important;}
body[data-page="suggestions"] .page-grid{grid-template-columns:1fr;max-width:1180px;margin:28px auto 54px;padding:0 28px;}
body[data-page="suggestions"] .panel.wide{grid-column:1/-1;}
.suggestion-only-panel{min-height:calc(100vh - 210px);display:flex;flex-direction:column;justify-content:flex-start;padding:34px!important;}
.suggestion-only-panel h3{font-size:30px;margin-bottom:24px!important;}
.suggestion-form{max-width:900px;width:100%;margin:0 auto;gap:16px;}
.suggestion-form textarea{min-height:260px;}
.suggest-image-label{color:#ffd7aa;font-weight:900;text-transform:uppercase;letter-spacing:.08em;}
.suggestion-submit-btn{justify-self:center;min-width:240px;margin-top:10px;}
.suggestion-detail-image{display:block;max-width:100%;max-height:420px;border-radius:10px;border:1px solid rgba(255,72,39,.45);box-shadow:0 0 24px rgba(255,37,22,.24);object-fit:contain;background:#090101;}
@media(max-width:780px){body[data-page="suggestions"] .page-grid{margin:12px;padding:0}.suggestion-only-panel{min-height:auto;padding:22px!important}.suggestion-form textarea{min-height:200px}}

/* Suggestions page input/picker fix */
.suggestion-form input,
.suggestion-form textarea,
.suggestion-form button,
.suggestion-form label{
  pointer-events:auto;
}
.suggest-upload-row{
  display:grid;
  grid-template-columns:auto auto 1fr;
  gap:12px;
  align-items:center;
  padding:14px;
  border:1px solid rgba(255,72,39,.28);
  background:rgba(9,1,1,.62);
  border-radius:8px;
}
.suggest-file-button{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-width:150px;
  margin:0!important;
  padding:10px 14px!important;
  cursor:pointer;
  user-select:none;
}
.suggest-file-name{
  color:#d9a184;
  font-weight:800;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.suggest-file-name.has-file{color:#ffdcb9;}
.hidden-file-input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
@media(max-width:780px){
  .suggest-upload-row{grid-template-columns:1fr;}
  .suggest-file-button{width:100%;}
}

/* Report page clean single-window layout */
body[data-page="report"] .hero-scene{display:none!important;}
body[data-page="report"] .page-grid{grid-template-columns:1fr;max-width:1180px;margin:28px auto 54px;padding:0 28px;}
body[data-page="report"] .panel.wide{grid-column:1/-1;}
.report-only-panel{min-height:calc(100vh - 210px);display:flex;flex-direction:column;justify-content:flex-start;padding:34px!important;}
.report-only-panel h3{font-size:30px;margin-bottom:24px!important;}
.report-form{max-width:900px;width:100%;margin:0 auto;gap:16px;}
.report-form textarea{min-height:240px;}
.report-form input,.report-form textarea,.report-form select,.report-form button,.report-form label{pointer-events:auto;}
.report-upload-row{margin-top:2px;}
@media(max-width:780px){body[data-page="report"] .page-grid{margin:12px;padding:0}.report-only-panel{min-height:auto;padding:22px!important}.report-form textarea{min-height:200px}}

.submission-success{
  margin: 10px 0 2px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(72, 255, 159, .45);
  background: rgba(72, 255, 159, .12);
  color: #d8ffe9;
  font-weight: 800;
  text-align: center;
  box-shadow: 0 0 18px rgba(72,255,159,.12);
}
.anonymous-report-toggle{
  display:flex;
  align-items:center;
  gap:10px;
  color:#f7d7d7;
  font-weight:800;
  letter-spacing:.02em;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  background:rgba(0,0,0,.22);
  user-select:none;
}
.anonymous-report-toggle input{
  width:18px;
  height:18px;
  accent-color:#e33b2f;
}


/* Trophy Showcase clean Discord-powered page */
body[data-page="trophies"] .hero-scene{display:none!important;}
body[data-page="trophies"] .page-grid{
  display:block;
  margin:24px 40px 44px;
}
.trophy-showcase-page{
  width:100%;
  min-height:calc(100vh - 210px);
  border:1px solid rgba(255,91,50,.40);
  background:linear-gradient(180deg,rgba(31,10,9,.88),rgba(9,2,2,.94));
  box-shadow:0 0 30px rgba(255,41,20,.18),inset 0 0 0 1px rgba(255,212,138,.08);
  padding:26px;
  border-radius:8px;
}
.trophy-page-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  border-bottom:1px solid rgba(255,82,47,.24);
  padding-bottom:18px;
  margin-bottom:22px;
}
.trophy-page-heading h2{
  margin:0;
  font-family:Georgia,serif;
  text-transform:uppercase;
  letter-spacing:.11em;
  color:#ffdcb9;
  font-size:34px;
  text-shadow:0 0 18px rgba(255,55,25,.55);
}
.trophy-page-heading p{margin:0;color:#d8a17f;font-weight:800;}
.trophy-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(420px,1fr));
  gap:18px;
}
.trophy-card{
  border:1px solid rgba(255,91,50,.38);
  background:linear-gradient(135deg,rgba(16,3,3,.92),rgba(42,10,7,.82));
  border-radius:10px;
  box-shadow:0 0 20px rgba(255,41,20,.12), inset 0 0 0 1px rgba(255,220,185,.05);
  overflow:hidden;
}
.trophy-card-main{
  display:grid;
  grid-template-columns:minmax(0,1fr) 104px;
  gap:16px;
  align-items:start;
  padding:18px;
}
.trophy-image{
  display:block;
  width:104px;
  height:104px;
  object-fit:cover;
  background:#050101;
  border:1px solid rgba(255,91,50,.40);
  border-radius:8px;
  box-shadow:0 0 14px rgba(255,55,25,.18);
}
.trophy-placeholder{
  width:104px;
  height:104px;
  display:grid;
  place-items:center;
  font-size:38px;
  background:linear-gradient(180deg,rgba(98,14,8,.55),rgba(7,1,1,.95));
  border:1px solid rgba(255,91,50,.40);
  border-radius:8px;
}
.trophy-card-body{min-width:0;padding:0;}
.trophy-card-body h3{
  margin:0 0 14px;
  color:#fff0d8;
  font-size:21px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.07em;
  text-shadow:0 0 12px rgba(255,73,28,.42);
}
.trophy-card-body h3:before{content:none!important;}
.trophy-card-body p{color:#d9a385;margin:0 0 12px;}
.trophy-player-list{
  display:flex;
  flex-direction:column;
  gap:9px;
  list-style:none;
  margin:0;
  padding:0;
}
.trophy-player-list li{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  align-items:center;
  gap:10px;
  min-height:34px;
  padding:7px 10px;
  border:1px solid rgba(255,91,50,.20);
  background:rgba(0,0,0,.22);
  border-radius:7px;
}
.trophy-rank{
  color:#ffd36f;
  font-weight:950;
  text-shadow:0 0 10px rgba(255,195,62,.34);
  white-space:nowrap;
}
.trophy-player-text{
  color:#f7d7b5;
  font-weight:800;
  overflow-wrap:anywhere;
}
.trophy-meta,.trophy-discord-link{display:none!important;}
.trophy-empty{max-width:720px;margin:40px auto;text-align:center;}
@media(max-width:780px){
  body[data-page="trophies"] .page-grid{margin:10px;}
  .trophy-showcase-page{padding:16px;}
  .trophy-page-heading{display:block;}
  .trophy-page-heading h2{font-size:24px;margin-bottom:8px;}
  .trophy-grid{grid-template-columns:1fr;}
  .trophy-card-main{grid-template-columns:1fr;}
  .trophy-image,.trophy-placeholder{width:90px;height:90px;}
}
}

/* Discord-style Trophy Showcase */
.discord-trophy-page{
  min-height:calc(100vh - 170px);
  padding:22px 28px 80px;
}
.discord-trophy-feed{
  width:min(1120px, 100%);
  display:flex;
  flex-direction:column;
  gap:14px;
  align-items:flex-start;
}
.discord-trophy-card{
  width:min(940px, 100%);
  min-height:190px;
  background:#1f2330;
  border:1px solid rgba(255,255,255,.08);
  border-left:6px solid var(--embed-color, #f0b232);
  border-radius:7px;
  box-shadow:none;
  padding:24px 28px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 170px;
  gap:28px;
  color:#f2f3f5;
}
.discord-trophy-content{min-width:0;}
.discord-trophy-card h3{
  margin:0 0 16px;
  font-family:Arial, Helvetica, sans-serif;
  color:#f2f3f5;
  font-size:24px;
  line-height:1.15;
  letter-spacing:0;
  text-transform:none;
  text-shadow:none;
  font-weight:800;
}
.discord-trophy-card h3:before{content:none!important;}
.discord-trophy-body{
  font-family:Arial, Helvetica, sans-serif;
  font-size:17px;
  line-height:1.55;
  color:#f2f3f5;
  white-space:normal;
}
.discord-trophy-line{margin:5px 0;color:#f2f3f5;}
.discord-trophy-gap{height:16px;}
.discord-trophy-section{
  display:block;
  margin:12px 0 6px;
  color:#ffffff;
  font-weight:800;
  text-decoration:none;
}
.discord-trophy-body .discord-trophy-line:first-child .discord-trophy-section{margin-top:0;}
.discord-trophy-thumb{
  width:156px;
  height:156px;
  object-fit:contain;
  justify-self:end;
  align-self:start;
  border:0;
  border-radius:4px;
  background:transparent;
  box-shadow:none;
}
.discord-edited-label{display:none!important;}
.trophy-showcase-page,.trophy-grid,.trophy-page-heading,.trophy-card,.trophy-card-main,.trophy-image,.trophy-placeholder,.trophy-card-body,.trophy-player-list{ }
@media(max-width:700px){
  .discord-trophy-page{padding:16px 12px 60px;}
  .discord-trophy-card{grid-template-columns:minmax(0,1fr) 88px;padding:16px;width:100%;}
  .discord-trophy-thumb{width:82px;height:82px;}
  .discord-trophy-card h3{font-size:18px;}
  .discord-trophy-body{font-size:14px;}
}
/* Trophy showcase cleanup */
.discord-trophy-card{
  max-width: 980px;
  width: min(980px, 100%);
  min-height: 190px;
  align-items: flex-start;
}
.discord-trophy-body{line-height:1.65;}
.discord-trophy-line{display:block; margin: 2px 0;}
.discord-trophy-gap{height: 14px;}
.discord-trophy-section{display:block; font-weight:800; color:#f4d38a; margin-top:4px;}

/* Wise Old Man Trophy Showcase */
.wom-trophy-page{
  width:min(1200px, 96vw);
  margin:0 auto;
  padding:18px 0 70px;
}
.wom-trophy-header{
  margin:0 0 18px;
  padding:22px 24px;
  border:1px solid rgba(255,72,72,.25);
  border-radius:18px;
  background:linear-gradient(145deg, rgba(18,10,11,.92), rgba(48,13,16,.76));
  box-shadow:0 18px 55px rgba(0,0,0,.38), inset 0 0 22px rgba(255,40,40,.05);
}
.wom-trophy-header h2{margin:0 0 6px;font-size:28px;color:#fff;letter-spacing:.08em;text-transform:uppercase;}
.wom-trophy-header p{margin:0 0 12px;color:#cfc1b8;}
.wom-trophy-header a,.wom-trophy-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  padding:9px 14px;
  border-radius:12px;
  text-decoration:none;
  color:#fff;
  border:1px solid rgba(255,80,80,.45);
  background:rgba(139,21,28,.55);
  box-shadow:0 0 18px rgba(255,40,40,.15);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:12px;
}
.wom-trophy-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(330px,1fr));
  gap:18px;
}
.wom-trophy-card{
  position:relative;
  min-height:270px;
  padding:20px;
  border-radius:18px;
  border:1px solid rgba(255,72,72,.22);
  background:linear-gradient(150deg, rgba(19,13,15,.95), rgba(53,12,15,.74));
  box-shadow:0 16px 40px rgba(0,0,0,.35), inset 4px 0 0 rgba(227,42,48,.85);
  overflow:hidden;
}
.wom-trophy-card:after{
  content:'';
  position:absolute;
  inset:auto -40px -70px auto;
  width:180px;height:180px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(255,53,53,.16), transparent 62%);
  pointer-events:none;
}
.wom-trophy-topline,.wom-trophy-meta{
  display:flex;
  justify-content:space-between;
  gap:12px;
  color:#bfaeaa;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.wom-trophy-card h3{
  margin:12px 0 12px;
  color:#fff;
  font-size:20px;
  line-height:1.25;
}
.wom-status{
  padding:4px 8px;
  border-radius:999px;
  font-weight:900;
  background:rgba(255,255,255,.08);
  color:#ddd;
}
.wom-status.live{background:rgba(76,214,107,.16);color:#8ff0a9;}
.wom-status.upcoming{background:rgba(255,198,72,.16);color:#ffd36f;}
.wom-status.finished{background:rgba(255,72,72,.15);color:#ff9a9a;}
.wom-trophy-ranks{
  margin:18px 0 18px;
  display:flex;
  flex-direction:column;
  gap:9px;
}
.wom-trophy-rank{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:13px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.08);
}
.wom-trophy-rank span{font-size:20px;line-height:1;}
.wom-trophy-rank strong{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wom-trophy-rank em{font-style:normal;color:#f7d58b;font-weight:900;}
.wom-trophy-empty{color:#c7b8b0;line-height:1.5;padding:14px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);}
.wom-trophy-link{margin-top:auto;position:relative;z-index:1;}
body[data-page="trophies"] .hero, body[data-page="trophies"] .content-grid{display:none!important;}
@media(max-width:720px){
  .wom-trophy-grid{grid-template-columns:1fr;}
  .wom-trophy-card{min-height:auto;}
  .wom-trophy-topline,.wom-trophy-meta{flex-direction:column;}
}

/* Battleship page cleanup: show only the Battleship window */
body[data-page="battleship"] .hero-scene{display:none!important;}
body[data-page="battleship"] .page-grid{grid-template-columns:1fr;max-width:1100px;margin:28px auto 54px;padding:0 28px;}
body[data-page="battleship"] .panel.wide{grid-column:1/-1;}
body[data-page="battleship"] .battleship-only-panel{min-height:220px;}

/* Slayer Master clean page: keep only the Slayer Master window */
body[data-page="slayer"] .hero-scene{display:none!important;}
body[data-page="slayer"] .page-grid{grid-template-columns:1fr;max-width:1100px;margin:28px auto 54px;padding:0 28px;}
body[data-page="slayer"] .panel.wide{grid-column:1/-1;}
body[data-page="slayer"] .slayer-only-panel{min-height:360px;}


/* Profile and online presence */
.account-strip{position:relative;align-items:flex-start;}
.profile-wrap,.online-wrap{position:relative;}
.account-pill.logged-in-display{display:inline-flex;align-items:center;gap:8px;min-width:0;}
.profile-caret{font-size:12px;color:#ffd18a;}
.account-dropdown{position:absolute;right:0;top:46px;min-width:220px;background:linear-gradient(180deg,rgba(28,7,6,.98),rgba(8,1,1,.98));border:1px solid rgba(255,91,50,.50);box-shadow:0 18px 45px rgba(0,0,0,.55),0 0 24px rgba(255,45,22,.20);border-radius:10px;padding:8px;z-index:10000;}
.account-dropdown button{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#ffe8cf;text-align:left;padding:10px 11px;border-radius:8px;font-weight:800;cursor:pointer;}
.account-dropdown button:hover{background:rgba(255,70,36,.16);box-shadow:inset 0 0 0 1px rgba(255,84,48,.18);}
.online-dropdown{width:270px;max-height:360px;overflow:auto;}
.online-dropdown button em{margin-left:auto;font-style:normal;}
.online-count-pill{display:inline-flex;align-items:center;gap:7px;}
.profile-avatar{display:inline-grid;place-items:center;flex:0 0 auto;overflow:hidden;border-radius:50%;background:linear-gradient(180deg,#43100b,#120202);border:1px solid rgba(255,149,78,.55);box-shadow:0 0 10px rgba(255,54,24,.18);color:#ffd9a8;font-weight:950;}
.profile-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.avatar-tiny{width:25px;height:25px;font-size:12px;}
.avatar-small{width:42px;height:42px;font-size:17px;}
.avatar-large{width:92px;height:92px;font-size:34px;}
.profile-modal-card{width:min(620px,calc(100vw - 28px));}
.profile-header-card{display:flex;gap:16px;align-items:center;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,91,50,.22);}
.profile-header-card h2{margin:0 0 6px;color:#ffe3bd;}
.profile-header-card p{margin:0;color:#d8a184;font-weight:800;}
.profile-info-grid{display:grid;grid-template-columns:120px 1fr;gap:9px 14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,91,50,.16);border-radius:10px;padding:12px;margin-bottom:15px;}
.profile-info-grid span{color:#c99477;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.06em;}
.profile-info-grid strong{color:#ffe8cf;}
.profile-edit-block{display:grid;gap:9px;}
.profile-edit-block select,.profile-edit-block textarea,.profile-edit-block input{width:100%;box-sizing:border-box;padding:12px;border:1px solid rgba(255,72,39,.40);background:#090101;color:#fff1df;border-radius:6px;}
.profile-edit-block textarea{min-height:110px;resize:vertical;}
.profile-bio{background:rgba(255,255,255,.035);border:1px solid rgba(255,91,50,.14);border-radius:10px;padding:14px;}
.profile-bio h3{margin:0 0 8px;color:#ffd7aa;}
.profile-bio p{white-space:pre-wrap;color:#f2d5c1;}
.empty-online{padding:12px;color:#d9a184;font-weight:800;}
@media(max-width:700px){.account-strip{flex-wrap:wrap}.account-dropdown{left:0;right:auto}.online-dropdown{width:240px}.profile-header-card{align-items:flex-start}.avatar-large{width:72px;height:72px}}

.red-button.ghost{background:linear-gradient(180deg,rgba(41,10,8,.95),rgba(12,2,1,.96));border-color:rgba(255,194,93,.45);color:#ffe4bf;}
.red-button.ghost:hover{box-shadow:0 0 18px rgba(255,145,58,.28), inset 0 0 0 1px rgba(255,210,122,.20);}


/* Discord hero button */
.hero-scene{
  justify-content:center;
}
.hero-center{
  text-align:center;
  margin:0 auto;
}
.discord-hero-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  width:min(340px,90%);
  margin:18px auto 22px;
  padding:16px 20px;
  border-radius:18px;
  text-decoration:none;
  color:#fff;
  font-weight:700;
  background:rgba(20,20,20,.85);
  border:1px solid rgba(255,0,0,.25);
  box-shadow:0 0 18px rgba(255,0,0,.12);
  transition:.2s ease;
}
.discord-hero-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 0 25px rgba(255,0,0,.35);
}
.discord-hero-btn img{
  width:28px;
  height:28px;
  object-fit:contain;
}

/* Clan Hall cleanup: keep hero + three lower windows only */
body[data-page="hall"] .page-grid{
  grid-template-columns:repeat(3,minmax(260px,1fr));
  gap:18px;
  margin:18px 40px 40px;
}
body[data-page="hall"] .page-grid .panel{
  min-height:260px;
}
body[data-page="hall"] .hall-main-card,
body[data-page="hall"] .hall-announcements-card,
body[data-page="hall"] .hall-stats-card{
  grid-column:auto!important;
}
body[data-page="hall"] .hall-announcements-card .entry{
  min-height:62px;
}
body[data-page="hall"] .hall-stats-card .stats{
  grid-template-columns:repeat(2,1fr);
  gap:10px;
}
body[data-page="hall"] .hall-stats-card .stat{
  border:1px solid rgba(255,80,40,.25);
  border-radius:8px;
  background:rgba(7,1,1,.35);
}
@media(max-width:1100px){
  body[data-page="hall"] .page-grid{
    grid-template-columns:1fr;
    margin:14px 14px 34px;
  }
}

/* Clan Hall lower window header refinements */
body[data-page="hall"] .hall-main-card h3,
body[data-page="hall"] .hall-announcements-card h3,
body[data-page="hall"] .hall-stats-card h3{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  text-align:center;
  width:100%;
  margin-bottom:18px;
}
body[data-page="hall"] .hall-main-card h3::before,
body[data-page="hall"] .hall-announcements-card h3::before,
body[data-page="hall"] .hall-stats-card h3::before,
body[data-page="hall"] .hall-main-card h3::after,
body[data-page="hall"] .hall-announcements-card h3::after,
body[data-page="hall"] .hall-stats-card h3::after{
  content:"✦";
  color:#ff251f;
  margin:0;
  text-shadow:0 0 10px rgba(255,37,31,.7);
}
body[data-page="hall"] .hall-fancy-text{
  max-width:92%;
  margin:16px auto 0;
  text-align:center;
  font-family:Georgia,serif;
  font-size:18px;
  line-height:1.65;
  letter-spacing:.035em;
  color:#ffe0b8;
  text-shadow:0 0 14px rgba(255,76,35,.18);
}

/* Live Wise Old Man stats inside the Clan Hall stats card */
body[data-page="hall"] .hall-stats-card .wom-live-stats{
  grid-template-columns:1fr;
  gap:14px;
  margin-top:18px;
}
body[data-page="hall"] .hall-stats-card .wom-live-stats .stat{
  border-right:0;
  border:1px solid rgba(255,80,40,.25);
  background:rgba(7,1,1,.45);
  border-radius:8px;
  padding:18px 12px;
}
body[data-page="hall"] .hall-stats-card .wom-live-stats .stat b{
  font-size:28px;
  word-break:break-word;
}
body[data-page="hall"] .hall-stats-card .hall-wom-credit{
  margin-top:14px;
  text-align:center;
}