/* Physical-card layout: title, framed illustration, rule text, then flavor. */
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 180px;
  min-width: 180px;
  height: 294px !important;
  padding: 7px;
  overflow: hidden;
  background: #e9e5d6;
  color: #112033;
  border: 4px solid #f9f7ee;
  border-radius: 13px;
  box-shadow: 0 0 0 2px #152a3c, 0 6px 0 #07111b, 0 10px 20px #0007;
}
.card:hover { border-color: #fffdf5; }
.card:disabled { opacity: .42; cursor: not-allowed; transform: none; filter: grayscale(.55); }
.card-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 25px;
  padding: 4px 6px;
  background: #102a3a;
  color: #f6efd9;
  border-radius: 5px 5px 0 0;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: -.02em;
}
.card-title i { color: #b9e75d; font-style: normal; font-size: 15px; }
.card-art-frame {
  position: relative;
  display: grid;
  place-items: center;
  height: 151px;
  margin: 5px 0;
  overflow: hidden;
  background: #29465c;
  border: 3px solid #213442;
  box-shadow: inset 0 0 0 2px #cabf9e;
}
.card-art {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.32);
}
.card-icon { font-size: 40px; color: #f4efd9; }
.card-rules {
  display: block;
  min-height: 34px;
  padding: 4px 6px;
  border: 2px solid #193244;
  background: #173342;
  color: #f2f6ed;
  font-size: 9px;
  line-height: 1.15;
  text-align: left;
}
.card q {
  display: block;
  max-height: 22px;
  margin: 2px 3px 0;
  padding: 0;
  border: 0;
  color: #223745;
  font-size: 9px;
  line-height: 1.12;
  font-style: italic;
  text-align: center;
  overflow: hidden;
}
.card q::before, .card q::after { content: '"'; }
.card:has(.card-art) q {
  position: static;
  z-index: auto;
  bottom: auto;
  left: auto;
  right: auto;
  max-height: 22px;
  margin: 2px 3px 0;
  padding: 0;
  border: 0;
  color: #223745;
  font-size: 9px;
  line-height: 1.12;
  text-shadow: none;
}
.card.card-back { padding: 0; overflow: hidden; border-color: #e8e1c7; background: #11203a; box-shadow: 0 7px 0 #06101d, 0 10px 20px #0008; }
.card.card-back img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }
.card.card-back:hover { transform: none; border-color: #e8e1c7; }
.attack-blocked { text-align: center; border-color: #d6a1a1; background: linear-gradient(160deg, #2a1d29, #162238); }
.block-stamp { display: inline-block; margin: 5px 0 12px; padding: 6px 10px; border: 3px solid #e77777; color: #ff9696; font: 700 23px 'DM Mono', monospace; letter-spacing: .08em; transform: rotate(-5deg); }
.block-card { display: flex; justify-content: center; margin: 12px 0; }
.block-card .card { transform: scale(.74); margin: -36px -24px; pointer-events: none; }
.block-card .card:disabled { opacity: .88; filter: none; }
.backlog{max-width:1200px;margin:auto;padding:24px}.backlog header{padding:0}.sprint{background:#243953;border:1px solid #52759d;border-radius:12px;padding:10px 18px;text-align:center}.sprint b{display:block;font-size:28px;color:#b9e75d}.sprint span,.score span{font-size:12px;color:#aab8cc;text-transform:uppercase}.score{display:flex;gap:12px;margin:14px 0}.score div{flex:1;background:#142034;border:1px solid #334a68;border-radius:10px;padding:10px;display:grid}.turn{font-weight:700;color:#dce6f4}.lanes{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lane{background:#111b2c;border:1px solid #334a68;border-radius:14px;padding:14px}.lane.active{border-color:#b9e75d;box-shadow:0 0 0 1px #b9e75555}.lane h2{display:flex;justify-content:space-between}.lane h2 small{font-size:12px;color:#99a9be}.workers,.tasks,.done{display:flex;gap:8px;overflow:auto;padding:4px 0}.worker{width:116px;min-width:116px;padding:0 0 7px;background:#22324a;border:2px solid #526b8b;border-radius:9px;color:#eef3fa}.worker img{width:100%;height:78px;object-fit:cover}.worker b,.worker span{display:block;font-size:11px;padding:2px 5px}.worker.selected{border-color:#b9e75d}.worker.tapped{filter:grayscale(1);opacity:.42;transform:rotate(3deg)}.task{min-width:174px;background:#efe9d7;color:#172332;border:3px solid #f7f2e4;border-radius:9px;padding:9px;display:grid;grid-template-columns:34px 1fr;gap:7px}.task>b{font-size:28px;color:#b84d2e}.task strong,.task small{display:block}.task small{font-size:10px}.task button{grid-column:1/-1}.done span{background:#214b43;padding:6px;border-radius:6px;font-size:11px}.controls{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.controls button{padding:9px 12px;border-radius:7px;border:1px solid #537098;background:#223550;color:white}.controls .start{background:#b9e75d;color:#15200a}.log{padding:12px;border-top:1px solid #30415e;font:12px 'DM Mono',monospace;color:#adbbcf}.log p{margin:5px 0}@media(max-width:760px){.lanes{grid-template-columns:1fr}.backlog{padding:15px}}
.card.outage .card-title, .card.outage .card-rules { background: #4a1c29; border-color: #6d2636; }
.card.defense .card-title, .card.defense .card-rules { background: #1e473d; border-color: #275f51; }
.header-actions { display: flex; gap: 9px; }
.tutorial-launch { margin-top: 12px; width: max-content; }
.tutorial-tip { margin: 20px 0; padding: 12px; border-left: 3px solid var(--lime); background: #1d2e48; color: #d7e4fa; font-size: 13px; line-height: 1.35; }
.tutorial-actions { display: flex; justify-content: space-between; align-items: center; }
.player[data-player] { cursor: pointer; }
.player[data-player]:hover { border-color: var(--blue); }
.role-avatar { width: 36px; height: 36px; flex: 0 0 36px; object-fit: cover; border: 2px solid #8190a8; border-radius: 50%; background: #1d304a; }
.role-modal { max-width: 355px; text-align: center; }
.role-card-full { margin: 0 auto 16px; padding: 8px; border: 4px solid #f7f3e4; border-radius: 13px; background: #e9e5d6; box-shadow: 0 0 0 2px #173042, 0 6px 0 #08121c; color: #152b38; }
.role-card-title { display: flex; justify-content: space-between; padding: 8px; background: #102a3a; color: #f6efd9; font-weight: 700; text-transform: uppercase; border-radius: 5px 5px 0 0; }
.role-art-frame { height: 210px; margin: 7px 0; overflow: hidden; border: 3px solid #1c3544; box-shadow: inset 0 0 0 2px #c9bf9c; background: #29465c; }
.role-art-frame img { width: 100%; height: 100%; object-fit: cover; }
.role-card-rules { padding: 10px; background: #173342; border: 2px solid #193244; color: #f2f6ed; text-align: left; font-size: 13px; line-height: 1.3; }
.role-card-rules p { margin: 5px 0 0; }
.role-card-full q { display: block; margin: 8px 5px 1px; font-size: 11px; font-style: italic; }
.role-roll { text-align: center; border-color: var(--blue); }
.role-roll-art { width: 126px; height: 126px; margin: 20px auto; overflow: hidden; border: 3px solid var(--lime); border-radius: 50%; background: #1d304a; animation: role-pulse .18s ease-in-out; }
.role-roll-art img { width: 100%; height: 100%; object-fit: cover; }
@keyframes role-pulse { from { transform: scale(.82); opacity: .35; } to { transform: scale(1); opacity: 1; } }
.discard.showing { width: 170px; height: 324px; display: grid; grid-template-rows: 1fr auto; border-style: solid; background: #1c2737; color: #adb8ca; }
.discard-preview { display: grid; place-items: center; align-content: center; gap: 3px; text-align: center; overflow: hidden; }
.discard-preview .card { width: 164px; min-width: 164px; height: 286px; margin: 0; pointer-events: none; opacity: .68; filter: grayscale(.72) saturate(.32) brightness(.78); box-shadow: 0 4px 0 #060b13; }
.discard-preview .card:disabled { opacity: .68; cursor: default; transform: none; }
.discard-preview .card .card-title, .discard-preview .card .card-art-frame, .discard-preview .card .card-rules { text-transform: none; letter-spacing: normal; }
.discard-preview .card .card-title b { font-size: 14px; }
.discard-preview .card .card-title i { font-size: 15px; }
.discard-preview .card .card-rules { font-size: 10px; line-height: 1.22; }
.discard-preview small { font: 9px 'DM Mono', monospace; text-transform: uppercase; color: #9aa8ba; padding-bottom: 4px; }
.log { margin-top: 12px; padding: 0; overflow: hidden; border: 1px solid #30455f; border-radius: 7px; background: #0a1320; font-family: 'DM Mono', monospace; }
.log-head { display: flex; justify-content: space-between; align-items: center; padding: 7px 9px; border-bottom: 1px solid #253851; color: #99a9c0; font-size: 10px; }
.log-head b { padding: 2px 5px; border-radius: 3px; background: #244a43; color: #b9e75d; font-weight: 400; }
.log p { display: grid; grid-template-columns: 58px 1fr; gap: 8px; margin: 0; padding: 6px 9px; border-bottom: 1px solid #17263a; color: #c4d0e2; font-size: 10px; line-height: 1.3; }
.log p:last-child { border-bottom: 0; }
.log code { color: #b9e75d; font-family: inherit; }
@media (max-width: 520px) { .header-actions { gap: 5px; } .header-actions .outline { padding: 8px; font-size: 12px; } }
.action-hand{display:flex;gap:8px;overflow-x:auto}.action-card{width:122px!important;min-width:122px;padding:0!important;overflow:hidden;text-align:left}.action-card img{width:100%;height:68px;object-fit:cover;display:block}.action-card b,.action-card small{display:block;padding:3px 7px}.action-card small{font-size:9px;color:#c9d7e6}.backlog .log p{white-space:nowrap;overflow-x:auto;overflow-wrap:normal}

/* Backlog mode workers use the same framed-card language as the action deck. */
.backlog .worker{display:flex;flex-direction:column;width:142px;min-width:142px;height:224px;padding:5px;background:#e9e5d6;border:3px solid #f9f7ee;border-radius:11px;box-shadow:0 0 0 2px #152a3c,0 4px 0 #07111b;color:#152b38;text-align:left;overflow:hidden}
.action-limit{color:#aab8cc;font-size:11px}.lane.out{opacity:.45;filter:grayscale(.7)}.lane.out h2 small{color:#f08a8a}
.carry-over{margin:3px 0 0;color:#f2d47c;font-size:11px;font-weight:700}.task.blocked-task{opacity:.5;filter:grayscale(.65)}
.done .more-shipped{background:#2a3445;color:#c5d1df;font-style:italic}
.task .task-art{grid-column:1/-1;height:72px;overflow:hidden;border:2px solid #223949;background:#193348}.task .task-art img{width:100%;height:100%;object-fit:cover;display:block}
.task>b small{display:inline;font-size:10px;color:inherit}
.task-stack{position:relative;min-width:174px;padding-bottom:18px}.task-stack .task{position:relative;z-index:1}.scope-stack{position:absolute;z-index:0;bottom:3px;left:8px;right:8px;display:flex;align-items:center;gap:5px;height:30px;padding:3px 7px;border:2px solid #6e4c25;border-radius:0 0 7px 7px;background:#d8a84a;color:#37230f;font-size:9px;font-weight:800}.scope-stack img{width:25px;height:21px;object-fit:cover;border:1px solid #6e4c25}
.task .unassign-workers{margin-top:3px;border-color:#8b5e3c;background:#fff1d6;color:#57341d;font-size:10px;font-weight:800}
.task-workers{display:flex;gap:3px;position:relative;z-index:2;margin:-3px 6px 4px;padding:5px;border:1px solid #526b8b;border-radius:0 0 7px 7px;background:#14243a}.task-worker{position:relative;width:42px;height:53px;overflow:hidden;border:1px solid #b8c8d7;border-radius:4px;background:#213a51;color:#eef4fb}.task-worker img{width:100%;height:32px;object-fit:cover}.task-worker b{display:block;padding:1px 3px;font-size:6px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-worker i{position:absolute;right:2px;top:22px;padding:1px 3px;border-radius:4px;background:#b9e75d;color:#142010;font-size:8px;font-style:normal;font-weight:800}.task.completed-task{opacity:.58;filter:grayscale(.55)}.task-penalty{display:block;margin-top:5px;padding:3px 5px;border-radius:4px;background:#8d2929;color:#fff2df;font-size:8px;font-weight:800;font-style:normal;line-height:1.15}.task.blocked-task{opacity:.72;filter:none}.task.blocked-task button{border-color:#9e3434;background:#4f1f27;color:#ffd9d9}
.backlog .worker.disabled-worker{transform:rotate(90deg);filter:grayscale(1);opacity:.48;margin:34px 0}.backlog .worker.disabled-worker .worker-rule{background:#4b2730;border-color:#743944;color:#ffd6d6}
.lane-end{padding:7px 9px;border:1px solid #b9e75d;border-radius:6px;background:#b9e75d;color:#16200c;font-size:10px;font-weight:800}.lane-end:disabled{opacity:.4;cursor:not-allowed}
.backlog .player-controls{margin:10px 2px 16px;padding:10px;border:1px solid #597795;border-radius:9px;background:#0e1b2c;box-shadow:4px 4px 0 #07111b}.backlog .player-controls h3{margin:0 0 3px;color:#b9e75d;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.backlog .player-controls .action-hand{margin:6px 0}
.backlog .player-controls .action-hand{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;width:100%;overflow-x:auto;overflow-y:hidden}
.bot-action{display:flex;align-items:center;gap:9px;margin:8px 0;padding:6px;border:1px solid #b9e75d;border-radius:7px;background:#142c30;color:#eaf5d5;font-size:11px;animation:bot-card-in .5s ease-out}.bot-action img{width:58px;height:42px;object-fit:cover;border:1px solid #b9e75d}@keyframes bot-card-in{from{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}
.task.bot-working{border-color:#b9e75d;animation:bot-task-pulse .75s ease-in-out infinite alternate}.task.bot-working .task-art{box-shadow:0 0 14px #b9e75d}@keyframes bot-task-pulse{to{transform:translateY(-4px);box-shadow:0 0 0 2px #b9e75d,0 8px 18px #b9e75d55}}
.backlog .log{max-height:300px;overflow-y:auto}
.backlog .action-hand{align-items:stretch;padding:4px 2px}.backlog .action-card{display:flex;flex-direction:column;width:142px!important;min-width:142px;height:222px;padding:5px!important;border:3px solid #f7f2e4!important;border-radius:10px!important;background:#e9e5d6!important;color:#152b38!important;box-shadow:0 0 0 2px #173042,0 4px 0 #08121c;text-align:left}.backlog .action-card img{height:118px;min-height:118px;padding:0;border:2px solid #213442;background:#29465c;object-fit:cover;object-position:center 34%}.backlog .action-card b{padding:7px 4px 3px;color:#152b38;font-size:12px;line-height:1.05}.backlog .action-card small{padding:2px 4px;color:#314958;font-size:10px;line-height:1.2}.backlog .action-card:disabled{opacity:.62}
.result-screen{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 20%,#27496d 0,#111d31 43%,#080f1b 100%)}.result-card{width:min(520px,100%);padding:32px;border:4px solid #f7f3e4;border-radius:16px;background:#e9e5d6;box-shadow:0 0 0 4px #173042,0 12px 0 #08121c,0 24px 45px #0009;color:#152b38;text-align:center}.result-icon{display:grid;place-items:center;width:62px;height:62px;margin:10px auto;border:4px solid #173342;border-radius:50%;background:#b9e75d;color:#173342;font-size:34px;font-weight:900}.result-card h1{margin:9px 0 4px;font-size:30px;letter-spacing:.03em}.result-message{margin:0 auto 20px;max-width:370px;font-size:15px;line-height:1.4}.result-ranking{margin:20px 0;text-align:left;border:2px solid #193244;background:#173342;color:#f2f6ed}.result-row{display:grid;grid-template-columns:40px 1fr auto;gap:8px;align-items:center;padding:10px;border-bottom:1px solid #365062}.result-row:last-child{border-bottom:0}.result-row b{color:#b9e75d}.result-row strong{color:#f6efd9}.result-row.eliminated{opacity:.52}.result-card .start{padding:12px 18px;border:0;border-radius:8px;background:#b9e75d;color:#15200a;font-weight:800;font-size:14px}
.outage-dialog{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#050a12cc}.outage-dialog-card{width:min(375px,100%);padding:10px;border:4px solid #f7f3e4;border-radius:15px;background:#e9e5d6;box-shadow:0 0 0 3px #571d2b,0 10px 0 #260d15,0 22px 45px #000;color:#172b38;text-align:center}.outage-dialog-card img{width:100%;height:154px;display:block;object-fit:cover;object-position:center;border:3px solid #542130}.outage-dialog-card h2{margin:12px 5px 6px;color:#791f31;font-size:23px}.outage-dialog-card p:not(.eyebrow){margin:0 12px 16px;line-height:1.4}.outage-dialog-card .start{margin-bottom:5px;padding:10px 14px;border:0;border-radius:7px;background:#b94c57;color:white;font-weight:800}
.discard-dialog{width:min(520px,100%)}.discard-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:4px}.discard-choices button{padding:0 0 6px;overflow:hidden;border:2px solid #24394a;border-radius:7px;background:#173342;color:#f4f1e6;font-size:10px}.discard-choices button:hover{border-color:#d06060;transform:translateY(-2px)}.discard-choices img{width:100%;height:64px!important;border:0!important;object-fit:cover}.discard-choices b{display:block;padding:4px;line-height:1.1}
.target-choices{display:flex;gap:9px;justify-content:center;margin:12px 0}.target-choices button{width:116px;padding:0 0 7px;overflow:hidden;border:2px solid #244a59;border-radius:8px;background:#173342;color:#f4f1e6}.target-choices button:hover{border-color:#b9e75d;transform:translateY(-3px)}.target-choices img{width:100%;height:74px!important;border:0!important;object-fit:cover}.target-choices b{display:block;padding:5px;font-size:11px}.outage-dialog-card .outline{margin:5px;padding:8px 12px;border:1px solid #8b9bb0;border-radius:6px;background:transparent;color:#223745}
.card-preview{width:min(360px,calc(100vw - 32px));padding:12px;text-align:center}.card-preview>img{width:min(242px,74vw);height:auto;max-height:350px;margin:0 auto 10px;border:3px solid #173342;border-radius:10px;object-fit:cover;object-position:center;box-shadow:0 3px 0 #0c1c29}.card-preview h2{margin:6px 5px}.card-preview q{display:block;margin:8px 10px 14px;color:#243a48;font-size:14px;line-height:1.3;font-style:italic}.card-preview .start{width:calc(100% - 10px)}.card-preview .start:disabled{opacity:.55;cursor:default}.dossier-backdrop{background:#050a12aa}
.backlog .worker-title{display:flex;justify-content:space-between;align-items:center;min-height:29px;padding:4px 6px;background:#102a3a;color:#f6efd9;border-radius:4px 4px 0 0;font-size:10px;text-transform:uppercase}.backlog .worker-title i{color:#b9e75d;font-size:15px;font-style:normal}.backlog .worker-art{height:106px;margin:4px 0;overflow:hidden;border:2px solid #213442;box-shadow:inset 0 0 0 2px #cabf9e;background:#29465c}.backlog .worker img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.12)}.backlog .worker-rule{padding:4px 5px;background:#173342;border:1px solid #193244;color:#f2f6ed;font-size:10px;text-transform:uppercase}.backlog .worker q{display:block;margin:4px 3px 0;color:#223745;font-size:9px;line-height:1.14;font-style:italic;text-align:center}.backlog .worker.selected{border-color:#b9e75d;box-shadow:0 0 0 2px #b9e75d,0 4px 0 #07111b}.backlog .worker.tapped{filter:grayscale(1);opacity:.46;transform:rotate(3deg)}.setup form{display:grid;gap:12px;max-width:330px;margin:22px auto;text-align:left}.setup label{display:grid;gap:5px;color:#ccd8e9;font-size:12px}.setup input,.setup select{padding:10px;border:1px solid #537098;border-radius:7px;background:#132238;color:#f4f7fb;font:inherit}

/* Compact backlog board: one shared work surface, with teams in a narrow sidebar. */
.compact-board{max-width:1280px;padding:16px}.compact-board>header{display:flex;align-items:center;justify-content:space-between}.compact-board .turn{margin:9px 0 12px;font-size:13px}.game-grid{display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px;align-items:start}.player-sidebar{position:sticky;top:10px;display:grid;gap:7px;padding:10px;border:1px solid #38506e;border-radius:10px;background:#0d1929}.player-sidebar>.eyebrow{margin:0 0 2px;font-size:10px}.sidebar-player{display:grid;gap:5px;padding:8px;border:1px solid #293e59;border-radius:7px;background:#142238;color:#dce6f4}.sidebar-player.active{border-color:#b9e75d;box-shadow:inset 3px 0 #b9e75d;background:#1a2c3a}.sidebar-player.out{opacity:.48;filter:grayscale(.7)}.sidebar-player b{display:block;font-size:11px}.sidebar-player small{color:#aab8cc;font-size:9px}.sidebar-worker-row{display:flex;gap:3px}.sidebar-worker{position:relative;width:27px;height:27px;overflow:hidden;border:1px solid #6c87a0;border-radius:50%;background:#203b55}.sidebar-worker img{width:100%;height:100%;object-fit:cover}.sidebar-worker i{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:11px;height:11px;border-radius:50%;background:#b9e75d;color:#13200d;font-size:7px;font-style:normal;font-weight:900}.sidebar-worker.disabled{filter:grayscale(1);opacity:.42}.board-main{min-width:0}.active-workspace{padding:12px;border:1px solid #466687;border-radius:12px;background:#111d2e;box-shadow:4px 4px 0 #07111b}.workspace-head{display:flex!important;align-items:center;justify-content:space-between;margin:0 0 8px!important;padding:0!important}.workspace-head .eyebrow{margin:0;font-size:10px}.workspace-head h2{margin:2px 0 0;font-size:20px}.bot-turn-label{color:#b9e75d;font-size:11px}.workspace-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);gap:12px}.workspace-columns h3{margin:4px 0 5px;font-size:12px;color:#b9e75d;text-transform:uppercase;letter-spacing:.06em}.workspace-workers,.workspace-tasks{min-width:0;padding:8px;border:1px solid #263d59;border-radius:8px;background:#0d1929}.compact-board .workers{min-height:180px;align-items:flex-start}.compact-board .worker{width:112px;min-width:112px;height:184px;padding:4px;border-width:2px;border-radius:8px}.compact-board .worker-title{min-height:24px;padding:3px 4px;font-size:8px}.compact-board .worker-title i{font-size:12px}.compact-board .worker-art{height:82px;margin:3px 0;border-width:1px}.compact-board .worker-rule{padding:3px;font-size:8px}.compact-board .worker q{margin:3px 2px 0;font-size:8px}.compact-board .worker.disabled-worker{margin:25px 0}.compact-board .tasks{min-height:177px}.compact-board .task{min-width:155px;padding:7px;grid-template-columns:29px 1fr}.compact-board .task .task-art{height:58px}.compact-board .task>b{font-size:23px}.compact-board .task-stack{min-width:155px}.compact-board .task-workers{max-width:143px}.shipped-title{margin-top:10px!important}.compact-board .done{max-height:72px;flex-wrap:wrap;overflow:hidden}.compact-board .done span{font-size:9px}.compact-board .player-controls{margin:12px 0;padding:9px}.compact-board .player-controls .action-hand{gap:7px}.compact-board .action-card{width:122px!important;min-width:122px;height:190px}.compact-board .action-card img{height:94px;min-height:94px}.compact-board .action-card b{font-size:11px}.compact-board .action-card small{font-size:9px}.compact-board .log{margin-top:12px;max-height:220px}.compact-board .log p{padding:5px 8px;font-size:10px}
@media(max-width:820px){.game-grid{grid-template-columns:1fr}.player-sidebar{position:static;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.player-sidebar>.eyebrow{grid-column:1/-1}.workspace-columns{grid-template-columns:1fr}.compact-board .workers{min-height:0}.compact-board .tasks{min-height:0}}
.compact-board .bot-hand .action-card.card-back{display:block;padding:0!important;border:3px solid #f7f2e4!important;background:#11203a!important;box-shadow:0 0 0 2px #173042,0 4px 0 #08121c}.compact-board .bot-hand .action-card.card-back img{width:100%;height:100%;min-height:0;border:0;object-fit:cover;object-position:center}
.compact-worker{display:flex;flex-direction:column;width:112px!important;min-width:112px!important;height:184px!important;padding:4px!important;overflow:hidden;border:2px solid #f9f7ee!important;border-radius:8px!important;background:#e9e5d6;color:#152b38;text-align:left;box-shadow:0 0 0 2px #152a3c,0 4px 0 #07111b}.compact-worker .worker-title{display:flex;justify-content:space-between;align-items:center;min-height:24px;padding:3px 4px;border-radius:3px 3px 0 0;background:#102a3a;color:#f6efd9;font-size:8px;text-transform:uppercase}.compact-worker .worker-title i{color:#b9e75d;font-size:12px;font-style:normal}.compact-worker .worker-art{height:82px;margin:3px 0;overflow:hidden;border:1px solid #213442;box-shadow:inset 0 0 0 1px #cabf9e;background:#29465c}.compact-worker .worker-art img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.12)}.compact-worker .worker-rule{padding:3px;border:1px solid #193244;background:#173342;color:#f2f6ed;font-size:8px;text-transform:uppercase}.compact-worker q{display:block;margin:3px 2px 0;color:#223745;font-size:8px;line-height:1.14;font-style:italic;text-align:center}.compact-worker.disabled-worker{margin:36px 36px;transform:rotate(90deg)!important;transform-origin:center;filter:grayscale(1);opacity:.48}.compact-worker.selected{position:relative;border-color:#b9e75d!important;box-shadow:0 0 0 3px #b9e75d,0 4px 0 #07111b!important}.compact-worker.selected::after{content:'✓';position:absolute;z-index:5;top:49px;left:50%;display:grid;place-items:center;width:38px;height:38px;border:3px solid #f7f2e4;border-radius:50%;background:#aee04f;box-shadow:0 2px 0 #173342;color:#173342;font:900 28px/1 'Space Grotesk',sans-serif;transform:translateX(-50%);pointer-events:none}
.wip-track{position:relative;height:17px;margin:5px 2px 1px;border:1px solid #536879;border-radius:3px;background:repeating-linear-gradient(90deg,#d7e1df 0,#d7e1df calc(6.25% - 1px),#8aa0a2 calc(6.25% - 1px),#8aa0a2 6.25%)}.wip-track::before{content:'';position:absolute;left:0;right:0;top:7px;border-top:1px solid #244353}.track-start,.track-end{position:absolute;top:18px;font-size:7px;color:#51636a}.track-start{left:0}.track-end{right:0}.wip-finish{position:absolute;top:-3px;width:3px;height:22px;background:#d55a39;border:1px solid #62291c;transform:translateX(-50%)}.wip-marker{position:absolute;top:-10px;z-index:2;min-width:24px;padding:2px 3px;border:1px solid #142f40;border-radius:4px;background:#b9e75d;box-shadow:1px 2px 0 #142f40;color:#172814;font-size:7px;font-style:normal;font-weight:900;line-height:1;text-align:center;transform:translateX(-50%)}.wip-caption{display:block;margin-top:10px!important;color:#52666b;font-size:8px!important;line-height:1.1}
.compact-board .task-stack{min-width:195px;padding-right:35px}.wip-side-rail{position:absolute;top:7px;right:0;bottom:35px;width:29px;display:flex;flex-direction:column;align-items:center;color:#657780;font-size:7px;font-style:normal;font-weight:800}.wip-side-rail>span{line-height:8px}.wip-side-rail>small{margin-top:auto;line-height:8px;font-size:7px}.wip-side-ticks{position:absolute;top:9px;bottom:10px;left:9px;width:9px;border-left:2px solid #526c77;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(6.25% - 1px),#526c77 calc(6.25% - 1px),#526c77 6.25%)}.wip-marker-card{position:absolute;right:-10px;z-index:4;display:flex;align-items:center;gap:1px;min-width:39px;padding:3px 2px;border:2px solid #163448;border-radius:4px;background:#b9e75d;box-shadow:2px 2px 0 #163448;color:#172814;font-size:7px;line-height:1;transform:translateY(50%)}.wip-marker-card i{font-size:11px;font-style:normal;line-height:.7}.wip-caption{display:block;margin-top:3px!important;color:#52666b;font-size:8px!important;line-height:1.1}
.compact-board .task-stack{min-width:285px;padding-right:128px}.task .task-edge-track{position:absolute;top:8px;right:4px;bottom:8px;width:13px;z-index:2;display:flex;flex-direction:column;align-items:center;color:#52666b;font-size:6px;font-weight:900}.task-edge-track>span{line-height:7px}.task-edge-track>small{margin-top:auto;font-size:6px;line-height:7px}.task-edge-track>div{position:absolute;top:8px;bottom:8px;left:6px;width:7px;border-left:1px solid #52666b;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(6.25% - 1px),#52666b calc(6.25% - 1px),#52666b 6.25%)}.task-stack>.wip-marker-card{position:absolute;right:0;z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:center;width:112px;min-width:112px;height:184px;padding:5px;border:3px solid #f7f2e4;border-radius:9px;background:linear-gradient(145deg,#244a59,#173342);box-shadow:0 0 0 2px #142c3d,0 4px 0 #07111b;color:#f7f2e4;transform:translateY(-50%);text-align:center}.task-stack>.wip-marker-card b{padding:6px 9px;border:2px solid #b9e75d;border-radius:5px;background:#b9e75d;color:#16250e;font-size:19px;letter-spacing:.08em}.task-stack>.wip-marker-card span{margin-top:9px;color:#d5e6e8;font-size:8px;font-weight:800;line-height:1.25;letter-spacing:.08em}.task-stack>.wip-marker-card i{position:absolute;left:-19px;top:50%;color:#b9e75d;font-size:31px;font-style:normal;line-height:1;transform:translateY(-50%);text-shadow:-2px 0 #142c3d,0 2px #142c3d}.wip-caption{display:block;margin-top:3px!important;color:#52666b;font-size:8px!important;line-height:1.1}
.compact-board .workspace-tasks>.tasks{display:flex;flex-flow:row nowrap;align-items:flex-start;gap:12px;overflow-x:auto;overflow-y:hidden;padding:4px 0 12px}.compact-board .workspace-tasks>.tasks>.task-stack{flex:0 0 270px}.compact-board .task-stack{min-width:270px;padding-right:0;padding-bottom:18px}.compact-board .task-stack>.task{width:100%;padding-bottom:39px;grid-template-columns:42px 1fr}.compact-board .task>b{display:flex;align-items:baseline;gap:2px;white-space:nowrap}.compact-board .task>b small{margin:0;font-size:9px}.task .task-edge-track{position:absolute;top:auto;right:-2px;bottom:-2px;left:-2px;z-index:2;display:block;width:auto;height:31px;margin:0;padding:3px 8px 0;border-top:2px solid #9fb5af;border-radius:0 0 6px 6px;background:#e9e7d9;color:#294c58}.task-edge-track>.task-major-labels{position:static;display:flex;justify-content:space-between;width:auto;height:auto;padding:0 1px 2px;border:0;background:none;color:#294c58;font-size:9px;font-weight:900;line-height:10px;letter-spacing:.03em}.task-edge-track>.task-minor-ticks{position:static;display:block;width:auto;height:15px;border-top:2px solid #294c58;border-left:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(6.25% - 1px),#66858a calc(6.25% - 1px),#66858a 6.25%),repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 2px),#294c58 calc(25% - 2px),#294c58 25%)}.task-stack>.wip-marker-card{position:relative;right:auto;z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:center;width:184px;min-width:184px;height:112px;margin-top:12px;margin-bottom:8px;padding:5px;border:3px solid #f7f2e4;border-radius:9px;background:linear-gradient(145deg,#244a59,#173342);box-shadow:0 0 0 2px #142c3d,0 4px 0 #07111b;color:#f7f2e4;text-align:center;transform:none}.task-stack>.wip-marker-card b{padding:5px 9px;border:2px solid #b9e75d;border-radius:5px;background:#b9e75d;color:#16250e;font-size:18px;letter-spacing:.08em}.task-stack>.wip-marker-card span{margin-top:7px;color:#d5e6e8;font-size:8px;font-weight:800;line-height:1.25;letter-spacing:.08em}.task-stack>.wip-marker-card i{position:absolute;top:-20px;left:50%;color:#b9e75d;font-size:30px;font-style:normal;line-height:1;transform:translateX(-50%);text-shadow:0 -2px #142c3d,2px 0 #142c3d}.wip-caption{display:block;margin-top:3px!important;color:#52666b;font-size:8px!important;line-height:1.1}
.sidebar-player{width:100%;text-align:left;font:inherit;cursor:pointer}.sidebar-player:hover{border-color:#8eb9e4;transform:translateX(2px)}.team-dossier{width:min(790px,100%);max-height:calc(100vh - 32px);overflow:auto;text-align:left}.team-dossier>h2,.team-dossier>p{text-align:center}.team-dossier h3{margin:14px 3px 6px;color:#173342;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.dossier-workers,.dossier-hand,.dossier-task{display:flex;gap:8px;overflow-x:auto;padding:5px 3px 8px}.dossier-workers .worker{flex:0 0 auto;pointer-events:none}.dossier-workers .worker:disabled{opacity:1}.dossier-card-back{width:96px;min-width:96px;height:142px;overflow:hidden;border:2px solid #173042;border-radius:7px;box-shadow:0 3px 0 #08121c}.dossier-card-back img{width:100%;height:100%;object-fit:cover}.dossier-task .task-stack{min-width:174px}.dossier-note{margin:0 3px!important;text-align:left!important;font-size:11px;color:#405969}.team-dossier>.outline{display:block;margin:8px auto 2px}
/* Mobile: progress is read directly from the task card instead of a separate physical WIP marker. */
.shipped-title,.done,.lane h3:last-of-type{display:none}
@media (max-width:700px){.task .task-edge-track,.task-stack>.wip-marker-card{display:none!important}.compact-board .task-stack,.compact-board .workspace-tasks>.tasks>.task-stack{min-width:0!important;padding-right:0!important;padding-bottom:0!important;flex-basis:100%!important}.compact-board .task-stack>.task{padding-bottom:7px!important}.wip-caption{margin-top:6px!important;font-size:11px!important;font-weight:800!important;color:#254e5d!important}.workspace-columns{grid-template-columns:1fr!important}.compact-board .workers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-height:0;padding:0}.compact-board .worker,.compact-board .compact-worker{position:relative;width:auto!important;min-width:0!important;height:76px!important;padding:4px 2px!important;border:0!important;border-radius:9px;background:#193448;box-shadow:none}.compact-board .worker-title{position:absolute;right:2px;bottom:3px;left:2px;z-index:2;min-height:21px;padding:3px 25px 2px 3px;overflow:hidden;border-radius:4px;background:#102533;color:#f8f1df;font-size:7px;line-height:1.05;text-align:left}.compact-board .worker-title b{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.compact-board .worker-title i{position:absolute;right:2px;bottom:1px;display:grid;width:20px;height:17px;place-items:center;border:1px solid #f8f1df;border-radius:4px;background:#efb443;color:#162b35;font-size:12px;font-weight:900;font-style:normal;line-height:1;box-shadow:0 1px 0 #102533}.compact-board .worker-art{width:48px;height:48px;margin:0 auto;border:2px solid #f8f1df;border-radius:50%;overflow:hidden}.compact-board .worker-art img{object-position:center}.compact-board .worker-rule,.compact-board .worker q{display:none}.compact-board .worker.disabled-worker{margin:0;transform:none!important;filter:grayscale(1);opacity:.48}.compact-board .worker.disabled-worker::after{content:'×';position:absolute;top:2px;left:4px;z-index:3;color:#fff;font-size:24px;font-weight:900;text-shadow:0 1px 2px #000}.sidebar-worker i{width:15px;height:15px;border:1px solid #f8f1df;font-size:9px}.compact-board .player-controls .action-hand{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;overflow:visible}.compact-board .action-card{width:auto!important;min-width:0!important;height:106px;padding:3px;border-radius:7px}.compact-board .action-card img{height:56px;min-height:56px;margin-bottom:3px;border-radius:4px}.compact-board .action-card b{font-size:7px;line-height:1.05}.compact-board .action-card small{display:none}}