/* Sprint 6 art direction — one visual language for every UI surface.
   Display type stays hand-drawn; controls/body copy use a highly legible system stack. */
:root{
  --s6-paper:#f3ead2;--s6-paper-hi:#fff8e7;--s6-paper-low:#e6dcc1;
  --s6-ink:#302b20;--s6-muted:#696047;--s6-forest:#46543a;--s6-forest-hi:#5e714b;
  --s6-line:#9b865d;--s6-line-soft:#c8b996;--s6-gold:#b88436;--s6-danger:#964b3e;
  --s6-shadow:0 16px 50px rgba(22,28,15,.34);--s6-r:14px;--s6-hit:44px;
}

/* Modal surfaces become the same warm field notebook as Sprint 5 HUD. */
#title,#death,#pause,#coop{background:rgba(24,31,19,.46);backdrop-filter:blur(5px) saturate(.85)}
.card,.panel,#bookCard,#yoGearPicker{
  color:var(--s6-ink)!important;background:linear-gradient(180deg,var(--s6-paper-hi),var(--s6-paper))!important;
  border:1px solid var(--s6-line)!important;border-radius:var(--s6-r)!important;
  box-shadow:var(--s6-shadow),inset 0 1px rgba(255,255,255,.65)!important;
}
.card{padding:30px 38px!important}
.card h1,.card h1.coopH,.panel h3,#bookTitle,#yoGearPicker h3{
  color:var(--s6-ink)!important;font-family:'Neucha',system-ui,sans-serif!important;
  text-shadow:none!important;letter-spacing:.025em!important;
}
.card h1{font-size:clamp(42px,6vw,58px)!important;margin-bottom:12px!important}
.card h1.dead{color:var(--s6-danger)!important}
.card .sub,.card .sub2,.card .keys,.panel .shSub,.panel p,#bookSub,#deathDays,#deathNote{
  color:var(--s6-muted)!important;font-family:system-ui,-apple-system,'Segoe UI',sans-serif!important;
  line-height:1.45!important;
}
.card .sub{font-size:17px!important;color:#46513a!important}.card .sub2{font-size:13px!important}

/* One control grammar: olive primary, paper secondary, visible keyboard focus. */
.card button,.panel button,#bookCard button,#yoGearPicker button,#inventoryV4Menu button{
  min-height:var(--s6-hit);border:1px solid var(--s6-line)!important;border-radius:10px!important;
  padding:9px 15px!important;margin-top:7px!important;background:var(--s6-forest)!important;color:#fff7df!important;
  box-shadow:0 2px 6px rgba(24,29,19,.15)!important;font:650 14px/1.25 system-ui,-apple-system,'Segoe UI',sans-serif!important;
  transition:background .12s,transform .08s,border-color .12s!important;
}
.card button:hover,.panel button:hover,#bookCard button:hover,#yoGearPicker button:hover,#inventoryV4Menu button:hover{
  background:var(--s6-forest-hi)!important;transform:translateY(-1px)!important;border-color:#33412c!important;
}
.card button:active,.panel button:active,#bookCard button:active,#yoGearPicker button:active,#inventoryV4Menu button:active{transform:translateY(1px)!important}
.card button:focus-visible,.panel button:focus-visible,#bookCard button:focus-visible,#yoGearPicker button:focus-visible,#inventoryV4Menu button:focus-visible,
.card input:focus-visible,.panel input:focus-visible,#bookCard input:focus-visible{
  outline:3px solid #345b86!important;outline-offset:2px!important;
}
.card button.coopBtn{background:#63784b!important}.card button.backBtn{background:transparent!important;color:var(--s6-muted)!important;box-shadow:none!important}
.card button.saveBtn{background:#5a7046!important}

/* Inputs no longer look like a different dark theme. */
#soloName,.coopForm input,.panel input,#bookCard input{
  min-height:var(--s6-hit);background:#fffaf0!important;color:var(--s6-ink)!important;
  border:1px solid var(--s6-line)!important;border-radius:10px!important;padding:9px 12px!important;
  font:15px/1.3 system-ui,-apple-system,'Segoe UI',sans-serif!important;box-shadow:inset 0 1px 3px rgba(68,54,31,.08)!important;
}
#soloName::placeholder,.coopForm input::placeholder,.panel input::placeholder,#bookCard input::placeholder{color:#8a8069!important}

/* Legacy floating panels use predictable readable sizing and spacing. */
.panel{width:min(590px,calc(100vw - 24px))!important;max-height:min(78vh,760px)!important;padding:18px!important;gap:7px!important;overflow:auto!important}
.panel h3{font-size:23px!important;margin:0 0 4px!important}.panel .shSub{font-size:13px!important;margin:0 0 5px!important}
#epicList,.panel>div{scrollbar-color:#9b865d transparent;scrollbar-width:thin}
#epicList .epCh{border-left-color:#8b9a67!important}.epCh h4{color:#69502f!important}.epCh p,.epCh span{color:var(--s6-muted)!important}
#shopBer{color:#53693f!important}

/* Recipe book and storage share the same information hierarchy. */
#book{position:fixed;inset:0;z-index:88;display:flex;align-items:center;justify-content:center;background:rgba(24,31,19,.42);backdrop-filter:blur(4px)}
#book.hidden{display:none!important}#bookCard{position:relative;width:min(660px,calc(100vw - 24px));max-height:80vh;padding:20px;overflow:auto}
#bookClose{position:absolute;right:12px;top:10px;width:38px;padding:0!important;margin:0!important}
#bookTitle{padding-right:48px;font-size:24px;margin-bottom:5px}#bookSub{font-size:13px;margin-bottom:10px}
#bookList{display:grid;gap:7px}.bookRow,.brow{border:1px solid var(--s6-line-soft)!important;border-radius:10px!important;background:#fff9ea!important;color:var(--s6-ink)!important}

/* Tooltips and context menus stop switching back to near-black. */
#inventoryV4Tooltip,#inventoryV4Menu{
  background:var(--s6-paper-hi)!important;color:var(--s6-ink)!important;border:1px solid var(--s6-line)!important;
  border-radius:10px!important;box-shadow:0 10px 28px rgba(25,31,20,.28)!important;font:13px/1.45 system-ui,-apple-system,'Segoe UI',sans-serif!important;
}
#inventoryV4Menu strong{display:block;padding:4px 5px 7px;color:var(--s6-ink);font-size:14px}
#inventoryV4Menu button{display:block;width:100%;text-align:left;margin:3px 0!important;background:#eef0dc!important;color:var(--s6-ink)!important}
#inventoryV4Menu button:first-of-type{background:var(--s6-forest)!important;color:#fff7df!important}

/* Coop chips and notifications now belong to the same olive/paper palette. */
#roomTag,.peerRow{background:rgba(243,234,210,.94)!important;color:var(--s6-ink)!important;border:1px solid var(--s6-line)!important;box-shadow:0 3px 10px rgba(25,31,20,.18)!important}
#roomTag b,.peerRow .pname{color:var(--s6-ink)!important;text-shadow:none!important;font-family:system-ui,-apple-system,'Segoe UI',sans-serif!important}
#roomTag #roomCopy{color:var(--s6-forest)!important}.peerRow .pbar{background:#d8cfb8!important}.peerRow .pbar i{background:#7e9b5c!important}

/* Mobile/touch: no tiny modal controls and no panel glued to the viewport edge. */
@media(max-width:600px){
  .card{width:calc(100vw - 20px);padding:22px 18px!important}.card h1{font-size:42px!important}.card .sub{font-size:15px!important}
  .panel{max-height:calc(100vh - 28px)!important;padding:14px!important}.panel button,#bookCard button{min-height:46px}
  #bookCard{width:calc(100vw - 16px);max-height:calc(100vh - 20px);padding:16px}
}

/* Exact-source gate marker: latest Sprint 6 gameplay tests must deploy with this stylesheet. */