/* DEAD TIDE 156 // SURVIVOR VAULT + COMMUNITY SIGNAL
   Pure CSS art. Small-screen-first, reduced-motion aware. Server economy intact. */
#start-screen .community-front{
  display:flex;align-items:center;gap:12px;width:100%;min-height:62px;
  margin:9px 0 9px;padding:9px 13px;text-align:left;cursor:pointer;
  color:#f0edff!important;border:2px solid #8e96f1!important;border-bottom:5px solid #494587!important;
  border-radius:3px;background:linear-gradient(110deg,#242346,#181f38 65%,#192e40)!important;
  box-shadow:inset 0 1px #b5b4ff3f,4px 5px 0 #080913!important;
  font-family:var(--font-mono);letter-spacing:.04em;transition:transform .12s,border-color .12s;
}
#start-screen .community-front:active{transform:translateY(2px);box-shadow:2px 2px #080913!important}
#start-screen .community-front:focus-visible{outline:3px solid #e7d0a7;outline-offset:3px}
.community-front-emblem{display:grid;place-items:center;flex:none;width:37px;height:37px;color:#e2dfff;background:#38346c;border:2px solid #9f9be9;box-shadow:inset 0 0 0 3px #171b31;font-size:27px}
.community-front-label{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}
.community-front-label b{font:900 clamp(13px,2.5vw,18px) var(--font-head);color:#f4f2ff;letter-spacing:.08em}
.community-front-label small{font:800 8px/1.5 var(--font-mono);color:#bfc8f6;letter-spacing:.02em;overflow-wrap:anywhere}
.community-front-arrow{font:900 25px var(--font-head);color:#e5cb91}
.community-front[data-status=ready]{border-color:#b6b8ff!important}
.community-front[data-status=claimed]{border-color:#7ccbb2!important;background:linear-gradient(110deg,#1b3738,#172a38)!important}
#retention-grid #community-bounty{
  position:relative;isolation:isolate;overflow:hidden;
  padding:18px 15px!important;border:2px solid #888de3!important;
  background:repeating-linear-gradient(155deg,#20264b 0 14px,#1a2141 14px 28px)!important;
  box-shadow:inset 0 0 0 2px #13182e,4px 5px #090c18!important;
}
#community-bounty:before{content:"◈";pointer-events:none;position:absolute;right:-15px;top:-48px;color:#a3a9fe1a;font-size:180px;font-family:serif}
#community-bounty .retention-heading{font:900 clamp(22px,4vw,28px)/1.05 var(--font-head)!important;color:#e2e5ff!important;letter-spacing:.055em!important;text-shadow:3px 3px #242042!important}
#community-bounty .retention-heading .retention-emblem{display:grid;place-items:center;background:#353365;border:2px solid #b6b9fa;font-size:26px}
#community-bounty p{max-width:54ch;color:#d0d4f1!important;font-size:11px!important;line-height:1.6!important}
#community-reward{display:flex;justify-content:center;align-items:center;min-height:45px;margin:15px 0 11px!important;padding:7px!important;border:2px solid #e7c58d!important;background:#161627!important;color:#ffdfa0!important;font:900 clamp(14px,3.5vw,21px) var(--font-head)!important;letter-spacing:.05em;text-align:center}
#community-join,#community-verify{position:relative;min-height:46px!important;border-radius:2px!important;letter-spacing:.065em}
#community-join:not(:disabled){background:#7776d3!important;color:#11152b!important;border-color:#dbdbff!important}
#community-verify:not(:disabled){background:#306e5a!important;border-color:#a3f5d4!important}
#community-claim-status{padding:9px 11px;border-left:3px solid #858be5;background:#10162b;font-size:10px!important}

/* Daily vault designed as one reward experience rather than seven tiny boxes */
#retention-grid #daily-login-card.supply-vault{
  grid-column:1/-1;position:relative;isolation:isolate;overflow:hidden;
  padding:0 14px 14px!important;border:3px solid #aa8757!important;border-radius:2px!important;
  background:linear-gradient(160deg,#242335 0%,#111b2b 42%,#0b101a 100%)!important;
  box-shadow:0 0 0 3px #0a0c14,inset 0 0 0 1px #f3d2913d,6px 7px #07090f!important;
}
#daily-login-card.supply-vault:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 18px,#cdb58509 18px 19px),linear-gradient(90deg,transparent 48%,#b2a0ff05 48% 52%,transparent 52%);z-index:-1}
#daily-login-card.supply-vault:after{content:"";position:absolute;right:-55px;top:35px;width:185px;height:185px;border:2px solid #f2cf8730;border-radius:50%;box-shadow:0 0 0 13px #bd988011,0 0 0 25px #ba937d0d;pointer-events:none}
.supply-vault-kicker{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:35px;padding:5px 1px;border-bottom:2px solid #755e4a;color:#c1b5bc;font:800 9px var(--font-mono);letter-spacing:.06em}
.supply-vault-kicker b{padding:5px 7px;border:1px solid #d5ad6d;background:#39312c;color:#ffe19e;white-space:nowrap;font-size:10px}
.supply-vault-hero{display:flex;align-items:center;gap:15px;padding:15px 0 8px}
.supply-vault-hero h2{margin:3px 0 0;color:#f8dfaa;font:900 clamp(28px,6vw,44px)/1 var(--font-head);letter-spacing:.035em;text-shadow:3px 3px #52353c}
.supply-vault-hero h2 em{font-style:normal;color:#a7d9cd}
.supply-vault-hero p{margin:6px 0 0!important;color:#c4b5b7!important;letter-spacing:.17em;font:800 9px var(--font-mono)!important}
.supply-vault-overline{color:#d5aa76;font:800 9px var(--font-mono);letter-spacing:.11em}
.supply-vault-crate{position:relative;flex:none;width:69px;height:72px;filter:drop-shadow(5px 6px 0 #090a13);background:linear-gradient(90deg,#745132 0 12%,#c08d50 12% 88%,#694a2b 88%);border:3px solid #211824;clip-path:polygon(3% 12%,90% 12%,100% 24%,100% 94%,86% 100%,0 100%,0 22%)}
.supply-vault-crate:before{content:"";position:absolute;inset:12px 9px 8px;border:3px solid #edcd8c;background:repeating-linear-gradient(90deg,#583b30 0 8px,#764b37 8px 16px)}
.supply-vault-crate .supply-lid{position:absolute;inset:4px 1px auto;height:13px;background:#eed097;border-bottom:4px solid #503027;z-index:1}
.supply-vault-crate .supply-stripe{position:absolute;inset:0 auto 0 30px;width:8px;background:#debe7b;z-index:1}
.supply-vault-crate .supply-core{position:absolute;left:21px;top:30px;width:23px;height:23px;background:#151b24;border:4px solid #ecb964;z-index:2;transform:rotate(45deg)}
.supply-progress-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:8px 0 6px;color:#e5d2b0;font:900 10px var(--font-mono)}
.supply-progress-top b{color:#aeeddb;text-align:right;font-size:10px}
.supply-progress-track{height:9px;border:2px solid #786248;background:#0b1018;overflow:hidden;box-shadow:inset 0 0 0 1px #141924}
#daily-login-progress-fill{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,#b4e6ca 0 14px,#7bb9a7 14px 20px);transition:width .3s}
#daily-login-card #daily-login-days{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px!important;margin:13px 0!important}
#daily-login-card .daily-login-day{clip-path:none!important;min-height:95px!important;display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 2px 7px!important;background:linear-gradient(#27293c,#131825)!important;border:2px solid #5c6473!important;box-shadow:inset 0 -4px #090f17!important;color:#e0d9cb!important;min-width:0}
#daily-login-card .daily-login-day.grand-finale{border-color:#a98965!important;background:linear-gradient(#473b3d,#241d2a)!important}
#daily-login-card .daily-login-day.current{border-color:#f6d29c!important;background:linear-gradient(#6b4d3c,#32293a)!important;box-shadow:inset 0 -4px #9f603a,0 0 15px #d7aa7344!important}
#daily-login-card .daily-login-day.collected{border-color:#70bba8!important;background:linear-gradient(#2c504f,#142a33)!important}
#daily-login-card .supply-day-top{font:900 clamp(8px,1.6vw,10px)/1.2 var(--font-mono);color:#ecdcc3;text-align:center}
#daily-login-card .daily-reward-glyph{display:grid;place-items:center;flex:1;margin:2px auto!important;width:27px;height:31px;color:#f5d19a!important}
#daily-login-card .daily-reward-glyph svg{width:29px!important;height:29px!important;filter:none!important}
#daily-login-card .supply-day-state{font:900 8px var(--font-mono);color:#9ea9b9}
#daily-login-card .daily-login-day.current .supply-day-state{color:#ffdaa1}
#daily-login-card .daily-login-day.collected .supply-day-state{color:#a7f0c8}
#daily-login-card .supply-vault-message{margin:8px 0 10px!important;padding:10px;border-left:3px solid #d6ad70;background:#1b2130;color:#dfd9ca!important;font:700 11px/1.55 var(--font-mono)!important}
#daily-login-card #daily-login-claim{min-height:54px!important;width:100%;border:2px solid #fce6aa!important;border-bottom:5px solid #88582f!important;background:linear-gradient(#eac68a,#b78248)!important;color:#171723!important;font:900 clamp(14px,2.7vw,19px) var(--font-head)!important;letter-spacing:.035em!important;box-shadow:inset 0 2px #f7e7c5,0 4px #070b12!important}
#daily-login-card #daily-login-claim:disabled{background:#292e3e!important;border-color:#727782!important;color:#a9b7c8!important;box-shadow:inset 0 2px #4e5260!important}
.supply-vault-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px;padding:12px 0 0;color:#7e9f9e;font:800 8px var(--font-mono);letter-spacing:.06em}
@media(max-width:500px){
  .supply-vault-hero{gap:10px}.supply-vault-crate{width:51px;height:55px}
  .supply-vault-crate .supply-core{left:14px;top:24px;width:17px;height:17px}
  .supply-vault-crate .supply-stripe{left:23px}
  #retention-grid #daily-login-card.supply-vault{padding:0 8px 10px!important}
  #daily-login-card #daily-login-days{gap:3px!important}
  #daily-login-card .daily-login-day{min-height:78px!important;padding:7px 1px!important}
  #daily-login-card .daily-reward-glyph svg{width:20px!important;height:20px!important}
  #daily-login-card .supply-day-state{font-size:7px}
  .supply-progress-top{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){#daily-login-progress-fill,.community-front{transition:none!important}}