/* war-room.css - the War Room page (war-room.html, war-room.js; owner 2026-11-15). Signed-out visitors (body.wr-out)
 * see the sections locked; signed-in players (body.wr-in) see what their role opens (.wr-locked = still locked). */

/* states */
.wr-in .only-out,.wr-out .only-in{display:none !important}

/* banner */
.wr-ban{background:radial-gradient(ellipse at 75% 40%,rgba(120,110,255,.30),transparent 55%),
  radial-gradient(ellipse at 20% 90%,rgba(255,196,96,.22),transparent 50%),linear-gradient(135deg,#1d1433,#0d1220 70%) !important}
.wr-ban .seal{position:absolute;left:18px;top:16px;z-index:2;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 35% 30%,#fff3cf,#c9923f 60%,#6d4214);box-shadow:0 0 0 2px #5a3510,0 0 22px rgba(255,190,90,.7);
  animation:wrPulse 3.2s ease-in-out infinite}
.wr-ban .seal img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}
.wr-ban .in{padding-top:92px}
.wr-ban .who{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:4px 10px 4px 4px;border-radius:999px;
  background:rgba(88,101,242,.22);border:1px solid rgba(140,150,255,.55);color:#e7ebff;font-weight:700;font-size:13px}
.wr-ban .who .av{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#5865f2;color:#fff;font:800 13px system-ui}
.wr-ban .who em{font-style:normal;font:800 10px/1 system-ui;letter-spacing:.08em;padding:4px 7px;border-radius:999px;
  background:linear-gradient(180deg,#fbe9b8,#e9c46a 55%,#b98a2e);color:#2a1606}
@keyframes wrPulse{0%,100%{box-shadow:0 0 0 2px #5a3510,0 0 14px rgba(255,190,90,.45)}50%{box-shadow:0 0 0 2px #5a3510,0 0 30px rgba(255,200,110,.9)}}
@media (max-width:640px){.wr-ban .seal{display:none}.wr-ban .in{padding-top:120px}}

/* sign-in card */
.wr-gate{text-align:center}
.wr-gate h2{margin:4px 0 10px;font:400 26px "Lilita One",system-ui,sans-serif;color:var(--pk-deep)}
.lockbig{width:78px;height:78px;margin:0 auto;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 35% 30%,#fff3cf,#c9923f 60%,#6d4214);box-shadow:0 0 0 3px #5a3510,0 0 24px rgba(255,190,90,.65);
  animation:wrPulse 3.2s ease-in-out infinite}
.lockbig img{width:54px;height:54px;object-fit:contain;animation:wrTurn 4s ease-in-out infinite}
@keyframes wrTurn{0%,80%,100%{transform:rotate(0)}86%{transform:rotate(-14deg)}92%{transform:rotate(10deg)}}
.perks{list-style:none;padding:0 !important;margin:8px auto 16px !important;display:grid;gap:8px;max-width:520px;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr));text-align:left}
.perks li{display:flex;align-items:center;gap:10px;margin:0 !important;padding:8px 10px;border-radius:10px;font-weight:700;
  background:rgba(255,244,214,.5);box-shadow:inset 0 0 0 1px rgba(110,70,25,.35)}
.perks img{width:30px;height:30px;object-fit:contain}
.disc{display:inline-block;padding:12px 22px;border-radius:10px;background:#5865f2;color:#fff !important;font:800 15px system-ui;
  text-decoration:none;border:1px solid #3b44a8;box-shadow:0 4px 12px rgba(40,50,160,.45);transition:transform .15s,filter .15s}
.disc:hover{transform:translateY(-2px);filter:brightness(1.1)}

/* this week */
.wr-week{position:relative}
.wk{display:grid;gap:14px;grid-template-columns:150px 1fr;align-items:start}
.wk .boss{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;font-size:12px}
.wk .boss img{width:110px;height:110px;border-radius:14px;object-fit:cover;box-shadow:0 0 0 3px #b98a2e,0 0 18px rgba(200,60,40,.55)}
.wk .boss b{font-size:14px}
.wk .tl{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.rib2{font-style:normal;font:800 10px/1 system-ui;letter-spacing:.08em;padding:4px 8px;border-radius:6px;background:#5865f2;color:#fff}
.slots{display:flex;gap:8px;flex-wrap:wrap}
.slots i{width:58px;height:58px;border-radius:10px;overflow:hidden;box-shadow:0 0 0 2px #c9923f,0 3px 8px rgba(60,35,10,.35);
  animation:xbob 3.4s ease-in-out infinite;animation-delay:calc(var(--d,0)*1s)}
.slots i:nth-child(2){--d:.3}.slots i:nth-child(3){--d:.6}.slots i:nth-child(4){--d:.9}.slots i:nth-child(5){--d:1.2}
.slots img{width:100%;height:100%;object-fit:cover}
.btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.btns .dc-btn{text-decoration:none}
.btns .dc-btn b{color:#ffd77a;margin-left:4px}
.wt b{padding-right:34px}
.lv{width:100%;border-collapse:collapse;font-size:13px;background:rgba(255,244,214,.45);border-radius:10px;overflow:hidden}
.lv th{background:#3b2611;color:#ffd77a;padding:6px 8px;text-align:left;font-size:12px}
.lv td{padding:5px 8px;border-top:1px solid rgba(110,70,25,.25)}
.wr-locked .locked-blur{filter:blur(6px) saturate(.6);pointer-events:none;user-select:none}
.lockcap{position:absolute;inset:60px 0 0;display:none;place-items:center;pointer-events:none}
.wr-locked .lockcap{display:grid}
.lockcap img{width:64px;height:64px;padding:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3cf,#c9923f 60%,#6d4214);
  box-shadow:0 0 0 3px #5a3510,0 0 22px rgba(255,190,90,.7)}
@media (max-width:760px){.wk{grid-template-columns:1fr}.wk .boss{flex-direction:row;text-align:left}.wk .boss img{width:64px;height:64px}}

/* tiles */
.wt .med{position:relative}
.wt .pad{display:none;position:absolute;right:-4px;bottom:-4px;width:24px;height:24px;border-radius:50%;
  background:#2b1806 url("icons/golden_key.png") center/16px no-repeat;box-shadow:0 0 0 2px #c9923f}
.rib.sn{background:#5865f2}
.wt{animation:wrIn .5s both;animation-delay:calc(var(--i)*80ms)}
@keyframes wrIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.wt.lock{filter:grayscale(.65);opacity:.8}
.wt.lock .pad{display:block}
.wt.lock:hover .pad{animation:wrTurn .6s}
@media (prefers-reduced-motion:reduce){.wr-ban .seal,.lockbig,.lockbig img,.slots i,.wt{animation:none}}
/* week cards drawn by war-room.js */
.wr-week+.wr-week{margin-top:0}
.wk .boss span{font-size:12px}
.wk .team{min-width:0}
.slots .gap{width:58px;height:58px;border-radius:10px;background:rgba(60,35,10,.18);box-shadow:inset 0 0 0 2px rgba(110,70,25,.35)}
.slots+.slots{margin-top:8px}
.slots.rs i,.slots.rs .gap{width:44px;height:44px}
@media (max-width:480px){.slots{gap:5px}.slots i,.slots .gap{width:42px;height:42px}.slots.rs i,.slots.rs .gap{width:34px;height:34px}}
.wk .team+.team{margin-top:12px}
span.wt{cursor:default}
.gl span.wt{position:relative;display:flex;gap:12px;align-items:flex-start;color:inherit;padding:12px 12px 12px 10px;border-radius:12px;
  background:linear-gradient(160deg,rgba(255,244,214,.55),rgba(214,178,118,.35));box-shadow:inset 0 0 0 1px rgba(110,70,25,.45),0 3px 8px rgba(60,35,10,.25);overflow:hidden}
.gl span.wt b{display:block;margin-bottom:3px;font-size:15px;color:#4a2a0a}