:root{color-scheme:light;--ink:#171b25;--muted:#4e5665;--paper:#f6f4ef;--white:#fff;--line:#dcd9cf;--green:#0e0c17;--moss:#ffefb7;font:16px/1.5 "Inter",system-ui,sans-serif}
*{box-sizing:border-box} body{margin:0;background:var(--paper);color:var(--ink)} header{background:#0e0c17;color:#fff}.mast{max-width:1000px;margin:auto;padding:.95rem clamp(1rem,4vw,2rem);display:flex;gap:.85rem;align-items:center;font-weight:700}.mark{display:grid;place-items:center;width:2rem;height:2rem;flex:none;border:1px solid #ffbf00;border-radius:.45rem;color:#ffbf00}.mast button{margin-left:auto;color:white;border-color:#ffbf00;background:transparent;white-space:nowrap}
main{max-width:1000px;margin:auto;padding:0 clamp(1rem,4vw,2rem)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:750;font-size:.72rem;margin:0;color:var(--green)}
button,input,select,textarea{font:inherit;color:inherit}button{background:white;border:1px solid var(--line);border-radius:.55rem;padding:.55rem .85rem;cursor:pointer}button:hover{border-color:var(--green)}:focus-visible{outline:3px solid #926709;outline-offset:3px}.phase{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:.85rem}.phase button{text-align:left;font-weight:750;padding:.75rem 1rem}.phase small{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.phase [aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}
.workspace{border:1px solid var(--line);background:white;border-radius:1rem;overflow:hidden}.overview{padding:1.15rem 1.25rem;display:grid;grid-template-columns:1fr auto;gap:.6rem;align-items:end;background:#fff4cf}.overview h2,.dialog-head h2{margin:.15rem 0 0;font-size:1.35rem;line-height:1.25}.overview span{color:var(--green);font-size:.86rem;font-weight:650}progress{grid-column:1/-1;width:100%;height:.6rem;accent-color:var(--green)}
.filters,.fields{display:grid;gap:.8rem;padding:1rem 1.25rem;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}label{display:grid;gap:.25rem;font-size:.8rem;font-weight:650}input:not([type=checkbox]),select,textarea{width:100%;min-width:0;background:white;border:1px solid #bbb6aa;border-radius:.45rem;padding:.45rem .6rem;font-size:1rem}input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:var(--green);margin:.25rem 0 0;cursor:pointer}
ul{padding:0 1.25rem;margin:0;list-style:none}li{display:flex;align-items:flex-start;gap:.85rem;border-top:1px solid var(--line);padding:.9rem 0}button.task{flex:1;min-width:0;border:0;border-radius:0;text-align:left;padding:0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:.6rem}.task strong{grid-column:1;font-size:.97rem}.meta{grid-column:1;grid-row:2;color:var(--muted);font-size:.82rem}.badge{grid-column:2;grid-row:1/3;background:#eff1ec;color:#36463c;border-radius:999px;padding:.2rem .55rem;font-size:.73rem;white-space:nowrap}.badge[data-status="Complete"]{background:var(--moss);color:#0e0c17}.badge[data-status="Blocked"]{background:#f7e2d8;color:#763c28}.badge[data-status="In progress"]{background:#f3ebc9;color:#614d12}.arrow{grid-column:3;grid-row:1/3;font-size:1.25rem;color:var(--muted)}#empty{padding:0 1.25rem}
footer{padding:1.2rem 0 2.2rem;color:var(--muted);font-size:.85rem}footer p{margin:0 0 .25rem}a{color:var(--green)}
dialog{border:1px solid var(--line);border-radius:1rem;padding:0;width:min(36rem,calc(100% - 2rem));max-height:90vh}dialog::backdrop{background:#0e0c17d9}.dialog-head{padding:1.1rem 1.25rem;background:#fff4cf}.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.wide{grid-column:1/-1}.actions{display:flex;gap:.5rem;justify-content:flex-end;padding:0 1.25rem 1rem}.primary{background:var(--green);color:white;border-color:var(--green)}@media(max-width:420px){button.task{grid-template-columns:minmax(0,1fr) auto}.badge{grid-column:1;grid-row:3;justify-self:start;margin-top:.3rem}.arrow{grid-column:2}.fields{grid-template-columns:1fr}.mast{font-size:.85rem}.mast button{padding:.4rem .55rem}}

.mast{border-bottom:3px solid #ffbf00}
.mark{border:0;font-size:1.6rem;line-height:1}
.phase [aria-pressed=true]{border-bottom:3px solid #ffbf00}
.overview .eyebrow,.dialog-head .eyebrow{color:#70520c}

.mark{position:relative;width:2.5rem;height:2.5rem;overflow:hidden;border-radius:0}
.mark img{position:absolute;top:0;left:50%;height:100%;width:auto;max-width:none;transform:translateX(-50%)}
.phase [aria-pressed=true],.primary{color:#ffbf00}

.mast h1{font:inherit;margin:0}
main{padding-top:1rem}

.team-selector{display:grid;grid-template-columns:1fr 1fr 2fr;gap:.75rem;margin-bottom:.85rem}
@media(max-width:560px){
    .team-selector{grid-template-columns:repeat(2,minmax(0,1fr))}
    .team-name{grid-column:1/-1}
}

.unit-patch{display:block;flex:none;width:1.65rem;height:auto;border-radius:.2rem}
@media(max-width:420px){.mast{gap:.5rem}.unit-patch{width:1.4rem}}

.unit-patch{border-radius:0}
.unit-patch[hidden]{display:none}
.patch-377{clip-path:polygon(0 7%,12% 3%,30% 0,50% 0,70% 0,88% 3%,100% 7%,100% 52%,98% 61%,93% 71%,85% 81%,75% 89%,62% 96%,50% 100%,38% 96%,25% 89%,15% 81%,7% 71%,2% 61%,0 52%)}
.command-patch{width:auto;height:2.15rem}
.command-patch[data-command="4 ESC"],.command-patch[data-command="310 ESC"]{clip-path:circle(49.8%)}
@media(max-width:420px){.command-patch{width:auto;height:1.65rem}}